npm - agentation-vue3 - Versions diffs - 1.0.2 → 1.0.3 - Mend

agentation-vue3 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { defineComponent as et, useCssModule as tt, ref as _, computed as ge, onMounted as ot, watch as oe, openBlock as w, createElementBlock as E, withModifiers as Q, normalizeStyle as H, normalizeClass as h, createElementVNode as v, unref as s, toDisplayString as D, createCommentVNode as P, Fragment as re, renderList as fe, createTextVNode as ce, withDirectives as Me, vModelText as Zt, nextTick as Rt, h as a, onUnmounted as Vt, createBlock as N, Teleport as Ft, resolveDynamicComponent as Z, vModelCheckbox as Ue } from "vue";
-const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
+import { defineComponent as tt, useCssModule as ot, ref as _, computed as ge, onMounted as nt, watch as oe, openBlock as w, createElementBlock as E, withModifiers as Q, normalizeStyle as H, normalizeClass as p, createElementVNode as v, unref as l, toDisplayString as D, createCommentVNode as P, Fragment as re, renderList as fe, createTextVNode as ce, withDirectives as Se, vModelText as Rt, nextTick as Vt, h as a, onUnmounted as Ft, createBlock as N, Teleport as Yt, resolveDynamicComponent as Z, vModelCheckbox as qe } from "vue";
+const Wt = ["placeholder"], Xt = ["disabled"], Ut = /* @__PURE__ */ tt({
   __name: "AnnotationPopup",
   props: {
     element: {},
@@ -15,10 +15,10 @@ const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
     computedStyles: {}
   },
   emits: ["submit", "cancel"],
-  setup(o, { expose: e, emit: r }) {
-    const d = tt(), f = o, n = r, y = _(f.initialValue), $ = _(!1), k = _("initial"), T = _(!1), I = _(!1), m = _(null), b = _(null), z = ge(() => f.computedStyles && Object.keys(f.computedStyles).length > 0), O = ge(() => [
+  setup(o, { expose: e, emit: c }) {
+    const d = ot(), h = o, n = c, y = _(h.initialValue), $ = _(!1), k = _("initial"), T = _(!1), I = _(!1), m = _(null), b = _(null), S = ge(() => h.computedStyles && Object.keys(h.computedStyles).length > 0), O = ge(() => [
       d.popup,
-      f.lightMode && d.light,
+      h.lightMode && d.light,
       k.value === "enter" && d.enter,
       k.value === "entered" && d.entered,
       k.value === "exit" && d.exit,
@@ -28,23 +28,23 @@ const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
         var M;
         $.value = !1, (M = m.value) == null || M.focus();
       }, 250);
-    }, le = () => {
+    }, se = () => {
       k.value = "exit", setTimeout(() => {
         n("cancel");
       }, 150);
     }, g = () => {
       y.value.trim() && n("submit", y.value.trim());
-    }, S = (M) => {
+    }, z = (M) => {
       var C;
-      M.isComposing || (C = M.nativeEvent) != null && C.isComposing || (M.key === "Enter" && !M.shiftKey && (M.preventDefault(), g()), M.key === "Escape" && le());
-    }, se = () => {
+      M.isComposing || (C = M.nativeEvent) != null && C.isComposing || (M.key === "Enter" && !M.shiftKey && (M.preventDefault(), g()), M.key === "Escape" && se());
+    }, ae = () => {
       const M = I.value;
-      I.value = !I.value, M && Rt(() => {
+      I.value = !I.value, M && Vt(() => {
         var C;
         return (C = m.value) == null ? void 0 : C.focus();
       });
     }, ve = (M) => M.replace(/([A-Z])/g, "-$1").toLowerCase();
-    return ot(() => {
+    return nt(() => {
       requestAnimationFrame(() => {
         k.value = "enter";
       }), setTimeout(() => {
@@ -53,30 +53,30 @@ const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
         const M = m.value;
         M && (M.focus(), M.selectionStart = M.selectionEnd = M.value.length, M.scrollTop = M.scrollHeight);
       }, 50);
-    }), oe(() => f.isExiting, (M) => {
+    }), oe(() => h.isExiting, (M) => {
       M && k.value !== "exit" && (k.value = "exit");
     }), e({
       shake: B
     }), (M, C) => (w(), E("div", {
       ref_key: "popupRef",
       ref: b,
-      class: h(O.value),
+      class: p(O.value),
       "data-annotation-popup": "",
       style: H(o.popupStyle),
       onClick: C[3] || (C[3] = Q(() => {
       }, ["stop"]))
     }, [
       v("div", {
-        class: h(s(d).header)
+        class: p(l(d).header)
       }, [
-        z.value ? (w(), E("button", {
+        S.value ? (w(), E("button", {
           key: 0,
-          class: h(s(d).headerToggle),
+          class: p(l(d).headerToggle),
           type: "button",
-          onClick: se
+          onClick: ae
         }, [
           (w(), E("svg", {
-            class: h([s(d).chevron, I.value && s(d).expanded]),
+            class: p([l(d).chevron, I.value && l(d).expanded]),
             width: "14",
             height: "14",
             viewBox: "0 0 14 14",
@@ -92,37 +92,37 @@ const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
             }, null, -1)
           ])], 2)),
           v("span", {
-            class: h(s(d).element)
+            class: p(l(d).element)
           }, D(o.element), 3)
         ], 2)) : (w(), E("span", {
           key: 1,
-          class: h(s(d).element)
+          class: p(l(d).element)
         }, D(o.element), 3)),
         o.timestamp ? (w(), E("span", {
           key: 2,
-          class: h(s(d).timestamp)
+          class: p(l(d).timestamp)
         }, D(o.timestamp), 3)) : P("", !0)
       ], 2),
-      z.value ? (w(), E("div", {
+      S.value ? (w(), E("div", {
         key: 0,
-        class: h([s(d).stylesWrapper, I.value && s(d).expanded])
+        class: p([l(d).stylesWrapper, I.value && l(d).expanded])
       }, [
         v("div", {
-          class: h(s(d).stylesInner)
+          class: p(l(d).stylesInner)
         }, [
           v("div", {
-            class: h(s(d).stylesBlock)
+            class: p(l(d).stylesBlock)
           }, [
             (w(!0), E(re, null, fe(o.computedStyles, (W, K) => (w(), E("div", {
               key: K,
-              class: h(s(d).styleLine)
+              class: p(l(d).styleLine)
             }, [
               v("span", {
-                class: h(s(d).styleProperty)
+                class: p(l(d).styleProperty)
               }, D(ve(String(K))), 3),
               C[5] || (C[5] = ce(" : ", -1)),
               v("span", {
-                class: h(s(d).styleValue)
+                class: p(l(d).styleValue)
               }, D(W), 3),
               C[6] || (C[6] = ce("; ", -1))
             ], 2))), 128))
@@ -131,75 +131,75 @@ const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
       ], 2)) : P("", !0),
       o.selectedText ? (w(), E("div", {
         key: 1,
-        class: h(s(d).quote)
+        class: p(l(d).quote)
       }, " “" + D(o.selectedText.slice(0, 80)) + D(o.selectedText.length > 80 ? "..." : "") + "” ", 3)) : P("", !0),
-      Me(v("textarea", {
+      Se(v("textarea", {
         ref_key: "textareaRef",
         ref: m,
-        class: h(s(d).textarea),
+        class: p(l(d).textarea),
         style: H({ borderColor: T.value ? o.accentColor : void 0 }),
         placeholder: o.placeholder,
         "onUpdate:modelValue": C[0] || (C[0] = (W) => y.value = W),
         rows: "2",
         onFocus: C[1] || (C[1] = (W) => T.value = !0),
         onBlur: C[2] || (C[2] = (W) => T.value = !1),
-        onKeydown: S
-      }, null, 46, Yt), [
-        [Zt, y.value]
+        onKeydown: z
+      }, null, 46, Wt), [
+        [Rt, y.value]
       ]),
       v("div", {
-        class: h(s(d).actions)
+        class: p(l(d).actions)
       }, [
         v("button", {
-          class: h(s(d).cancel),
-          onClick: le
+          class: p(l(d).cancel),
+          onClick: se
         }, " Cancel ", 2),
         v("button", {
-          class: h(s(d).submit),
+          class: p(l(d).submit),
           style: H({
             backgroundColor: o.accentColor,
             opacity: y.value.trim() ? 1 : 0.4
           }),
           disabled: !y.value.trim(),
           onClick: g
-        }, D(o.submitLabel), 15, Wt)
+        }, D(o.submitLabel), 15, Xt)
       ], 2)
     ], 6));
   }
-}), Ut = "_popup_dj3wu_38", qt = "_enter_dj3wu_52", Gt = "_popupEnter_dj3wu_1", Kt = "_entered_dj3wu_55", Qt = "_exit_dj3wu_59", Jt = "_popupExit_dj3wu_1", eo = "_shake_dj3wu_62", to = "_header_dj3wu_66", oo = "_element_dj3wu_73", no = "_headerToggle_dj3wu_84", lo = "_chevron_dj3wu_100", so = "_expanded_dj3wu_105", ao = "_stylesWrapper_dj3wu_109", io = "_stylesInner_dj3wu_118", ro = "_stylesBlock_dj3wu_122", co = "_styleLine_dj3wu_132", uo = "_styleProperty_dj3wu_137", po = "_styleValue_dj3wu_141", ho = "_timestamp_dj3wu_145", fo = "_quote_dj3wu_154", mo = "_textarea_dj3wu_165", go = "_actions_dj3wu_193", vo = "_cancel_dj3wu_200", Co = "_submit_dj3wu_201", yo = "_light_dj3wu_230", bo = {
-  popup: Ut,
-  enter: qt,
-  popupEnter: Gt,
-  entered: Kt,
-  exit: Qt,
-  popupExit: Jt,
-  shake: eo,
-  header: to,
-  element: oo,
-  headerToggle: no,
-  chevron: lo,
-  expanded: so,
-  stylesWrapper: ao,
-  stylesInner: io,
-  stylesBlock: ro,
-  styleLine: co,
-  styleProperty: uo,
-  styleValue: po,
-  timestamp: ho,
-  quote: fo,
-  textarea: mo,
-  actions: go,
-  cancel: vo,
-  submit: Co,
-  light: yo
-}, nt = (o, e) => {
-  const r = o.__vccOpts || o;
-  for (const [d, f] of e)
-    r[d] = f;
-  return r;
-}, wo = {
-  $style: bo
-}, qe = /* @__PURE__ */ nt(Xt, [["__cssModules", wo]]), ko = (o) => {
+}), qt = "_popup_dj3wu_38", Gt = "_enter_dj3wu_52", Kt = "_popupEnter_dj3wu_1", Qt = "_entered_dj3wu_55", Jt = "_exit_dj3wu_59", eo = "_popupExit_dj3wu_1", to = "_shake_dj3wu_62", oo = "_header_dj3wu_66", no = "_element_dj3wu_73", lo = "_headerToggle_dj3wu_84", so = "_chevron_dj3wu_100", ao = "_expanded_dj3wu_105", io = "_stylesWrapper_dj3wu_109", ro = "_stylesInner_dj3wu_118", co = "_stylesBlock_dj3wu_122", uo = "_styleLine_dj3wu_132", po = "_styleProperty_dj3wu_137", ho = "_styleValue_dj3wu_141", fo = "_timestamp_dj3wu_145", mo = "_quote_dj3wu_154", go = "_textarea_dj3wu_165", vo = "_actions_dj3wu_193", Co = "_cancel_dj3wu_200", yo = "_submit_dj3wu_201", bo = "_light_dj3wu_230", wo = {
+  popup: qt,
+  enter: Gt,
+  popupEnter: Kt,
+  entered: Qt,
+  exit: Jt,
+  popupExit: eo,
+  shake: to,
+  header: oo,
+  element: no,
+  headerToggle: lo,
+  chevron: so,
+  expanded: ao,
+  stylesWrapper: io,
+  stylesInner: ro,
+  stylesBlock: co,
+  styleLine: uo,
+  styleProperty: po,
+  styleValue: ho,
+  timestamp: fo,
+  quote: mo,
+  textarea: go,
+  actions: vo,
+  cancel: Co,
+  submit: yo,
+  light: bo
+}, lt = (o, e) => {
+  const c = o.__vccOpts || o;
+  for (const [d, h] of e)
+    c[d] = h;
+  return c;
+}, ko = {
+  $style: wo
+}, Ge = /* @__PURE__ */ lt(Ut, [["__cssModules", ko]]), xo = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
     a("path", {
@@ -210,8 +210,8 @@ const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
     })
   ]);
 };
-ko.props = ["size"];
-const lt = (o) => {
+xo.props = ["size"];
+const st = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
     a("path", {
@@ -222,8 +222,8 @@ const lt = (o) => {
     })
   ]);
 };
-lt.props = ["size"];
-const xo = (o) => {
+st.props = ["size"];
+const _o = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
     a("path", {
@@ -235,8 +235,8 @@ const xo = (o) => {
     })
   ]);
 };
-xo.props = ["size"];
-const _o = (o) => {
+_o.props = ["size"];
+const Lo = (o) => {
   const e = o.size ?? 14;
   return a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none" }, [
     a("path", {
@@ -248,8 +248,8 @@ const _o = (o) => {
     })
   ]);
 };
-_o.props = ["size"];
-const st = (o) => {
+Lo.props = ["size"];
+const at = (o) => {
   const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: o.style }, [
     a("g", { "clip-path": "url(#clip0_list_sparkle)" }, [
@@ -265,8 +265,8 @@ const st = (o) => {
     ])
   ]);
 };
-st.props = ["size", "style"];
-const at = (o) => {
+at.props = ["size", "style"];
+const it = (o) => {
   const e = o.size ?? 20;
   return a("svg", { width: e, height: e, viewBox: "0 0 20 20", fill: "none" }, [
     a("path", {
@@ -275,7 +275,7 @@ const at = (o) => {
     })
   ]);
 };
-at.props = ["size"];
+it.props = ["size"];
 const ze = (o) => {
   const e = o.size ?? 14;
   return a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none" }, [
@@ -308,39 +308,39 @@ const ze = (o) => {
   ]);
 };
 ze.props = ["size"];
-const Lo = (o) => {
+const Mo = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z", stroke: "currentColor", "stroke-width": "1.5" }),
     a("path", { d: "M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-Lo.props = ["size"];
-const it = (o) => {
-  const e = o.size ?? 24, r = o.copied ?? !1;
+Mo.props = ["size"];
+const rt = (o) => {
+  const e = o.size ?? 24, c = o.copied ?? !1;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("style", {}, ".copy-icon, .check-icon { transition: opacity 0.2s ease, transform 0.2s ease; }"),
     // Copy icon
-    a("g", { class: "copy-icon", style: { opacity: r ? 0 : 1, transform: r ? "scale(0.8)" : "scale(1)", transformOrigin: "center" } }, [
+    a("g", { class: "copy-icon", style: { opacity: c ? 0 : 1, transform: c ? "scale(0.8)" : "scale(1)", transformOrigin: "center" } }, [
       a("path", { d: "M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z", stroke: "currentColor", "stroke-width": "1.5" }),
       a("path", { d: "M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
     ]),
     // Checkmark circle
-    a("g", { class: "check-icon", style: { opacity: r ? 1 : 0, transform: r ? "scale(1)" : "scale(0.8)", transformOrigin: "center" } }, [
+    a("g", { class: "check-icon", style: { opacity: c ? 1 : 0, transform: c ? "scale(1)" : "scale(0.8)", transformOrigin: "center" } }, [
       a("path", { d: "M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
       a("path", { d: "M15 10L11 14.25L9.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
     ])
   ]);
 };
-it.props = ["size", "copied"];
-const Mo = (o) => {
+rt.props = ["size", "copied"];
+const So = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-Mo.props = ["size"];
+So.props = ["size"];
 const zo = (o) => {
   const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
@@ -349,74 +349,74 @@ const zo = (o) => {
   ]);
 };
 zo.props = ["size"];
-const So = (o) => {
+const Eo = (o) => {
   const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z", fill: "currentColor" }),
     a("path", { d: "M5 19L19 5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-So.props = ["size"];
-const rt = (o) => {
-  const e = o.size ?? 24, r = o.isOpen ?? !0;
+Eo.props = ["size"];
+const ct = (o) => {
+  const e = o.size ?? 24, c = o.isOpen ?? !0;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("style", {}, ".eye-open, .eye-closed { transition: opacity 0.2s ease; }"),
     // Open state
-    a("g", { class: "eye-open", style: { opacity: r ? 1 : 0 } }, [
+    a("g", { class: "eye-open", style: { opacity: c ? 1 : 0 } }, [
       a("path", { d: "M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
       a("path", { d: "M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
     ]),
     // Closed state
-    a("g", { class: "eye-closed", style: { opacity: r ? 0 : 1 } }, [
+    a("g", { class: "eye-closed", style: { opacity: c ? 0 : 1 } }, [
       a("path", { d: "M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z", fill: "currentColor" }),
       a("path", { d: "M5 19L19 5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
     ])
   ]);
 };
-rt.props = ["size", "isOpen"];
-const ct = (o) => {
-  const e = o.size ?? 24, r = o.isPaused ?? !1;
+ct.props = ["size", "isOpen"];
+const ut = (o) => {
+  const e = o.size ?? 24, c = o.isPaused ?? !1;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("style", {}, ".pause-bar, .play-triangle { transition: opacity 0.15s ease; }"),
     // Pause bars
-    a("path", { class: "pause-bar", d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: r ? 0 : 1 } }),
-    a("path", { class: "pause-bar", d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: r ? 0 : 1 } }),
+    a("path", { class: "pause-bar", d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: c ? 0 : 1 } }),
+    a("path", { class: "pause-bar", d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: c ? 0 : 1 } }),
     // Play triangle
-    a("path", { class: "play-triangle", d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5", style: { opacity: r ? 1 : 0 } })
+    a("path", { class: "play-triangle", d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5", style: { opacity: c ? 1 : 0 } })
   ]);
 };
-ct.props = ["size", "isPaused"];
-const ut = (o) => {
+ut.props = ["size", "isPaused"];
+const dt = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("circle", { cx: "12", cy: "12", r: "2.5", stroke: "currentColor", "stroke-width": "1.5" })
   ]);
 };
-ut.props = ["size"];
-const Eo = (o) => {
+dt.props = ["size"];
+const $o = (o) => {
   const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
     a("path", { d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-Eo.props = ["size"];
-const $o = (o) => {
+$o.props = ["size"];
+const To = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5" })
   ]);
 };
-$o.props = ["size"];
-const dt = (o) => {
+To.props = ["size"];
+const pt = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.2126 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4384 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z", fill: "currentColor" })
   ]);
 };
-dt.props = ["size"];
-const pt = (o) => {
+pt.props = ["size"];
+const ht = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", "stroke-width": "1.5" }),
@@ -430,54 +430,54 @@ const pt = (o) => {
     a("path", { d: "M5.64 5.64L7.05 7.05", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-pt.props = ["size"];
-const ht = (o) => {
+ht.props = ["size"];
+const ft = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-ht.props = ["size"];
-const To = (o) => {
+ft.props = ["size"];
+const Io = (o) => {
   const e = o.size ?? 24;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M15 10L11 14.25L9.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-To.props = ["size"];
-const Io = (o) => {
+Io.props = ["size"];
+const Bo = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M16.25 16.25L7.75 7.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M7.75 16.25L16.25 7.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-Io.props = ["size"];
-const Se = (o) => {
+Bo.props = ["size"];
+const Ee = (o) => {
   const e = o.size ?? 12;
   return a("svg", { width: e, height: e, viewBox: "0 0 12 12", fill: "none" }, [
     a("path", { d: "M9 3L3 9M3 3L9 9", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
   ]);
 };
-Se.props = ["size"];
-const Bo = (o) => {
+Ee.props = ["size"];
+const Ao = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     a("path", { d: "M9 12H15", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ]);
 };
-Bo.props = ["size"];
-const Ao = (o) => {
+Ao.props = ["size"];
+const Po = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("path", { d: "M9.25 5.75C9.80228 5.75 10.25 6.19772 10.25 6.75L10.25 17.25C10.25 17.8023 9.80228 18.25 9.25 18.25L6.75 18.25C6.19772 18.25 5.75 17.8023 5.75 17.25L5.75 6.75C5.75 6.19772 6.19772 5.75 6.75 5.75L9.25 5.75Z", stroke: "currentColor", "stroke-width": "1.5" }),
     a("path", { d: "M17.25 5.75C17.8023 5.75 18.25 6.19772 18.25 6.75L18.25 17.25C18.25 17.8023 17.8023 18.25 17.25 18.25L14.75 18.25C14.1977 18.25 13.75 17.8023 13.75 17.25L13.75 6.75C13.75 6.19772 14.1977 5.75 14.75 5.75L17.25 5.75Z", stroke: "currentColor", "stroke-width": "1.5" })
   ]);
 };
-Ao.props = ["size"];
-const Po = (o) => {
+Po.props = ["size"];
+const Ho = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: o.style }, [
     a("path", { d: "M18.8875 19.25L19.6112 19.0533C19.6823 19.3148 19.6068 19.5943 19.4137 19.7844C19.2206 19.9746 18.9399 20.0457 18.6795 19.9706L18.8875 19.25ZM14.9631 18.244L15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L17.4669 15.2156L18.0914 15.6309ZM4.75 11.8041H5.5C5.5 15.2664 8.39065 18.1081 12 18.1081V18.8581V19.6081C7.60123 19.6081 4 16.1334 4 11.8041H4.75ZM19.25 11.8041H18.5C18.5 8.34166 15.6094 5.5 12 5.5V4.75V4C16.3988 4 20 7.47476 20 11.8041H19.25ZM12 4.75V5.5C8.39065 5.5 5.5 8.34166 5.5 11.8041H4.75H4C4 7.47476 7.60123 4 12 4V4.75ZM18.0914 15.6309L17.4669 15.2156C18.1213 14.2315 18.5 13.0612 18.5 11.8041H19.25H20C20 13.3681 19.5276 14.8257 18.716 16.0462L18.0914 15.6309ZM18.8875 19.25L18.1638 19.4467L17.2953 16.2517L18.019 16.055L18.7428 15.8583L19.6112 19.0533L18.8875 19.25ZM12 18.8581V18.1081C12.9509 18.1081 13.8518 17.9105 14.6632 17.5565L14.9631 18.244L15.263 18.9314C14.2652 19.3667 13.1603 19.6081 12 19.6081V18.8581ZM15.3144 18.2188L15.5224 17.4982L19.0955 18.5294L18.8875 19.25L18.6795 19.9706L15.1064 18.9394L15.3144 18.2188ZM14.9631 18.244L14.6632 17.5565C14.925 17.4423 15.2286 17.4134 15.5224 17.4982L15.3144 18.2188L15.1064 18.9394C15.1677 18.957 15.223 18.9489 15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L18.716 16.0462C18.7451 16.0024 18.7636 15.9351 18.7428 15.8583L18.019 16.055L17.2953 16.2517C17.1957 15.8853 17.2716 15.5093 17.4669 15.2156L18.0914 15.6309Z", fill: "currentColor" }),
@@ -486,8 +486,8 @@ const Po = (o) => {
     a("circle", { cx: "9", cy: "11.75", r: "1", fill: "currentColor" })
   ]);
 };
-Po.props = ["size", "style"];
-const Ho = (o) => {
+Ho.props = ["size", "style"];
+const Do = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("g", { "clip-path": "url(#clip0_2_45)" }, [
@@ -500,8 +500,8 @@ const Ho = (o) => {
     ])
   ]);
 };
-Ho.props = ["size"];
-const Do = (o) => {
+Do.props = ["size"];
+const No = (o) => {
   const e = o.size ?? 16;
   return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
     a("g", { "clip-path": "url(#clip0_2_37)" }, [
@@ -514,9 +514,9 @@ const Do = (o) => {
     ])
   ]);
 };
-Do.props = ["size"];
-const No = (o) => {
-  const e = o.size ?? 20, r = o.color ?? "#4C74FF";
+No.props = ["size"];
+const Oo = (o) => {
+  const e = o.size ?? 20, c = o.color ?? "#4C74FF";
   return a("svg", { width: e, height: e, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, [
     a("style", {}, `
       @keyframes bunnyEnterEar { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }
@@ -536,19 +536,19 @@ const No = (o) => {
       svg:hover .bunny-happy-face { opacity: 1; }
     `),
     a("rect", { width: "28", height: "28", fill: "transparent" }),
-    a("path", { class: "bunny-ear-left", d: "M3.738 10.2164L7.224 2.007H9.167L5.676 10.2164H3.738ZM10.791 6.42705C10.791 5.90346 10.726 5.42764 10.596 4.99959C10.47 4.57155 10.292 4.16643 10.063 3.78425C9.833 3.39825 9.56 3.01797 9.243 2.64343C8.926 2.26507 8.767 2.07589 8.767 2.07589L10.24 0.957996C10.24 0.957996 10.433 1.17203 10.819 1.60007C11.209 2.0243 11.559 2.49056 11.869 2.99886C12.178 3.50717 12.413 4.04222 12.574 4.60403C12.734 5.16584 12.814 5.77352 12.814 6.42705C12.814 7.10734 12.73 7.7303 12.562 8.29593C12.394 8.85774 12.153 9.3966 11.84 9.9126C11.526 10.4247 11.181 10.8833 10.802 11.2884C10.428 11.6974 10.24 11.9018 10.24 11.9018L8.767 10.7839C8.767 10.7839 8.924 10.5948 9.237 10.2164C9.554 9.8419 9.83 9.4597 10.063 9.06985C10.3 8.6762 10.479 8.26726 10.602 7.84304C10.728 7.41499 10.791 6.943 10.791 6.42705Z", fill: r }),
-    a("path", { class: "bunny-ear-right", d: "M15.003 10.2164L18.489 2.007H20.432L16.941 10.2164H15.003ZM22.056 6.42705C22.056 5.90346 21.991 5.42764 21.861 4.99959C21.735 4.57155 21.557 4.16643 21.328 3.78425C21.098 3.39825 20.825 3.01797 20.508 2.64343C20.191 2.26507 20.032 2.07589 20.032 2.07589L21.505 0.957996C21.505 0.957996 21.698 1.17203 22.084 1.60007C22.474 2.0243 22.824 2.49056 23.133 2.99886C23.443 3.50717 23.678 4.04222 23.839 4.60403C23.999 5.16584 24.079 5.77352 24.079 6.42705C24.079 7.10734 23.995 7.7303 23.827 8.29593C23.659 8.85774 23.418 9.3966 23.105 9.9126C22.791 10.4247 22.445 10.8833 22.067 11.2884C21.693 11.6974 21.505 11.9018 21.505 11.9018L20.032 10.7839C20.032 10.7839 20.189 10.5948 20.502 10.2164C20.819 9.8419 21.094 9.4597 21.328 9.06985C21.565 8.6762 21.744 8.26726 21.866 7.84304C21.993 7.41499 22.056 6.943 22.056 6.42705Z", fill: r }),
-    a("path", { class: "bunny-face", d: "M2.03 20.4328C2.03 20.9564 2.093 21.4322 2.219 21.8602C2.345 22.2883 2.523 22.6953 2.752 23.0813C2.981 23.4635 3.254 23.8419 3.572 24.2164C3.889 24.5948 4.047 24.7839 4.047 24.7839L2.574 25.9018C2.574 25.9018 2.379 25.6878 1.989 25.2598C1.603 24.8355 1.256 24.3693 0.946 23.861C0.636 23.3527 0.401 22.8176 0.241 22.2558C0.08 21.694 0 21.0863 0 20.4328C0 19.7525 0.084 19.1314 0.252 18.5696C0.421 18.004 0.661 17.4651 0.975 16.953C1.288 16.4371 1.632 15.9765 2.007 15.5714C2.385 15.1625 2.574 14.958 2.574 14.958L4.047 16.0759C4.047 16.0759 3.889 16.2651 3.572 16.6434C3.258 17.018 2.983 17.4021 2.746 17.7957C2.513 18.1855 2.335 18.5945 2.213 19.0225C2.091 19.4467 2.03 19.9168 2.03 20.4328ZM23.687 20.4271C23.687 19.9035 23.622 19.4276 23.492 18.9996C23.366 18.5715 23.188 18.1664 22.959 17.7843C22.729 17.3982 22.456 17.018 22.139 16.6434C21.822 16.2651 21.663 16.0759 21.663 16.0759L23.136 14.958C23.136 14.958 23.329 15.172 23.715 15.6001C24.105 16.0243 24.455 16.4906 24.765 16.9989C25.074 17.5072 25.309 18.0422 25.47 18.604C25.63 19.1658 25.71 19.7735 25.71 20.4271C25.71 21.1073 25.626 21.7303 25.458 22.2959C25.29 22.8577 25.049 23.3966 24.736 23.9126C24.422 24.4247 24.077 24.8833 23.698 25.2884C23.324 25.6974 23.136 25.9018 23.136 25.9018L21.663 24.7839C21.663 24.7839 21.82 24.5948 22.133 24.2164C22.45 23.8419 22.726 23.4597 22.959 23.0698C23.196 22.6762 23.375 22.2673 23.498 21.843C23.624 21.415 23.687 20.943 23.687 20.4271Z", fill: r }),
-    a("circle", { class: "bunny-eye-left", cx: "8.277", cy: "20.466", r: "1.8", fill: r }),
-    a("circle", { class: "bunny-eye-right", cx: "19.878", cy: "20.466", r: "1.8", fill: r }),
-    a("text", { class: "bunny-happy-face", x: "14", y: "26", "text-anchor": "middle", "font-size": "12", "font-weight": "bold", fill: r, "font-family": "system-ui, -apple-system, sans-serif" }, "˃ ᵕ ˂")
+    a("path", { class: "bunny-ear-left", d: "M3.738 10.2164L7.224 2.007H9.167L5.676 10.2164H3.738ZM10.791 6.42705C10.791 5.90346 10.726 5.42764 10.596 4.99959C10.47 4.57155 10.292 4.16643 10.063 3.78425C9.833 3.39825 9.56 3.01797 9.243 2.64343C8.926 2.26507 8.767 2.07589 8.767 2.07589L10.24 0.957996C10.24 0.957996 10.433 1.17203 10.819 1.60007C11.209 2.0243 11.559 2.49056 11.869 2.99886C12.178 3.50717 12.413 4.04222 12.574 4.60403C12.734 5.16584 12.814 5.77352 12.814 6.42705C12.814 7.10734 12.73 7.7303 12.562 8.29593C12.394 8.85774 12.153 9.3966 11.84 9.9126C11.526 10.4247 11.181 10.8833 10.802 11.2884C10.428 11.6974 10.24 11.9018 10.24 11.9018L8.767 10.7839C8.767 10.7839 8.924 10.5948 9.237 10.2164C9.554 9.8419 9.83 9.4597 10.063 9.06985C10.3 8.6762 10.479 8.26726 10.602 7.84304C10.728 7.41499 10.791 6.943 10.791 6.42705Z", fill: c }),
+    a("path", { class: "bunny-ear-right", d: "M15.003 10.2164L18.489 2.007H20.432L16.941 10.2164H15.003ZM22.056 6.42705C22.056 5.90346 21.991 5.42764 21.861 4.99959C21.735 4.57155 21.557 4.16643 21.328 3.78425C21.098 3.39825 20.825 3.01797 20.508 2.64343C20.191 2.26507 20.032 2.07589 20.032 2.07589L21.505 0.957996C21.505 0.957996 21.698 1.17203 22.084 1.60007C22.474 2.0243 22.824 2.49056 23.133 2.99886C23.443 3.50717 23.678 4.04222 23.839 4.60403C23.999 5.16584 24.079 5.77352 24.079 6.42705C24.079 7.10734 23.995 7.7303 23.827 8.29593C23.659 8.85774 23.418 9.3966 23.105 9.9126C22.791 10.4247 22.445 10.8833 22.067 11.2884C21.693 11.6974 21.505 11.9018 21.505 11.9018L20.032 10.7839C20.032 10.7839 20.189 10.5948 20.502 10.2164C20.819 9.8419 21.094 9.4597 21.328 9.06985C21.565 8.6762 21.744 8.26726 21.866 7.84304C21.993 7.41499 22.056 6.943 22.056 6.42705Z", fill: c }),
+    a("path", { class: "bunny-face", d: "M2.03 20.4328C2.03 20.9564 2.093 21.4322 2.219 21.8602C2.345 22.2883 2.523 22.6953 2.752 23.0813C2.981 23.4635 3.254 23.8419 3.572 24.2164C3.889 24.5948 4.047 24.7839 4.047 24.7839L2.574 25.9018C2.574 25.9018 2.379 25.6878 1.989 25.2598C1.603 24.8355 1.256 24.3693 0.946 23.861C0.636 23.3527 0.401 22.8176 0.241 22.2558C0.08 21.694 0 21.0863 0 20.4328C0 19.7525 0.084 19.1314 0.252 18.5696C0.421 18.004 0.661 17.4651 0.975 16.953C1.288 16.4371 1.632 15.9765 2.007 15.5714C2.385 15.1625 2.574 14.958 2.574 14.958L4.047 16.0759C4.047 16.0759 3.889 16.2651 3.572 16.6434C3.258 17.018 2.983 17.4021 2.746 17.7957C2.513 18.1855 2.335 18.5945 2.213 19.0225C2.091 19.4467 2.03 19.9168 2.03 20.4328ZM23.687 20.4271C23.687 19.9035 23.622 19.4276 23.492 18.9996C23.366 18.5715 23.188 18.1664 22.959 17.7843C22.729 17.3982 22.456 17.018 22.139 16.6434C21.822 16.2651 21.663 16.0759 21.663 16.0759L23.136 14.958C23.136 14.958 23.329 15.172 23.715 15.6001C24.105 16.0243 24.455 16.4906 24.765 16.9989C25.074 17.5072 25.309 18.0422 25.47 18.604C25.63 19.1658 25.71 19.7735 25.71 20.4271C25.71 21.1073 25.626 21.7303 25.458 22.2959C25.29 22.8577 25.049 23.3966 24.736 23.9126C24.422 24.4247 24.077 24.8833 23.698 25.2884C23.324 25.6974 23.136 25.9018 23.136 25.9018L21.663 24.7839C21.663 24.7839 21.82 24.5948 22.133 24.2164C22.45 23.8419 22.726 23.4597 22.959 23.0698C23.196 22.6762 23.375 22.2673 23.498 21.843C23.624 21.415 23.687 20.943 23.687 20.4271Z", fill: c }),
+    a("circle", { class: "bunny-eye-left", cx: "8.277", cy: "20.466", r: "1.8", fill: c }),
+    a("circle", { class: "bunny-eye-right", cx: "19.878", cy: "20.466", r: "1.8", fill: c }),
+    a("text", { class: "bunny-happy-face", x: "14", y: "26", "text-anchor": "middle", "font-size": "12", "font-weight": "bold", fill: c, "font-family": "system-ui, -apple-system, sans-serif" }, "˃ ᵕ ˂")
   ]);
 };
-No.props = ["size", "color"];
-function Oo(o, e = 4) {
-  const r = [];
-  let d = o, f = 0;
-  for (; d && f < e; ) {
+Oo.props = ["size", "color"];
+function jo(o, e = 4) {
+  const c = [];
+  let d = o, h = 0;
+  for (; d && h < e; ) {
     const n = d.tagName.toLowerCase();
     if (n === "html" || n === "body") break;
     let y = n;
@@ -558,17 +558,17 @@ function Oo(o, e = 4) {
       const $ = d.className.split(/\s+/).find((k) => k.length > 2 && !k.match(/^[a-z]{1,2}$/) && !k.match(/[A-Z0-9]{5,}/));
       $ && (y = `.${$.split("_")[0]}`);
     }
-    r.unshift(y), d = d.parentElement, f++;
+    c.unshift(y), d = d.parentElement, h++;
   }
-  return r.join(" > ");
+  return c.join(" > ");
 }
 function me(o) {
-  var d, f, n, y, $, k, T, I;
-  const e = Oo(o);
+  var d, h, n, y, $, k, T, I;
+  const e = jo(o);
   if (o.dataset.element)
     return { name: o.dataset.element, path: e };
-  const r = o.tagName.toLowerCase();
-  if (["path", "circle", "rect", "line", "g"].includes(r)) {
+  const c = o.tagName.toLowerCase();
+  if (["path", "circle", "rect", "line", "g"].includes(c)) {
     const m = o.closest("svg");
     if (m) {
       const b = m.parentElement;
@@ -577,7 +577,7 @@ function me(o) {
     }
     return { name: "graphic element", path: e };
   }
-  if (r === "svg") {
+  if (c === "svg") {
     const m = o.parentElement;
     if ((m == null ? void 0 : m.tagName.toLowerCase()) === "button") {
       const b = (d = m.textContent) == null ? void 0 : d.trim();
@@ -585,75 +585,75 @@ function me(o) {
     }
     return { name: "icon", path: e };
   }
-  if (r === "button") {
-    const m = (f = o.textContent) == null ? void 0 : f.trim(), b = o.getAttribute("aria-label");
+  if (c === "button") {
+    const m = (h = o.textContent) == null ? void 0 : h.trim(), b = o.getAttribute("aria-label");
     return b ? { name: `button [${b}]`, path: e } : { name: m ? `button "${m.slice(0, 25)}"` : "button", path: e };
   }
-  if (r === "a") {
+  if (c === "a") {
     const m = (n = o.textContent) == null ? void 0 : n.trim(), b = o.getAttribute("href");
     return m ? { name: `link "${m.slice(0, 25)}"`, path: e } : b ? { name: `link to ${b.slice(0, 30)}`, path: e } : { name: "link", path: e };
   }
-  if (r === "input") {
-    const m = o.getAttribute("type") || "text", b = o.getAttribute("placeholder"), z = o.getAttribute("name");
-    return b ? { name: `input "${b}"`, path: e } : z ? { name: `input [${z}]`, path: e } : { name: `${m} input`, path: e };
+  if (c === "input") {
+    const m = o.getAttribute("type") || "text", b = o.getAttribute("placeholder"), S = o.getAttribute("name");
+    return b ? { name: `input "${b}"`, path: e } : S ? { name: `input [${S}]`, path: e } : { name: `${m} input`, path: e };
   }
-  if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(r)) {
+  if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(c)) {
     const m = (y = o.textContent) == null ? void 0 : y.trim();
-    return { name: m ? `${r} "${m.slice(0, 35)}"` : r, path: e };
+    return { name: m ? `${c} "${m.slice(0, 35)}"` : c, path: e };
   }
-  if (r === "p") {
+  if (c === "p") {
     const m = ($ = o.textContent) == null ? void 0 : $.trim();
     return m ? { name: `paragraph: "${m.slice(0, 40)}${m.length > 40 ? "..." : ""}"`, path: e } : { name: "paragraph", path: e };
   }
-  if (r === "span" || r === "label") {
+  if (c === "span" || c === "label") {
     const m = (k = o.textContent) == null ? void 0 : k.trim();
-    return m && m.length < 40 ? { name: `"${m}"`, path: e } : { name: r, path: e };
+    return m && m.length < 40 ? { name: `"${m}"`, path: e } : { name: c, path: e };
   }
-  if (r === "li") {
+  if (c === "li") {
     const m = (T = o.textContent) == null ? void 0 : T.trim();
     return m && m.length < 40 ? { name: `list item: "${m.slice(0, 35)}"`, path: e } : { name: "list item", path: e };
   }
-  if (r === "blockquote") return { name: "blockquote", path: e };
-  if (r === "code") {
+  if (c === "blockquote") return { name: "blockquote", path: e };
+  if (c === "code") {
     const m = (I = o.textContent) == null ? void 0 : I.trim();
     return m && m.length < 30 ? { name: `code: \`${m}\``, path: e } : { name: "code", path: e };
   }
-  if (r === "pre") return { name: "code block", path: e };
-  if (r === "img") {
+  if (c === "pre") return { name: "code block", path: e };
+  if (c === "img") {
     const m = o.getAttribute("alt");
     return { name: m ? `image "${m.slice(0, 30)}"` : "image", path: e };
   }
-  if (r === "video") return { name: "video", path: e };
-  if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(r)) {
-    const m = o.className, b = o.getAttribute("role"), z = o.getAttribute("aria-label");
-    if (z) return { name: `${r} [${z}]`, path: e };
+  if (c === "video") return { name: "video", path: e };
+  if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(c)) {
+    const m = o.className, b = o.getAttribute("role"), S = o.getAttribute("aria-label");
+    if (S) return { name: `${c} [${S}]`, path: e };
     if (b) return { name: `${b}`, path: e };
     if (typeof m == "string" && m) {
       const O = m.split(/[\s_-]+/).map((B) => B.replace(/[A-Z0-9]{5,}.*$/, "")).filter((B) => B.length > 2 && !/^[a-z]{1,2}$/.test(B)).slice(0, 2);
       if (O.length > 0) return { name: O.join(" "), path: e };
     }
-    return { name: r === "div" ? "container" : r, path: e };
+    return { name: c === "div" ? "container" : c, path: e };
   }
-  return { name: r, path: e };
+  return { name: c, path: e };
 }
-function jo(o) {
+function Zo(o) {
   var n, y, $;
-  const e = [], r = (n = o.textContent) == null ? void 0 : n.trim();
-  r && r.length < 100 && e.push(r);
+  const e = [], c = (n = o.textContent) == null ? void 0 : n.trim();
+  c && c.length < 100 && e.push(c);
   const d = o.previousElementSibling;
   if (d) {
     const k = (y = d.textContent) == null ? void 0 : y.trim();
     k && k.length < 50 && e.unshift(`[before: "${k.slice(0, 40)}"]`);
   }
-  const f = o.nextElementSibling;
-  if (f) {
-    const k = ($ = f.textContent) == null ? void 0 : $.trim();
+  const h = o.nextElementSibling;
+  if (h) {
+    const k = ($ = h.textContent) == null ? void 0 : $.trim();
     k && k.length < 50 && e.push(`[after: "${k.slice(0, 40)}"]`);
   }
   return e.join(" ");
 }
-function M1(o) {
-  var r, d;
+function S1(o) {
+  var c, d;
   if (o.dataset.element) return o.dataset.element;
   const e = o.tagName.toLowerCase();
   if (e === "path") return "path";
@@ -665,19 +665,19 @@ function M1(o) {
   if (e === "g") return "group";
   if (e === "svg") return "svg";
   if (e === "button") {
-    const f = (r = o.textContent) == null ? void 0 : r.trim();
-    return f ? `button "${f}"` : "button";
+    const h = (c = o.textContent) == null ? void 0 : c.trim();
+    return h ? `button "${h}"` : "button";
   }
   if (e === "input")
     return `input (${o.getAttribute("type") || "text"})`;
   if (e === "span" || e === "p" || e === "label") {
-    const f = (d = o.textContent) == null ? void 0 : d.trim();
-    return f && f.length < 30 ? `"${f}"` : "text";
+    const h = (d = o.textContent) == null ? void 0 : d.trim();
+    return h && h.length < 30 ? `"${h}"` : "text";
   }
   if (e === "div") {
-    const f = o.className;
-    if (typeof f == "string" && f) {
-      const n = f.split(/[\s_-]+/).map((y) => y.replace(/[A-Z0-9]{5,}.*$/, "")).filter((y) => y.length > 2 && !/^[a-z]{1,2}$/.test(y)).slice(0, 2);
+    const h = o.className;
+    if (typeof h == "string" && h) {
+      const n = h.split(/[\s_-]+/).map((y) => y.replace(/[A-Z0-9]{5,}.*$/, "")).filter((y) => y.length > 2 && !/^[a-z]{1,2}$/.test(y)).slice(0, 2);
       if (n.length > 0)
         return n.join(" ");
     }
@@ -685,24 +685,24 @@ function M1(o) {
   }
   return e;
 }
-function Zo(o) {
+function Ro(o) {
   const e = o.parentElement;
   if (!e) return "";
-  const r = Array.from(e.children).filter(
+  const c = Array.from(e.children).filter(
     (k) => k !== o && k instanceof HTMLElement
   );
-  if (r.length === 0) return "";
-  const d = r.slice(0, 4).map((k) => {
+  if (c.length === 0) return "";
+  const d = c.slice(0, 4).map((k) => {
     var b;
     const T = k.tagName.toLowerCase(), I = k.className;
     let m = "";
     if (typeof I == "string" && I) {
-      const z = I.split(/\s+/).map((O) => O.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((O) => O.length > 2 && !/^[a-z]{1,2}$/.test(O));
-      z && (m = `.${z}`);
+      const S = I.split(/\s+/).map((O) => O.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((O) => O.length > 2 && !/^[a-z]{1,2}$/.test(O));
+      S && (m = `.${S}`);
     }
     if (T === "button" || T === "a") {
-      const z = (b = k.textContent) == null ? void 0 : b.trim().slice(0, 15);
-      if (z) return `${T}${m} "${z}"`;
+      const S = (b = k.textContent) == null ? void 0 : b.trim().slice(0, 15);
+      if (S) return `${T}${m} "${S}"`;
     }
     return `${T}${m}`;
   });
@@ -714,27 +714,27 @@ function Zo(o) {
   const y = e.children.length, $ = y > d.length + 1 ? ` (${y} total in ${n})` : "";
   return d.join(", ") + $;
 }
-function Ro(o) {
+function Vo(o) {
   const e = o.className;
   return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((d) => d.length > 0).map((d) => {
-    const f = d.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);
-    return f ? f[1] : d;
-  }).filter((d, f, n) => n.indexOf(d) === f).join(", ");
+    const h = d.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);
+    return h ? h[1] : d;
+  }).filter((d, h, n) => n.indexOf(d) === h).join(", ");
 }
 function z1(o) {
   if (typeof window > "u") return "";
-  const e = window.getComputedStyle(o), r = [], d = e.color, f = e.backgroundColor;
-  d && d !== "rgb(0, 0, 0)" && r.push(`color: ${d}`), f && f !== "rgba(0, 0, 0, 0)" && f !== "transparent" && r.push(`bg: ${f}`);
+  const e = window.getComputedStyle(o), c = [], d = e.color, h = e.backgroundColor;
+  d && d !== "rgb(0, 0, 0)" && c.push(`color: ${d}`), h && h !== "rgba(0, 0, 0, 0)" && h !== "transparent" && c.push(`bg: ${h}`);
   const n = e.fontSize, y = e.fontWeight;
-  n && r.push(`font: ${n}`), y && y !== "400" && y !== "normal" && r.push(`weight: ${y}`);
+  n && c.push(`font: ${n}`), y && y !== "400" && y !== "normal" && c.push(`weight: ${y}`);
   const $ = e.padding, k = e.margin;
-  $ && $ !== "0px" && r.push(`padding: ${$}`), k && k !== "0px" && r.push(`margin: ${k}`);
+  $ && $ !== "0px" && c.push(`padding: ${$}`), k && k !== "0px" && c.push(`margin: ${k}`);
   const T = e.display, I = e.position;
-  T && T !== "block" && T !== "inline" && r.push(`display: ${T}`), I && I !== "static" && r.push(`position: ${I}`);
+  T && T !== "block" && T !== "inline" && c.push(`display: ${T}`), I && I !== "static" && c.push(`position: ${I}`);
   const m = e.borderRadius;
-  return m && m !== "0px" && r.push(`radius: ${m}`), r.join(", ");
+  return m && m !== "0px" && c.push(`radius: ${m}`), c.join(", ");
 }
-const ft = /* @__PURE__ */ new Set([
+const mt = /* @__PURE__ */ new Set([
   "none",
   "normal",
   "auto",
@@ -743,7 +743,7 @@ const ft = /* @__PURE__ */ new Set([
   "transparent",
   "static",
   "visible"
-]), Vo = /* @__PURE__ */ new Set([
+]), Fo = /* @__PURE__ */ new Set([
   "p",
   "span",
   "h1",
@@ -772,7 +772,7 @@ const ft = /* @__PURE__ */ new Set([
   "time",
   "cite",
   "q"
-]), Fo = /* @__PURE__ */ new Set(["input", "textarea", "select"]), Yo = /* @__PURE__ */ new Set(["img", "video", "canvas", "svg"]), Wo = /* @__PURE__ */ new Set([
+]), Yo = /* @__PURE__ */ new Set(["input", "textarea", "select"]), Wo = /* @__PURE__ */ new Set(["img", "video", "canvas", "svg"]), Xo = /* @__PURE__ */ new Set([
   "div",
   "section",
   "article",
@@ -786,18 +786,18 @@ const ft = /* @__PURE__ */ new Set([
   "form",
   "fieldset"
 ]);
-function Xo(o) {
+function Uo(o) {
   if (typeof window > "u") return {};
-  const e = window.getComputedStyle(o), r = {}, d = o.tagName.toLowerCase();
-  let f;
-  Vo.has(d) ? f = ["color", "fontSize", "fontWeight", "fontFamily", "lineHeight"] : d === "button" || d === "a" && o.getAttribute("role") === "button" ? f = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Fo.has(d) ? f = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Yo.has(d) ? f = ["width", "height", "objectFit", "borderRadius"] : Wo.has(d) ? f = ["display", "padding", "margin", "gap", "backgroundColor"] : f = ["color", "fontSize", "margin", "padding", "backgroundColor"];
-  for (const n of f) {
+  const e = window.getComputedStyle(o), c = {}, d = o.tagName.toLowerCase();
+  let h;
+  Fo.has(d) ? h = ["color", "fontSize", "fontWeight", "fontFamily", "lineHeight"] : d === "button" || d === "a" && o.getAttribute("role") === "button" ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Yo.has(d) ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Wo.has(d) ? h = ["width", "height", "objectFit", "borderRadius"] : Xo.has(d) ? h = ["display", "padding", "margin", "gap", "backgroundColor"] : h = ["color", "fontSize", "margin", "padding", "backgroundColor"];
+  for (const n of h) {
     const y = n.replace(/([A-Z])/g, "-$1").toLowerCase(), $ = e.getPropertyValue(y);
-    $ && !ft.has($) && (r[n] = $);
+    $ && !mt.has($) && (c[n] = $);
   }
-  return r;
+  return c;
 }
-const Uo = [
+const qo = [
   // Colors
   "color",
   "backgroundColor",
@@ -836,77 +836,77 @@ const Uo = [
   // Transform
   "transform"
 ];
-function qo(o) {
+function Go(o) {
   if (typeof window > "u") return "";
-  const e = window.getComputedStyle(o), r = [];
-  for (const d of Uo) {
-    const f = d.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getPropertyValue(f);
-    n && !ft.has(n) && r.push(`${f}: ${n}`);
+  const e = window.getComputedStyle(o), c = [];
+  for (const d of qo) {
+    const h = d.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getPropertyValue(h);
+    n && !mt.has(n) && c.push(`${h}: ${n}`);
   }
-  return r.join("; ");
+  return c.join("; ");
 }
-function S1(o) {
+function E1(o) {
   if (!o) return;
-  const e = {}, r = o.split(";").map((d) => d.trim()).filter(Boolean);
-  for (const d of r) {
-    const f = d.indexOf(":");
-    if (f > 0) {
-      const n = d.slice(0, f).trim(), y = d.slice(f + 1).trim();
+  const e = {}, c = o.split(";").map((d) => d.trim()).filter(Boolean);
+  for (const d of c) {
+    const h = d.indexOf(":");
+    if (h > 0) {
+      const n = d.slice(0, h).trim(), y = d.slice(h + 1).trim();
       n && y && (e[n] = y);
     }
   }
   return Object.keys(e).length > 0 ? e : void 0;
 }
-function Go(o) {
-  const e = [], r = o.getAttribute("role"), d = o.getAttribute("aria-label"), f = o.getAttribute("aria-describedby"), n = o.getAttribute("tabindex"), y = o.getAttribute("aria-hidden");
-  return r && e.push(`role="${r}"`), d && e.push(`aria-label="${d}"`), f && e.push(`aria-describedby="${f}"`), n && e.push(`tabindex=${n}`), y === "true" && e.push("aria-hidden"), o.matches("a, button, input, select, textarea, [tabindex]") && e.push("focusable"), e.join(", ");
-}
 function Ko(o) {
+  const e = [], c = o.getAttribute("role"), d = o.getAttribute("aria-label"), h = o.getAttribute("aria-describedby"), n = o.getAttribute("tabindex"), y = o.getAttribute("aria-hidden");
+  return c && e.push(`role="${c}"`), d && e.push(`aria-label="${d}"`), h && e.push(`aria-describedby="${h}"`), n && e.push(`tabindex=${n}`), y === "true" && e.push("aria-hidden"), o.matches("a, button, input, select, textarea, [tabindex]") && e.push("focusable"), e.join(", ");
+}
+function Qo(o) {
   const e = [];
-  let r = o;
-  for (; r && r.tagName.toLowerCase() !== "html"; ) {
-    const d = r.tagName.toLowerCase();
-    let f = d;
-    if (r.id)
-      f = `${d}#${r.id}`;
-    else if (r.className && typeof r.className == "string") {
-      const n = r.className.split(/\s+/).map((y) => y.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((y) => y.length > 2);
-      n && (f = `${d}.${n}`);
+  let c = o;
+  for (; c && c.tagName.toLowerCase() !== "html"; ) {
+    const d = c.tagName.toLowerCase();
+    let h = d;
+    if (c.id)
+      h = `${d}#${c.id}`;
+    else if (c.className && typeof c.className == "string") {
+      const n = c.className.split(/\s+/).map((y) => y.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((y) => y.length > 2);
+      n && (h = `${d}.${n}`);
     }
-    e.unshift(f), r = r.parentElement;
+    e.unshift(h), c = c.parentElement;
   }
   return e.join(" > ");
 }
-const Qo = "feedback-annotations-", Jo = 7;
+const Jo = "feedback-annotations-", en = 7;
 function ue(o) {
-  return `${Qo}${o}`;
+  return `${Jo}${o}`;
 }
-function en(o) {
+function tn(o) {
   if (typeof window > "u") return [];
   try {
     const e = localStorage.getItem(ue(o));
     if (!e) return [];
-    const r = JSON.parse(e), d = Date.now() - Jo * 24 * 60 * 60 * 1e3;
-    return r.filter((f) => !f.timestamp || f.timestamp > d);
+    const c = JSON.parse(e), d = Date.now() - en * 24 * 60 * 60 * 1e3;
+    return c.filter((h) => !h.timestamp || h.timestamp > d);
   } catch {
     return [];
   }
 }
-function tn(o, e) {
+function on(o, e) {
   if (!(typeof window > "u"))
     try {
       localStorage.setItem(ue(o), JSON.stringify(e));
     } catch {
     }
 }
-function E1(o) {
+function $1(o) {
   if (!(typeof window > "u"))
     try {
       localStorage.removeItem(ue(o));
     } catch {
     }
 }
-const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "data-active"], an = ["disabled"], rn = ["title"], cn = ["onClick"], un = ["title"], dn = ["onMouseenter", "onClick", "onContextmenu"], Ge = 5, pn = 50, Ke = 20, Qe = 290, be = 280, we = 20, Je = 5, hn = /* @__PURE__ */ et({
+const nn = "1.0.3", ln = ["data-active"], sn = ["disabled"], an = ["disabled", "data-active"], rn = ["disabled"], cn = ["title"], un = ["onClick"], dn = ["title"], pn = ["onMouseenter", "onClick", "onContextmenu"], Ke = 5, hn = 50, Qe = 20, Je = 290, we = 280, ke = 20, et = 5, fn = /* @__PURE__ */ tt({
   __name: "Agentation",
   props: {
     accentColor: { default: "#3c82f7" },
@@ -919,7 +919,7 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
   },
   emits: ["annotationAdd", "annotationDelete", "annotationUpdate", "annotationsClear", "copy"],
   setup(o, { emit: e }) {
-    let r = !1;
+    let c = !1;
     const d = /* @__PURE__ */ new Set([
       "P",
       "SPAN",
@@ -958,7 +958,7 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
       "SMALL",
       "SUB",
       "SUP"
-    ]), f = [
+    ]), h = [
       "BUTTON",
       "A",
       "INPUT",
@@ -974,7 +974,7 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
       "LABEL",
       "TD",
       "TH"
-    ], n = tt(), y = [
+    ], n = ot(), y = [
       { value: "compact", label: "Compact" },
       { value: "standard", label: "Standard" },
       { value: "detailed", label: "Detailed" },
@@ -990,117 +990,119 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
       annotationColor: "#3c82f7",
       autoClearAfterCopy: !1,
       blockInteractions: !1
-    }, T = o, I = e, m = _(!1), b = _(!1), z = _([]), O = _(!0), B = _(null), le = _({ x: 0, y: 0 }), g = _(null), S = _(null), se = _(!1), ve = _(!1), M = _(null), C = _(!0), W = _(!1), K = _(0), de = _(!1), ke = _(!1), x = _({ ...k }), J = _(!1), j = _(null), ne = _(!1), ee = _(null), Ee = _(0);
+    }, T = o, I = e, m = _(!1), b = _(!1), S = _([]), O = _(!0), B = _(null), se = _({ x: 0, y: 0 }), g = _(null), z = _(null), ae = _(!1), ve = _(!1), M = _(null), C = _(!0), W = _(!1), K = _(0), de = _(!1), xe = _(!1), x = _({ ...k }), J = _(!1), j = _(null), ne = _(!1), ee = _(null), $e = _(0);
     let X = !1;
-    const te = _(!1), U = _(null), q = _(null), ae = _([]);
-    let Ce = !1, $e = 0;
+    const te = _(!1), U = _(null), q = _(null), ie = _([]);
+    let Ce = !1, Te = 0;
     const pe = _(null);
-    let xe = !1;
-    const Te = _(null), Ie = _(null), ie = typeof window < "u" ? window.location.pathname : "/", ye = ge(() => z.value.length > 0), mt = ge(() => {
+    let _e = !1;
+    const Ie = _(null), Be = _(null), le = _(typeof window < "u" ? window.location.pathname : "/"), ye = () => {
+      le.value = window.location.pathname;
+    }, be = ge(() => S.value.length > 0), gt = ge(() => {
       if (!g.value) return { left: "0px", top: "0px" };
-      const t = g.value.clientY, p = g.value.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), c = Math.max(
-        be / 2 + we,
+      const t = g.value.clientY, f = g.value.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), u = Math.max(
+        we / 2 + ke,
         Math.min(
-          (typeof window < "u" ? window.innerWidth : 1e3) - be / 2 - we,
-          p
+          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - ke,
+          f
         )
-      ), u = typeof window < "u" ? window.innerHeight : 800;
-      return t > u - Qe ? {
-        left: `${c}px`,
-        bottom: `${u - t + 20}px`
+      ), r = typeof window < "u" ? window.innerHeight : 800;
+      return t > r - Je ? {
+        left: `${u}px`,
+        bottom: `${r - t + 20}px`
       } : {
-        left: `${c}px`,
+        left: `${u}px`,
         top: `${t + 20}px`
       };
-    }), gt = ge(() => {
-      if (!S.value) return { left: "0px", top: "0px" };
-      const t = S.value, l = t.isFixed ? t.y : t.y - K.value, c = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), u = Math.max(
-        be / 2 + we,
+    }), vt = ge(() => {
+      if (!z.value) return { left: "0px", top: "0px" };
+      const t = z.value, s = t.isFixed ? t.y : t.y - K.value, u = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), r = Math.max(
+        we / 2 + ke,
         Math.min(
-          (typeof window < "u" ? window.innerWidth : 1e3) - be / 2 - we,
-          c
+          (typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - ke,
+          u
         )
       ), i = typeof window < "u" ? window.innerHeight : 800;
-      return l > i - Qe ? {
-        left: `${u}px`,
-        bottom: `${i - l + 20}px`
+      return s > i - Je ? {
+        left: `${r}px`,
+        bottom: `${i - s + 20}px`
       } : {
-        left: `${u}px`,
-        top: `${l + 20}px`
+        left: `${r}px`,
+        top: `${s + 20}px`
       };
     });
-    function vt(t) {
-      let l = t;
-      for (; l && l !== document.body; ) {
-        const p = window.getComputedStyle(l);
-        if (p.position === "fixed" || p.position === "sticky")
+    function Ct(t) {
+      let s = t;
+      for (; s && s !== document.body; ) {
+        const f = window.getComputedStyle(s);
+        if (f.position === "fixed" || f.position === "sticky")
           return !0;
-        l = l.parentElement;
+        s = s.parentElement;
       }
       return !1;
     }
-    function Ct(t, l) {
-      const p = parseInt(t.slice(1, 3), 16), c = parseInt(t.slice(3, 5), 16), u = parseInt(t.slice(5, 7), 16);
-      return `rgba(${p}, ${c}, ${u}, ${l})`;
+    function yt(t, s) {
+      const f = parseInt(t.slice(1, 3), 16), u = parseInt(t.slice(3, 5), 16), r = parseInt(t.slice(5, 7), 16);
+      return `rgba(${f}, ${u}, ${r}, ${s})`;
     }
-    function Be(t, l) {
+    function Ae(t, s) {
       return {
-        left: Math.min(t.x, l.x),
-        top: Math.min(t.y, l.y),
-        right: Math.max(t.x, l.x),
-        bottom: Math.max(t.y, l.y),
-        width: Math.abs(l.x - t.x),
-        height: Math.abs(l.y - t.y)
+        left: Math.min(t.x, s.x),
+        top: Math.min(t.y, s.y),
+        right: Math.max(t.x, s.x),
+        bottom: Math.max(t.y, s.y),
+        width: Math.abs(s.x - t.x),
+        height: Math.abs(s.y - t.y)
       };
     }
-    function yt(t, l) {
-      return !(t.right < l.left || t.left > l.right || t.bottom < l.top || t.top > l.bottom);
-    }
-    function bt(t) {
-      const l = window.innerWidth, p = window.innerHeight;
-      return t.width > l * 0.8 && t.height > p * 0.5;
+    function bt(t, s) {
+      return !(t.right < s.left || t.left > s.right || t.bottom < s.top || t.top > s.bottom);
     }
     function wt(t) {
-      return t.filter((l) => !t.some((p) => p !== l && p.contains(l)));
+      const s = window.innerWidth, f = window.innerHeight;
+      return t.width > s * 0.8 && t.height > f * 0.5;
     }
-    function Ae(t) {
-      const l = [], p = f.map((i) => i.toLowerCase()).join(",");
-      document.querySelectorAll(p).forEach((i) => {
+    function kt(t) {
+      return t.filter((s) => !t.some((f) => f !== s && f.contains(s)));
+    }
+    function Pe(t) {
+      const s = [], f = h.map((i) => i.toLowerCase()).join(",");
+      document.querySelectorAll(f).forEach((i) => {
         if (i.closest("[data-feedback-toolbar]") || i.closest("[data-annotation-popup]") || i.closest("[data-annotation-marker]"))
           return;
         const L = i.getBoundingClientRect();
         if (L.width === 0 || L.height === 0) return;
         const A = window.getComputedStyle(i);
-        A.display === "none" || A.visibility === "hidden" || A.opacity === "0" || bt(L) || yt(L, t) && l.push({ element: i, rect: L });
+        A.display === "none" || A.visibility === "hidden" || A.opacity === "0" || wt(L) || bt(L, t) && s.push({ element: i, rect: L });
       });
-      const u = wt(l.map((i) => i.element));
-      return l.filter((i) => u.includes(i.element));
+      const r = kt(s.map((i) => i.element));
+      return s.filter((i) => r.includes(i.element));
     }
-    function kt(t) {
+    function xt(t) {
       if (t.length === 0) return "Empty area";
       if (t.length === 1) {
-        const { name: c } = me(t[0]);
-        return c;
+        const { name: u } = me(t[0]);
+        return u;
       }
-      const l = {};
-      t.forEach((c) => {
-        const u = c.tagName.toLowerCase();
-        l[u] = (l[u] || 0) + 1;
+      const s = {};
+      t.forEach((u) => {
+        const r = u.tagName.toLowerCase();
+        s[r] = (s[r] || 0) + 1;
       });
-      const p = Object.entries(l).map(([c, u]) => u > 1 ? `${u} ${c}s` : c);
-      return `${t.length} elements: ${p.join(", ")}`;
+      const f = Object.entries(s).map(([u, r]) => r > 1 ? `${r} ${u}s` : u);
+      return `${t.length} elements: ${f.join(", ")}`;
     }
-    function xt(t) {
+    function _t(t) {
       if (t.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
-      const l = Math.min(...t.map((i) => i.left)), p = Math.min(...t.map((i) => i.top)), c = Math.max(...t.map((i) => i.right)), u = Math.max(...t.map((i) => i.bottom));
+      const s = Math.min(...t.map((i) => i.left)), f = Math.min(...t.map((i) => i.top)), u = Math.max(...t.map((i) => i.right)), r = Math.max(...t.map((i) => i.bottom));
       return {
-        x: l,
-        y: p + window.scrollY,
-        width: c - l,
-        height: u - p
+        x: s,
+        y: f + window.scrollY,
+        width: u - s,
+        height: r - f
       };
     }
-    function _t(t) {
+    function Lt(t) {
       const i = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), L = t.y, A = {};
       (typeof window < "u" ? window.innerHeight : 800) - L - 22 - 10 < 80 && (A.top = "auto", A.bottom = "calc(100% + 10px)");
       const V = i - 200 / 2, Y = 10, F = typeof window < "u" ? window.innerWidth : 1e3;
@@ -1113,64 +1115,64 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
       }
       return A;
     }
-    function Lt(t, l, p = "standard") {
+    function Mt(t, s, f = "standard") {
       if (t.length === 0) return "";
-      const c = typeof window < "u" ? `${window.innerWidth}×${window.innerHeight}` : "unknown";
-      let u = `## Page Feedback: ${l}
+      const u = typeof window < "u" ? `${window.innerWidth}×${window.innerHeight}` : "unknown";
+      let r = `## Page Feedback: ${s}
 `;
-      return p === "forensic" ? (u += `
+      return f === "forensic" ? (r += `
 **Environment:**
-`, u += `- Viewport: ${c}
-`, typeof window < "u" && (u += `- URL: ${window.location.href}
-`, u += `- User Agent: ${navigator.userAgent}
-`, u += `- Timestamp: ${(/* @__PURE__ */ new Date()).toISOString()}
-`, u += `- Device Pixel Ratio: ${window.devicePixelRatio}
-`), u += `
+`, r += `- Viewport: ${u}
+`, typeof window < "u" && (r += `- URL: ${window.location.href}
+`, r += `- User Agent: ${navigator.userAgent}
+`, r += `- Timestamp: ${(/* @__PURE__ */ new Date()).toISOString()}
+`, r += `- Device Pixel Ratio: ${window.devicePixelRatio}
+`), r += `
 ---
-`) : p !== "compact" && (u += `**Viewport:** ${c}
-`), u += `
+`) : f !== "compact" && (r += `**Viewport:** ${u}
+`), r += `
 `, t.forEach((i, L) => {
-        p === "compact" ? (u += `${L + 1}. **${i.element}**: ${i.comment}`, i.selectedText && (u += ` (re: "${i.selectedText.slice(0, 30)}${i.selectedText.length > 30 ? "..." : ""}")`), u += `
-`) : p === "forensic" ? (u += `### ${L + 1}. ${i.element}
-`, i.isMultiSelect && i.fullPath && (u += `*Forensic data shown for first element of selection*
-`), i.fullPath && (u += `**Full DOM Path:** ${i.fullPath}
-`), i.cssClasses && (u += `**CSS Classes:** ${i.cssClasses}
-`), i.boundingBox && (u += `**Position:** x:${Math.round(i.boundingBox.x)}, y:${Math.round(i.boundingBox.y)} (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
-`), u += `**Annotation at:** ${i.x.toFixed(1)}% from left, ${Math.round(i.y)}px from top
-`, i.selectedText && (u += `**Selected text:** "${i.selectedText}"
-`), i.nearbyText && !i.selectedText && (u += `**Context:** ${i.nearbyText.slice(0, 100)}
-`), i.computedStyles && (u += `**Computed Styles:** ${i.computedStyles}
-`), i.accessibility && (u += `**Accessibility:** ${i.accessibility}
-`), i.nearbyElements && (u += `**Nearby Elements:** ${i.nearbyElements}
-`), u += `**Feedback:** ${i.comment}
+        f === "compact" ? (r += `${L + 1}. **${i.element}**: ${i.comment}`, i.selectedText && (r += ` (re: "${i.selectedText.slice(0, 30)}${i.selectedText.length > 30 ? "..." : ""}")`), r += `
+`) : f === "forensic" ? (r += `### ${L + 1}. ${i.element}
+`, i.isMultiSelect && i.fullPath && (r += `*Forensic data shown for first element of selection*
+`), i.fullPath && (r += `**Full DOM Path:** ${i.fullPath}
+`), i.cssClasses && (r += `**CSS Classes:** ${i.cssClasses}
+`), i.boundingBox && (r += `**Position:** x:${Math.round(i.boundingBox.x)}, y:${Math.round(i.boundingBox.y)} (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
+`), r += `**Annotation at:** ${i.x.toFixed(1)}% from left, ${Math.round(i.y)}px from top
+`, i.selectedText && (r += `**Selected text:** "${i.selectedText}"
+`), i.nearbyText && !i.selectedText && (r += `**Context:** ${i.nearbyText.slice(0, 100)}
+`), i.computedStyles && (r += `**Computed Styles:** ${i.computedStyles}
+`), i.accessibility && (r += `**Accessibility:** ${i.accessibility}
+`), i.nearbyElements && (r += `**Nearby Elements:** ${i.nearbyElements}
+`), r += `**Feedback:** ${i.comment}
-`) : (u += `### ${L + 1}. ${i.element}
-`, u += `**Location:** ${i.elementPath}
-`, p === "detailed" && (i.cssClasses && (u += `**Classes:** ${i.cssClasses}
-`), i.boundingBox && (u += `**Position:** ${Math.round(i.boundingBox.x)}px, ${Math.round(i.boundingBox.y)}px (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
-`)), i.selectedText && (u += `**Selected text:** "${i.selectedText}"
-`), p === "detailed" && i.nearbyText && !i.selectedText && (u += `**Context:** ${i.nearbyText.slice(0, 100)}
-`), u += `**Feedback:** ${i.comment}
+`) : (r += `### ${L + 1}. ${i.element}
+`, r += `**Location:** ${i.elementPath}
+`, f === "detailed" && (i.cssClasses && (r += `**Classes:** ${i.cssClasses}
+`), i.boundingBox && (r += `**Position:** ${Math.round(i.boundingBox.x)}px, ${Math.round(i.boundingBox.y)}px (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
+`)), i.selectedText && (r += `**Selected text:** "${i.selectedText}"
+`), f === "detailed" && i.nearbyText && !i.selectedText && (r += `**Context:** ${i.nearbyText.slice(0, 100)}
+`), r += `**Feedback:** ${i.comment}
 `);
-      }), u.trim();
+      }), r.trim();
     }
-    const Pe = () => {
+    const He = () => {
       X || (b.value = !b.value);
-    }, Mt = () => {
+    }, St = () => {
       X || (O.value = !O.value);
     }, zt = () => {
       X || (C.value = !C.value, localStorage.setItem("feedback-toolbar-theme", C.value ? "dark" : "light"));
-    }, St = () => {
-      X || (de.value = !de.value);
     }, Et = () => {
-      const l = (y.findIndex(
-        (p) => p.value === x.value.outputDetail
+      X || (de.value = !de.value);
+    }, $t = () => {
+      const s = (y.findIndex(
+        (f) => f.value === x.value.outputDetail
       ) + 1) % y.length;
-      x.value.outputDetail = y[l].value;
-    }, $t = (t) => {
+      x.value.outputDetail = y[s].value;
+    }, Tt = (t) => {
       x.value.annotationColor = t;
-    }, He = () => {
+    }, De = () => {
       if (J.value) return;
       const t = document.createElement("style");
       t.id = "feedback-freeze-styles", t.textContent = `
@@ -1180,93 +1182,93 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
       animation-play-state: paused !important;
       transition: none !important;
     }
-  `, document.head.appendChild(t), document.querySelectorAll("video").forEach((l) => {
-        l.paused || (l.dataset.wasPaused = "false", l.pause());
+  `, document.head.appendChild(t), document.querySelectorAll("video").forEach((s) => {
+        s.paused || (s.dataset.wasPaused = "false", s.pause());
       }), J.value = !0;
-    }, _e = () => {
+    }, Le = () => {
       if (!J.value) return;
       const t = document.getElementById("feedback-freeze-styles");
-      t && t.remove(), document.querySelectorAll("video").forEach((l) => {
-        l.dataset.wasPaused === "false" && (l.play(), delete l.dataset.wasPaused);
+      t && t.remove(), document.querySelectorAll("video").forEach((s) => {
+        s.dataset.wasPaused === "false" && (s.play(), delete s.dataset.wasPaused);
       }), J.value = !1;
-    }, Tt = () => {
-      X || (J.value ? (_e(), x.value.blockInteractions = !1) : (He(), x.value.blockInteractions = !0));
-    }, It = (t) => {
+    }, It = () => {
+      X || (J.value ? (Le(), x.value.blockInteractions = !1) : (De(), x.value.blockInteractions = !0));
+    }, Bt = (t) => {
       if (t.target.closest("[data-settings-panel]"))
         return;
-      const l = t.currentTarget;
-      if (!l) return;
-      const p = l.getBoundingClientRect(), c = 257, u = 44;
+      const s = t.currentTarget;
+      if (!s) return;
+      const f = s.getBoundingClientRect(), u = 257, r = 44;
       let i, L;
-      j.value ? (i = j.value.x, L = j.value.y) : (b.value ? i = p.left : i = p.left - (c - u), L = p.top);
+      j.value ? (i = j.value.x, L = j.value.y) : (b.value ? i = f.left : i = f.left - (u - r), L = f.top);
       const A = (Math.random() - 0.5) * 10;
-      Ee.value = A, ee.value = {
+      $e.value = A, ee.value = {
         x: t.clientX,
         y: t.clientY,
         toolbarX: i,
         toolbarY: L
       };
-    }, De = (t) => {
+    }, Ne = (t) => {
       if (!ee.value) return;
-      const l = t.clientX - ee.value.x, p = t.clientY - ee.value.y, c = Math.sqrt(l * l + p * p);
-      if (!ne.value && c > Je && (ne.value = !0), ne.value || c > Je) {
-        let u = ee.value.toolbarX + l, i = ee.value.toolbarY + p;
+      const s = t.clientX - ee.value.x, f = t.clientY - ee.value.y, u = Math.sqrt(s * s + f * f);
+      if (!ne.value && u > et && (ne.value = !0), ne.value || u > et) {
+        let r = ee.value.toolbarX + s, i = ee.value.toolbarY + f;
         const L = 20, A = 257, R = 44, G = 44;
         if (b.value)
-          u = Math.max(L, Math.min(window.innerWidth - A - L, u));
+          r = Math.max(L, Math.min(window.innerWidth - A - L, r));
         else {
           const V = A - R, Y = L - V, F = window.innerWidth - A - L - 16;
-          u = Math.max(Y, Math.min(F, u));
+          r = Math.max(Y, Math.min(F, r));
         }
-        i = Math.max(L, Math.min(window.innerHeight - G - L, i)), j.value = { x: u, y: i };
+        i = Math.max(L, Math.min(window.innerHeight - G - L, i)), j.value = { x: r, y: i };
       }
-    }, Ne = () => {
+    }, Oe = () => {
       ne.value && (X = !0, setTimeout(() => {
         X = !1;
       }, 50)), ne.value = !1, ee.value = null;
-    }, Le = () => {
+    }, Me = () => {
       if (!j.value) return;
-      const t = 20, l = 257, p = 44, c = 44;
-      let u = j.value.x, i = j.value.y;
+      const t = 20, s = 257, f = 44, u = 44;
+      let r = j.value.x, i = j.value.y;
       if (b.value)
-        u = Math.max(t, Math.min(window.innerWidth - l - t, u));
+        r = Math.max(t, Math.min(window.innerWidth - s - t, r));
       else {
-        const L = l - p, A = t - L, R = window.innerWidth - l - t;
-        u = Math.max(A, Math.min(R, u));
+        const L = s - f, A = t - L, R = window.innerWidth - s - t;
+        r = Math.max(A, Math.min(R, r));
       }
-      i = Math.max(t, Math.min(window.innerHeight - c - t, i)), (u !== j.value.x || i !== j.value.y) && (j.value = { x: u, y: i });
-    }, Bt = async () => {
+      i = Math.max(t, Math.min(window.innerHeight - u - t, i)), (r !== j.value.x || i !== j.value.y) && (j.value = { x: r, y: i });
+    }, At = async () => {
       if (X) return;
-      const t = Lt(z.value, ie, x.value.outputDetail);
+      const t = Mt(S.value, le.value, x.value.outputDetail);
       if (t) {
         if (T.copyToClipboard)
           try {
             if (navigator.clipboard && navigator.clipboard.writeText)
               await navigator.clipboard.writeText(t);
             else {
-              const l = document.createElement("textarea");
-              l.value = t, l.style.position = "fixed", l.style.left = "-9999px", l.style.top = "-9999px", document.body.appendChild(l), l.focus(), l.select(), document.execCommand("copy"), document.body.removeChild(l);
+              const s = document.createElement("textarea");
+              s.value = t, s.style.position = "fixed", s.style.left = "-9999px", s.style.top = "-9999px", document.body.appendChild(s), s.focus(), s.select(), document.execCommand("copy"), document.body.removeChild(s);
             }
-            if (se.value = !0, setTimeout(() => {
-              se.value = !1;
+            if (ae.value = !0, setTimeout(() => {
+              ae.value = !1;
             }, 2e3), x.value.autoClearAfterCopy) {
-              const l = [...z.value];
-              z.value = [], localStorage.removeItem(ue(ie)), I("annotationsClear", l);
+              const s = [...S.value];
+              S.value = [], localStorage.removeItem(ue(le.value)), I("annotationsClear", s);
             }
-          } catch (l) {
-            console.error("Failed to copy:", l);
+          } catch (s) {
+            console.error("Failed to copy:", s);
           }
         I("copy", t);
       }
-    }, At = () => {
-      if (X || z.value.length === 0) return;
-      const t = [...z.value];
-      z.value = [], localStorage.removeItem(ue(ie)), ve.value = !0, setTimeout(() => {
+    }, Pt = () => {
+      if (X || S.value.length === 0) return;
+      const t = [...S.value];
+      S.value = [], localStorage.removeItem(ue(le.value)), ve.value = !0, setTimeout(() => {
         ve.value = !1;
       }, 2e3), I("annotationsClear", t);
-    }, Pt = (t) => {
+    }, Ht = (t) => {
       if (!g.value) return;
-      const l = {
+      const s = {
         id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
         x: g.value.x,
         y: g.value.y,
@@ -1285,63 +1287,63 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
         nearbyElements: g.value.nearbyElements,
         isMultiSelect: g.value.isMultiSelect
       };
-      z.value = [...z.value, l], g.value = null, I("annotationAdd", l);
-    }, Ht = () => {
+      S.value = [...S.value, s], g.value = null, I("annotationAdd", s);
+    }, Dt = () => {
       g.value = null;
-    }, Dt = (t) => {
-      if (!S.value) return;
-      const l = { ...S.value, comment: t };
-      z.value = z.value.map(
-        (p) => p.id === l.id ? l : p
-      ), S.value = null, I("annotationUpdate", l);
-    }, Nt = () => {
-      S.value = null;
-    }, Ot = (t, l) => {
-      l.stopPropagation(), S.value = t;
-    }, jt = (t, l) => {
-      l.stopPropagation(), M.value = null, z.value = z.value.filter((p) => p.id !== t.id), I("annotationDelete", t);
-    }, Oe = (t) => {
+    }, Nt = (t) => {
+      if (!z.value) return;
+      const s = { ...z.value, comment: t };
+      S.value = S.value.map(
+        (f) => f.id === s.id ? s : f
+      ), z.value = null, I("annotationUpdate", s);
+    }, Ot = () => {
+      z.value = null;
+    }, jt = (t, s) => {
+      s.stopPropagation(), z.value = t;
+    }, Zt = (t, s) => {
+      s.stopPropagation(), M.value = null, S.value = S.value.filter((f) => f.id !== t.id), I("annotationDelete", t);
+    }, je = (t) => {
       if (!b.value || t.button !== 0) return;
-      const l = t.target;
-      if (!(l.closest("[data-feedback-toolbar]") || l.closest("[data-annotation-popup]") || l.closest("[data-annotation-marker]")) && !(g.value || S.value)) {
-        if (d.has(l.tagName) || l.isContentEditable) {
+      const s = t.target;
+      if (!(s.closest("[data-feedback-toolbar]") || s.closest("[data-annotation-popup]") || s.closest("[data-annotation-marker]")) && !(g.value || z.value)) {
+        if (d.has(s.tagName) || s.isContentEditable) {
           Ce = !0;
           return;
         }
         Ce = !1, pe.value = { x: t.clientX, y: t.clientY }, U.value = { x: t.clientX, y: t.clientY }, q.value = { x: t.clientX, y: t.clientY };
       }
-    }, je = (t) => {
+    }, Ze = (t) => {
       if (!b.value || !pe.value || Ce) return;
-      const l = t.clientX - pe.value.x, p = t.clientY - pe.value.y;
-      if (l * l + p * p >= Ge * Ge) {
+      const s = t.clientX - pe.value.x, f = t.clientY - pe.value.y;
+      if (s * s + f * f >= Ke * Ke) {
         te.value || (te.value = !0, B.value = null), q.value = { x: t.clientX, y: t.clientY };
-        const u = Date.now();
-        if (u - $e >= pn) {
-          $e = u;
-          const i = Be(U.value, q.value);
-          ae.value = Ae(i);
+        const r = Date.now();
+        if (r - Te >= hn) {
+          Te = r;
+          const i = Ae(U.value, q.value);
+          ie.value = Pe(i);
         }
       }
-    }, Ze = (t) => {
+    }, Re = (t) => {
       if (!b.value) return;
-      const l = te.value;
-      if (pe.value = null, Ce = !1, !l) {
-        te.value = !1, U.value = null, q.value = null, ae.value = [];
+      const s = te.value;
+      if (pe.value = null, Ce = !1, !s) {
+        te.value = !1, U.value = null, q.value = null, ie.value = [];
         return;
       }
-      const p = U.value, c = { x: t.clientX, y: t.clientY };
-      if (p) {
-        const u = Be(p, c);
-        if (u.width >= Ke && u.height >= Ke) {
-          const i = Ae(u), L = i.map((F) => F.element), A = i.map((F) => F.rect);
+      const f = U.value, u = { x: t.clientX, y: t.clientY };
+      if (f) {
+        const r = Ae(f, u);
+        if (r.width >= Qe && r.height >= Qe) {
+          const i = Pe(r), L = i.map((F) => F.element), A = i.map((F) => F.rect);
           let R, G;
-          L.length > 0 ? (G = xt(A), R = G.y + G.height / 2) : (G = {
-            x: u.left,
-            y: u.top + window.scrollY,
-            width: u.width,
-            height: u.height
-          }, R = u.top + window.scrollY + u.height / 2);
-          const V = kt(L), Y = L.map((F) => me(F).path).join("; ");
+          L.length > 0 ? (G = _t(A), R = G.y + G.height / 2) : (G = {
+            x: r.left,
+            y: r.top + window.scrollY,
+            width: r.width,
+            height: r.height
+          }, R = r.top + window.scrollY + r.height / 2);
+          const V = xt(L), Y = L.map((F) => me(F).path).join("; ");
           g.value = {
             x: t.clientX / window.innerWidth * 100,
             // Mouse X as percentage
@@ -1356,54 +1358,54 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
           };
         }
       }
-      te.value = !1, U.value = null, q.value = null, ae.value = [], l && (xe = !0, setTimeout(() => {
-        xe = !1;
+      te.value = !1, U.value = null, q.value = null, ie.value = [], s && (_e = !0, setTimeout(() => {
+        _e = !1;
       }, 50));
-    }, Re = (t) => {
-      if (!b.value || g.value || S.value) return;
+    }, Ve = (t) => {
+      if (!b.value || g.value || z.value) return;
       if (t.target.closest("[data-feedback-toolbar]")) {
         B.value = null;
         return;
       }
-      const p = document.elementFromPoint(t.clientX, t.clientY);
-      if (!p || p.closest("[data-feedback-toolbar]")) {
+      const f = document.elementFromPoint(t.clientX, t.clientY);
+      if (!f || f.closest("[data-feedback-toolbar]")) {
         B.value = null;
         return;
       }
-      const { name: c, path: u } = me(p), i = p.getBoundingClientRect();
-      B.value = { element: c, elementPath: u, rect: i }, le.value = { x: t.clientX, y: t.clientY };
-    }, Ve = (t) => {
-      var We, Xe;
-      if (!b.value || X || xe) return;
-      const l = t.target;
-      if (l.closest("[data-feedback-toolbar]") || l.closest("[data-annotation-popup]") || l.closest("[data-annotation-marker]")) return;
-      const p = l.closest(
+      const { name: u, path: r } = me(f), i = f.getBoundingClientRect();
+      B.value = { element: u, elementPath: r, rect: i }, se.value = { x: t.clientX, y: t.clientY };
+    }, Fe = (t) => {
+      var Xe, Ue;
+      if (!b.value || X || _e) return;
+      const s = t.target;
+      if (s.closest("[data-feedback-toolbar]") || s.closest("[data-annotation-popup]") || s.closest("[data-annotation-marker]")) return;
+      const f = s.closest(
         "button, a, input, select, textarea, [role='button'], [onclick]"
       );
-      if (x.value.blockInteractions && p && (t.preventDefault(), t.stopPropagation()), g.value) {
-        if (p && !x.value.blockInteractions)
+      if (x.value.blockInteractions && f && (t.preventDefault(), t.stopPropagation()), g.value) {
+        if (f && !x.value.blockInteractions)
           return;
-        t.preventDefault(), (We = Te.value) == null || We.shake();
+        t.preventDefault(), (Xe = Ie.value) == null || Xe.shake();
         return;
       }
-      if (S.value) {
-        if (p && !x.value.blockInteractions)
+      if (z.value) {
+        if (f && !x.value.blockInteractions)
           return;
-        t.preventDefault(), (Xe = Ie.value) == null || Xe.shake();
+        t.preventDefault(), (Ue = Be.value) == null || Ue.shake();
         return;
       }
       t.preventDefault();
-      const c = document.elementFromPoint(t.clientX, t.clientY);
-      if (!c) return;
-      const { name: u, path: i } = me(c), L = c.getBoundingClientRect(), A = t.clientX / window.innerWidth * 100, R = vt(c), G = R ? t.clientY : t.clientY + window.scrollY, V = window.getSelection();
+      const u = document.elementFromPoint(t.clientX, t.clientY);
+      if (!u) return;
+      const { name: r, path: i } = me(u), L = u.getBoundingClientRect(), A = t.clientX / window.innerWidth * 100, R = Ct(u), G = R ? t.clientY : t.clientY + window.scrollY, V = window.getSelection();
       let Y;
       V && V.toString().trim().length > 0 && (Y = V.toString().trim().slice(0, 500));
-      const F = Xo(c), he = qo(c);
+      const F = Uo(u), he = Go(u);
       g.value = {
         x: A,
         y: G,
         clientY: t.clientY,
-        element: u,
+        element: r,
         elementPath: i,
         selectedText: Y,
         boundingBox: {
@@ -1412,46 +1414,52 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
           width: L.width,
           height: L.height
         },
-        nearbyText: jo(c),
-        cssClasses: Ro(c),
+        nearbyText: Zo(u),
+        cssClasses: Vo(u),
         isFixed: R,
-        fullPath: Ko(c),
-        accessibility: Go(c),
+        fullPath: Qo(u),
+        accessibility: Ko(u),
         computedStyles: he,
         computedStylesObj: F,
-        nearbyElements: Zo(c)
+        nearbyElements: Ro(u)
       }, B.value = null;
-    }, Fe = () => {
+    }, Ye = () => {
       K.value = window.scrollY;
-    }, Ye = (t) => {
-      t.key === "Escape" && (g.value || S.value || b.value && (b.value = !1));
+    }, We = (t) => {
+      t.key === "Escape" && (g.value || z.value || b.value && (b.value = !1));
     };
-    return ot(() => {
+    return nt(() => {
       m.value = !0, K.value = window.scrollY;
-      const t = en(ie);
-      z.value = t, r || (W.value = !0, r = !0, setTimeout(() => {
+      const t = tn(le.value);
+      S.value = t, c || (W.value = !0, c = !0, setTimeout(() => {
         W.value = !1;
       }, 750));
       try {
-        const p = localStorage.getItem("feedback-toolbar-theme");
-        p !== null && (C.value = p === "dark");
+        const r = localStorage.getItem("feedback-toolbar-theme");
+        r !== null && (C.value = r === "dark");
       } catch {
       }
       try {
-        const p = localStorage.getItem("feedback-toolbar-settings");
-        p && (x.value = { ...k, ...JSON.parse(p) });
+        const r = localStorage.getItem("feedback-toolbar-settings");
+        r && (x.value = { ...k, ...JSON.parse(r) });
       } catch {
       }
-      document.addEventListener("mousemove", Re), document.addEventListener("click", Ve, !0), document.addEventListener("keydown", Ye), window.addEventListener("scroll", Fe, { passive: !0 }), window.addEventListener("resize", Le), document.addEventListener("mousedown", Oe), document.addEventListener("mousemove", je), document.addEventListener("mouseup", Ze);
-      const l = document.createElement("style");
-      l.id = "feedback-cursor-styles", document.head.appendChild(l);
-    }), Vt(() => {
-      document.removeEventListener("mousemove", Re), document.removeEventListener("click", Ve, !0), document.removeEventListener("keydown", Ye), window.removeEventListener("scroll", Fe), window.removeEventListener("resize", Le), document.removeEventListener("mousedown", Oe), document.removeEventListener("mousemove", je), document.removeEventListener("mouseup", Ze);
+      document.addEventListener("mousemove", Ve), document.addEventListener("click", Fe, !0), document.addEventListener("keydown", We), window.addEventListener("scroll", Ye, { passive: !0 }), window.addEventListener("resize", Me), window.addEventListener("popstate", ye);
+      const s = history.pushState.bind(history), f = history.replaceState.bind(history);
+      history.pushState = (...r) => {
+        s(...r), ye();
+      }, history.replaceState = (...r) => {
+        f(...r), ye();
+      }, document.addEventListener("mousedown", je), document.addEventListener("mousemove", Ze), document.addEventListener("mouseup", Re);
+      const u = document.createElement("style");
+      u.id = "feedback-cursor-styles", document.head.appendChild(u);
+    }), Ft(() => {
+      document.removeEventListener("mousemove", Ve), document.removeEventListener("click", Fe, !0), document.removeEventListener("keydown", We), window.removeEventListener("scroll", Ye), window.removeEventListener("resize", Me), window.removeEventListener("popstate", ye), document.removeEventListener("mousedown", je), document.removeEventListener("mousemove", Ze), document.removeEventListener("mouseup", Re);
       const t = document.getElementById("feedback-cursor-styles");
       t && t.remove();
     }), oe(b, (t) => {
-      const l = document.getElementById("feedback-cursor-styles");
-      l && (t ? l.textContent = `
+      const s = document.getElementById("feedback-cursor-styles");
+      s && (t ? s.textContent = `
       body * { cursor: crosshair !important; }
       body p, body span, body h1, body h2, body h3, body h4, body h5, body h6,
       body li, body td, body th, body label, body blockquote, body figcaption,
@@ -1469,26 +1477,26 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
       [data-annotation-popup], [data-annotation-popup] * { cursor: default !important; }
       [data-annotation-popup] textarea { cursor: text !important; }
       [data-annotation-popup] button { cursor: pointer !important; }
-    ` : (l.textContent = "", g.value = null, S.value = null, B.value = null));
-    }), oe(z, (t) => {
-      m.value && t.length > 0 ? tn(ie, t) : m.value && t.length === 0 && localStorage.removeItem(ue(ie));
+    ` : (s.textContent = "", g.value = null, z.value = null, B.value = null));
+    }), oe(S, (t) => {
+      m.value && t.length > 0 ? on(le.value, t) : m.value && t.length === 0 && localStorage.removeItem(ue(le.value));
     }, { deep: !0 }), oe(x, (t) => {
       m.value && localStorage.setItem("feedback-toolbar-settings", JSON.stringify(t));
     }, { deep: !0 }), oe(de, (t) => {
-      t ? ke.value = !0 : setTimeout(() => {
-        ke.value = !1;
+      t ? xe.value = !0 : setTimeout(() => {
+        xe.value = !1;
       }, 150);
     }), oe(() => x.value.blockInteractions, (t) => {
-      t ? He() : _e();
+      t ? De() : Le();
     }), oe(b, (t) => {
-      t || (g.value = null, S.value = null, B.value = null, de.value = !1, J.value && (_e(), x.value.blockInteractions = !1)), Le();
-    }), oe(ee, (t, l) => {
-      t && !l ? (document.addEventListener("mousemove", De), document.addEventListener("mouseup", Ne)) : !t && l && (document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Ne));
-    }), (t, l) => {
-      var p;
-      return w(), N(Ft, { to: "body" }, [
+      t || (g.value = null, z.value = null, B.value = null, de.value = !1, J.value && (Le(), x.value.blockInteractions = !1)), Me();
+    }), oe(ee, (t, s) => {
+      t && !s ? (document.addEventListener("mousemove", Ne), document.addEventListener("mouseup", Oe)) : !t && s && (document.removeEventListener("mousemove", Ne), document.removeEventListener("mouseup", Oe));
+    }), (t, s) => {
+      var f;
+      return w(), N(Yt, { to: "body" }, [
         v("div", {
-          class: h(s(n).toolbar),
+          class: p(l(n).toolbar),
           style: H({
             zIndex: T.zIndex,
             ...j.value ? {
@@ -1501,221 +1509,221 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
           "data-feedback-toolbar": ""
         }, [
           v("div", {
-            class: h([
-              s(n).toolbarContainer,
-              !C.value && s(n).light,
-              W.value && s(n).entrance,
-              ne.value && s(n).dragging,
-              b.value ? s(n).expanded : s(n).collapsed
+            class: p([
+              l(n).toolbarContainer,
+              !C.value && l(n).light,
+              W.value && l(n).entrance,
+              ne.value && l(n).dragging,
+              b.value ? l(n).expanded : l(n).collapsed
             ]),
-            style: H(ne.value ? { transform: `rotate(${Ee.value}deg)` } : void 0),
-            onMousedown: It,
-            onClick: l[3] || (l[3] = (c) => b.value ? void 0 : Pe())
+            style: H(ne.value ? { transform: `rotate(${$e.value}deg)` } : void 0),
+            onMousedown: Bt,
+            onClick: s[3] || (s[3] = (u) => b.value ? void 0 : He())
           }, [
             v("div", {
-              class: h([s(n).toggleContent, b.value ? s(n).hidden : s(n).visible])
+              class: p([l(n).toggleContent, b.value ? l(n).hidden : l(n).visible])
             }, [
-              (w(), N(Z(s(st)), { size: 24 })),
-              ye.value ? (w(), E("span", {
+              (w(), N(Z(l(at)), { size: 24 })),
+              be.value ? (w(), E("span", {
                 key: 0,
-                class: h([s(n).badge, b.value && s(n).fadeOut, W.value && s(n).entrance]),
+                class: p([l(n).badge, b.value && l(n).fadeOut, W.value && l(n).entrance]),
                 style: H({ backgroundColor: x.value.annotationColor })
-              }, D(z.value.length), 7)) : P("", !0)
+              }, D(S.value.length), 7)) : P("", !0)
             ], 2),
             v("div", {
-              class: h([s(n).controlsContent, b.value ? s(n).visible : s(n).hidden])
+              class: p([l(n).controlsContent, b.value ? l(n).visible : l(n).hidden])
             }, [
               v("button", {
-                class: h([s(n).controlButton, !C.value && s(n).light]),
+                class: p([l(n).controlButton, !C.value && l(n).light]),
                 "data-active": J.value,
-                onClick: Q(Tt, ["stop"]),
+                onClick: Q(It, ["stop"]),
                 title: "Pause/Resume animations"
               }, [
-                (w(), N(Z(s(ct)), {
+                (w(), N(Z(l(ut)), {
                   size: 24,
                   "is-paused": J.value
                 }, null, 8, ["is-paused"]))
-              ], 10, nn),
+              ], 10, ln),
               v("button", {
-                class: h([s(n).controlButton, !C.value && s(n).light]),
-                disabled: !ye.value,
-                onClick: Q(Mt, ["stop"]),
+                class: p([l(n).controlButton, !C.value && l(n).light]),
+                disabled: !be.value,
+                onClick: Q(St, ["stop"]),
                 title: "Toggle markers"
               }, [
-                (w(), N(Z(s(rt)), {
+                (w(), N(Z(l(ct)), {
                   size: 24,
                   "is-open": O.value
                 }, null, 8, ["is-open"]))
-              ], 10, ln),
+              ], 10, sn),
               v("button", {
-                class: h([s(n).controlButton, !C.value && s(n).light]),
-                disabled: !ye.value,
-                "data-active": se.value,
-                onClick: Q(Bt, ["stop"]),
+                class: p([l(n).controlButton, !C.value && l(n).light]),
+                disabled: !be.value,
+                "data-active": ae.value,
+                onClick: Q(At, ["stop"]),
                 title: "Copy as markdown"
               }, [
-                (w(), N(Z(s(it)), {
+                (w(), N(Z(l(rt)), {
                   size: 24,
-                  copied: se.value
+                  copied: ae.value
                 }, null, 8, ["copied"]))
-              ], 10, sn),
+              ], 10, an),
               v("button", {
-                class: h([s(n).controlButton, !C.value && s(n).light]),
-                disabled: !ye.value,
+                class: p([l(n).controlButton, !C.value && l(n).light]),
+                disabled: !be.value,
                 "data-danger": "",
-                onClick: Q(At, ["stop"]),
+                onClick: Q(Pt, ["stop"]),
                 title: "Clear all annotations"
               }, [
-                (w(), N(Z(s(dt)), { size: 24 }))
-              ], 10, an),
+                (w(), N(Z(l(pt)), { size: 24 }))
+              ], 10, rn),
               v("button", {
-                class: h([s(n).controlButton, !C.value && s(n).light]),
-                onClick: Q(St, ["stop"]),
+                class: p([l(n).controlButton, !C.value && l(n).light]),
+                onClick: Q(Et, ["stop"]),
                 title: "Settings"
               }, [
-                (w(), N(Z(s(ut)), { size: 24 }))
+                (w(), N(Z(l(dt)), { size: 24 }))
               ], 2),
               v("div", {
-                class: h([s(n).divider, !C.value && s(n).light])
+                class: p([l(n).divider, !C.value && l(n).light])
               }, null, 2),
               v("button", {
-                class: h([s(n).controlButton, !C.value && s(n).light]),
-                onClick: Q(Pe, ["stop"]),
+                class: p([l(n).controlButton, !C.value && l(n).light]),
+                onClick: Q(He, ["stop"]),
                 title: "Exit"
               }, [
-                (w(), N(Z(s(Se)), { size: 24 }))
+                (w(), N(Z(l(Ee)), { size: 24 }))
               ], 2)
             ], 2),
-            ke.value ? (w(), E("div", {
+            xe.value ? (w(), E("div", {
               key: 0,
-              class: h([s(n).settingsPanel, C.value ? s(n).dark : s(n).light, de.value ? s(n).enter : s(n).exit]),
-              onClick: l[2] || (l[2] = Q(() => {
+              class: p([l(n).settingsPanel, C.value ? l(n).dark : l(n).light, de.value ? l(n).enter : l(n).exit]),
+              onClick: s[2] || (s[2] = Q(() => {
               }, ["stop"]))
             }, [
               v("div", {
-                class: h(s(n).settingsHeader)
+                class: p(l(n).settingsHeader)
               }, [
                 v("span", {
-                  class: h(s(n).settingsBrand)
+                  class: p(l(n).settingsBrand)
                 }, [
                   v("span", {
-                    class: h(s(n).settingsBrandSlash),
+                    class: p(l(n).settingsBrandSlash),
                     style: H({ color: x.value.annotationColor })
                   }, " / ", 6),
-                  l[5] || (l[5] = ce(" agentation ", -1))
+                  s[5] || (s[5] = ce(" agentation ", -1))
                 ], 2),
                 v("span", {
-                  class: h(s(n).settingsVersion)
-                }, "v" + D(s(on)), 3),
+                  class: p(l(n).settingsVersion)
+                }, "v" + D(l(nn)), 3),
                 v("button", {
-                  class: h(s(n).themeToggle),
+                  class: p(l(n).themeToggle),
                   onClick: zt,
                   title: C.value ? "Switch to light mode" : "Switch to dark mode"
                 }, [
-                  (w(), N(Z(C.value ? s(pt) : s(ht)), { size: 14 }))
-                ], 10, rn)
+                  (w(), N(Z(C.value ? l(ht) : l(ft)), { size: 14 }))
+                ], 10, cn)
               ], 2),
               v("div", {
-                class: h(s(n).settingsSection)
+                class: p(l(n).settingsSection)
               }, [
                 v("div", {
-                  class: h(s(n).settingsRow)
+                  class: p(l(n).settingsRow)
                 }, [
                   v("div", {
-                    class: h([s(n).settingsLabel, !C.value && s(n).light])
+                    class: p([l(n).settingsLabel, !C.value && l(n).light])
                   }, [
-                    l[6] || (l[6] = ce(" Output Detail ", -1)),
+                    s[6] || (s[6] = ce(" Output Detail ", -1)),
                     v("span", {
-                      class: h(s(n).helpIcon),
+                      class: p(l(n).helpIcon),
                       "data-tooltip": "Controls how much detail is included in the copied output"
                     }, [
-                      (w(), N(Z(s(at)), { size: 20 }))
+                      (w(), N(Z(l(it)), { size: 20 }))
                     ], 2)
                   ], 2),
                   v("button", {
-                    class: h([s(n).cycleButton, !C.value && s(n).light]),
-                    onClick: Et
+                    class: p([l(n).cycleButton, !C.value && l(n).light]),
+                    onClick: $t
                   }, [
                     v("span", {
-                      class: h(s(n).cycleButtonText)
-                    }, D((p = y.find((c) => c.value === x.value.outputDetail)) == null ? void 0 : p.label), 3),
+                      class: p(l(n).cycleButtonText)
+                    }, D((f = y.find((u) => u.value === x.value.outputDetail)) == null ? void 0 : f.label), 3),
                     v("span", {
-                      class: h(s(n).cycleDots)
+                      class: p(l(n).cycleDots)
                     }, [
-                      (w(), E(re, null, fe(y, (c) => v("span", {
-                        key: c.value,
-                        class: h([s(n).cycleDot, !C.value && s(n).light, x.value.outputDetail === c.value && s(n).active])
+                      (w(), E(re, null, fe(y, (u) => v("span", {
+                        key: u.value,
+                        class: p([l(n).cycleDot, !C.value && l(n).light, x.value.outputDetail === u.value && l(n).active])
                       }, null, 2)), 64))
                     ], 2)
                   ], 2)
                 ], 2)
               ], 2),
               v("div", {
-                class: h(s(n).settingsSection)
+                class: p(l(n).settingsSection)
               }, [
                 v("div", {
-                  class: h([s(n).settingsLabel, s(n).settingsLabelMarker, !C.value && s(n).light])
+                  class: p([l(n).settingsLabel, l(n).settingsLabelMarker, !C.value && l(n).light])
                 }, " Marker Colour ", 2),
                 v("div", {
-                  class: h(s(n).colorOptions)
+                  class: p(l(n).colorOptions)
                 }, [
-                  (w(), E(re, null, fe($, (c) => v("div", {
-                    key: c.value,
-                    class: h([s(n).colorOptionRing, x.value.annotationColor === c.value && s(n).selected]),
-                    style: H({ borderColor: x.value.annotationColor === c.value ? c.value : "transparent" }),
-                    onClick: (u) => $t(c.value)
+                  (w(), E(re, null, fe($, (u) => v("div", {
+                    key: u.value,
+                    class: p([l(n).colorOptionRing, x.value.annotationColor === u.value && l(n).selected]),
+                    style: H({ borderColor: x.value.annotationColor === u.value ? u.value : "transparent" }),
+                    onClick: (r) => Tt(u.value)
                   }, [
                     v("div", {
-                      class: h([s(n).colorOption, x.value.annotationColor === c.value && s(n).selected]),
-                      style: H({ backgroundColor: c.value }),
-                      title: c.label
-                    }, null, 14, un)
-                  ], 14, cn)), 64))
+                      class: p([l(n).colorOption, x.value.annotationColor === u.value && l(n).selected]),
+                      style: H({ backgroundColor: u.value }),
+                      title: u.label
+                    }, null, 14, dn)
+                  ], 14, un)), 64))
                 ], 2)
               ], 2),
               v("div", {
-                class: h(s(n).settingsSection)
+                class: p(l(n).settingsSection)
               }, [
                 v("label", {
-                  class: h(s(n).settingsToggle)
+                  class: p(l(n).settingsToggle)
                 }, [
-                  Me(v("input", {
+                  Se(v("input", {
                     type: "checkbox",
-                    "onUpdate:modelValue": l[0] || (l[0] = (c) => x.value.autoClearAfterCopy = c)
+                    "onUpdate:modelValue": s[0] || (s[0] = (u) => x.value.autoClearAfterCopy = u)
                   }, null, 512), [
-                    [Ue, x.value.autoClearAfterCopy]
+                    [qe, x.value.autoClearAfterCopy]
                   ]),
                   v("span", {
-                    class: h([s(n).customCheckbox, !C.value && s(n).light, x.value.autoClearAfterCopy && s(n).checked])
+                    class: p([l(n).customCheckbox, !C.value && l(n).light, x.value.autoClearAfterCopy && l(n).checked])
                   }, [
-                    x.value.autoClearAfterCopy ? (w(), N(Z(s(ze)), {
+                    x.value.autoClearAfterCopy ? (w(), N(Z(l(ze)), {
                       key: 0,
                       size: 14
                     })) : P("", !0)
                   ], 2),
                   v("span", {
-                    class: h([s(n).toggleLabel, !C.value && s(n).light])
+                    class: p([l(n).toggleLabel, !C.value && l(n).light])
                   }, " Clear after copy ", 2)
                 ], 2),
                 v("label", {
-                  class: h(s(n).settingsToggle)
+                  class: p(l(n).settingsToggle)
                 }, [
-                  Me(v("input", {
+                  Se(v("input", {
                     type: "checkbox",
-                    "onUpdate:modelValue": l[1] || (l[1] = (c) => x.value.blockInteractions = c)
+                    "onUpdate:modelValue": s[1] || (s[1] = (u) => x.value.blockInteractions = u)
                   }, null, 512), [
-                    [Ue, x.value.blockInteractions]
+                    [qe, x.value.blockInteractions]
                   ]),
                   v("span", {
-                    class: h([s(n).customCheckbox, !C.value && s(n).light, x.value.blockInteractions && s(n).checked])
+                    class: p([l(n).customCheckbox, !C.value && l(n).light, x.value.blockInteractions && l(n).checked])
                   }, [
-                    x.value.blockInteractions ? (w(), N(Z(s(ze)), {
+                    x.value.blockInteractions ? (w(), N(Z(l(ze)), {
                       key: 0,
                       size: 14
                     })) : P("", !0)
                   ], 2),
                   v("span", {
-                    class: h([s(n).toggleLabel, !C.value && s(n).light])
+                    class: p([l(n).toggleLabel, !C.value && l(n).light])
                   }, " Block page interactions ", 2)
                 ], 2)
               ], 2)
@@ -1724,7 +1732,7 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
         ], 6),
         te.value && U.value && q.value ? (w(), E("div", {
           key: 0,
-          class: h(s(n).dragSelection),
+          class: p(l(n).dragSelection),
           style: H({
             left: `${Math.min(U.value.x, q.value.x)}px`,
             top: `${Math.min(U.value.y, q.value.y)}px`,
@@ -1732,89 +1740,89 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
             height: `${Math.abs(q.value.y - U.value.y)}px`
           })
         }, [
-          ae.value.length > 0 ? (w(), E("span", {
+          ie.value.length > 0 ? (w(), E("span", {
             key: 0,
-            class: h(s(n).dragCount)
-          }, D(ae.value.length), 3)) : P("", !0)
+            class: p(l(n).dragCount)
+          }, D(ie.value.length), 3)) : P("", !0)
         ], 6)) : P("", !0),
-        (w(!0), E(re, null, fe(ae.value, (c, u) => (w(), E("div", {
-          key: `drag-highlight-${u}`,
-          class: h(s(n).selectedElementHighlight),
+        (w(!0), E(re, null, fe(ie.value, (u, r) => (w(), E("div", {
+          key: `drag-highlight-${r}`,
+          class: p(l(n).selectedElementHighlight),
           style: H({
-            left: `${c.rect.left}px`,
-            top: `${c.rect.top}px`,
-            width: `${c.rect.width}px`,
-            height: `${c.rect.height}px`
+            left: `${u.rect.left}px`,
+            top: `${u.rect.top}px`,
+            width: `${u.rect.width}px`,
+            height: `${u.rect.height}px`
           })
         }, null, 6))), 128)),
-        b.value && B.value && B.value.rect && !g.value && !S.value && !M.value && !te.value ? (w(), E("div", {
+        b.value && B.value && B.value.rect && !g.value && !z.value && !M.value && !te.value ? (w(), E("div", {
           key: 1,
-          class: h(s(n).hoverHighlight),
+          class: p(l(n).hoverHighlight),
           style: H({
             left: `${B.value.rect.left}px`,
             top: `${B.value.rect.top}px`,
             width: `${B.value.rect.width}px`,
             height: `${B.value.rect.height}px`,
             borderColor: x.value.annotationColor,
-            backgroundColor: Ct(x.value.annotationColor, 0.1)
+            backgroundColor: yt(x.value.annotationColor, 0.1)
           })
         }, null, 6)) : P("", !0),
-        b.value && B.value && !g.value && !S.value && !M.value && !te.value ? (w(), E("div", {
+        b.value && B.value && !g.value && !z.value && !M.value && !te.value ? (w(), E("div", {
           key: 2,
-          class: h([s(n).hoverTooltip, !C.value && s(n).light]),
+          class: p([l(n).hoverTooltip, !C.value && l(n).light]),
           style: H({
-            left: `${le.value.x}px`,
-            top: `${le.value.y + 20}px`
+            left: `${se.value.x}px`,
+            top: `${se.value.y + 20}px`
           })
         }, D(B.value.element), 7)) : P("", !0),
-        b.value && O.value ? (w(!0), E(re, { key: 3 }, fe(z.value, (c, u) => (w(), E("div", {
-          key: c.id,
-          class: h([
-            s(n).marker,
-            !C.value && s(n).light,
-            M.value === c.id && s(n).hovered,
-            c.isMultiSelect && s(n).multiSelect
+        b.value && O.value ? (w(!0), E(re, { key: 3 }, fe(S.value, (u, r) => (w(), E("div", {
+          key: u.id,
+          class: p([
+            l(n).marker,
+            !C.value && l(n).light,
+            M.value === u.id && l(n).hovered,
+            u.isMultiSelect && l(n).multiSelect
           ]),
           style: H({
-            left: `${c.x}%`,
-            top: c.isFixed ? `${c.y}px` : `${c.y - K.value}px`,
+            left: `${u.x}%`,
+            top: u.isFixed ? `${u.y}px` : `${u.y - K.value}px`,
             position: "fixed",
-            backgroundColor: M.value === c.id ? void 0 : c.isMultiSelect ? "#10b981" : x.value.annotationColor
+            backgroundColor: M.value === u.id ? void 0 : u.isMultiSelect ? "#10b981" : x.value.annotationColor
           }),
           "data-annotation-marker": "",
-          onMouseenter: (i) => M.value = c.id,
-          onMouseleave: l[4] || (l[4] = (i) => M.value = null),
-          onClick: (i) => jt(c, i),
-          onContextmenu: Q((i) => Ot(c, i), ["prevent"])
+          onMouseenter: (i) => M.value = u.id,
+          onMouseleave: s[4] || (s[4] = (i) => M.value = null),
+          onClick: (i) => Zt(u, i),
+          onContextmenu: Q((i) => jt(u, i), ["prevent"])
         }, [
-          M.value !== c.id ? (w(), E("span", {
+          M.value !== u.id ? (w(), E("span", {
             key: 0,
-            class: h(s(n).markerNumber)
-          }, D(u + 1), 3)) : (w(), N(Z(s(Se)), {
+            class: p(l(n).markerNumber)
+          }, D(r + 1), 3)) : (w(), N(Z(l(Ee)), {
             key: 1,
             size: 12
           })),
-          M.value === c.id && !S.value ? (w(), E("div", {
+          M.value === u.id && !z.value ? (w(), E("div", {
             key: 2,
-            class: h([s(n).markerTooltip, !C.value && s(n).light, s(n).enter]),
-            style: H(_t(c))
+            class: p([l(n).markerTooltip, !C.value && l(n).light, l(n).enter]),
+            style: H(Lt(u))
           }, [
             v("span", {
-              class: h(s(n).markerQuote)
+              class: p(l(n).markerQuote)
             }, [
-              ce(D(c.element) + " ", 1),
-              c.selectedText ? (w(), E(re, { key: 0 }, [
-                ce(' "' + D(c.selectedText.slice(0, 30)) + D(c.selectedText.length > 30 ? "..." : "") + '" ', 1)
+              ce(D(u.element) + " ", 1),
+              u.selectedText ? (w(), E(re, { key: 0 }, [
+                ce(' "' + D(u.selectedText.slice(0, 30)) + D(u.selectedText.length > 30 ? "..." : "") + '" ', 1)
               ], 64)) : P("", !0)
             ], 2),
             v("span", {
-              class: h(s(n).markerNote)
-            }, D(c.comment), 3)
+              class: p(l(n).markerNote)
+            }, D(u.comment), 3)
           ], 6)) : P("", !0)
-        ], 46, dn))), 128)) : P("", !0),
+        ], 46, pn))), 128)) : P("", !0),
         g.value && g.value.boundingBox ? (w(), E("div", {
           key: 4,
-          class: h(g.value.isMultiSelect ? s(n).multiSelectOutline : s(n).singleSelectOutline),
+          class: p(g.value.isMultiSelect ? l(n).multiSelectOutline : l(n).singleSelectOutline),
           style: H({
             left: `${g.value.boundingBox.x}px`,
             top: `${g.value.boundingBox.y - K.value}px`,
@@ -1828,175 +1836,175 @@ const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "
         }, null, 6)) : P("", !0),
         g.value ? (w(), E("div", {
           key: 5,
-          class: h([s(n).marker, s(n).pending, g.value.isMultiSelect && s(n).multiSelect]),
+          class: p([l(n).marker, l(n).pending, g.value.isMultiSelect && l(n).multiSelect]),
           style: H({
             left: `${g.value.x}%`,
             top: `${g.value.clientY}px`,
             backgroundColor: g.value.isMultiSelect ? "#34C759" : x.value.annotationColor
           })
         }, [
-          (w(), N(Z(s(lt)), { size: 12 }))
+          (w(), N(Z(l(st)), { size: 12 }))
         ], 6)) : P("", !0),
-        g.value ? (w(), N(qe, {
+        g.value ? (w(), N(Ge, {
           key: 6,
           ref_key: "popupRef",
-          ref: Te,
+          ref: Ie,
           element: g.value.element,
           "selected-text": g.value.selectedText,
           "computed-styles": g.value.computedStylesObj,
           "accent-color": g.value.isMultiSelect ? "#34C759" : x.value.annotationColor,
           "light-mode": !C.value,
-          "popup-style": mt.value,
+          "popup-style": gt.value,
           placeholder: g.value.element === "Empty area" ? "What should change in this area?" : g.value.isMultiSelect ? "Feedback for this group of elements..." : "What should change?",
-          onSubmit: Pt,
-          onCancel: Ht
+          onSubmit: Ht,
+          onCancel: Dt
         }, null, 8, ["element", "selected-text", "computed-styles", "accent-color", "light-mode", "popup-style", "placeholder"])) : P("", !0),
-        S.value && S.value.boundingBox ? (w(), E("div", {
+        z.value && z.value.boundingBox ? (w(), E("div", {
           key: 7,
-          class: h(S.value.isMultiSelect ? s(n).multiSelectOutline : s(n).singleSelectOutline),
+          class: p(z.value.isMultiSelect ? l(n).multiSelectOutline : l(n).singleSelectOutline),
           style: H({
-            left: `${S.value.boundingBox.x}px`,
-            top: `${S.value.boundingBox.y - K.value}px`,
-            width: `${S.value.boundingBox.width}px`,
-            height: `${S.value.boundingBox.height}px`,
-            ...S.value.isMultiSelect ? {} : {
+            left: `${z.value.boundingBox.x}px`,
+            top: `${z.value.boundingBox.y - K.value}px`,
+            width: `${z.value.boundingBox.width}px`,
+            height: `${z.value.boundingBox.height}px`,
+            ...z.value.isMultiSelect ? {} : {
               borderColor: `${x.value.annotationColor}99`,
               backgroundColor: `${x.value.annotationColor}0D`
             }
           })
         }, null, 6)) : P("", !0),
-        S.value ? (w(), N(qe, {
+        z.value ? (w(), N(Ge, {
           key: 8,
           ref_key: "editPopupRef",
-          ref: Ie,
-          element: S.value.element,
-          "selected-text": S.value.selectedText,
-          "initial-value": S.value.comment,
-          "computed-styles": (S.value.computedStyles, void 0),
-          "accent-color": S.value.isMultiSelect ? "#34C759" : x.value.annotationColor,
+          ref: Be,
+          element: z.value.element,
+          "selected-text": z.value.selectedText,
+          "initial-value": z.value.comment,
+          "computed-styles": (z.value.computedStyles, void 0),
+          "accent-color": z.value.isMultiSelect ? "#34C759" : x.value.annotationColor,
           "light-mode": !C.value,
           "submit-label": "Save",
-          "popup-style": gt.value,
-          onSubmit: Dt,
-          onCancel: Nt
+          "popup-style": vt.value,
+          onSubmit: Nt,
+          onCancel: Ot
         }, null, 8, ["element", "selected-text", "initial-value", "computed-styles", "accent-color", "light-mode", "popup-style"])) : P("", !0)
       ]);
     };
   }
-}), fn = "_dragSelection_zeo7w_31", mn = "_dragCount_zeo7w_45", gn = "_selectedElementHighlight_zeo7w_56", vn = "_multiSelect_zeo7w_67", Cn = "_pending_zeo7w_75", yn = "_multiSelectOutline_zeo7w_83", bn = "_hoverHighlightIn_zeo7w_1", wn = "_singleSelectOutline_zeo7w_93", kn = "_toolbar_zeo7w_112", xn = "_toolbarContainer_zeo7w_124", _n = "_dragging_zeo7w_139", Ln = "_entrance_zeo7w_143", Mn = "_toolbarEnter_zeo7w_1", zn = "_collapsed_zeo7w_146", Sn = "_expanded_zeo7w_162", En = "_light_zeo7w_168", $n = "_toggleContent_zeo7w_177", Tn = "_visible_zeo7w_184", In = "_hidden_zeo7w_189", Bn = "_controlsContent_zeo7w_194", An = "_badge_zeo7w_214", Pn = "_fadeOut_zeo7w_235", Hn = "_badgeEnter_zeo7w_1", Dn = "_controlButton_zeo7w_244", Nn = "_divider_zeo7w_293", On = "_hoverHighlight_zeo7w_303", jn = "_hoverTooltip_zeo7w_311", Zn = "_marker_zeo7w_332", Rn = "_markerIn_zeo7w_1", Vn = "_markerDelete_zeo7w_353", Fn = "_hovered_zeo7w_356", Yn = "_markerNumber_zeo7w_361", Wn = "_markerTooltip_zeo7w_386", Xn = "_enter_zeo7w_404", Un = "_tooltipIn_zeo7w_1", qn = "_markerQuote_zeo7w_411", Gn = "_markerNote_zeo7w_414", Kn = "_settingsPanel_zeo7w_452", Qn = "_exit_zeo7w_470", Jn = "_settingsHeader_zeo7w_481", e1 = "_settingsBrand_zeo7w_484", t1 = "_settingsBrandSlash_zeo7w_487", o1 = "_settingsVersion_zeo7w_490", n1 = "_settingsSection_zeo7w_493", l1 = "_themeToggle_zeo7w_526", s1 = "_settingsRow_zeo7w_558", a1 = "_settingsLabel_zeo7w_565", i1 = "_settingsLabelMarker_zeo7w_578", r1 = "_cycleButton_zeo7w_582", c1 = "_cycleButtonText_zeo7w_609", u1 = "_cycleTextIn_zeo7w_1", d1 = "_cycleDots_zeo7w_614", p1 = "_cycleDot_zeo7w_614", h1 = "_active_zeo7w_628", f1 = "_colorOptions_zeo7w_639", m1 = "_colorOptionRing_zeo7w_646", g1 = "_colorOption_zeo7w_639", v1 = "_selected_zeo7w_56", C1 = "_settingsToggle_zeo7w_671", y1 = "_customCheckbox_zeo7w_687", b1 = "_checked_zeo7w_705", w1 = "_toggleLabel_zeo7w_721", k1 = "_helpIcon_zeo7w_734", x1 = {
-  dragSelection: fn,
-  dragCount: mn,
-  selectedElementHighlight: gn,
-  multiSelect: vn,
-  pending: Cn,
-  multiSelectOutline: yn,
-  hoverHighlightIn: bn,
-  singleSelectOutline: wn,
-  toolbar: kn,
-  toolbarContainer: xn,
-  dragging: _n,
-  entrance: Ln,
-  toolbarEnter: Mn,
+}), mn = "_dragSelection_zeo7w_31", gn = "_dragCount_zeo7w_45", vn = "_selectedElementHighlight_zeo7w_56", Cn = "_multiSelect_zeo7w_67", yn = "_pending_zeo7w_75", bn = "_multiSelectOutline_zeo7w_83", wn = "_hoverHighlightIn_zeo7w_1", kn = "_singleSelectOutline_zeo7w_93", xn = "_toolbar_zeo7w_112", _n = "_toolbarContainer_zeo7w_124", Ln = "_dragging_zeo7w_139", Mn = "_entrance_zeo7w_143", Sn = "_toolbarEnter_zeo7w_1", zn = "_collapsed_zeo7w_146", En = "_expanded_zeo7w_162", $n = "_light_zeo7w_168", Tn = "_toggleContent_zeo7w_177", In = "_visible_zeo7w_184", Bn = "_hidden_zeo7w_189", An = "_controlsContent_zeo7w_194", Pn = "_badge_zeo7w_214", Hn = "_fadeOut_zeo7w_235", Dn = "_badgeEnter_zeo7w_1", Nn = "_controlButton_zeo7w_244", On = "_divider_zeo7w_293", jn = "_hoverHighlight_zeo7w_303", Zn = "_hoverTooltip_zeo7w_311", Rn = "_marker_zeo7w_332", Vn = "_markerIn_zeo7w_1", Fn = "_markerDelete_zeo7w_353", Yn = "_hovered_zeo7w_356", Wn = "_markerNumber_zeo7w_361", Xn = "_markerTooltip_zeo7w_386", Un = "_enter_zeo7w_404", qn = "_tooltipIn_zeo7w_1", Gn = "_markerQuote_zeo7w_411", Kn = "_markerNote_zeo7w_414", Qn = "_settingsPanel_zeo7w_452", Jn = "_exit_zeo7w_470", e1 = "_settingsHeader_zeo7w_481", t1 = "_settingsBrand_zeo7w_484", o1 = "_settingsBrandSlash_zeo7w_487", n1 = "_settingsVersion_zeo7w_490", l1 = "_settingsSection_zeo7w_493", s1 = "_themeToggle_zeo7w_526", a1 = "_settingsRow_zeo7w_558", i1 = "_settingsLabel_zeo7w_565", r1 = "_settingsLabelMarker_zeo7w_578", c1 = "_cycleButton_zeo7w_582", u1 = "_cycleButtonText_zeo7w_609", d1 = "_cycleTextIn_zeo7w_1", p1 = "_cycleDots_zeo7w_614", h1 = "_cycleDot_zeo7w_614", f1 = "_active_zeo7w_628", m1 = "_colorOptions_zeo7w_639", g1 = "_colorOptionRing_zeo7w_646", v1 = "_colorOption_zeo7w_639", C1 = "_selected_zeo7w_56", y1 = "_settingsToggle_zeo7w_671", b1 = "_customCheckbox_zeo7w_687", w1 = "_checked_zeo7w_705", k1 = "_toggleLabel_zeo7w_721", x1 = "_helpIcon_zeo7w_734", _1 = {
+  dragSelection: mn,
+  dragCount: gn,
+  selectedElementHighlight: vn,
+  multiSelect: Cn,
+  pending: yn,
+  multiSelectOutline: bn,
+  hoverHighlightIn: wn,
+  singleSelectOutline: kn,
+  toolbar: xn,
+  toolbarContainer: _n,
+  dragging: Ln,
+  entrance: Mn,
+  toolbarEnter: Sn,
   collapsed: zn,
-  expanded: Sn,
-  light: En,
-  toggleContent: $n,
-  visible: Tn,
-  hidden: In,
-  controlsContent: Bn,
-  badge: An,
-  fadeOut: Pn,
-  badgeEnter: Hn,
-  controlButton: Dn,
-  divider: Nn,
-  hoverHighlight: On,
-  hoverTooltip: jn,
-  marker: Zn,
-  markerIn: Rn,
-  markerDelete: Vn,
-  hovered: Fn,
-  markerNumber: Yn,
-  markerTooltip: Wn,
-  enter: Xn,
-  tooltipIn: Un,
-  markerQuote: qn,
-  markerNote: Gn,
-  settingsPanel: Kn,
-  exit: Qn,
-  settingsHeader: Jn,
-  settingsBrand: e1,
-  settingsBrandSlash: t1,
-  settingsVersion: o1,
-  settingsSection: n1,
-  themeToggle: l1,
-  settingsRow: s1,
-  settingsLabel: a1,
-  settingsLabelMarker: i1,
-  cycleButton: r1,
-  cycleButtonText: c1,
-  cycleTextIn: u1,
-  cycleDots: d1,
-  cycleDot: p1,
-  active: h1,
-  colorOptions: f1,
-  colorOptionRing: m1,
-  colorOption: g1,
-  selected: v1,
-  settingsToggle: C1,
-  customCheckbox: y1,
-  checked: b1,
-  toggleLabel: w1,
-  helpIcon: k1
-}, _1 = {
-  $style: x1
-}, $1 = /* @__PURE__ */ nt(hn, [["__cssModules", _1]]);
+  expanded: En,
+  light: $n,
+  toggleContent: Tn,
+  visible: In,
+  hidden: Bn,
+  controlsContent: An,
+  badge: Pn,
+  fadeOut: Hn,
+  badgeEnter: Dn,
+  controlButton: Nn,
+  divider: On,
+  hoverHighlight: jn,
+  hoverTooltip: Zn,
+  marker: Rn,
+  markerIn: Vn,
+  markerDelete: Fn,
+  hovered: Yn,
+  markerNumber: Wn,
+  markerTooltip: Xn,
+  enter: Un,
+  tooltipIn: qn,
+  markerQuote: Gn,
+  markerNote: Kn,
+  settingsPanel: Qn,
+  exit: Jn,
+  settingsHeader: e1,
+  settingsBrand: t1,
+  settingsBrandSlash: o1,
+  settingsVersion: n1,
+  settingsSection: l1,
+  themeToggle: s1,
+  settingsRow: a1,
+  settingsLabel: i1,
+  settingsLabelMarker: r1,
+  cycleButton: c1,
+  cycleButtonText: u1,
+  cycleTextIn: d1,
+  cycleDots: p1,
+  cycleDot: h1,
+  active: f1,
+  colorOptions: m1,
+  colorOptionRing: g1,
+  colorOption: v1,
+  selected: C1,
+  settingsToggle: y1,
+  customCheckbox: b1,
+  checked: w1,
+  toggleLabel: k1,
+  helpIcon: x1
+}, L1 = {
+  $style: _1
+}, T1 = /* @__PURE__ */ lt(fn, [["__cssModules", L1]]);
 export {
-  $1 as Agentation,
-  $1 as AgentationVue,
-  No as AnimatedBunny,
-  qe as AnnotationPopup,
-  Po as IconChatEllipsis,
-  xo as IconCheck,
-  _o as IconCheckSmall,
+  T1 as Agentation,
+  T1 as AgentationVue,
+  Oo as AnimatedBunny,
+  Ge as AnnotationPopup,
+  Ho as IconChatEllipsis,
+  _o as IconCheck,
+  Lo as IconCheckSmall,
   ze as IconCheckSmallAnimated,
-  Ho as IconCheckmark,
-  To as IconCheckmarkCircle,
-  Do as IconCheckmarkLarge,
-  ko as IconClose,
-  Lo as IconCopyAlt,
-  it as IconCopyAnimated,
-  Mo as IconEye,
+  Do as IconCheckmark,
+  Io as IconCheckmarkCircle,
+  No as IconCheckmarkLarge,
+  xo as IconClose,
+  Mo as IconCopyAlt,
+  rt as IconCopyAnimated,
+  So as IconEye,
   zo as IconEyeAlt,
-  rt as IconEyeAnimated,
-  So as IconEyeClosed,
-  Bo as IconEyeMinus,
-  ut as IconGear,
-  at as IconHelp,
-  st as IconListSparkle,
-  ht as IconMoon,
-  Eo as IconPause,
-  Ao as IconPauseAlt,
-  ct as IconPausePlayAnimated,
-  $o as IconPlayAlt,
-  lt as IconPlus,
-  pt as IconSun,
-  dt as IconTrashAlt,
-  Io as IconXmark,
-  Se as IconXmarkLarge,
-  E1 as clearAnnotations,
-  Go as getAccessibilityInfo,
+  ct as IconEyeAnimated,
+  Eo as IconEyeClosed,
+  Ao as IconEyeMinus,
+  dt as IconGear,
+  it as IconHelp,
+  at as IconListSparkle,
+  ft as IconMoon,
+  $o as IconPause,
+  Po as IconPauseAlt,
+  ut as IconPausePlayAnimated,
+  To as IconPlayAlt,
+  st as IconPlus,
+  ht as IconSun,
+  pt as IconTrashAlt,
+  Bo as IconXmark,
+  Ee as IconXmarkLarge,
+  $1 as clearAnnotations,
+  Ko as getAccessibilityInfo,
   z1 as getComputedStylesSnapshot,
-  Xo as getDetailedComputedStyles,
-  Ro as getElementClasses,
-  Oo as getElementPath,
-  qo as getForensicComputedStyles,
-  Ko as getFullElementPath,
-  Zo as getNearbyElements,
-  jo as getNearbyText,
+  Uo as getDetailedComputedStyles,
+  Vo as getElementClasses,
+  jo as getElementPath,
+  Go as getForensicComputedStyles,
+  Qo as getFullElementPath,
+  Ro as getNearbyElements,
+  Zo as getNearbyText,
   ue as getStorageKey,
-  M1 as identifyAnimationElement,
+  S1 as identifyAnimationElement,
   me as identifyElement,
-  en as loadAnnotations,
-  S1 as parseComputedStylesString,
-  tn as saveAnnotations
+  tn as loadAnnotations,
+  E1 as parseComputedStylesString,
+  on as saveAnnotations
 };