@contember/echo 0.0.33-beta.5 → 0.0.33-beta.7

package/dist/echo.es.js

@@ -1,6 +1,6 @@
-import { sharedConfig as L, createRoot as Ye, createRenderEffect as b, untrack as Ke, getOwner as Le, createEffect as H, runWithOwner as dt, createMemo as k, createSignal as T, onCleanup as te, $PROXY as Y, $TRACK as Ne, getListener as Pe, batch as ut, onMount as ke, createContext as ht, createComponent as g, useContext as gt, For as B, Show as D, mergeProps as ie, Switch as ft, Match as ne } from "solid-js";
-import mt from "html2canvas-pro";
-const vt = [
+import { sharedConfig as j, createRoot as Be, createRenderEffect as b, untrack as Re, getOwner as Te, createEffect as U, runWithOwner as ot, createMemo as k, createSignal as I, onCleanup as ee, $PROXY as Y, $TRACK as Oe, getListener as xe, batch as at, onMount as ve, createContext as it, createComponent as g, useContext as st, For as _, Show as F, mergeProps as re, Switch as lt, Match as te } from "solid-js";
+import ct from "html2canvas-pro";
+const dt = [
   "allowfullscreen",
   "async",
   "autofocus",
@@ -26,7 +26,7 @@ const vt = [
   "reversed",
   "seamless",
   "selected"
-], bt = /* @__PURE__ */ new Set([
+], ut = /* @__PURE__ */ new Set([
   "className",
   "value",
   "readOnly",
@@ -34,16 +34,16 @@ const vt = [
   "isMap",
   "noModule",
   "playsInline",
-  ...vt
-]), wt = /* @__PURE__ */ new Set([
+  ...dt
+]), ht = /* @__PURE__ */ new Set([
   "innerHTML",
   "textContent",
   "innerText",
   "children"
-]), yt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+]), gt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), pt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), ft = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: {
     $: "formNoValidate",
@@ -68,11 +68,11 @@ const vt = [
     TEXTAREA: 1
   }
 });
-function xt(e, n) {
-  const t = pt[e];
+function mt(e, n) {
+  const t = ft[e];
   return typeof t == "object" ? t[n] ? t.$ : void 0 : t;
 }
-const kt = /* @__PURE__ */ new Set([
+const vt = /* @__PURE__ */ new Set([
   "beforeinput",
   "click",
   "dblclick",
@@ -96,7 +96,7 @@ const kt = /* @__PURE__ */ new Set([
   "touchmove",
   "touchstart"
 ]);
-function St(e, n, t) {
+function bt(e, n, t) {
   let r = t.length, a = n.length, o = r, i = 0, l = 0, s = n[a - 1].nextSibling, c = null;
   for (; i < a || l < o; ) {
     if (n[i] === t[l]) {
@@ -135,10 +135,10 @@ function St(e, n, t) {
     }
   }
 }
-const je = "_$DX_DELEGATE";
-function Ct(e, n, t, r = {}) {
+const Me = "_$DX_DELEGATE";
+function wt(e, n, t, r = {}) {
   let a;
-  return Ye((o) => {
+  return Be((o) => {
     a = o, n === document ? e() : v(n, e(), n.firstChild ? null : void 0, t);
   }, r.owner), () => {
     a(), n.textContent = "";
@@ -149,26 +149,26 @@ function w(e, n, t) {
   const a = () => {
     const i = document.createElement("template");
     return i.innerHTML = e, t ? i.content.firstChild.firstChild : i.content.firstChild;
-  }, o = n ? () => Ke(() => document.importNode(r || (r = a()), !0)) : () => (r || (r = a())).cloneNode(!0);
+  }, o = n ? () => Re(() => document.importNode(r || (r = a()), !0)) : () => (r || (r = a())).cloneNode(!0);
   return o.cloneNode = o, o;
 }
-function I(e, n = window.document) {
-  const t = n[je] || (n[je] = /* @__PURE__ */ new Set());
+function T(e, n = window.document) {
+  const t = n[Me] || (n[Me] = /* @__PURE__ */ new Set());
   for (let r = 0, a = e.length; r < a; r++) {
     const o = e[r];
-    t.has(o) || (t.add(o), n.addEventListener(o, It));
+    t.has(o) || (t.add(o), n.addEventListener(o, Ct));
   }
 }
 function d(e, n, t) {
-  he(e) || (t == null ? e.removeAttribute(n) : e.setAttribute(n, t));
+  le(e) || (t == null ? e.removeAttribute(n) : e.setAttribute(n, t));
 }
-function $t(e, n, t) {
-  he(e) || (t ? e.setAttribute(n, "") : e.removeAttribute(n));
+function yt(e, n, t) {
+  le(e) || (t ? e.setAttribute(n, "") : e.removeAttribute(n));
 }
-function Ge(e, n) {
-  he(e) || (n == null ? e.removeAttribute("class") : e.className = n);
+function _e(e, n) {
+  le(e) || (n == null ? e.removeAttribute("class") : e.className = n);
 }
-function U(e, n, t, r) {
+function H(e, n, t, r) {
   if (r)
     Array.isArray(t) ? (e[`$$${n}`] = t[0], e[`$$${n}Data`] = t[1]) : e[`$$${n}`] = t;
   else if (Array.isArray(t)) {
@@ -176,20 +176,20 @@ function U(e, n, t, r) {
     e.addEventListener(n, t[0] = (o) => a.call(e, t[1], o));
   } else e.addEventListener(n, t, typeof t != "function" && t);
 }
-function Et(e, n, t = {}) {
+function pt(e, n, t = {}) {
   const r = Object.keys(n || {}), a = Object.keys(t);
   let o, i;
   for (o = 0, i = a.length; o < i; o++) {
     const l = a[o];
-    !l || l === "undefined" || n[l] || (qe(e, l, !1), delete t[l]);
+    !l || l === "undefined" || n[l] || (Ae(e, l, !1), delete t[l]);
   }
   for (o = 0, i = r.length; o < i; o++) {
     const l = r[o], s = !!n[l];
-    !l || l === "undefined" || t[l] === s || !s || (qe(e, l, !0), t[l] = s);
+    !l || l === "undefined" || t[l] === s || !s || (Ae(e, l, !0), t[l] = s);
   }
   return t;
 }
-function F(e, n, t) {
+function O(e, n, t) {
   if (!n) return t ? d(e, "style") : n;
   const r = e.style;
   if (typeof n == "string") return r.cssText = n;
@@ -201,48 +201,48 @@ function F(e, n, t) {
     a = n[o], a !== t[o] && (r.setProperty(o, a), t[o] = a);
   return t;
 }
-function Pt(e, n = {}, t, r) {
+function xt(e, n = {}, t, r) {
   const a = {};
   return b(
-    () => a.children = se(e, n.children, a.children)
-  ), b(() => typeof n.ref == "function" && R(n.ref, e)), b(() => zt(e, n, t, !0, a, !0)), a;
+    () => a.children = oe(e, n.children, a.children)
+  ), b(() => typeof n.ref == "function" && V(n.ref, e)), b(() => kt(e, n, t, !0, a, !0)), a;
 }
-function R(e, n, t) {
-  return Ke(() => e(n, t));
+function V(e, n, t) {
+  return Re(() => e(n, t));
 }
 function v(e, n, t, r) {
-  if (t !== void 0 && !r && (r = []), typeof n != "function") return se(e, n, r, t);
-  b((a) => se(e, n(), a, t), r);
+  if (t !== void 0 && !r && (r = []), typeof n != "function") return oe(e, n, r, t);
+  b((a) => oe(e, n(), a, t), r);
 }
-function zt(e, n, t, r, a = {}, o = !1) {
+function kt(e, n, t, r, a = {}, o = !1) {
   n || (n = {});
   for (const i in a)
     if (!(i in n)) {
       if (i === "children") continue;
-      a[i] = Re(e, i, null, a[i], t, o, n);
+      a[i] = De(e, i, null, a[i], t, o, n);
     }
   for (const i in n) {
     if (i === "children")
       continue;
     const l = n[i];
-    a[i] = Re(e, i, l, a[i], t, o, n);
+    a[i] = De(e, i, l, a[i], t, o, n);
   }
 }
-function he(e) {
-  return !!L.context && !L.done && (!e || e.isConnected);
+function le(e) {
+  return !!j.context && !j.done && (!e || e.isConnected);
 }
-function Tt(e) {
+function St(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (n, t) => t.toUpperCase());
 }
-function qe(e, n, t) {
+function Ae(e, n, t) {
   const r = n.trim().split(/\s+/);
   for (let a = 0, o = r.length; a < o; a++)
     e.classList.toggle(r[a], t);
 }
-function Re(e, n, t, r, a, o, i) {
+function De(e, n, t, r, a, o, i) {
   let l, s, c, u, h;
-  if (n === "style") return F(e, t, r);
-  if (n === "classList") return Et(e, t, r);
+  if (n === "style") return O(e, t, r);
+  if (n === "classList") return pt(e, t, r);
   if (t === r) return r;
   if (n === "ref")
     o || t(e);
@@ -253,27 +253,27 @@ function Re(e, n, t, r, a, o, i) {
     const f = n.slice(10);
     r && e.removeEventListener(f, r, !0), t && e.addEventListener(f, t, !0);
   } else if (n.slice(0, 2) === "on") {
-    const f = n.slice(2).toLowerCase(), m = kt.has(f);
+    const f = n.slice(2).toLowerCase(), m = vt.has(f);
     if (!m && r) {
       const y = Array.isArray(r) ? r[0] : r;
       e.removeEventListener(f, y);
     }
-    (m || t) && (U(e, f, t, m), m && I([f]));
+    (m || t) && (H(e, f, t, m), m && T([f]));
   } else if (n.slice(0, 5) === "attr:")
     d(e, n.slice(5), t);
   else if (n.slice(0, 5) === "bool:")
-    $t(e, n.slice(5), t);
-  else if ((h = n.slice(0, 5) === "prop:") || (c = wt.has(n)) || (u = xt(n, e.tagName)) || (s = bt.has(n)) || (l = e.nodeName.includes("-") || "is" in i)) {
+    yt(e, n.slice(5), t);
+  else if ((h = n.slice(0, 5) === "prop:") || (c = ht.has(n)) || (u = mt(n, e.tagName)) || (s = ut.has(n)) || (l = e.nodeName.includes("-") || "is" in i)) {
     if (h)
       n = n.slice(5), s = !0;
-    else if (he(e)) return t;
-    n === "class" || n === "className" ? Ge(e, t) : l && !s && !c ? e[Tt(n)] = t : e[u || n] = t;
+    else if (le(e)) return t;
+    n === "class" || n === "className" ? _e(e, t) : l && !s && !c ? e[St(n)] = t : e[u || n] = t;
   } else
-    d(e, yt[n] || n, t);
+    d(e, gt[n] || n, t);
   return t;
 }
-function It(e) {
-  if (L.registry && L.events && L.events.find(([s, c]) => c === e))
+function Ct(e) {
+  if (j.registry && j.events && j.events.find(([s, c]) => c === e))
     return;
   let n = e.target;
   const t = `$$${e.type}`, r = e.target, a = e.currentTarget, o = (s) => Object.defineProperty(e, "target", {
@@ -294,7 +294,7 @@ function It(e) {
     get() {
       return n || document;
     }
-  }), L.registry && !L.done && (L.done = _$HY.done = !0), e.composedPath) {
+  }), j.registry && !j.done && (j.done = _$HY.done = !0), e.composedPath) {
     const s = e.composedPath();
     o(s[0]);
     for (let c = 0; c < s.length - 2 && (n = s[c], !!i()); c++) {
@@ -308,8 +308,8 @@ function It(e) {
   } else l();
   o(r);
 }
-function se(e, n, t, r, a) {
-  const o = he(e);
+function oe(e, n, t, r, a) {
+  const o = le(e);
   if (o) {
     !t && (t = [...e.childNodes]);
     let s = [];
@@ -338,12 +338,12 @@ function se(e, n, t, r, a) {
       return b(() => {
         let s = n();
         for (; typeof s == "function"; ) s = s();
-        t = se(e, s, t, r);
+        t = oe(e, s, t, r);
       }), () => t;
     if (Array.isArray(n)) {
       const s = [], c = t && Array.isArray(t);
-      if (ze(s, n, t, a))
-        return b(() => t = se(e, s, t, r, !0)), () => t;
+      if (ke(s, n, t, a))
+        return b(() => t = oe(e, s, t, r, !0)), () => t;
       if (o) {
         if (!s.length) return t;
         if (r === void 0) return t = [...e.childNodes];
@@ -355,7 +355,7 @@ function se(e, n, t, r, a) {
       }
       if (s.length === 0) {
         if (t = X(e, t, r), l) return t;
-      } else c ? t.length === 0 ? Ve(e, s, r) : St(e, t, s) : (t && X(e), Ve(e, s));
+      } else c ? t.length === 0 ? Fe(e, s, r) : bt(e, t, s) : (t && X(e), Fe(e, s));
       t = s;
     } else if (n.nodeType) {
       if (o && n.parentNode) return t = l ? [n] : n;
@@ -368,18 +368,18 @@ function se(e, n, t, r, a) {
   }
   return t;
 }
-function ze(e, n, t, r) {
+function ke(e, n, t, r) {
   let a = !1;
   for (let o = 0, i = n.length; o < i; o++) {
     let l = n[o], s = t && t[e.length], c;
     if (!(l == null || l === !0 || l === !1)) if ((c = typeof l) == "object" && l.nodeType)
       e.push(l);
     else if (Array.isArray(l))
-      a = ze(e, l, s) || a;
+      a = ke(e, l, s) || a;
     else if (c === "function")
       if (r) {
         for (; typeof l == "function"; ) l = l();
-        a = ze(
+        a = ke(
           e,
           Array.isArray(l) ? l : [l],
           Array.isArray(s) ? s : [s]
@@ -393,7 +393,7 @@ function ze(e, n, t, r) {
   }
   return a;
 }
-function Ve(e, n, t = null) {
+function Fe(e, n, t = null) {
   for (let r = 0, a = n.length; r < a; r++) e.insertBefore(n[r], t);
 }
 function X(e, n, t, r) {
@@ -411,22 +411,22 @@ function X(e, n, t, r) {
   } else e.insertBefore(a, t);
   return [a];
 }
-const Ot = "http://www.w3.org/2000/svg";
-function Mt(e, n = !1) {
-  return n ? document.createElementNS(Ot, e) : document.createElement(e);
+const $t = "http://www.w3.org/2000/svg";
+function Pt(e, n = !1) {
+  return n ? document.createElementNS($t, e) : document.createElement(e);
 }
-function At(e) {
-  const { useShadow: n } = e, t = document.createTextNode(""), r = () => e.mount || document.body, a = Le();
-  let o, i = !!L.context;
-  return H(
+function Et(e) {
+  const { useShadow: n } = e, t = document.createTextNode(""), r = () => e.mount || document.body, a = Te();
+  let o, i = !!j.context;
+  return U(
     () => {
-      i && (Le().user = i = !1), o || (o = dt(a, () => k(() => e.children)));
+      i && (Te().user = i = !1), o || (o = ot(a, () => k(() => e.children)));
       const l = r();
       if (l instanceof HTMLHeadElement) {
-        const [s, c] = T(!1), u = () => c(!0);
-        Ye((h) => v(l, () => s() ? h() : o(), null)), te(u);
+        const [s, c] = I(!1), u = () => c(!0);
+        Be((h) => v(l, () => s() ? h() : o(), null)), ee(u);
       } else {
-        const s = Mt(e.isSVG ? "g" : "div", e.isSVG), c = n && s.attachShadow ? s.attachShadow({
+        const s = Pt(e.isSVG ? "g" : "div", e.isSVG), c = n && s.attachShadow ? s.attachShadow({
           mode: "open"
         }) : s;
         Object.defineProperty(s, "_$host", {
@@ -434,7 +434,7 @@ function At(e) {
             return t.parentNode;
           },
           configurable: !0
-        }), v(c, o), l.appendChild(s), e.ref && e.ref(s), te(() => l.removeChild(s));
+        }), v(c, o), l.appendChild(s), e.ref && e.ref(s), ee(() => l.removeChild(s));
       }
     },
     void 0,
@@ -443,7 +443,7 @@ function At(e) {
     }
   ), t;
 }
-const Dt = 5e3, Ft = (e) => {
+const zt = 5e3, It = (e) => {
   let n = null;
   const t = () => {
     n !== null && (window.clearTimeout(n), n = null);
@@ -462,7 +462,7 @@ const Dt = 5e3, Ft = (e) => {
             show: !1
           }
         }), n = null;
-      }, Dt);
+      }, zt);
     },
     clear: () => {
       t(), e.setState({
@@ -474,94 +474,94 @@ const Dt = 5e3, Ft = (e) => {
       });
     }
   };
-}, Xe = (e, n) => {
+}, We = (e, n) => {
   if (!n) return e;
   const t = { ...e };
   for (const r in n)
-    n[r] && typeof n[r] == "object" && !Array.isArray(n[r]) ? t[r] = Xe(e[r], n[r]) : t[r] = n[r];
+    n[r] && typeof n[r] == "object" && !Array.isArray(n[r]) ? t[r] = We(e[r], n[r]) : t[r] = n[r];
   return t;
-}, Lt = (e, n) => {
+}, Tt = (e, n) => {
   let t;
   return (...r) => {
     clearTimeout(t), t = window.setTimeout(() => e(...r), n);
   };
-}, Nt = "echo_", K = "echo-pages", Je = (e) => {
+}, Ot = "echo_", K = "echo-pages", He = (e) => {
   if (!e || e === "/") return "/";
   const n = e.split("/");
   return n.length <= 4 ? e : `/${n[1]}/.../${n[n.length - 1]}`;
-}, Ze = () => {
+}, Ue = () => {
   window.dispatchEvent(new Event("echo-storage-change"));
-}, Qe = (e) => `${Nt}${e}`, G = (e, n) => {
+}, Ye = (e) => `${Ot}${e}`, G = (e, n) => {
   try {
-    const t = localStorage.getItem(Qe(e));
+    const t = localStorage.getItem(Ye(e));
     return t ? JSON.parse(t) : n;
   } catch {
     return n;
   }
-}, le = (e, n) => {
+}, ae = (e, n) => {
   try {
-    localStorage.setItem(Qe(e), JSON.stringify(n));
+    localStorage.setItem(Ye(e), JSON.stringify(n));
   } catch (t) {
     console.warn("Failed to save to localStorage:", t);
   }
-}, Te = () => {
+}, Se = () => {
   const e = window.location.pathname || "/", n = window.location.search;
   return `${e}${n}`;
-}, jt = (e, n) => {
+}, Mt = (e, n) => {
   try {
     if (!n.feedback.hasUserInteracted && n.drawing.shapes.length < 1) return;
     const t = {
       message: n.feedback.message,
       customInputValues: n.feedback.customInputValues
-    }, r = G(K, {}), a = Je(e);
+    }, r = G(K, {}), a = He(e);
     (t || n.drawing.shapes.length > 0) && (r[a] = {
       ...r[a] || {},
       ...t ? { feedback: t } : {},
       drawing: {
         shapes: n.drawing.shapes
       }
-    }), le(K, r), Ze();
+    }), ae(K, r), Ue();
   } catch (t) {
     console.warn("Failed to save page state:", t);
   }
-}, Oe = (e) => {
+}, $e = (e) => {
   try {
     return G(K, {})[e];
   } catch (n) {
     console.error("Failed to load page state:", n);
     return;
   }
-}, et = (e) => {
+}, Ke = (e) => {
   try {
     const n = G(K, {});
-    delete n[e], le(K, n), Ze();
+    delete n[e], ae(K, n), Ue();
   } catch (n) {
     console.error("Failed to clear page state:", n);
   }
-}, tt = () => {
+}, Ge = () => {
   try {
     const e = G(K, {});
     return Object.keys(e).length;
   } catch (e) {
     return console.error("Failed to get stored pages count:", e), 0;
   }
-}, Ce = () => {
+}, we = () => {
   try {
     const e = G(K, {});
     return Object.entries(e).map(([n, t]) => ({
-      path: Je(n),
+      path: He(n),
       state: t
     }));
   } catch (e) {
     return console.error("Failed to get stored pages:", e), [];
   }
-}, qt = (e) => Lt((n, t, r = !1) => {
-  (!r || t.feedback.message.trim().length > 0 || t.drawing.shapes.length > 0) && (jt(n, t), e.setState({ pagesCount: tt() }));
-}, 1e3), Ie = Symbol("store-raw"), Z = Symbol("store-node"), N = Symbol("store-has"), nt = Symbol("store-self");
-function rt(e) {
+}, At = (e) => Tt((n, t, r = !1) => {
+  (!r || t.feedback.message.trim().length > 0 || t.drawing.shapes.length > 0) && (Mt(n, t), e.setState({ pagesCount: Ge() }));
+}, 1e3), Ce = Symbol("store-raw"), J = Symbol("store-node"), L = Symbol("store-has"), Xe = Symbol("store-self");
+function Je(e) {
   let n = e[Y];
   if (!n && (Object.defineProperty(e, Y, {
-    value: n = new Proxy(e, Wt)
+    value: n = new Proxy(e, jt)
   }), !Array.isArray(e))) {
     const t = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
     for (let a = 0, o = t.length; a < o; a++) {
@@ -574,67 +574,67 @@ function rt(e) {
   }
   return n;
 }
-function we(e) {
+function ge(e) {
   let n;
   return e != null && typeof e == "object" && (e[Y] || !(n = Object.getPrototypeOf(e)) || n === Object.prototype || Array.isArray(e));
 }
-function ce(e, n = /* @__PURE__ */ new Set()) {
+function ie(e, n = /* @__PURE__ */ new Set()) {
   let t, r, a, o;
-  if (t = e != null && e[Ie]) return t;
-  if (!we(e) || n.has(e)) return e;
+  if (t = e != null && e[Ce]) return t;
+  if (!ge(e) || n.has(e)) return e;
   if (Array.isArray(e)) {
     Object.isFrozen(e) ? e = e.slice(0) : n.add(e);
     for (let i = 0, l = e.length; i < l; i++)
-      a = e[i], (r = ce(a, n)) !== a && (e[i] = r);
+      a = e[i], (r = ie(a, n)) !== a && (e[i] = r);
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : n.add(e);
     const i = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
     for (let s = 0, c = i.length; s < c; s++)
-      o = i[s], !l[o].get && (a = e[o], (r = ce(a, n)) !== a && (e[o] = r));
+      o = i[s], !l[o].get && (a = e[o], (r = ie(a, n)) !== a && (e[o] = r));
   }
   return e;
 }
-function ye(e, n) {
+function fe(e, n) {
   let t = e[n];
   return t || Object.defineProperty(e, n, {
     value: t = /* @__PURE__ */ Object.create(null)
   }), t;
 }
-function de(e, n, t) {
+function se(e, n, t) {
   if (e[n]) return e[n];
-  const [r, a] = T(t, {
+  const [r, a] = I(t, {
     equals: !1,
     internal: !0
   });
   return r.$ = a, e[n] = r;
 }
-function Rt(e, n) {
+function Dt(e, n) {
   const t = Reflect.getOwnPropertyDescriptor(e, n);
-  return !t || t.get || !t.configurable || n === Y || n === Z || (delete t.value, delete t.writable, t.get = () => e[Y][n]), t;
+  return !t || t.get || !t.configurable || n === Y || n === J || (delete t.value, delete t.writable, t.get = () => e[Y][n]), t;
 }
-function ot(e) {
-  Pe() && de(ye(e, Z), nt)();
+function Ze(e) {
+  xe() && se(fe(e, J), Xe)();
 }
-function Vt(e) {
-  return ot(e), Reflect.ownKeys(e);
+function Ft(e) {
+  return Ze(e), Reflect.ownKeys(e);
 }
-const Wt = {
+const jt = {
   get(e, n, t) {
-    if (n === Ie) return e;
+    if (n === Ce) return e;
     if (n === Y) return t;
-    if (n === Ne)
-      return ot(e), t;
-    const r = ye(e, Z), a = r[n];
+    if (n === Oe)
+      return Ze(e), t;
+    const r = fe(e, J), a = r[n];
     let o = a ? a() : e[n];
-    if (n === Z || n === N || n === "__proto__") return o;
+    if (n === J || n === L || n === "__proto__") return o;
     if (!a) {
       const i = Object.getOwnPropertyDescriptor(e, n);
-      Pe() && (typeof o != "function" || e.hasOwnProperty(n)) && !(i && i.get) && (o = de(r, n, o)());
+      xe() && (typeof o != "function" || e.hasOwnProperty(n)) && !(i && i.get) && (o = se(r, n, o)());
     }
-    return we(o) ? rt(o) : o;
+    return ge(o) ? Je(o) : o;
   },
   has(e, n) {
-    return n === Ie || n === Y || n === Ne || n === Z || n === N || n === "__proto__" ? !0 : (Pe() && de(ye(e, N), n)(), n in e);
+    return n === Ce || n === Y || n === Oe || n === J || n === L || n === "__proto__" ? !0 : (xe() && se(fe(e, L), n)(), n in e);
   },
   set() {
     return !0;
@@ -642,75 +642,75 @@ const Wt = {
   deleteProperty() {
     return !0;
   },
-  ownKeys: Vt,
-  getOwnPropertyDescriptor: Rt
+  ownKeys: Ft,
+  getOwnPropertyDescriptor: Dt
 };
-function pe(e, n, t, r = !1) {
+function me(e, n, t, r = !1) {
   if (!r && e[n] === t) return;
   const a = e[n], o = e.length;
-  t === void 0 ? (delete e[n], e[N] && e[N][n] && a !== void 0 && e[N][n].$()) : (e[n] = t, e[N] && e[N][n] && a === void 0 && e[N][n].$());
-  let i = ye(e, Z), l;
-  if ((l = de(i, n, a)) && l.$(() => t), Array.isArray(e) && e.length !== o) {
+  t === void 0 ? (delete e[n], e[L] && e[L][n] && a !== void 0 && e[L][n].$()) : (e[n] = t, e[L] && e[L][n] && a === void 0 && e[L][n].$());
+  let i = fe(e, J), l;
+  if ((l = se(i, n, a)) && l.$(() => t), Array.isArray(e) && e.length !== o) {
     for (let s = e.length; s < o; s++) (l = i[s]) && l.$();
-    (l = de(i, "length", o)) && l.$(e.length);
+    (l = se(i, "length", o)) && l.$(e.length);
   }
-  (l = i[nt]) && l.$();
+  (l = i[Xe]) && l.$();
 }
-function at(e, n) {
+function Qe(e, n) {
   const t = Object.keys(n);
   for (let r = 0; r < t.length; r += 1) {
     const a = t[r];
-    pe(e, a, n[a]);
+    me(e, a, n[a]);
   }
 }
-function Bt(e, n) {
-  if (typeof n == "function" && (n = n(e)), n = ce(n), Array.isArray(n)) {
+function Lt(e, n) {
+  if (typeof n == "function" && (n = n(e)), n = ie(n), Array.isArray(n)) {
     if (e === n) return;
     let t = 0, r = n.length;
     for (; t < r; t++) {
       const a = n[t];
-      e[t] !== a && pe(e, t, a);
+      e[t] !== a && me(e, t, a);
     }
-    pe(e, "length", r);
-  } else at(e, n);
+    me(e, "length", r);
+  } else Qe(e, n);
 }
-function oe(e, n, t = []) {
+function ne(e, n, t = []) {
   let r, a = e;
   if (n.length > 1) {
     r = n.shift();
     const i = typeof r, l = Array.isArray(e);
     if (Array.isArray(r)) {
       for (let s = 0; s < r.length; s++)
-        oe(e, [r[s]].concat(n), t);
+        ne(e, [r[s]].concat(n), t);
       return;
     } else if (l && i === "function") {
       for (let s = 0; s < e.length; s++)
-        r(e[s], s) && oe(e, [s].concat(n), t);
+        r(e[s], s) && ne(e, [s].concat(n), t);
       return;
     } else if (l && i === "object") {
       const { from: s = 0, to: c = e.length - 1, by: u = 1 } = r;
       for (let h = s; h <= c; h += u)
-        oe(e, [h].concat(n), t);
+        ne(e, [h].concat(n), t);
       return;
     } else if (n.length > 1) {
-      oe(e[r], n, [r].concat(t));
+      ne(e[r], n, [r].concat(t));
       return;
     }
     a = e[r], t = [r].concat(t);
   }
   let o = n[0];
-  typeof o == "function" && (o = o(a, t), o === a) || r === void 0 && o == null || (o = ce(o), r === void 0 || we(a) && we(o) && !Array.isArray(o) ? at(a, o) : pe(e, r, o));
+  typeof o == "function" && (o = o(a, t), o === a) || r === void 0 && o == null || (o = ie(o), r === void 0 || ge(a) && ge(o) && !Array.isArray(o) ? Qe(a, o) : me(e, r, o));
 }
-function Me(...[e, n]) {
-  const t = ce(e || {}), r = Array.isArray(t), a = rt(t);
+function Pe(...[e, n]) {
+  const t = ie(e || {}), r = Array.isArray(t), a = Je(t);
   function o(...i) {
-    ut(() => {
-      r && i.length === 1 ? Bt(t, i[0]) : oe(t, i);
+    at(() => {
+      r && i.length === 1 ? Lt(t, i[0]) : ne(t, i);
     });
   }
   return [a, o];
 }
-const V = {
+const B = {
   rectangle: {
     id: "rectangle",
     label: "Highlight",
@@ -731,12 +731,12 @@ const V = {
       default: 1
     }
   }
-}, _t = (e) => {
+}, Nt = (e) => {
   const n = e.replace("#", ""), t = Number.parseInt(n.slice(0, 2), 16) / 255, r = Number.parseInt(n.slice(2, 2), 16) / 255, a = Number.parseInt(n.slice(4, 2), 16) / 255;
   return 0.2126 * t + 0.7152 * r + 0.0722 * a;
-}, Ut = (e) => _t(e) < 0.5 ? "#FFFFFF" : "#000000";
-let j = [], M = null, Q = null, ee = null;
-const $e = (e, n) => (...t) => {
+}, qt = (e) => Nt(e) < 0.5 ? "#FFFFFF" : "#000000";
+let N = [], A = null, Z = null, Q = null;
+const ye = (e, n) => (...t) => {
   const r = (o) => {
     if (typeof o == "string") return o;
     if (o instanceof Error) return o.stack || o.message;
@@ -754,56 +754,56 @@ const $e = (e, n) => (...t) => {
       return "[Unable to stringify value]";
     }
   }, a = t.map(r).join(" ");
-  j.push({
+  N.push({
     type: e,
     message: a,
     timestamp: (/* @__PURE__ */ new Date()).toISOString()
-  }), j.length > 1e3 && (j = j.slice(-1e3)), n.apply(console, t);
-}, Ht = () => {
-  M || (M = {
+  }), N.length > 1e3 && (N = N.slice(-1e3)), n.apply(console, t);
+}, Vt = () => {
+  A || (A = {
     log: console.log,
     warn: console.warn,
     error: console.error
-  }, Q = window.onerror, ee = window.onunhandledrejection, window.onerror = (e, n, t, r, a) => {
+  }, Z = window.onerror, Q = window.onunhandledrejection, window.onerror = (e, n, t, r, a) => {
     const o = (a == null ? void 0 : a.stack) || (a == null ? void 0 : a.message) || e;
-    return j.push({
+    return N.push({
       type: "error",
       message: `Uncaught Error: ${o}
 Location: ${n}:${t}:${r}`,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }), Q ? Q(e, n, t, r, a) : !1;
+    }), Z ? Z(e, n, t, r, a) : !1;
   }, window.onunhandledrejection = (e) => {
     const n = e.reason;
-    j.push({
+    N.push({
       type: "error",
       message: `Unhandled Promise Rejection: ${(n == null ? void 0 : n.stack) || (n == null ? void 0 : n.message) || n}`,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }), ee && ee(e);
-  }, console.log = $e("log", M.log), console.warn = $e("warn", M.warn), console.error = $e("error", M.error), window.addEventListener("error", (e) => {
+    }), Q && Q(e);
+  }, console.log = ye("log", A.log), console.warn = ye("warn", A.warn), console.error = ye("error", A.error), window.addEventListener("error", (e) => {
     const { message: n, filename: t, lineno: r, colno: a, error: o } = e, i = (o == null ? void 0 : o.stack) || (o == null ? void 0 : o.message) || n;
-    j.push({
+    N.push({
       type: "error",
       message: `Uncaught Error: ${i}
 Location: ${t}:${r}:${a}`,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
   }));
-}, Yt = () => {
-  M && (console.log = M.log, console.warn = M.warn, console.error = M.error, M = null), Q && (window.onerror = Q, Q = null), ee && (window.onunhandledrejection = ee, ee = null), window.removeEventListener("error", () => {
-  }), j = [];
-}, Kt = () => [...j], Gt = () => {
+}, Bt = () => {
+  A && (console.log = A.log, console.warn = A.warn, console.error = A.error, A = null), Z && (window.onerror = Z, Z = null), Q && (window.onunhandledrejection = Q, Q = null), window.removeEventListener("error", () => {
+  }), N = [];
+}, Rt = () => [...N], _t = () => {
   var e;
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || ((e = window.matchMedia) == null ? void 0 : e.call(window, "(max-width: 768px)").matches);
-}, me = (e, { useClientCoords: n = !1 } = {}) => {
+}, ue = (e, { useClientCoords: n = !1 } = {}) => {
   const r = typeof TouchEvent < "u" && e instanceof TouchEvent ? e.touches[0] : null;
   return {
     x: r ? n ? r.clientX : r.pageX : n ? e.clientX : e.pageX,
     y: r ? n ? r.clientY : r.pageY : n ? e.clientY : e.pageY
   };
-}, We = (e, n) => {
+}, je = (e, n) => {
   const t = n.x - e.x, r = n.y - e.y;
   return Math.sqrt(t * t + r * r);
-}, it = (e) => {
+}, et = (e) => {
   if (e.length !== 2) return null;
   const [n, t] = e;
   return {
@@ -812,82 +812,39 @@ Location: ${t}:${r}:${a}`,
     width: Math.abs(t.x - n.x),
     height: Math.abs(t.y - n.y)
   };
-}, Xt = (e) => e.length < 2 ? null : `M ${e[0].x} ${e[0].y} ${e.slice(1).map((n) => `L ${n.x} ${n.y}`).join(" ")}`, be = window.EventTarget.prototype.addEventListener, J = window.EventTarget.prototype.removeEventListener;
-let xe = !1, ae = null;
-const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
-  ae = e;
-}, ue = (e) => {
-  if (!ae || !e)
-    return !1;
-  if (e === ae) return !0;
-  const n = e.getRootNode();
-  if (n && n.nodeName === "#document") {
-    const r = n.querySelector("#top-layer");
-    if (r != null && r.contains(e))
-      return !0;
-  }
-  let t = e;
-  for (; t; ) {
-    if (t.getRootNode() === ae)
-      return !0;
-    t = t.parentNode;
-  }
-  return !1;
-}, Zt = (e) => {
-  xe || (xe = !0, window.EventTarget.prototype.addEventListener = function(n, t, r) {
-    if (!t || typeof t != "function")
-      return be.call(this, n, t, r);
-    if (!(this instanceof Node && !ue(this)))
-      return be.call(this, n, t, r);
-    const o = en(t, e);
-    re.has(this) || re.set(this, /* @__PURE__ */ new Map()), re.get(this).set(t, o), be.call(this, n, o, r);
-  }, window.EventTarget.prototype.removeEventListener = function(n, t, r) {
-    if (!t || typeof this != "object")
-      return J.call(this, n, t, r);
-    if (this instanceof Node && ue(this))
-      return J.call(this, n, t, r);
-    const o = re.get(this);
-    if (!o)
-      return J.call(this, n, t, r);
-    const i = o.get(t);
-    i ? (J.call(this, n, i, r), o.delete(t), o.size === 0 && re.delete(this)) : J.call(this, n, t, r);
-  });
-}, Qt = () => {
-  xe && (window.EventTarget.prototype.addEventListener = be, window.EventTarget.prototype.removeEventListener = J, xe = !1, ae = null);
-}, A = (e) => {
+}, Wt = (e) => e.length < 2 ? null : `M ${e[0].x} ${e[0].y} ${e.slice(1).map((n) => `L ${n.x} ${n.y}`).join(" ")}`, Ht = (e) => {
+}, D = (e) => {
   const { event: n, callback: t, onMount: r, onCleanup: a } = e;
-  ke(() => {
+  ve(() => {
     r == null || r(), window.addEventListener(n, t);
-  }), te(() => {
+  }), ee(() => {
     a == null || a(), window.removeEventListener(n, t);
   });
-}, Ae = (e) => {
+}, Ee = (e) => {
   const { target: n, options: t, callback: r, onMount: a, onCleanup: o } = e, i = new MutationObserver(r);
-  ke(() => {
+  ve(() => {
     a == null || a(), i.observe(n, t);
-  }), te(() => {
+  }), ee(() => {
     o == null || o(), i.disconnect();
   });
-}, en = (e, n) => function(t) {
-  (!(t.target instanceof Node) || !ue(t.target)) && n(t), e.call(this, t);
-}, tn = (e) => e.hasAttribute("data-hide-when-drawing"), nn = async () => {
+}, Ut = (e) => e.hasAttribute("data-hide-when-drawing"), Yt = async () => {
   var e;
   try {
     const n = document.createElement("style");
     document.head.appendChild(n), (e = n.sheet) == null || e.insertRule("body > div:last-child img { display: inline-block; }");
-    const t = await mt(document.body, {
+    const t = await ct(document.body, {
       logging: !1,
       useCORS: !0,
       scale: window.devicePixelRatio,
       allowTaint: !0,
-      ignoreElements: (r) => tn(r)
+      ignoreElements: (r) => Ut(r)
     });
     return n.remove(), t.toDataURL("image/png");
   } catch (n) {
     console.error("Failed to capture screenshot:", n);
     return;
   }
-}, rn = (e, n, t) => {
+}, Kt = (e, n, t) => {
   let r = `M0 0 H${e.width} V${e.height} H0 Z`;
   if (n.length === 2) {
     const [a, o] = n;
@@ -899,16 +856,16 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       r += ` M${o.x} ${o.y} h${i.x - o.x} v${i.y - o.y} h${o.x - i.x} v${o.y - i.y}`;
     }
   return r;
-}, on = (e) => {
+}, Gt = (e) => {
   if (typeof e != "object" || e === null)
     throw new Error("Echo initialization failed: options must be an object");
   if (typeof e.onSubmit != "function")
     throw new Error("Echo initialization failed: onSubmit must be a function");
   if (e.primaryColor && !/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e.primaryColor))
     throw new Error("Echo initialization failed: primaryColor must be a valid hex color");
-}, Be = 5, _e = (e, n) => V[e].getCursor(n), an = (e, n, t) => {
+}, Le = 5, Ne = (e, n) => B[e].getCursor(n), Xt = (e, n, t) => {
   var l, s;
-  const [r, a] = Me({
+  const [r, a] = Pe({
     isDrawing: !1,
     currentPoints: [],
     selectedShapeId: null,
@@ -916,17 +873,17 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
     showTooltip: !0,
     mousePosition: { x: 0, y: 0 },
     selectedColor: e.primaryColor,
-    shapes: ((s = (l = Oe(n)) == null ? void 0 : l.drawing) == null ? void 0 : s.shapes) || [],
+    shapes: ((s = (l = $e(n)) == null ? void 0 : l.drawing) == null ? void 0 : s.shapes) || [],
     hasDrawn: !1,
     isDragging: !1,
     dragStartPos: null,
     initialClickPos: null,
     dragOffset: null,
-    cursor: _e("rectangle", e.primaryColor)
+    cursor: Ne("rectangle", e.primaryColor)
   }), o = (c, u = !1) => {
     if (c.selectedTool || c.selectedColor) {
       const h = c.selectedTool || r.selectedTool, f = c.selectedColor || r.selectedColor;
-      c.cursor = _e(h, f);
+      c.cursor = Ne(h, f);
     }
     a(c), t == null || t(c, u);
   }, i = {
@@ -962,7 +919,7 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
         if (!h.classList.contains("echo-drawing-layer-mask") && !h.classList.contains("echo-shape"))
           return;
       }
-      const u = me(c);
+      const u = ue(c);
       if (c.target instanceof SVGElement && c.target.classList.contains("echo-shape")) {
         const h = c.target.dataset.shapeId;
         if (h && r.selectedShapeId === h) {
@@ -976,20 +933,20 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       i.setInitialClick(u);
     },
     handleMove: (c) => {
-      const u = me(c, { useClientCoords: !0 }), h = me(c);
+      const u = ue(c, { useClientCoords: !0 }), h = ue(c);
       if (o({ mousePosition: u }), r.isDragging && r.selectedShapeId && r.dragStartPos && r.shapes.find((m) => m.id === r.selectedShapeId)) {
-        const m = h.x - r.dragStartPos.x, y = h.y - r.dragStartPos.y, E = r.shapes.map((S) => S.id === r.selectedShapeId ? {
+        const m = h.x - r.dragStartPos.x, y = h.y - r.dragStartPos.y, P = r.shapes.map((S) => S.id === r.selectedShapeId ? {
           ...S,
           points: S.points.map((C) => ({
             x: C.x + m,
             y: C.y + y
           }))
         } : S);
-        o({ shapes: E }), i.startDrag(h);
+        o({ shapes: P }), i.startDrag(h);
         return;
       }
       if (r.initialClickPos && !r.isDrawing) {
-        We(r.initialClickPos, h) >= Be && i.startDrawing(r.initialClickPos);
+        je(r.initialClickPos, h) >= Le && i.startDrawing(r.initialClickPos);
         return;
       }
       r.isDrawing && i.updateDrawing(h);
@@ -1000,8 +957,8 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
         return;
       }
       if (r.initialClickPos && !r.isDrawing) {
-        const u = me(c);
-        if (We(r.initialClickPos, u) < Be && c.target instanceof SVGElement && c.target.classList.contains("echo-shape")) {
+        const u = ue(c);
+        if (je(r.initialClickPos, u) < Le && c.target instanceof SVGElement && c.target.classList.contains("echo-shape")) {
           const f = c.target.dataset.shapeId;
           f && o({ selectedShapeId: f });
         }
@@ -1046,15 +1003,15 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
     setState: o,
     methods: i
   };
-}, sn = (e, n, t, r) => {
+}, Jt = (e, n, t, r) => {
   var h;
   const a = (r == null ? void 0 : r.reduce(
     (f, m) => (f[m.id] = m.defaultValue ?? (m.type === "checkbox" ? [] : ""), f),
     {}
-  )) || {}, o = Oe(n), i = (o == null ? void 0 : o.feedback.customInputValues) || {}, l = {
+  )) || {}, o = $e(n), i = (o == null ? void 0 : o.feedback.customInputValues) || {}, l = {
     ...a,
     ...i
-  }, [s, c] = Me({
+  }, [s, c] = Pe({
     message: ((h = o == null ? void 0 : o.feedback) == null ? void 0 : h.message) || "",
     screenshot: void 0,
     isCapturing: !1,
@@ -1069,8 +1026,8 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       !y && !s.hasUserInteracted && c({ hasUserInteracted: !0 }), c(f), (s.hasUserInteracted || y) && (t == null || t(f, m));
     }
   };
-}, ln = (e, n) => {
-  const [t, r] = Me({
+}, Zt = (e, n) => {
+  const [t, r] = Pe({
     text: e.textConfig,
     isOpen: !1,
     primaryColor: e.primaryColor,
@@ -1084,7 +1041,7 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       height: document.documentElement.scrollHeight
     },
     isStoredFeedbackOpen: !1,
-    pagesCount: tt(),
+    pagesCount: Ge(),
     welcomeMessageIsClosing: !1,
     position: e.position,
     customInputs: e.customInputs,
@@ -1094,15 +1051,15 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
     state: t,
     setState: r
   };
-}, Ue = (e) => {
+}, qe = (e) => {
   var n;
   return ((n = e.customInputs) == null ? void 0 : n.reduce(
     (t, r) => (t[r.id] = r.defaultValue ?? (r.type === "checkbox" ? [] : ""), t),
     {}
   )) || {};
-}, cn = (e) => {
-  let n = Te();
-  const t = ln(e), r = qt(t), a = Ft(t), o = sn(
+}, Qt = (e) => {
+  let n = Se();
+  const t = Zt(e), r = At(t), a = It(t), o = Jt(
     e,
     n,
     (c, u) => {
@@ -1116,7 +1073,7 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       );
     },
     e.customInputs
-  ), i = an(e, n, (c, u) => {
+  ), i = Xt(e, n, (c, u) => {
     r(
       n,
       {
@@ -1127,8 +1084,8 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
     );
   }), l = (c) => {
     n = c;
-    const u = Oe(n), h = {
-      ...Ue(e),
+    const u = $e(n), h = {
+      ...qe(e),
       ...u == null ? void 0 : u.feedback.customInputValues
     };
     o.setState({
@@ -1139,7 +1096,7 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       shapes: (u == null ? void 0 : u.drawing.shapes) || []
     });
   }, s = () => {
-    et(n);
+    Ke(n);
     const c = {
       feedback: {
         message: "",
@@ -1147,7 +1104,7 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
         isCapturing: !1,
         isMinimized: !1,
         hasUserInteracted: !1,
-        customInputValues: Ue(e)
+        customInputValues: qe(e)
       },
       drawing: {
         isDrawing: !1,
@@ -1189,8 +1146,8 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       }
     }
   };
-}, st = ht(), dn = (e) => {
-  const n = cn({
+}, tt = it(), en = (e) => {
+  const n = Qt({
     primaryColor: e.primaryColor,
     onSubmit: e.onSubmit,
     textConfig: e.textConfig,
@@ -1198,19 +1155,19 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
     customInputs: e.customInputs,
     disableMinimization: e.disableMinimization
   });
-  return g(st.Provider, {
+  return g(tt.Provider, {
     value: n,
     get children() {
       return e.children;
     }
   });
 }, $ = () => {
-  const e = gt(st);
+  const e = st(tt);
   if (!e)
     throw new Error("useEchoStore must be used within EchoProvider");
   return e;
-}, un = (e) => {
-  const [n, t] = T({
+}, tn = (e) => {
+  const [n, t] = I({
     width: document.documentElement.clientWidth,
     height: document.documentElement.scrollHeight
   }), r = () => {
@@ -1222,11 +1179,11 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
       }));
     });
   };
-  return A({
+  return D({
     event: "resize",
     callback: r,
     onMount: r
-  }), Ae({
+  }), Ee({
     target: document.documentElement,
     options: {
       childList: !0,
@@ -1235,13 +1192,13 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
     },
     callback: r
   }), n;
-}, hn = ({ onUrlChange: e }) => {
-  let n = Te();
+}, nn = ({ onUrlChange: e }) => {
+  let n = Se();
   const t = () => {
-    const r = Te();
+    const r = Se();
     r !== n && (n = r, e(r));
   };
-  A({ event: "popstate", callback: t }), A({ event: "pushstate", callback: t }), A({ event: "replacestate", callback: t }), Ae({
+  D({ event: "popstate", callback: t }), D({ event: "pushstate", callback: t }), D({ event: "replacestate", callback: t }), Ee({
     target: document.documentElement,
     options: {
       childList: !0,
@@ -1249,9 +1206,9 @@ const re = /* @__PURE__ */ new WeakMap(), Jt = (e) => {
     },
     callback: t
   });
-}, gn = `*,*:before,*:after{box-sizing:border-box}.echo-root{position:absolute;top:0;left:0;z-index:var(--z-root);isolation:isolate;pointer-events:none;--z-root: 999999;--z-launcher: 2;--z-overlay: 1;--z-drawing-toolbar: 3;--z-drawing-tooltip: 3;--z-shape-actions: 3;--z-notification: 2;--z-welcome-message: 2;--z-widget-button: 2;--z-feedback-form: 4;--primary-color: #000;--primary-text-color: #fff;--error-color: #f44336;--success-color: var(--primary-color);--text-dark: #1a1a1a;--text-medium: #333;--text-light: #666;--text-lighter: #999;--border-color: rgba(0, 0, 0, .1);--border-color-light: rgba(0, 0, 0, .05);--border-color-medium: rgba(0, 0, 0, .08);--background-color: #fff;--primary-color-lighter: color-mix(in srgb, var(--primary-color) 100%, white 40%);--primary-color-lightest: color-mix(in srgb, var(--primary-color) 7%, white 100%);--hover-color: color-mix(in srgb, var(--primary-color) 80%, #fff);--shadow-color-dark: rgba(0, 0, 0, .6);--shadow-color-light: rgba(255, 255, 255, .1);--shadow-color-medium: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px;--shadow-md: 0 4px 10px;--shadow-lg: 0 10px 20px;--shadow-black-sm: var(--shadow-sm) rgba(0, 0, 0, .5);--shadow-black-md: var(--shadow-md) rgba(0, 0, 0, .5);--shadow-black-lg: var(--shadow-lg) rgba(0, 0, 0, .5);--shadow-black-lightened-sm: var(--shadow-sm) var(--shadow-color-medium);--shadow-black-lightened-md: var(--shadow-md) var(--shadow-color-medium);--shadow-black-lightened-lg: var(--shadow-lg) var(--shadow-color-medium);--shadow-primary-sm: var(--shadow-sm) color-mix(in srgb, var(--primary-color) 60%, transparent 80%);--shadow-primary-md: var(--shadow-md) color-mix(in srgb, var(--primary-color) 50%, transparent 80%);--shadow-primary-lg: var(--shadow-lg) color-mix(in srgb, var(--primary-color) 40%, transparent 80%);--shadow-primary-lighter-sm: var(--shadow-sm) color-mix(in srgb, var(--primary-color-lighter) 70%, transparent 80%);--shadow-primary-lighter-md: var(--shadow-md) color-mix(in srgb, var(--primary-color-lighter) 60%, transparent 80%);--shadow-primary-lighter-lg: var(--shadow-lg) color-mix(in srgb, var(--primary-color-lighter) 50%, transparent 80%);--shadow-primary-lightest-sm: var(--shadow-sm) color-mix(in srgb, var(--primary-color-lightest) 70%, transparent 80%);--shadow-primary-lightest-md: var(--shadow-md) color-mix(in srgb, var(--primary-color-lightest) 60%, transparent 80%);--shadow-primary-lightest-lg: var(--shadow-lg) color-mix(in srgb, var(--primary-color-lightest) 50%, transparent 80%);--shadow-combined-sm: var(--shadow-primary-sm), var(--shadow-black-lightened-sm);--shadow-combined-md: var(--shadow-primary-md), var(--shadow-black-lightened-md);--shadow-combined-lg: var(--shadow-primary-lg), var(--shadow-black-lightened-lg);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-xs: .8125rem;--font-sm: .875rem;--font-base: .9375rem;--font-md: 1rem;--font-lg: 1.125rem;--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .6s;--ease-default: ease;--ease-in-out: ease-in-out;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1)}.echo-stored-feedback{position:absolute;display:flex;flex-direction:column;bottom:calc(100% + var(--spacing-lg));right:0;width:320px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-black-lightened-lg);animation:slideUpFade var(--duration-base) var(--ease-smooth);z-index:calc(var(--z-widget-button) + 1);transform-origin:bottom right;transition:all var(--duration-base) var(--ease-smooth)}.echo-stored-feedback-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.echo-stored-feedback-header h3{margin:0;font-size:var(--font-md);font-weight:600}.echo-stored-feedback-list{max-height:400px;overflow-y:auto;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.echo-stored-feedback-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-light);transition:all var(--duration-base) var(--ease-smooth);background:#fff;position:relative}.echo-stored-feedback-item:hover{background:var(--primary-color-lightest)}.echo-stored-feedback-item-current{background:var(--primary-color-lightest);padding-left:calc(var(--spacing-lg) - 3px)}.echo-stored-feedback-item-current:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.echo-stored-feedback-item:last-child{border-bottom:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.echo-stored-feedback-item:last-child.echo-stored-feedback-item-current:before{border-bottom-left-radius:var(--radius-lg)}.echo-stored-feedback-content{flex:1;min-width:0;margin-right:var(--spacing-md)}.echo-stored-feedback-path{font-size:var(--font-sm);font-weight:500;color:var(--text-medium);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.echo-stored-feedback-preview{font-size:var(--font-xs);color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.echo-stored-feedback-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.echo-stored-feedback-link{color:var(--text-light)}.echo-stored-feedback-link:hover{color:var(--primary-color)}.echo-stored-feedback-delete{color:var(--text-light);font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-md)}.echo-stored-feedback-delete:hover{color:var(--error-color);background:color-mix(in srgb,var(--error-color) 10%,transparent)}.echo-stored-feedback-empty{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;color:var(--text-light);font-size:var(--font-sm);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.echo-launcher{position:fixed;z-index:var(--z-launcher);bottom:var(--spacing-xl);right:var(--spacing-xl);pointer-events:none}.echo-overlay{position:absolute;top:0;left:0;margin:0;padding:0;max-width:none;max-height:none;border:3px solid var(--primary-color);background:transparent}.echo-overlay::backdrop{background:transparent}[data-hidden=true],[data-hidden=false]{transition:opacity var(--duration-slow) var(--ease-in-out),visibility var(--duration-slow) var(--ease-in-out)}[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}[data-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;user-select:none;-webkit-user-select:none}.echo-launcher-button{z-index:var(--z-widget-button);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(circle at 40% 40%,var(--primary-color) 0%,var(--primary-color-lighter) 65%,var(--primary-color-lighter) 100%);border:none;border-radius:var(--radius-full);width:48px;height:48px;box-shadow:var(--shadow-black-md);transition:all var(--duration-slow) var(--ease-default),transform var(--duration-slower) var(--ease-smooth),opacity var(--duration-slow) var(--ease-in-out);will-change:transform}.echo-launcher-button:hover{box-shadow:var(--shadow-black-lg);transform:translateY(-2px)}.echo-launcher-button:active{transform:scale(.95)}.echo-launcher-button-count{position:absolute;top:calc(-1 * var(--spacing-xs));left:calc(-1 * var(--spacing-xs));background:var(--primary-color-lightest);color:var(--primary-color-lighter);border-radius:var(--radius-md);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-black-sm);padding:0 var(--spacing-xs);font-weight:600;pointer-events:auto;cursor:pointer;transform-origin:center center;animation:popIn var(--duration-slow) var(--ease-bounce);transition:transform var(--duration-base) var(--ease-default)}.echo-launcher-button-count:hover{transform:scale(1.1)}.echo-feedback{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:min(calc(100vw - var(--spacing-xl) * 2),24rem);max-height:calc(100vh - var(--spacing-xl) * 2);z-index:var(--z-feedback-form);box-shadow:var(--shadow-black-lightened-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--background-color);border-radius:var(--radius-lg);overflow-y:auto;will-change:transform;padding:0 var(--spacing-lg)}.echo-feedback[data-minimized=true]{transition:transform .4s var(--ease-default),box-shadow .4s var(--ease-default);transform:translate(calc(100% - 48px),calc(100% - 48px));box-shadow:0 8px 16px #0003}.echo-feedback[data-minimized=true]:hover{cursor:pointer;transform:translate(calc(100% - 48px),calc(100% - 48px)) rotate(-2deg) scale(1.1);box-shadow:0 12px 24px #00000040}.echo-feedback[data-minimized=false]{transition:transform .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth);transform:translate(0)}.echo-feedback[style*=transition]{pointer-events:none}.echo-feedback-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.echo-feedback-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;background-color:var(--background-color);position:sticky;top:0;z-index:1}.echo-feedback-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;background-color:var(--background-color);position:sticky;bottom:0;z-index:1}.echo-feedback-title{font-size:var(--font-lg);font-weight:600;color:var(--text-dark);margin:0}.echo-feedback-header-actions{display:flex;gap:var(--spacing-xs);margin:calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-sm)) 0}[data-hide-when-drawing=true]{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}[data-drawing=true] [data-hide-when-drawing=true]{opacity:0;visibility:hidden;pointer-events:none;user-select:none;-webkit-user-select:none}.echo-drawing-layer,.echo-drawing-layer-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;user-select:none;-webkit-user-select:none}.echo-drawing-layer-container svg{pointer-events:auto}.echo-drawing-toolbar{position:fixed;top:var(--spacing-xl);left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-drawing-toolbar);opacity:1;transition:opacity var(--duration-base) var(--ease-default)}.echo-drawing-toolbar-button{width:50px;height:50px;border-radius:var(--radius-full);border:2px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all var(--duration-base) var(--ease-default);box-shadow:var(--shadow-black-sm);position:relative}.echo-drawing-toolbar-icon{width:25px;height:25px;color:var(--primary-color);transition:color var(--duration-base) var(--ease-default)}.echo-drawing-toolbar-button:hover{transform:scale(1.05);border-color:var(--hover-color)}.echo-drawing-toolbar-button[data-selected=true]{background:var(--primary-color-lightest);border-color:var(--primary-color)}.echo-color-selector{position:relative}.echo-color-selector:hover .echo-drawing-toolbar-button{border-top-right-radius:0;border-bottom-right-radius:0;transform:scale(1.05);border-right-color:transparent;background:rgba(var(--primary-color),.9);border-color:var(--hover-color)}.echo-color-swatch-wrapper{position:absolute;left:calc(100% - 2px);top:50%;transform:translateY(-50%);height:52.5px;padding-right:var(--spacing-sm);display:none}.echo-color-selector:hover .echo-color-swatch-wrapper{display:block}.echo-color-swatch{height:100%;background:#fff;border-radius:var(--radius-md);border-top-left-radius:0;border-bottom-left-radius:0;padding:var(--spacing-sm);padding-left:var(--spacing-md);box-shadow:var(--shadow-black-sm);display:flex;align-items:center;gap:var(--spacing-sm);border:2px solid #ddd;border-left:none}.echo-color-selector:hover .echo-color-swatch{border-color:var(--hover-color)}.echo-color-swatch-button{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--duration-base) var(--ease-default)}.echo-color-swatch-button:hover{transform:scale(1.1)}.echo-color-swatch-button[data-selected=true]{border-color:var(--primary-color)}.echo-drawing-tooltip{display:flex;text-wrap:nowrap;position:fixed;background:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-combined-sm);font-size:var(--font-sm);color:var(--primary-color);z-index:var(--z-drawing-tooltip);pointer-events:none;animation:slideDownFade var(--duration-slow) var(--ease-default);border:1px solid var(--primary-color);background:var(--primary-color-lightest)}.echo-shape-actions{position:fixed;z-index:var(--z-shape-actions);display:flex;gap:var(--spacing-xs);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-combined-md);transform:translate(-50%,-100%) translateY(calc(-1 * var(--spacing-sm)));animation:popInSlideDown var(--duration-fast) var(--ease-default);cursor:default;pointer-events:auto;padding:var(--spacing-xs);border:1px solid var(--primary-color)}.echo-shape-actions-divider{width:1px;margin:var(--spacing-sm) 0;background:var(--border-color);pointer-events:none}.echo-shape-actions[hidden]{display:none}.echo-notification{position:absolute;z-index:var(--z-notification);bottom:70px;right:0;width:300px;padding:var(--spacing-2xl);border-radius:var(--radius-lg);font-size:var(--font-md);font-weight:500;box-shadow:var(--shadow-combined-md);background:#fff;border:1px solid var(--primary-color);transform-origin:bottom right;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);opacity:1;pointer-events:auto;transition:all var(--duration-base) var(--ease-smooth)}.echo-notification:not([data-empty=true]){animation:popInSlideUp var(--duration-slower) var(--ease-spring)}.echo-notification[data-empty=true]{opacity:0;pointer-events:none;transform:translateY(var(--spacing-sm)) scale(.95);transition:none}.echo-notification-hide{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:24px;height:24px;padding:var(--spacing-xs);border:none;background:transparent;color:var(--text-light);opacity:.7;cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-bounce);flex-shrink:0}.echo-notification-hide:hover{opacity:1;background:var(--primary-color-lightest);transform:scale(1.1);color:var(--primary-color)}.echo-notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:scale(1.5);background:var(--primary-color-lightest);padding:var(--spacing-md);border-radius:var(--radius-full);margin-top:var(--spacing-md);transition:all var(--duration-base) var(--ease-bounce)}.echo-notification[data-type=success]{border-color:var(--success-color)}.echo-notification[data-type=success] .echo-notification-icon{color:var(--success-color)}.echo-notification[data-type=error]{border-color:var(--error-color)}.echo-notification[data-type=error] .echo-notification-icon{color:var(--error-color);background:color-mix(in srgb,var(--error-color) 10%,white)}.echo-notification-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 12px}.echo-notification-title{font-size:1rem;font-weight:600;color:#1a1a1a}.echo-notification-message{font-size:.875rem;font-weight:400;color:#666;line-height:1.4;max-width:100%}@media (max-width: 768px){.echo-notification{right:0;width:calc(100vw - 40px);height:auto;min-height:180px;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.9375rem;padding:20px;gap:16px;bottom:calc(100% + 20px)}.echo-notification-icon{transform:scale(1.3);padding:10px;margin-top:8px}.echo-notification-title{font-size:.9375rem}.echo-notification-message{font-size:.8125rem}}.echo-welcome-message{display:flex;align-items:center;gap:var(--spacing-xs);position:fixed;z-index:var(--z-welcome-message);background:var(--primary-color-lightest);border:1px solid var(--primary-color);color:var(--primary-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:500;box-shadow:var(--shadow-combined-md);opacity:1;transform:translateY(0) scale(1);transition:all var(--duration-slow) var(--ease-smooth);animation:bounceIn var(--duration-slowest) var(--ease-bounce);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;text-align:left}.echo-welcome-message:hover{transform:translateY(-2px) scale(1.02);background:var(--primary-color-lightest);box-shadow:var(--shadow-combined-lg)}.echo-welcome-message:active{transform:translateY(0) scale(.98)}.echo-welcome-message-close{width:20px;height:20px;padding:2px;margin-left:var(--spacing-xs);border:none;background:transparent;opacity:.7;cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-default)}.echo-welcome-message-close:hover{opacity:1;background:var(--shadow-color-light);transform:scale(1.1)}.echo-welcome-message-close:active{transform:scale(.95)}.echo-welcome-message:after{content:"";position:absolute;bottom:-4px;right:17px;width:16px;height:16px;background:inherit;transform:rotate(45deg);border-radius:var(--radius-xs);border:1px solid var(--primary-color);z-index:-2}.echo-welcome-message:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color-lightest);z-index:-1;border-radius:var(--radius-lg)}.echo-welcome-message-pulsar{content:"";display:inline-block;width:6px;height:6px;background:var(--primary-color);border-radius:50%;margin-right:8px;animation:pulse 1.5s var(--ease-in-out) infinite}.echo-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-default);line-height:1}.echo-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.echo-button-primary{background:var(--primary-color);color:#fff}.echo-button-primary:hover{background:var(--hover-color);transform:translateY(-1px)}.echo-button-primary:active{transform:translateY(0)}.echo-button-secondary{background:transparent;color:var(--text-light)}.echo-button-secondary:hover{background-color:var(--primary-color-lightest);color:var(--primary-color)}.echo-button-xs{padding:var(--spacing-xs);font-size:var(--font-xs)}.echo-button-sm{padding:var(--spacing-xs);font-size:var(--font-sm)}.echo-button-md{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-base)}.echo-button-lg{padding:var(--spacing-md) var(--spacing-3xl);font-size:var(--font-md)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(var(--spacing-sm))}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(calc(-1 * var(--spacing-sm)))}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popInSlideUp{0%{opacity:0;transform:translateY(var(--spacing-sm)) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popInSlideDown{0%{opacity:0;transform:translate(-50%,-100%) translateY(calc(-1 * var(--spacing-xs))) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) translateY(calc(-1 * var(--spacing-sm))) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(var(--spacing-xl)) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.echo-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.echo-input{display:flex;flex-direction:column;gap:.5rem}.echo-input-label{font-size:.875rem;font-weight:500;color:var(--text-color)}.echo-input-required{color:#dc2626;margin-left:.25rem}.echo-input-field{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;color:var(--text-medium);font-size:var(--font-sm);transition:all var(--duration-base) var(--ease-default)}.echo-input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.echo-input-field:disabled{opacity:.5}.echo-input-field::placeholder{color:var(--text-lighter)}textarea.echo-input-field{resize:vertical;max-width:100%;max-height:20rem;box-sizing:border-box}select.echo-input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2.5rem;cursor:pointer}.echo-input-options-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl);border:none;margin:0;padding:0}.echo-input-options{display:flex;flex-direction:column;gap:var(--spacing-sm);border:none;margin:0;padding:0}.echo-input-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--duration-base) var(--ease-default)}.echo-input-option:hover{background:var(--primary-color-lightest)}.echo-input-option input[type=radio],.echo-input-option input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:18px;height:18px;border:1px solid var(--border-color);background-color:#fff;display:grid;place-content:center;cursor:pointer;transition:all var(--duration-base) var(--ease-default)}.echo-input-option input[type=radio]{border-radius:50%}.echo-input-option input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform var(--duration-base) var(--ease-default);background-color:var(--primary-color)}.echo-input-option input[type=radio]:checked:before{transform:scale(1)}.echo-input-option input[type=checkbox]{border-radius:var(--radius-sm)}.echo-input-option input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);transition:all var(--duration-base) var(--ease-default);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.echo-input-option input[type=checkbox]:checked{background-color:var(--primary-color-lighter);border-color:var(--primary-color-lighter)}.echo-input-option input[type=checkbox]:checked:before{transform:scale(1)}.echo-input-option input[type=radio]:hover,.echo-input-option input[type=checkbox]:hover{border-color:var(--primary-color-lighter)}.echo-input-option input[type=radio]:focus,.echo-input-option input[type=checkbox]:focus{outline:none;border-color:var(--primary-color-lighter);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.echo-input-option input[type=radio]:checked,.echo-input-option input[type=checkbox]:checked{border-color:var(--primary-color-lighter)}.echo-input-option span{font-size:var(--font-sm);color:var(--text-medium);-webkit-user-select:none;user-select:none}.echo-select{position:relative;width:100%}.echo-select-trigger{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;color:var(--text-medium);font-size:var(--font-sm);transition:all var(--duration-base) var(--ease-default);cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.5rem;outline:none}.echo-select-trigger[data-placeholder=true]{color:var(--text-lighter)}.echo-select-trigger:hover{border-color:var(--border-color-medium)}.echo-select-trigger:focus,.echo-select-trigger[data-open=true]{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.echo-select-arrow{flex-shrink:0;transition:transform var(--duration-base) var(--ease-default)}.echo-select-trigger[data-open=true] .echo-select-arrow{transform:rotate(180deg)}.echo-select-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fff;border:1px solid var(--border-color-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-black-lightened-md);max-height:15rem;overflow-y:auto;z-index:10;animation:slideDownFade var(--duration-base) var(--ease-default);padding:var(--spacing-xs)}.echo-select-option{width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;color:var(--text-medium);font-size:var(--font-sm);cursor:pointer;transition:all var(--duration-base) var(--ease-default);outline:none;border-radius:var(--radius-sm)}.echo-select-option:hover{background:var(--primary-color-lightest)}.echo-select-option:focus{background:var(--primary-color-lightest);box-shadow:0 0 0 1px var(--primary-color) inset}.echo-select-option[data-selected=true]{background:var(--primary-color-lightest);color:var(--primary-color);font-weight:500}select.echo-input-field{display:none}.visually-hidden{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}`;
-var fn = /* @__PURE__ */ w('<div class=echo-color-selector role=group aria-label="Color Selection"><button class=echo-drawing-toolbar-button title="Current Color"></button><div class=echo-color-swatch-wrapper role=listbox aria-label="Available Colors"><div class=echo-color-swatch>'), mn = /* @__PURE__ */ w("<button class=echo-color-swatch-button role=option>");
-const vn = [
+}, rn = `*,*:before,*:after{box-sizing:border-box}.echo-root{position:absolute;top:0;left:0;z-index:var(--z-root);isolation:isolate;pointer-events:none;--z-root: 999999;--z-launcher: 2;--z-overlay: 1;--z-drawing-toolbar: 3;--z-drawing-tooltip: 3;--z-shape-actions: 3;--z-notification: 2;--z-welcome-message: 2;--z-widget-button: 2;--z-feedback-form: 4;--primary-color: #000;--primary-text-color: #fff;--error-color: #f44336;--success-color: var(--primary-color);--text-dark: #1a1a1a;--text-medium: #333;--text-light: #666;--text-lighter: #999;--border-color: rgba(0, 0, 0, .1);--border-color-light: rgba(0, 0, 0, .05);--border-color-medium: rgba(0, 0, 0, .08);--background-color: #fff;--primary-color-lighter: color-mix(in srgb, var(--primary-color) 100%, white 40%);--primary-color-lightest: color-mix(in srgb, var(--primary-color) 7%, white 100%);--hover-color: color-mix(in srgb, var(--primary-color) 80%, #fff);--shadow-color-dark: rgba(0, 0, 0, .6);--shadow-color-light: rgba(255, 255, 255, .1);--shadow-color-medium: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px;--shadow-md: 0 4px 10px;--shadow-lg: 0 10px 20px;--shadow-black-sm: var(--shadow-sm) rgba(0, 0, 0, .5);--shadow-black-md: var(--shadow-md) rgba(0, 0, 0, .5);--shadow-black-lg: var(--shadow-lg) rgba(0, 0, 0, .5);--shadow-black-lightened-sm: var(--shadow-sm) var(--shadow-color-medium);--shadow-black-lightened-md: var(--shadow-md) var(--shadow-color-medium);--shadow-black-lightened-lg: var(--shadow-lg) var(--shadow-color-medium);--shadow-primary-sm: var(--shadow-sm) color-mix(in srgb, var(--primary-color) 60%, transparent 80%);--shadow-primary-md: var(--shadow-md) color-mix(in srgb, var(--primary-color) 50%, transparent 80%);--shadow-primary-lg: var(--shadow-lg) color-mix(in srgb, var(--primary-color) 40%, transparent 80%);--shadow-primary-lighter-sm: var(--shadow-sm) color-mix(in srgb, var(--primary-color-lighter) 70%, transparent 80%);--shadow-primary-lighter-md: var(--shadow-md) color-mix(in srgb, var(--primary-color-lighter) 60%, transparent 80%);--shadow-primary-lighter-lg: var(--shadow-lg) color-mix(in srgb, var(--primary-color-lighter) 50%, transparent 80%);--shadow-primary-lightest-sm: var(--shadow-sm) color-mix(in srgb, var(--primary-color-lightest) 70%, transparent 80%);--shadow-primary-lightest-md: var(--shadow-md) color-mix(in srgb, var(--primary-color-lightest) 60%, transparent 80%);--shadow-primary-lightest-lg: var(--shadow-lg) color-mix(in srgb, var(--primary-color-lightest) 50%, transparent 80%);--shadow-combined-sm: var(--shadow-primary-sm), var(--shadow-black-lightened-sm);--shadow-combined-md: var(--shadow-primary-md), var(--shadow-black-lightened-md);--shadow-combined-lg: var(--shadow-primary-lg), var(--shadow-black-lightened-lg);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-xs: .8125rem;--font-sm: .875rem;--font-base: .9375rem;--font-md: 1rem;--font-lg: 1.125rem;--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .6s;--ease-default: ease;--ease-in-out: ease-in-out;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1)}.echo-stored-feedback{position:absolute;display:flex;flex-direction:column;bottom:calc(100% + var(--spacing-lg));right:0;width:320px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-black-lightened-lg);animation:slideUpFade var(--duration-base) var(--ease-smooth);z-index:calc(var(--z-widget-button) + 1);transform-origin:bottom right;transition:all var(--duration-base) var(--ease-smooth)}.echo-stored-feedback-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.echo-stored-feedback-header h3{margin:0;font-size:var(--font-md);font-weight:600}.echo-stored-feedback-list{max-height:400px;overflow-y:auto;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.echo-stored-feedback-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-light);transition:all var(--duration-base) var(--ease-smooth);background:#fff;position:relative}.echo-stored-feedback-item:hover{background:var(--primary-color-lightest)}.echo-stored-feedback-item-current{background:var(--primary-color-lightest);padding-left:calc(var(--spacing-lg) - 3px)}.echo-stored-feedback-item-current:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.echo-stored-feedback-item:last-child{border-bottom:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.echo-stored-feedback-item:last-child.echo-stored-feedback-item-current:before{border-bottom-left-radius:var(--radius-lg)}.echo-stored-feedback-content{flex:1;min-width:0;margin-right:var(--spacing-md)}.echo-stored-feedback-path{font-size:var(--font-sm);font-weight:500;color:var(--text-medium);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.echo-stored-feedback-preview{font-size:var(--font-xs);color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.echo-stored-feedback-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.echo-stored-feedback-link{color:var(--text-light)}.echo-stored-feedback-link:hover{color:var(--primary-color)}.echo-stored-feedback-delete{color:var(--text-light);font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-md)}.echo-stored-feedback-delete:hover{color:var(--error-color);background:color-mix(in srgb,var(--error-color) 10%,transparent)}.echo-stored-feedback-empty{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;color:var(--text-light);font-size:var(--font-sm);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.echo-launcher{position:fixed;z-index:var(--z-launcher);bottom:var(--spacing-xl);right:var(--spacing-xl);pointer-events:none}.echo-overlay{position:absolute;top:0;left:0;margin:0;padding:0;max-width:none;max-height:none;border:3px solid var(--primary-color);background:transparent}.echo-overlay::backdrop{background:transparent}[data-hidden=true],[data-hidden=false]{transition:opacity var(--duration-slow) var(--ease-in-out),visibility var(--duration-slow) var(--ease-in-out)}[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}[data-hidden=false]{opacity:1;visibility:visible;pointer-events:auto;user-select:none;-webkit-user-select:none}.echo-launcher-button{z-index:var(--z-widget-button);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(circle at 40% 40%,var(--primary-color) 0%,var(--primary-color-lighter) 65%,var(--primary-color-lighter) 100%);border:none;border-radius:var(--radius-full);width:48px;height:48px;box-shadow:var(--shadow-black-md);transition:all var(--duration-slow) var(--ease-default),transform var(--duration-slower) var(--ease-smooth),opacity var(--duration-slow) var(--ease-in-out);will-change:transform}.echo-launcher-button:hover{box-shadow:var(--shadow-black-lg);transform:translateY(-2px)}.echo-launcher-button:active{transform:scale(.95)}.echo-launcher-button-count{position:absolute;top:calc(-1 * var(--spacing-xs));left:calc(-1 * var(--spacing-xs));background:var(--primary-color-lightest);color:var(--primary-color-lighter);border-radius:var(--radius-md);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-black-sm);padding:0 var(--spacing-xs);font-weight:600;pointer-events:auto;cursor:pointer;transform-origin:center center;animation:popIn var(--duration-slow) var(--ease-bounce);transition:transform var(--duration-base) var(--ease-default)}.echo-launcher-button-count:hover{transform:scale(1.1)}.echo-feedback{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:min(calc(100vw - var(--spacing-xl) * 2),24rem);max-height:calc(100vh - var(--spacing-xl) * 2);z-index:var(--z-feedback-form);box-shadow:var(--shadow-black-lightened-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--background-color);border-radius:var(--radius-lg);overflow-y:auto;will-change:transform;padding:0 var(--spacing-lg)}.echo-feedback[data-minimized=true]{transition:transform .4s var(--ease-default),box-shadow .4s var(--ease-default);transform:translate(calc(100% - 48px),calc(100% - 48px));box-shadow:0 8px 16px #0003}.echo-feedback[data-minimized=true]:hover{cursor:pointer;transform:translate(calc(100% - 48px),calc(100% - 48px)) rotate(-2deg) scale(1.1);box-shadow:0 12px 24px #00000040}.echo-feedback[data-minimized=false]{transition:transform .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth);transform:translate(0)}.echo-feedback[style*=transition]{pointer-events:none}.echo-feedback-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.echo-feedback-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;background-color:var(--background-color);position:sticky;top:0;z-index:1}.echo-feedback-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;background-color:var(--background-color);position:sticky;bottom:0;z-index:1}.echo-feedback-title{font-size:var(--font-lg);font-weight:600;color:var(--text-dark);margin:0}.echo-feedback-header-actions{display:flex;gap:var(--spacing-xs);margin:calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-sm)) 0}[data-hide-when-drawing=true]{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}[data-drawing=true] [data-hide-when-drawing=true]{opacity:0;visibility:hidden;pointer-events:none;user-select:none;-webkit-user-select:none}.echo-drawing-layer,.echo-drawing-layer-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;user-select:none;-webkit-user-select:none}.echo-drawing-layer-container svg{pointer-events:auto}.echo-drawing-toolbar{position:fixed;top:var(--spacing-xl);left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-drawing-toolbar);opacity:1;transition:opacity var(--duration-base) var(--ease-default)}.echo-drawing-toolbar-button{width:50px;height:50px;border-radius:var(--radius-full);border:2px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all var(--duration-base) var(--ease-default);box-shadow:var(--shadow-black-sm);position:relative}.echo-drawing-toolbar-icon{width:25px;height:25px;color:var(--primary-color);transition:color var(--duration-base) var(--ease-default)}.echo-drawing-toolbar-button:hover{transform:scale(1.05);border-color:var(--hover-color)}.echo-drawing-toolbar-button[data-selected=true]{background:var(--primary-color-lightest);border-color:var(--primary-color)}.echo-color-selector{position:relative}.echo-color-selector:hover .echo-drawing-toolbar-button{border-top-right-radius:0;border-bottom-right-radius:0;transform:scale(1.05);border-right-color:transparent;background:rgba(var(--primary-color),.9);border-color:var(--hover-color)}.echo-color-swatch-wrapper{position:absolute;left:calc(100% - 2px);top:50%;transform:translateY(-50%);height:52.5px;padding-right:var(--spacing-sm);display:none}.echo-color-selector:hover .echo-color-swatch-wrapper{display:block}.echo-color-swatch{height:100%;background:#fff;border-radius:var(--radius-md);border-top-left-radius:0;border-bottom-left-radius:0;padding:var(--spacing-sm);padding-left:var(--spacing-md);box-shadow:var(--shadow-black-sm);display:flex;align-items:center;gap:var(--spacing-sm);border:2px solid #ddd;border-left:none}.echo-color-selector:hover .echo-color-swatch{border-color:var(--hover-color)}.echo-color-swatch-button{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--duration-base) var(--ease-default)}.echo-color-swatch-button:hover{transform:scale(1.1)}.echo-color-swatch-button[data-selected=true]{border-color:var(--primary-color)}.echo-drawing-tooltip{display:flex;text-wrap:nowrap;position:fixed;background:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-combined-sm);font-size:var(--font-sm);color:var(--primary-color);z-index:var(--z-drawing-tooltip);pointer-events:none;animation:slideDownFade var(--duration-slow) var(--ease-default);border:1px solid var(--primary-color);background:var(--primary-color-lightest)}.echo-shape-actions{position:fixed;z-index:var(--z-shape-actions);display:flex;gap:var(--spacing-xs);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-combined-md);transform:translate(-50%,-100%) translateY(calc(-1 * var(--spacing-sm)));animation:popInSlideDown var(--duration-fast) var(--ease-default);cursor:default;pointer-events:auto;padding:var(--spacing-xs);border:1px solid var(--primary-color)}.echo-shape-actions-divider{width:1px;margin:var(--spacing-sm) 0;background:var(--border-color);pointer-events:none}.echo-shape-actions[hidden]{display:none}.echo-notification{position:absolute;z-index:var(--z-notification);bottom:70px;right:0;width:300px;padding:var(--spacing-2xl);border-radius:var(--radius-lg);font-size:var(--font-md);font-weight:500;box-shadow:var(--shadow-combined-md);background:#fff;border:1px solid var(--primary-color);transform-origin:bottom right;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);opacity:1;pointer-events:auto;transition:all var(--duration-base) var(--ease-smooth)}.echo-notification:not([data-empty=true]){animation:popInSlideUp var(--duration-slower) var(--ease-spring)}.echo-notification[data-empty=true]{opacity:0;pointer-events:none;transform:translateY(var(--spacing-sm)) scale(.95);transition:none}.echo-notification-hide{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:24px;height:24px;padding:var(--spacing-xs);border:none;background:transparent;color:var(--text-light);opacity:.7;cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-bounce);flex-shrink:0}.echo-notification-hide:hover{opacity:1;background:var(--primary-color-lightest);transform:scale(1.1);color:var(--primary-color)}.echo-notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transform:scale(1.5);background:var(--primary-color-lightest);padding:var(--spacing-md);border-radius:var(--radius-full);margin-top:var(--spacing-md);transition:all var(--duration-base) var(--ease-bounce)}.echo-notification[data-type=success]{border-color:var(--success-color)}.echo-notification[data-type=success] .echo-notification-icon{color:var(--success-color)}.echo-notification[data-type=error]{border-color:var(--error-color)}.echo-notification[data-type=error] .echo-notification-icon{color:var(--error-color);background:color-mix(in srgb,var(--error-color) 10%,white)}.echo-notification-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 12px}.echo-notification-title{font-size:1rem;font-weight:600;color:#1a1a1a}.echo-notification-message{font-size:.875rem;font-weight:400;color:#666;line-height:1.4;max-width:100%}@media (max-width: 768px){.echo-notification{right:0;width:calc(100vw - 40px);height:auto;min-height:180px;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.9375rem;padding:20px;gap:16px;bottom:calc(100% + 20px)}.echo-notification-icon{transform:scale(1.3);padding:10px;margin-top:8px}.echo-notification-title{font-size:.9375rem}.echo-notification-message{font-size:.8125rem}}.echo-welcome-message{display:flex;align-items:center;gap:var(--spacing-xs);position:fixed;z-index:var(--z-welcome-message);background:var(--primary-color-lightest);border:1px solid var(--primary-color);color:var(--primary-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:500;box-shadow:var(--shadow-combined-md);opacity:1;transform:translateY(0) scale(1);transition:all var(--duration-slow) var(--ease-smooth);animation:bounceIn var(--duration-slowest) var(--ease-bounce);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;text-align:left}.echo-welcome-message:hover{transform:translateY(-2px) scale(1.02);background:var(--primary-color-lightest);box-shadow:var(--shadow-combined-lg)}.echo-welcome-message:active{transform:translateY(0) scale(.98)}.echo-welcome-message-close{width:20px;height:20px;padding:2px;margin-left:var(--spacing-xs);border:none;background:transparent;opacity:.7;cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-default)}.echo-welcome-message-close:hover{opacity:1;background:var(--shadow-color-light);transform:scale(1.1)}.echo-welcome-message-close:active{transform:scale(.95)}.echo-welcome-message:after{content:"";position:absolute;bottom:-4px;right:17px;width:16px;height:16px;background:inherit;transform:rotate(45deg);border-radius:var(--radius-xs);border:1px solid var(--primary-color);z-index:-2}.echo-welcome-message:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color-lightest);z-index:-1;border-radius:var(--radius-lg)}.echo-welcome-message-pulsar{content:"";display:inline-block;width:6px;height:6px;background:var(--primary-color);border-radius:50%;margin-right:8px;animation:pulse 1.5s var(--ease-in-out) infinite}.echo-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-default);line-height:1}.echo-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.echo-button-primary{background:var(--primary-color);color:#fff}.echo-button-primary:hover{background:var(--hover-color);transform:translateY(-1px)}.echo-button-primary:active{transform:translateY(0)}.echo-button-secondary{background:transparent;color:var(--text-light)}.echo-button-secondary:hover{background-color:var(--primary-color-lightest);color:var(--primary-color)}.echo-button-xs{padding:var(--spacing-xs);font-size:var(--font-xs)}.echo-button-sm{padding:var(--spacing-xs);font-size:var(--font-sm)}.echo-button-md{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-base)}.echo-button-lg{padding:var(--spacing-md) var(--spacing-3xl);font-size:var(--font-md)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(var(--spacing-sm))}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(calc(-1 * var(--spacing-sm)))}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popInSlideUp{0%{opacity:0;transform:translateY(var(--spacing-sm)) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popInSlideDown{0%{opacity:0;transform:translate(-50%,-100%) translateY(calc(-1 * var(--spacing-xs))) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) translateY(calc(-1 * var(--spacing-sm))) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(var(--spacing-xl)) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.echo-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.echo-input{display:flex;flex-direction:column;gap:.5rem}.echo-input-label{font-size:.875rem;font-weight:500;color:var(--text-color)}.echo-input-required{color:#dc2626;margin-left:.25rem}.echo-input-field{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;color:var(--text-medium);font-size:var(--font-sm);transition:all var(--duration-base) var(--ease-default)}.echo-input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.echo-input-field:disabled{opacity:.5}.echo-input-field::placeholder{color:var(--text-lighter)}textarea.echo-input-field{resize:vertical;max-width:100%;max-height:20rem;box-sizing:border-box}select.echo-input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2.5rem;cursor:pointer}.echo-input-options-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl);border:none;margin:0;padding:0}.echo-input-options{display:flex;flex-direction:column;gap:var(--spacing-sm);border:none;margin:0;padding:0}.echo-input-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--duration-base) var(--ease-default)}.echo-input-option:hover{background:var(--primary-color-lightest)}.echo-input-option input[type=radio],.echo-input-option input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:18px;height:18px;border:1px solid var(--border-color);background-color:#fff;display:grid;place-content:center;cursor:pointer;transition:all var(--duration-base) var(--ease-default)}.echo-input-option input[type=radio]{border-radius:50%}.echo-input-option input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform var(--duration-base) var(--ease-default);background-color:var(--primary-color)}.echo-input-option input[type=radio]:checked:before{transform:scale(1)}.echo-input-option input[type=checkbox]{border-radius:var(--radius-sm)}.echo-input-option input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);transition:all var(--duration-base) var(--ease-default);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.echo-input-option input[type=checkbox]:checked{background-color:var(--primary-color-lighter);border-color:var(--primary-color-lighter)}.echo-input-option input[type=checkbox]:checked:before{transform:scale(1)}.echo-input-option input[type=radio]:hover,.echo-input-option input[type=checkbox]:hover{border-color:var(--primary-color-lighter)}.echo-input-option input[type=radio]:focus,.echo-input-option input[type=checkbox]:focus{outline:none;border-color:var(--primary-color-lighter);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.echo-input-option input[type=radio]:checked,.echo-input-option input[type=checkbox]:checked{border-color:var(--primary-color-lighter)}.echo-input-option span{font-size:var(--font-sm);color:var(--text-medium);-webkit-user-select:none;user-select:none}.echo-select{position:relative;width:100%}.echo-select-trigger{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;color:var(--text-medium);font-size:var(--font-sm);transition:all var(--duration-base) var(--ease-default);cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:.5rem;outline:none}.echo-select-trigger[data-placeholder=true]{color:var(--text-lighter)}.echo-select-trigger:hover{border-color:var(--border-color-medium)}.echo-select-trigger:focus,.echo-select-trigger[data-open=true]{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.echo-select-arrow{flex-shrink:0;transition:transform var(--duration-base) var(--ease-default)}.echo-select-trigger[data-open=true] .echo-select-arrow{transform:rotate(180deg)}.echo-select-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fff;border:1px solid var(--border-color-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-black-lightened-md);max-height:15rem;overflow-y:auto;z-index:10;animation:slideDownFade var(--duration-base) var(--ease-default);padding:var(--spacing-xs)}.echo-select-option{width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;color:var(--text-medium);font-size:var(--font-sm);cursor:pointer;transition:all var(--duration-base) var(--ease-default);outline:none;border-radius:var(--radius-sm)}.echo-select-option:hover{background:var(--primary-color-lightest)}.echo-select-option:focus{background:var(--primary-color-lightest);box-shadow:0 0 0 1px var(--primary-color) inset}.echo-select-option[data-selected=true]{background:var(--primary-color-lightest);color:var(--primary-color);font-weight:500}select.echo-input-field{display:none}.visually-hidden{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}`;
+var on = /* @__PURE__ */ w('<div class=echo-color-selector role=group aria-label="Color Selection"><button class=echo-drawing-toolbar-button title="Current Color"></button><div class=echo-color-swatch-wrapper role=listbox aria-label="Available Colors"><div class=echo-color-swatch>'), an = /* @__PURE__ */ w("<button class=echo-color-swatch-button role=option>");
+const sn = [
   "#ff6b6b",
   // Soft Red
   "#69db7c",
@@ -1268,7 +1225,7 @@ const vn = [
   // Soft Orange
   "#e599f7"
   // Soft Pink
-], bn = {
+], ln = {
   "#ff6b6b": "Soft Red",
   "#69db7c": "Soft Green",
   "#74c0fc": "Soft Blue",
@@ -1277,20 +1234,20 @@ const vn = [
   "#66d9e8": "Soft Cyan",
   "#ffa94d": "Soft Orange",
   "#e599f7": "Soft Pink"
-}, Ee = (e) => bn[e] || "Primary", wn = () => {
+}, pe = (e) => ln[e] || "Primary", cn = () => {
   const e = $();
   return (() => {
-    var n = fn(), t = n.firstChild, r = t.nextSibling, a = r.firstChild;
-    return d(t, "aria-expanded", !1), v(a, g(B, {
+    var n = on(), t = n.firstChild, r = t.nextSibling, a = r.firstChild;
+    return d(t, "aria-expanded", !1), v(a, g(_, {
       get each() {
-        return [e.widget.state.primaryColor, ...vn];
+        return [e.widget.state.primaryColor, ...sn];
       },
       children: (o) => (() => {
-        var i = mn();
+        var i = an();
         return i.$$click = () => e.drawing.setState({
           selectedColor: o
         }), o != null ? i.style.setProperty("background-color", o) : i.style.removeProperty("background-color"), b((l) => {
-          var s = `Select ${Ee(o)} color`, c = e.drawing.state.selectedColor === o, u = `${Ee(o)} color`, h = e.drawing.state.selectedColor === o;
+          var s = `Select ${pe(o)} color`, c = e.drawing.state.selectedColor === o, u = `${pe(o)} color`, h = e.drawing.state.selectedColor === o;
           return s !== l.e && d(i, "title", l.e = s), c !== l.t && d(i, "data-selected", l.t = c), u !== l.a && d(i, "aria-label", l.a = u), h !== l.o && d(i, "aria-selected", l.o = h), l;
         }, {
           e: void 0,
@@ -1300,7 +1257,7 @@ const vn = [
         }), i;
       })()
     })), b((o) => {
-      var i = `Current color: ${Ee(e.drawing.state.selectedColor)}`, l = e.drawing.state.selectedColor;
+      var i = `Current color: ${pe(e.drawing.state.selectedColor)}`, l = e.drawing.state.selectedColor;
       return i !== o.e && d(t, "aria-label", o.e = i), l !== o.t && ((o.t = l) != null ? t.style.setProperty("background-color", l) : t.style.removeProperty("background-color")), o;
     }, {
       e: void 0,
@@ -1308,13 +1265,13 @@ const vn = [
     }), n;
   })();
 };
-I(["click"]);
-var yn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6">');
-const pn = (e) => (() => {
-  var n = yn();
+T(["click"]);
+var dn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="m9 18 6-6-6-6">');
+const un = (e) => (() => {
+  var n = dn();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1325,12 +1282,12 @@ const pn = (e) => (() => {
     s: void 0
   }), n;
 })();
-var xn = /* @__PURE__ */ w('<svg viewBox="0 0 64 66"fill=none><path d="M59.716 36.936L54.9 33l-6.17 5.108a77.278 77.278 0 00-12.744 13.469l-3.637 4.914-3.778-5.017a83.719 83.719 0 00-13.956-14.538L9.799 33l2.86-2.332A104.39 104.39 0 0030.1 12.5l2.24-2.98 1.736 2.298a111.905 111.905 0 0018.608 19.384l2.206 1.81 2.861-2.333a104.13 104.13 0 005.297-4.641C59.978 11.294 47.409.26 32.349.26 14.997.26.92 14.923.92 33c0 18.076 14.077 32.74 31.43 32.74 15.102 0 27.715-11.103 30.73-25.892a75.808 75.808 0 00-3.375-2.912h.011z">');
-const kn = (e) => (() => {
-  var n = xn(), t = n.firstChild;
+var hn = /* @__PURE__ */ w('<svg viewBox="0 0 64 66"fill=none><path d="M59.716 36.936L54.9 33l-6.17 5.108a77.278 77.278 0 00-12.744 13.469l-3.637 4.914-3.778-5.017a83.719 83.719 0 00-13.956-14.538L9.799 33l2.86-2.332A104.39 104.39 0 0030.1 12.5l2.24-2.98 1.736 2.298a111.905 111.905 0 0018.608 19.384l2.206 1.81 2.861-2.333a104.13 104.13 0 005.297-4.641C59.978 11.294 47.409.26 32.349.26 14.997.26.92 14.923.92 33c0 18.076 14.077 32.74 31.43 32.74 15.102 0 27.715-11.103 30.73-25.892a75.808 75.808 0 00-3.375-2.912h.011z">');
+const gn = (e) => (() => {
+  var n = hn(), t = n.firstChild;
   return b((r) => {
     var a = e.size ?? 24, o = e.size ?? 24, i = e.class, l = e.style, s = e.fill ?? "currentColor";
-    return a !== r.e && d(n, "width", r.e = a), o !== r.t && d(n, "height", r.t = o), i !== r.a && d(n, "class", r.a = i), r.o = F(n, l, r.o), s !== r.i && d(t, "fill", r.i = s), r;
+    return a !== r.e && d(n, "width", r.e = a), o !== r.t && d(n, "height", r.t = o), i !== r.a && d(n, "class", r.a = i), r.o = O(n, l, r.o), s !== r.i && d(t, "fill", r.i = s), r;
   }, {
     e: void 0,
     t: void 0,
@@ -1339,12 +1296,12 @@ const kn = (e) => (() => {
     i: void 0
   }), n;
 })();
-var Sn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2">');
-const Cn = (e) => (() => {
-  var n = Sn();
+var fn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2">');
+const mn = (e) => (() => {
+  var n = fn();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1355,12 +1312,12 @@ const Cn = (e) => (() => {
     s: void 0
   }), n;
 })();
-var $n = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z">');
-const En = (e) => (() => {
-  var n = $n();
+var vn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z">');
+const bn = (e) => (() => {
+  var n = vn();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1371,12 +1328,12 @@ const En = (e) => (() => {
     s: void 0
   }), n;
 })();
-var Pn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1=10 x2=10 y1=11 y2=17></line><line x1=14 x2=14 y1=11 y2=17>');
-const lt = (e) => (() => {
-  var n = Pn();
+var wn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1=10 x2=10 y1=11 y2=17></line><line x1=14 x2=14 y1=11 y2=17>');
+const nt = (e) => (() => {
+  var n = wn();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1387,12 +1344,12 @@ const lt = (e) => (() => {
     s: void 0
   }), n;
 })();
-var zn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><path d="m9 12 2 2 4-4">');
-const Tn = (e) => (() => {
-  var n = zn();
+var yn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><path d="m9 12 2 2 4-4">');
+const pn = (e) => (() => {
+  var n = yn();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1403,12 +1360,12 @@ const Tn = (e) => (() => {
     s: void 0
   }), n;
 })();
-var In = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6">');
-const On = (e) => (() => {
-  var n = In();
+var xn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=10></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6">');
+const kn = (e) => (() => {
+  var n = xn();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1419,12 +1376,12 @@ const On = (e) => (() => {
     s: void 0
   }), n;
 })();
-var Mn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 6 6 18"></path><path d="m6 6 12 12">');
-const Se = (e) => (() => {
-  var n = Mn();
+var Sn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 6 6 18"></path><path d="m6 6 12 12">');
+const be = (e) => (() => {
+  var n = Sn();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1435,20 +1392,20 @@ const Se = (e) => (() => {
     s: void 0
   }), n;
 })();
-var An = /* @__PURE__ */ w('<div class=echo-drawing-toolbar data-hide-when-drawing=true role=toolbar aria-label="Drawing Tools"><button class=echo-drawing-toolbar-button title="Clear drawings"aria-label="Clear all drawings"role=button>'), Dn = /* @__PURE__ */ w("<button class=echo-drawing-toolbar-button role=button>");
-const Fn = {
-  rectangle: Cn,
-  path: En
-}, Ln = () => {
-  const e = $(), n = Object.values(V);
+var Cn = /* @__PURE__ */ w('<div class=echo-drawing-toolbar data-hide-when-drawing=true role=toolbar aria-label="Drawing Tools"><button class=echo-drawing-toolbar-button title="Clear drawings"aria-label="Clear all drawings"role=button>'), $n = /* @__PURE__ */ w("<button class=echo-drawing-toolbar-button role=button>");
+const Pn = {
+  rectangle: mn,
+  path: bn
+}, En = () => {
+  const e = $(), n = Object.values(B);
   return (() => {
-    var t = An(), r = t.firstChild;
-    return v(t, g(B, {
+    var t = Cn(), r = t.firstChild;
+    return v(t, g(_, {
       each: n,
       children: (a) => {
-        const o = Fn[a.id];
+        const o = Pn[a.id];
         return (() => {
-          var i = Dn();
+          var i = $n();
           return i.$$click = () => e.drawing.setState({
             selectedTool: a.id
           }), v(i, g(o, {
@@ -1465,24 +1422,24 @@ const Fn = {
           }), i;
         })();
       }
-    }), r), v(t, g(wn, {}), r), r.$$click = () => e.drawing.setState({
+    }), r), v(t, g(cn, {}), r), r.$$click = () => e.drawing.setState({
       shapes: []
-    }, !0), v(r, g(lt, {
+    }, !0), v(r, g(nt, {
       class: "echo-drawing-toolbar-icon",
       "aria-hidden": "true"
     })), t;
   })();
 };
-I(["click"]);
-var Nn = /* @__PURE__ */ w("<div class=echo-drawing-tooltip data-hide-when-drawing=true>");
-const jn = () => {
-  const e = $(), n = k(() => e.drawing.state.showTooltip && e.drawing.state.mousePosition.y && e.drawing.state.mousePosition.x && e.widget.state.isOpen && !Gt());
-  return g(D, {
+T(["click"]);
+var zn = /* @__PURE__ */ w("<div class=echo-drawing-tooltip data-hide-when-drawing=true>");
+const In = () => {
+  const e = $(), n = k(() => e.drawing.state.showTooltip && e.drawing.state.mousePosition.y && e.drawing.state.mousePosition.x && e.widget.state.isOpen && !_t());
+  return g(F, {
     get when() {
       return n();
     },
     get children() {
-      var t = Nn();
+      var t = zn();
       return v(t, () => e.widget.state.text.drawingTooltip.text), b((r) => {
         var a = `${e.drawing.state.mousePosition.y + 20}px`, o = `${e.drawing.state.mousePosition.x + 10}px`;
         return a !== r.e && ((r.e = a) != null ? t.style.setProperty("top", a) : t.style.removeProperty("top")), o !== r.t && ((r.t = o) != null ? t.style.setProperty("left", o) : t.style.removeProperty("left")), r;
@@ -1493,24 +1450,24 @@ const jn = () => {
     }
   });
 };
-var qn = /* @__PURE__ */ w("<button>");
-const W = (e) => {
+var Tn = /* @__PURE__ */ w("<button>");
+const R = (e) => {
   const n = () => e.variant || "primary", t = () => e.size || "md";
   return (() => {
-    var r = qn();
-    return Pt(r, ie(e, {
+    var r = Tn();
+    return xt(r, re(e, {
       get class() {
         return `echo-button echo-button-${n()} echo-button-${t()} ${e.class}`;
       }
     }), !1), r;
   })();
 };
-var Rn = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1=10 y1=14 x2=21 y2=3>');
-const Vn = (e) => (() => {
-  var n = Rn();
+var On = /* @__PURE__ */ w('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"stroke-linecap=round stroke-linejoin=round><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1=10 y1=14 x2=21 y2=3>');
+const Mn = (e) => (() => {
+  var n = On();
   return b((t) => {
     var r = e.size ?? 24, a = e.size ?? 24, o = e.fill ?? "none", i = e.stroke ?? "currentColor", l = e.strokeWidth ?? 2, s = e.class, c = e.style;
-    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = F(n, c, t.s), t;
+    return r !== t.e && d(n, "width", t.e = r), a !== t.t && d(n, "height", t.t = a), o !== t.a && d(n, "fill", t.a = o), i !== t.o && d(n, "stroke", t.o = i), l !== t.i && d(n, "stroke-width", t.i = l), s !== t.n && d(n, "class", t.n = s), t.s = O(n, c, t.s), t;
   }, {
     e: void 0,
     t: void 0,
@@ -1521,11 +1478,11 @@ const Vn = (e) => (() => {
     s: void 0
   }), n;
 })();
-var Wn = /* @__PURE__ */ w("<div class=echo-stored-feedback-empty>No unsubmitted feedback"), Bn = /* @__PURE__ */ w("<div class=echo-stored-feedback><div class=echo-stored-feedback-header><h3>Unsubmitted Feedback</h3></div><div class=echo-stored-feedback-list>"), _n = /* @__PURE__ */ w("<div><div class=echo-stored-feedback-content><div class=echo-stored-feedback-path></div><div class=echo-stored-feedback-preview></div></div><div class=echo-stored-feedback-actions>");
-const Un = () => {
+var An = /* @__PURE__ */ w("<div class=echo-stored-feedback-empty>No unsubmitted feedback"), Dn = /* @__PURE__ */ w("<div class=echo-stored-feedback><div class=echo-stored-feedback-header><h3>Unsubmitted Feedback</h3></div><div class=echo-stored-feedback-list>"), Fn = /* @__PURE__ */ w("<div><div class=echo-stored-feedback-content><div class=echo-stored-feedback-path></div><div class=echo-stored-feedback-preview></div></div><div class=echo-stored-feedback-actions>");
+const jn = () => {
   const e = $();
   let n;
-  const [t, r] = T(Ce()), [a, o] = T(window.location.pathname), i = (m) => {
+  const [t, r] = I(we()), [a, o] = I(window.location.pathname), i = (m) => {
     m.key === "Escape" && e.widget.state.isStoredFeedbackOpen && e.widget.setState({
       isStoredFeedbackOpen: !1
     });
@@ -1535,20 +1492,20 @@ const Un = () => {
       isStoredFeedbackOpen: !1
     });
   }, s = () => {
-    const m = Ce();
+    const m = we();
     r(m), e.widget.setState({
       pagesCount: m.length
     });
   }, c = () => {
     o(window.location.pathname);
   };
-  A({
+  D({
     event: "echo-storage-change",
     callback: s
-  }), A({
+  }), D({
     event: "popstate",
     callback: c
-  }), Ae({
+  }), Ee({
     target: document.documentElement,
     options: {
       childList: !0,
@@ -1557,21 +1514,21 @@ const Un = () => {
     callback: () => {
       o(window.location.pathname);
     }
-  }), A({
+  }), D({
     event: "keydown",
     callback: i
-  }), A({
+  }), D({
     event: "click",
     callback: l
   });
   const u = (m, y) => {
-    const E = y ? `${m}${y}` : m;
-    window.location.href = E, e.widget.setState({
+    const P = y ? `${m}${y}` : m;
+    window.location.href = P, e.widget.setState({
       isStoredFeedbackOpen: !1
     });
   }, h = (m) => {
-    a() === m && e.methods.reset(), et(m);
-    const y = Ce();
+    a() === m && e.methods.reset(), Ke(m);
+    const y = we();
     r(y), e.widget.setState({
       pagesCount: y.length
     });
@@ -1580,73 +1537,73 @@ const Un = () => {
     const y = m.split("/");
     return y.length <= 4 ? m : `/${y[1]}/.../${y[y.length - 1]}`;
   };
-  return g(D, {
+  return g(F, {
     get when() {
       return e.widget.state.isStoredFeedbackOpen;
     },
     get children() {
-      var m = Bn(), y = m.firstChild;
+      var m = Dn(), y = m.firstChild;
       y.firstChild;
-      var E = y.nextSibling, S = n;
-      return typeof S == "function" ? R(S, m) : n = m, v(y, g(W, {
+      var P = y.nextSibling, S = n;
+      return typeof S == "function" ? V(S, m) : n = m, v(y, g(R, {
         variant: "secondary",
         size: "sm",
         onClick: () => e.widget.setState({
           isStoredFeedbackOpen: !1
         }),
         get children() {
-          return g(Se, {
+          return g(be, {
             size: 20
           });
         }
-      }), null), v(E, g(B, {
+      }), null), v(P, g(_, {
         get each() {
           return t();
         },
         children: (C) => {
           const p = k(() => C.path === a());
           return (() => {
-            var P = _n(), z = P.firstChild, x = z.firstChild, _ = x.nextSibling, q = z.nextSibling;
-            return v(x, () => f(C.path)), v(_, () => C.state.feedback.message), v(q, (() => {
-              var O = k(() => !p());
-              return () => O() && g(W, {
+            var E = Fn(), z = E.firstChild, x = z.firstChild, W = x.nextSibling, q = z.nextSibling;
+            return v(x, () => f(C.path)), v(W, () => C.state.feedback.message), v(q, (() => {
+              var M = k(() => !p());
+              return () => M() && g(R, {
                 class: "echo-stored-feedback-link",
                 variant: "secondary",
                 size: "sm",
                 onClick: () => u(C.path, C.state.latestQuery),
                 get children() {
-                  return g(Vn, {});
+                  return g(Mn, {});
                 }
               });
-            })(), null), v(q, g(W, {
+            })(), null), v(q, g(R, {
               class: "echo-stored-feedback-delete",
               variant: "secondary",
               size: "sm",
               onClick: () => h(C.path),
               children: "Delete"
-            }), null), b((O) => {
-              var De = `echo-stored-feedback-item ${p() ? "echo-stored-feedback-item-current" : ""}`, Fe = C.path;
-              return De !== O.e && Ge(P, O.e = De), Fe !== O.t && d(x, "title", O.t = Fe), O;
+            }), null), b((M) => {
+              var ze = `echo-stored-feedback-item ${p() ? "echo-stored-feedback-item-current" : ""}`, Ie = C.path;
+              return ze !== M.e && _e(E, M.e = ze), Ie !== M.t && d(x, "title", M.t = Ie), M;
             }, {
               e: void 0,
               t: void 0
-            }), P;
+            }), E;
           })();
         }
-      }), null), v(E, g(D, {
+      }), null), v(P, g(F, {
         get when() {
           return t().length === 0;
         },
         get children() {
-          return Wn();
+          return An();
         }
       }), null), m;
     }
   });
 };
-var Hn = /* @__PURE__ */ w('<button class=echo-launcher-button aria-label="Open feedback form"role=button>'), Yn = /* @__PURE__ */ w("<span class=echo-launcher-button-count role=button tabindex=0>");
-const Kn = () => {
-  const e = $(), [n, t] = T(!1);
+var Ln = /* @__PURE__ */ w('<button class=echo-launcher-button aria-label="Open feedback form"role=button>'), Nn = /* @__PURE__ */ w("<span class=echo-launcher-button-count role=button tabindex=0>");
+const qn = () => {
+  const e = $(), [n, t] = I(!1);
   let r;
   const a = () => {
     r && window.clearTimeout(r), !e.widget.state.disableMinimization && (r = window.setTimeout(() => {
@@ -1662,9 +1619,9 @@ const Kn = () => {
       isOpen: !e.widget.state.isOpen
     }), e.widget.setState({
       welcomeMessageIsClosing: !0
-    }), le("welcome_message_shown", !0);
+    }), ae("welcome_message_shown", !0);
   };
-  H(() => {
+  U(() => {
     e.widget.state.isOpen || (t(!1), e.widget.state.disableMinimization || a()), e.widget.state.isStoredFeedbackOpen && t(!1);
   });
   const s = (c) => {
@@ -1673,15 +1630,15 @@ const Kn = () => {
     }), t(!1);
   };
   return [(() => {
-    var c = Hn();
-    return c.addEventListener("pointerleave", i), c.addEventListener("pointerenter", o), c.$$click = l, v(c, g(kn, {
+    var c = Ln();
+    return c.addEventListener("pointerleave", i), c.addEventListener("pointerenter", o), c.$$click = l, v(c, g(gn, {
       stroke: "white",
       fill: "#ffffff",
       "aria-hidden": "true"
     }), null), v(c, (() => {
       var u = k(() => e.widget.state.pagesCount > 0);
       return () => u() && (() => {
-        var h = Yn();
+        var h = Nn();
         return h.$$click = s, v(h, () => e.widget.state.pagesCount), b(() => d(h, "aria-label", `View ${e.widget.state.pagesCount} stored feedback items`)), h;
       })();
     })(), null), b((u) => {
@@ -1692,11 +1649,11 @@ const Kn = () => {
       t: void 0,
       a: void 0
     }), c;
-  })(), g(Un, {})];
+  })(), g(jn, {})];
 };
-I(["click"]);
-var Gn = /* @__PURE__ */ w("<div class=echo-notification><div class=echo-notification-icon></div><div class=echo-notification-content><div class=echo-notification-title></div><div class=echo-notification-message>");
-const Xn = () => {
+T(["click"]);
+var Vn = /* @__PURE__ */ w("<div class=echo-notification><div class=echo-notification-icon></div><div class=echo-notification-content><div class=echo-notification-title></div><div class=echo-notification-message>");
+const Bn = () => {
   const e = $(), n = () => {
     e.widget.setState({
       notification: {
@@ -1715,8 +1672,8 @@ const Xn = () => {
     }
   };
   return (() => {
-    var r = Gn(), a = r.firstChild, o = a.nextSibling, i = o.firstChild, l = i.nextSibling;
-    return v(r, g(W, {
+    var r = Vn(), a = r.firstChild, o = a.nextSibling, i = o.firstChild, l = i.nextSibling;
+    return v(r, g(R, {
       class: "echo-notification-hide",
       variant: "secondary",
       size: "sm",
@@ -1725,17 +1682,17 @@ const Xn = () => {
         return e.widget.state.text.notification.hideTitle;
       },
       get children() {
-        return g(Se, {
+        return g(be, {
           size: 20
         });
       }
     }), a), v(a, (() => {
       var s = k(() => e.widget.state.notification.type === "success");
-      return () => s() ? g(Tn, {
+      return () => s() ? g(pn, {
         size: 32
       }) : (() => {
         var c = k(() => e.widget.state.notification.type === "error");
-        return () => c() ? g(On, {
+        return () => c() ? g(kn, {
           size: 32
         }) : null;
       })();
@@ -1752,15 +1709,15 @@ const Xn = () => {
     }), r;
   })();
 };
-var Jn = /* @__PURE__ */ w("<div class=echo-shape-actions data-hide-when-drawing=true>");
-const Zn = () => {
+var Rn = /* @__PURE__ */ w("<div class=echo-shape-actions data-hide-when-drawing=true>");
+const _n = () => {
   const e = $();
   let n;
-  const [t, r] = T({
+  const [t, r] = I({
     x: window.scrollX,
     y: window.scrollY
   });
-  A({
+  D({
     event: "scroll",
     callback: () => {
       r({
@@ -1779,7 +1736,7 @@ const Zn = () => {
     if (!s || !c) return null;
     let u = null;
     if (s.type === "rectangle") {
-      const m = it(s.points);
+      const m = et(s.points);
       if (!m) return null;
       u = {
         x: m.x + m.width / 2,
@@ -1799,14 +1756,14 @@ const Zn = () => {
     };
   });
   return (() => {
-    var s = Jn(), c = n;
-    return typeof c == "function" ? R(c, s) : n = s, s.style.setProperty("top", "0"), s.style.setProperty("left", "0"), v(s, g(W, {
+    var s = Rn(), c = n;
+    return typeof c == "function" ? V(c, s) : n = s, s.style.setProperty("top", "0"), s.style.setProperty("left", "0"), v(s, g(R, {
       onClick: o,
       size: "sm",
       variant: "secondary",
       title: "Delete shape",
       get children() {
-        return g(lt, {
+        return g(nt, {
           size: 20
         });
       }
@@ -1820,22 +1777,22 @@ const Zn = () => {
     }), s;
   })();
 };
-var Qn = /* @__PURE__ */ w("<button class=echo-welcome-message><span class=echo-welcome-message-pulsar></span><div class=echo-welcome-message-close role=button tabindex=0>");
-const er = () => {
+var Wn = /* @__PURE__ */ w("<button class=echo-welcome-message><span class=echo-welcome-message-pulsar></span><div class=echo-welcome-message-close role=button tabindex=0>");
+const Hn = () => {
   const e = $(), n = G("welcome_message_shown", !1), t = (a) => {
     a.stopPropagation(), e.widget.setState({
       welcomeMessageIsClosing: !0
-    }), le("welcome_message_shown", !0);
+    }), ae("welcome_message_shown", !0);
   }, r = () => {
     e.widget.setState({
       isOpen: !0
     }), e.widget.setState({
       welcomeMessageIsClosing: !0
-    }), le("welcome_message_shown", !0);
+    }), ae("welcome_message_shown", !0);
   };
   return n ? null : (() => {
-    var a = Qn(), o = a.firstChild, i = o.nextSibling;
-    return a.$$click = r, a.style.setProperty("bottom", "80px"), a.style.setProperty("right", "20px"), v(a, () => e.widget.state.text.welcomeMessage.text, i), i.$$keydown = (l) => l.key === "Enter" && t(l), i.$$click = t, v(i, g(Se, {
+    var a = Wn(), o = a.firstChild, i = o.nextSibling;
+    return a.$$click = r, a.style.setProperty("bottom", "80px"), a.style.setProperty("right", "20px"), v(a, () => e.widget.state.text.welcomeMessage.text, i), i.$$keydown = (l) => l.key === "Enter" && t(l), i.$$click = t, v(i, g(be, {
       size: 16,
       strokeWidth: 3
     })), b((l) => {
@@ -1847,41 +1804,41 @@ const er = () => {
     }), a;
   })();
 };
-I(["click", "keydown"]);
-var tr = /* @__PURE__ */ w("<svg><rect class=echo-shape fill=transparent vector-effect=non-scaling-stroke role=img></svg>", !1, !0), nr = /* @__PURE__ */ w("<svg><path class=echo-shape fill=none vector-effect=non-scaling-stroke stroke-linecap=round role=img></svg>", !1, !0);
-const He = (e) => {
+T(["click", "keydown"]);
+var Un = /* @__PURE__ */ w("<svg><rect class=echo-shape fill=transparent vector-effect=non-scaling-stroke role=img></svg>", !1, !0), Yn = /* @__PURE__ */ w("<svg><path class=echo-shape fill=none vector-effect=non-scaling-stroke stroke-linecap=round role=img></svg>", !1, !0);
+const Ve = (e) => {
   const n = k(() => e.id === e.selectedShapeId);
-  return [g(D, {
+  return [g(F, {
     get when() {
       return e.type === "rectangle";
     },
     get children() {
-      return g(rr, ie(e, {
+      return g(Kn, re(e, {
         get isSelected() {
           return n();
         }
       }));
     }
-  }), g(D, {
+  }), g(F, {
     get when() {
       return e.type === "path";
     },
     get children() {
-      return g(or, ie(e, {
+      return g(Gn, re(e, {
         get isSelected() {
           return n();
         }
       }));
     }
   })];
-}, rr = (e) => {
-  const n = k(() => it(e.points));
-  return g(D, {
+}, Kn = (e) => {
+  const n = k(() => et(e.points));
+  return g(F, {
     get when() {
       return n();
     },
     get children() {
-      var t = tr();
+      var t = Un();
       return t.$$keydown = (r) => {
         var a;
         return r.key === "Enter" && ((a = e.onShapeClick) == null ? void 0 : a.call(e, e.id));
@@ -1889,8 +1846,8 @@ const He = (e) => {
         var r;
         return (r = e.onShapeClick) == null ? void 0 : r.call(e, e.id);
       }, b((r) => {
-        var a = e.id, o = e.isSelected, i = n().x, l = n().y, s = n().width, c = n().height, u = e.color, h = V.rectangle.strokeWidth, f = e.isSelected ? V.rectangle.opacity.selected : V.rectangle.opacity.default, m = e.isSelected ? "5,5" : "none", y = e.isSelected ? "move" : "pointer", E = `Rectangle shape ${e.isSelected ? "(selected)" : ""}`, S = e.onShapeClick ? 0 : -1;
-        return a !== r.e && d(t, "data-shape-id", r.e = a), o !== r.t && d(t, "data-selected", r.t = o), i !== r.a && d(t, "x", r.a = i), l !== r.o && d(t, "y", r.o = l), s !== r.i && d(t, "width", r.i = s), c !== r.n && d(t, "height", r.n = c), u !== r.s && d(t, "stroke", r.s = u), h !== r.h && d(t, "stroke-width", r.h = h), f !== r.r && d(t, "opacity", r.r = f), m !== r.d && d(t, "stroke-dasharray", r.d = m), y !== r.l && d(t, "cursor", r.l = y), E !== r.u && d(t, "aria-label", r.u = E), S !== r.c && d(t, "tabindex", r.c = S), r;
+        var a = e.id, o = e.isSelected, i = n().x, l = n().y, s = n().width, c = n().height, u = e.color, h = B.rectangle.strokeWidth, f = e.isSelected ? B.rectangle.opacity.selected : B.rectangle.opacity.default, m = e.isSelected ? "5,5" : "none", y = e.isSelected ? "move" : "pointer", P = `Rectangle shape ${e.isSelected ? "(selected)" : ""}`, S = e.onShapeClick ? 0 : -1;
+        return a !== r.e && d(t, "data-shape-id", r.e = a), o !== r.t && d(t, "data-selected", r.t = o), i !== r.a && d(t, "x", r.a = i), l !== r.o && d(t, "y", r.o = l), s !== r.i && d(t, "width", r.i = s), c !== r.n && d(t, "height", r.n = c), u !== r.s && d(t, "stroke", r.s = u), h !== r.h && d(t, "stroke-width", r.h = h), f !== r.r && d(t, "opacity", r.r = f), m !== r.d && d(t, "stroke-dasharray", r.d = m), y !== r.l && d(t, "cursor", r.l = y), P !== r.u && d(t, "aria-label", r.u = P), S !== r.c && d(t, "tabindex", r.c = S), r;
       }, {
         e: void 0,
         t: void 0,
@@ -1908,14 +1865,14 @@ const He = (e) => {
       }), t;
     }
   });
-}, or = (e) => {
-  const n = k(() => Xt(e.points));
-  return g(D, {
+}, Gn = (e) => {
+  const n = k(() => Wt(e.points));
+  return g(F, {
     get when() {
       return n();
     },
     get children() {
-      var t = nr();
+      var t = Yn();
       return t.$$keydown = (r) => {
         var a;
         return r.key === "Enter" && ((a = e.onShapeClick) == null ? void 0 : a.call(e, e.id));
@@ -1923,7 +1880,7 @@ const He = (e) => {
         var r;
         return (r = e.onShapeClick) == null ? void 0 : r.call(e, e.id);
       }, b((r) => {
-        var a = e.id, o = e.isSelected, i = n(), l = e.color, s = V.path.strokeWidth, c = e.isSelected ? V.path.opacity.selected : V.path.opacity.default, u = e.isSelected ? "move" : "pointer", h = `Freehand shape ${e.isSelected ? "(selected)" : ""}`, f = e.onShapeClick ? 0 : -1;
+        var a = e.id, o = e.isSelected, i = n(), l = e.color, s = B.path.strokeWidth, c = e.isSelected ? B.path.opacity.selected : B.path.opacity.default, u = e.isSelected ? "move" : "pointer", h = `Freehand shape ${e.isSelected ? "(selected)" : ""}`, f = e.onShapeClick ? 0 : -1;
         return a !== r.e && d(t, "data-shape-id", r.e = a), o !== r.t && d(t, "data-selected", r.t = o), i !== r.a && d(t, "d", r.a = i), l !== r.o && d(t, "stroke", r.o = l), s !== r.i && d(t, "stroke-width", r.i = s), c !== r.n && d(t, "opacity", r.n = c), u !== r.s && d(t, "cursor", r.s = u), h !== r.h && d(t, "aria-label", r.h = h), f !== r.r && d(t, "tabindex", r.r = f), r;
       }, {
         e: void 0,
@@ -1939,22 +1896,22 @@ const He = (e) => {
     }
   });
 };
-I(["click", "keydown"]);
-var ar = /* @__PURE__ */ w('<div class=echo-drawing-layer-container role=application aria-label="Drawing Canvas"><svg width=100% height=100% class=echo-drawing-layer preserveAspectRatio=none role=img aria-label="Drawing Area"><path class=echo-drawing-layer-mask fill="rgba(33, 43, 55, 1)"fill-opacity=0.2 fill-rule=evenodd aria-hidden=true>');
-const ir = () => {
+T(["click", "keydown"]);
+var Xn = /* @__PURE__ */ w('<div class=echo-drawing-layer-container role=application aria-label="Drawing Canvas"><svg width=100% height=100% class=echo-drawing-layer preserveAspectRatio=none role=img aria-label="Drawing Area"><path class=echo-drawing-layer-mask fill="rgba(33, 43, 55, 1)"fill-opacity=0.2 fill-rule=evenodd aria-hidden=true>');
+const Jn = () => {
   const e = $();
   let n;
-  return ke(() => {
+  return ve(() => {
     n == null || n.addEventListener("mousemove", e.drawing.methods.handleMove), n == null || n.addEventListener("mouseup", e.drawing.methods.handleEnd), n == null || n.addEventListener("touchmove", e.drawing.methods.handleMove, {
       passive: !1
     }), n == null || n.addEventListener("touchend", e.drawing.methods.handleEnd);
-  }), te(() => {
+  }), ee(() => {
     n == null || n.removeEventListener("mousemove", e.drawing.methods.handleMove), n == null || n.removeEventListener("mouseup", e.drawing.methods.handleEnd), n == null || n.removeEventListener("touchmove", e.drawing.methods.handleMove), n == null || n.removeEventListener("touchend", e.drawing.methods.handleEnd);
   }), (() => {
-    var t = ar(), r = t.firstChild, a = r.firstChild, o = n;
-    return typeof o == "function" ? R(o, t) : n = t, v(t, g(jn, {}), r), v(t, g(Zn, {}), r), U(r, "touchend", e.drawing.methods.handleLeave, !0), U(r, "mouseleave", e.drawing.methods.handleLeave), U(r, "mouseenter", e.drawing.methods.handleEnter), r.$$touchmove = (i) => {
+    var t = Xn(), r = t.firstChild, a = r.firstChild, o = n;
+    return typeof o == "function" ? V(o, t) : n = t, v(t, g(In, {}), r), v(t, g(_n, {}), r), H(r, "touchend", e.drawing.methods.handleLeave, !0), H(r, "mouseleave", e.drawing.methods.handleLeave), H(r, "mouseenter", e.drawing.methods.handleEnter), r.$$touchmove = (i) => {
       i.preventDefault(), e.drawing.methods.handleMove(i);
-    }, U(r, "mousemove", e.drawing.methods.handleMove, !0), r.$$touchstart = (i) => {
+    }, H(r, "mousemove", e.drawing.methods.handleMove, !0), r.$$touchstart = (i) => {
       i.preventDefault(), e.drawing.methods.handleStart(i), e.drawing.methods.handleEnter(i), e.drawing.setState({
         showTooltip: !1,
         hasDrawn: !0
@@ -1964,11 +1921,11 @@ const ir = () => {
         showTooltip: !1,
         hasDrawn: !0
       });
-    }, v(r, g(B, {
+    }, v(r, g(_, {
       get each() {
         return e.drawing.state.shapes;
       },
-      children: (i) => g(He, {
+      children: (i) => g(Ve, {
         get id() {
           return i.id;
         },
@@ -1988,7 +1945,7 @@ const ir = () => {
           return e.drawing.methods.handleShapeClick;
         }
       })
-    }), null), v(r, g(He, {
+    }), null), v(r, g(Ve, {
       id: "temp",
       get type() {
         return e.drawing.state.selectedTool;
@@ -2003,7 +1960,7 @@ const ir = () => {
         return e.drawing.state.selectedShapeId;
       }
     }), null), b((i) => {
-      var l = e.drawing.state.cursor, s = rn({
+      var l = e.drawing.state.cursor, s = Kt({
         width: e.widget.state.dimensions.width,
         height: e.widget.state.dimensions.height
       }, e.drawing.state.currentPoints, e.drawing.state.shapes);
@@ -2014,8 +1971,8 @@ const ir = () => {
     }), t;
   })();
 };
-I(["mousedown", "touchstart", "mousemove", "touchmove", "touchend"]);
-const ge = (e) => ({
+T(["mousedown", "touchstart", "mousemove", "touchmove", "touchend"]);
+const ce = (e) => ({
   handleTextChange: (o) => {
     const i = o.target;
     e(i.value);
@@ -2029,26 +1986,26 @@ const ge = (e) => ({
   },
   getCheckboxValue: (o) => Array.isArray(o) ? o : []
 });
-var sr = /* @__PURE__ */ w("<div class=echo-input role=group>"), lr = /* @__PURE__ */ w("<label class=echo-input-label><span>"), cr = /* @__PURE__ */ w('<span class=echo-input-required aria-label="Required field">*');
-const fe = (e) => (() => {
-  var n = sr();
+var Zn = /* @__PURE__ */ w("<div class=echo-input role=group>"), Qn = /* @__PURE__ */ w("<label class=echo-input-label><span>"), er = /* @__PURE__ */ w('<span class=echo-input-required aria-label="Required field">*');
+const de = (e) => (() => {
+  var n = Zn();
   return v(n, (() => {
     var t = k(() => !!e.label);
     return () => t() && (() => {
-      var r = lr(), a = r.firstChild;
+      var r = Qn(), a = r.firstChild;
       return v(a, () => e.label), v(r, (() => {
         var o = k(() => !!e.required);
-        return () => o() && cr();
+        return () => o() && er();
       })(), null), r;
     })();
   })(), null), v(n, () => e.children, null), n;
 })();
-var dr = /* @__PURE__ */ w("<textarea class=echo-input-field rows=5>"), ur = /* @__PURE__ */ w("<div class=visually-hidden>");
-const ct = (e) => {
+var tr = /* @__PURE__ */ w("<textarea class=echo-input-field rows=5>"), nr = /* @__PURE__ */ w("<div class=visually-hidden>");
+const rt = (e) => {
   const {
     handleTextChange: n
-  } = ge(e.onChange);
-  return g(fe, {
+  } = ce(e.onChange);
+  return g(de, {
     get label() {
       return e.config.label;
     },
@@ -2057,8 +2014,8 @@ const ct = (e) => {
     },
     get children() {
       return [(() => {
-        var t = dr();
-        return U(t, "input", n, !0), b((r) => {
+        var t = tr();
+        return H(t, "input", n, !0), b((r) => {
           var a = e.config.id, o = e.config.placeholder, i = e.config.required, l = e.config.label || e.config.placeholder, s = e.config.required, c = e.value === "", u = `${e.config.id}-description`;
           return a !== r.e && d(t, "id", r.e = a), o !== r.t && d(t, "placeholder", r.t = o), i !== r.a && (t.required = r.a = i), l !== r.o && d(t, "aria-label", r.o = l), s !== r.i && d(t, "aria-required", r.i = s), c !== r.n && d(t, "aria-invalid", r.n = c), u !== r.s && d(t, "aria-describedby", r.s = u), r;
         }, {
@@ -2071,20 +2028,20 @@ const ct = (e) => {
           s: void 0
         }), b(() => t.value = e.value === void 0 ? "" : e.value), t;
       })(), (() => {
-        var t = ur();
+        var t = nr();
         return v(t, () => e.config.placeholder), b(() => d(t, "id", `${e.config.id}-description`)), t;
       })()];
     }
   });
 };
-I(["input"]);
-var hr = /* @__PURE__ */ w("<fieldset class=echo-input-options role=group>"), gr = /* @__PURE__ */ w("<label class=echo-input-option><input type=checkbox><span>");
-const fr = (e) => {
+T(["input"]);
+var rr = /* @__PURE__ */ w("<fieldset class=echo-input-options role=group>"), or = /* @__PURE__ */ w("<label class=echo-input-option><input type=checkbox><span>");
+const ar = (e) => {
   const {
     handleCheckboxChange: n,
     getCheckboxValue: t
-  } = ge(e.onChange), r = () => t(e.value), a = () => r().length > 0;
-  return g(fe, {
+  } = ce(e.onChange), r = () => t(e.value), a = () => r().length > 0;
+  return g(de, {
     get label() {
       return e.config.label;
     },
@@ -2092,25 +2049,25 @@ const fr = (e) => {
       return e.config.required;
     },
     get children() {
-      var o = hr();
-      return v(o, g(B, {
+      var o = rr();
+      return v(o, g(_, {
         get each() {
           return e.config.options;
         },
         children: (i, l) => (() => {
-          var s = gr(), c = s.firstChild, u = c.nextSibling;
+          var s = or(), c = s.firstChild, u = c.nextSibling;
           return c.addEventListener("change", (h) => n(r(), i.value, h.currentTarget.checked)), v(u, () => i.label), b(() => c.required = e.config.required && !a() && l() === 0), b(() => c.value = i.value), b(() => c.checked = r().includes(i.value)), s;
         })()
       })), b(() => d(o, "aria-required", e.config.required)), o;
     }
   });
 };
-var mr = /* @__PURE__ */ w("<fieldset class=echo-input-options role=radiogroup>"), vr = /* @__PURE__ */ w("<label class=echo-input-option><input type=radio><span>");
-const br = (e) => {
+var ir = /* @__PURE__ */ w("<fieldset class=echo-input-options role=radiogroup>"), sr = /* @__PURE__ */ w("<label class=echo-input-option><input type=radio><span>");
+const lr = (e) => {
   const {
     handleSelectChange: n
-  } = ge(e.onChange);
-  return g(fe, {
+  } = ce(e.onChange);
+  return g(de, {
     get label() {
       return e.config.label;
     },
@@ -2118,13 +2075,13 @@ const br = (e) => {
       return e.config.required;
     },
     get children() {
-      var t = mr();
-      return v(t, g(B, {
+      var t = ir();
+      return v(t, g(_, {
         get each() {
           return e.config.options;
         },
         children: (r) => (() => {
-          var a = vr(), o = a.firstChild, i = o.nextSibling;
+          var a = sr(), o = a.firstChild, i = o.nextSibling;
           return o.addEventListener("change", () => n(r.value)), v(i, () => r.label), b((l) => {
             var s = e.config.id, c = e.config.required;
             return s !== l.e && d(o, "name", l.e = s), c !== l.t && (o.required = l.t = c), l;
@@ -2137,24 +2094,24 @@ const br = (e) => {
     }
   });
 };
-var wr = /* @__PURE__ */ w("<div class=echo-select-dropdown role=listbox>"), yr = /* @__PURE__ */ w('<div class=echo-select><button type=button class=echo-select-trigger aria-haspopup=listbox><span></span><svg class=echo-select-arrow width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m6 9 6 6 6-6"></path></svg></button><input type=text class=visually-hidden aria-hidden=true>'), pr = /* @__PURE__ */ w("<button type=button class=echo-select-option role=option>");
-const xr = (e) => {
+var cr = /* @__PURE__ */ w("<div class=echo-select-dropdown role=listbox>"), dr = /* @__PURE__ */ w('<div class=echo-select><button type=button class=echo-select-trigger aria-haspopup=listbox><span></span><svg class=echo-select-arrow width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="m6 9 6 6 6-6"></path></svg></button><input type=text class=visually-hidden aria-hidden=true>'), ur = /* @__PURE__ */ w("<button type=button class=echo-select-option role=option>");
+const hr = (e) => {
   const {
     handleSelectChange: n
-  } = ge(e.onChange), [t, r] = T(!1);
+  } = ce(e.onChange), [t, r] = I(!1);
   let a, o, i;
   const l = () => e.config.options.find((h) => h.value === (e.value === void 0 ? "" : e.value)), s = (h, f) => {
     f.stopPropagation(), h.value === e.value ? e.config.required || n("") : n(h.value), r(!1);
   }, c = () => {
     r(!t());
   };
-  return A({
+  return D({
     event: "mousedown",
     callback: (h) => {
       if (!t() || !a) return;
       h.composedPath().includes(a) || r(!1);
     }
-  }), g(fe, {
+  }), g(de, {
     get label() {
       return e.config.label;
     },
@@ -2162,29 +2119,29 @@ const xr = (e) => {
       return e.config.required;
     },
     get children() {
-      var h = yr(), f = h.firstChild, m = f.firstChild, y = f.nextSibling, E = a;
-      typeof E == "function" ? R(E, h) : a = h, f.$$click = (p) => {
+      var h = dr(), f = h.firstChild, m = f.firstChild, y = f.nextSibling, P = a;
+      typeof P == "function" ? V(P, h) : a = h, f.$$click = (p) => {
         p.stopPropagation(), c();
       };
       var S = o;
-      typeof S == "function" ? R(S, f) : o = f, v(m, () => {
+      typeof S == "function" ? V(S, f) : o = f, v(m, () => {
         var p;
         return ((p = l()) == null ? void 0 : p.label) || e.config.placeholder;
-      }), v(h, g(D, {
+      }), v(h, g(F, {
         get when() {
           return t();
         },
         get children() {
-          var p = wr();
-          return v(p, g(B, {
+          var p = cr();
+          return v(p, g(_, {
             get each() {
               return e.config.options;
             },
-            children: (P) => (() => {
-              var z = pr();
-              return z.$$click = (x) => s(P, x), v(z, () => P.label), b((x) => {
-                var _ = P.value === e.value, q = P.value === e.value;
-                return _ !== x.e && d(z, "aria-selected", x.e = _), q !== x.t && d(z, "data-selected", x.t = q), x;
+            children: (E) => (() => {
+              var z = ur();
+              return z.$$click = (x) => s(E, x), v(z, () => E.label), b((x) => {
+                var W = E.value === e.value, q = E.value === e.value;
+                return W !== x.e && d(z, "aria-selected", x.e = W), q !== x.t && d(z, "data-selected", x.t = q), x;
               }, {
                 e: void 0,
                 t: void 0
@@ -2194,9 +2151,9 @@ const xr = (e) => {
         }
       }), y);
       var C = i;
-      return typeof C == "function" ? R(C, y) : i = y, b((p) => {
-        var P = t(), z = !e.value, x = e.config.required, _ = t(), q = e.config.required, O = e.config.required;
-        return P !== p.e && d(f, "data-open", p.e = P), z !== p.t && d(f, "data-placeholder", p.t = z), x !== p.a && d(f, "data-required", p.a = x), _ !== p.o && d(f, "aria-expanded", p.o = _), q !== p.i && d(f, "aria-required", p.i = q), O !== p.n && (y.required = p.n = O), p;
+      return typeof C == "function" ? V(C, y) : i = y, b((p) => {
+        var E = t(), z = !e.value, x = e.config.required, W = t(), q = e.config.required, M = e.config.required;
+        return E !== p.e && d(f, "data-open", p.e = E), z !== p.t && d(f, "data-placeholder", p.t = z), x !== p.a && d(f, "data-required", p.a = x), W !== p.o && d(f, "aria-expanded", p.o = W), q !== p.i && d(f, "aria-required", p.i = q), M !== p.n && (y.required = p.n = M), p;
       }, {
         e: void 0,
         t: void 0,
@@ -2208,13 +2165,13 @@ const xr = (e) => {
     }
   });
 };
-I(["click"]);
-var kr = /* @__PURE__ */ w("<input type=text class=echo-input-field>");
-const Sr = (e) => {
+T(["click"]);
+var gr = /* @__PURE__ */ w("<input type=text class=echo-input-field>");
+const fr = (e) => {
   const {
     handleTextChange: n
-  } = ge(e.onChange);
-  return g(fe, {
+  } = ce(e.onChange);
+  return g(de, {
     get label() {
       return e.config.label;
     },
@@ -2222,8 +2179,8 @@ const Sr = (e) => {
       return e.config.required;
     },
     get children() {
-      var t = kr();
-      return U(t, "input", n, !0), b((r) => {
+      var t = gr();
+      return H(t, "input", n, !0), b((r) => {
         var a = e.config.placeholder, o = e.config.required, i = e.config.disabled;
         return a !== r.e && d(t, "placeholder", r.e = a), o !== r.t && (t.required = r.t = o), i !== r.a && (t.disabled = r.a = i), r;
       }, {
@@ -2234,31 +2191,31 @@ const Sr = (e) => {
     }
   });
 };
-I(["input"]);
-var Cr = /* @__PURE__ */ w("<div class=echo-input-error>Invalid input type"), $r = /* @__PURE__ */ w("<div class=echo-input-error>Unsupported input type: ");
-const Er = (e) => g(D, {
+T(["input"]);
+var mr = /* @__PURE__ */ w("<div class=echo-input-error>Invalid input type"), vr = /* @__PURE__ */ w("<div class=echo-input-error>Unsupported input type: ");
+const br = (e) => g(F, {
   get when() {
     return e.config.type;
   },
   keyed: !0,
   get fallback() {
-    return Cr();
+    return mr();
   },
   get children() {
-    return g(ft, {
+    return g(lt, {
       get fallback() {
         return (() => {
-          var n = $r();
+          var n = vr();
           return n.firstChild, v(n, () => e.config.type, null), n;
         })();
       },
       get children() {
-        return [g(ne, {
+        return [g(te, {
           get when() {
             return e.config.type === "text";
           },
           get children() {
-            return g(Sr, ie(e, {
+            return g(fr, re(e, {
               get value() {
                 return e.value;
               },
@@ -2267,12 +2224,12 @@ const Er = (e) => g(D, {
               }
             }));
           }
-        }), g(ne, {
+        }), g(te, {
           get when() {
             return e.config.type === "textarea";
           },
           get children() {
-            return g(ct, {
+            return g(rt, {
               get config() {
                 return e.config;
               },
@@ -2284,12 +2241,12 @@ const Er = (e) => g(D, {
               }
             });
           }
-        }), g(ne, {
+        }), g(te, {
           get when() {
             return e.config.type === "radio";
           },
           get children() {
-            return g(br, {
+            return g(lr, {
               get config() {
                 return e.config;
               },
@@ -2301,12 +2258,12 @@ const Er = (e) => g(D, {
               }
             });
           }
-        }), g(ne, {
+        }), g(te, {
           get when() {
             return e.config.type === "checkbox";
           },
           get children() {
-            return g(fr, {
+            return g(ar, {
               get config() {
                 return e.config;
               },
@@ -2318,12 +2275,12 @@ const Er = (e) => g(D, {
               }
             });
           }
-        }), g(ne, {
+        }), g(te, {
           get when() {
             return e.config.type === "select";
           },
           get children() {
-            return g(xr, {
+            return g(hr, {
               get config() {
                 return e.config;
               },
@@ -2339,7 +2296,7 @@ const Er = (e) => g(D, {
       }
     });
   }
-}), Pr = () => {
+}), wr = () => {
   const e = navigator.connection;
   return {
     effectiveType: e == null ? void 0 : e.effectiveType,
@@ -2347,7 +2304,7 @@ const Er = (e) => g(D, {
     rtt: e == null ? void 0 : e.rtt,
     saveData: e == null ? void 0 : e.saveData
   };
-}, zr = () => ({
+}, yr = () => ({
   width: window.innerWidth,
   height: window.innerHeight,
   screenWidth: window.screen.width,
@@ -2362,7 +2319,7 @@ const Er = (e) => g(D, {
   pixelRatio: window.devicePixelRatio,
   availableWidth: window.screen.availWidth,
   availableHeight: window.screen.availHeight
-}), Tr = () => {
+}), pr = () => {
   const e = new URL(window.location.href), n = {};
   return e.searchParams.forEach((t, r) => {
     n[r] = t;
@@ -2373,25 +2330,25 @@ const Er = (e) => g(D, {
     searchParams: n,
     referrer: document.referrer
   };
-}, Ir = () => ({
+}, xr = () => ({
   timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
   localDateTime: (/* @__PURE__ */ new Date()).toISOString()
-}), Or = () => ({
+}), kr = () => ({
   userAgent: navigator.userAgent,
-  browserInfo: zr(),
-  networkInfo: Pr(),
-  locationInfo: Tr(),
-  timeInfo: Ir(),
-  console: Kt()
+  browserInfo: yr(),
+  networkInfo: wr(),
+  locationInfo: pr(),
+  timeInfo: xr(),
+  console: Rt()
 });
-var Mr = /* @__PURE__ */ w("<fieldset class=echo-input-options-wrapper><legend class=visually-hidden>Additional Information"), Ar = /* @__PURE__ */ w('<section class=echo-feedback data-hide-when-drawing=true role=dialog aria-label="Feedback Form"><form class=echo-feedback-content aria-label="Submit Feedback"><header class=echo-feedback-header><h3 class=echo-feedback-title id=feedback-form-title></h3><div class=echo-feedback-header-actions role=toolbar aria-label="Form controls"></div></header><fieldset class=echo-input-options-wrapper><legend class=visually-hidden>Feedback Message</legend></fieldset><footer class=echo-feedback-footer>');
-const Dr = () => {
+var Sr = /* @__PURE__ */ w("<fieldset class=echo-input-options-wrapper><legend class=visually-hidden>Additional Information"), Cr = /* @__PURE__ */ w('<section class=echo-feedback data-hide-when-drawing=true role=dialog aria-label="Feedback Form"><form class=echo-feedback-content aria-label="Submit Feedback"><header class=echo-feedback-header><h3 class=echo-feedback-title id=feedback-form-title></h3><div class=echo-feedback-header-actions role=toolbar aria-label="Form controls"></div></header><fieldset class=echo-input-options-wrapper><legend class=visually-hidden>Feedback Message</legend></fieldset><footer class=echo-feedback-footer>');
+const $r = () => {
   const e = $(), n = async (a) => {
     a.preventDefault();
-    const o = await nn(), i = {
+    const o = await Yt(), i = {
       message: e.feedback.state.message,
       screenshot: o,
-      metadata: Or(),
+      metadata: kr(),
       customInputs: e.feedback.state.customInputValues
     };
     e.methods.submit(i);
@@ -2404,16 +2361,16 @@ const Dr = () => {
       isMinimized: !1
     });
   };
-  return H(() => {
+  return U(() => {
     e.widget.state.isOpen && requestAnimationFrame(() => {
       var a;
       (a = document.querySelector(".echo-input-field")) == null || a.focus();
     });
   }), (() => {
-    var a = Ar(), o = a.firstChild, i = o.firstChild, l = i.firstChild, s = l.nextSibling, c = i.nextSibling;
+    var a = Cr(), o = a.firstChild, i = o.firstChild, l = i.firstChild, s = l.nextSibling, c = i.nextSibling;
     c.firstChild;
     var u = c.nextSibling;
-    return a.$$click = () => e.feedback.state.isMinimized && r(), o.addEventListener("submit", n), v(l, () => e.widget.state.text.feedbackForm.title), v(s, g(W, {
+    return a.$$click = () => e.feedback.state.isMinimized && r(), o.addEventListener("submit", n), v(l, () => e.widget.state.text.feedbackForm.title), v(s, g(R, {
       type: "button",
       title: "Hide form",
       variant: "secondary",
@@ -2421,11 +2378,11 @@ const Dr = () => {
       onClick: t,
       "aria-label": "Minimize feedback form",
       get children() {
-        return g(pn, {
+        return g(un, {
           size: 20
         });
       }
-    }), null), v(s, g(W, {
+    }), null), v(s, g(R, {
       type: "button",
       title: "Close form",
       variant: "secondary",
@@ -2435,11 +2392,11 @@ const Dr = () => {
       }),
       "aria-label": "Close feedback form",
       get children() {
-        return g(Se, {
+        return g(be, {
           size: 20
         });
       }
-    }), null), v(c, g(ct, {
+    }), null), v(c, g(rt, {
       get config() {
         return {
           type: "textarea",
@@ -2455,18 +2412,18 @@ const Dr = () => {
       onChange: (h) => e.feedback.setState({
         message: h
       })
-    }), null), v(o, g(D, {
+    }), null), v(o, g(F, {
       get when() {
         var h;
         return (h = e.widget.state.customInputs) == null ? void 0 : h.length;
       },
       get children() {
-        var h = Mr();
-        return h.firstChild, v(h, g(B, {
+        var h = Sr();
+        return h.firstChild, v(h, g(_, {
           get each() {
             return e.widget.state.customInputs;
           },
-          children: (f) => g(Er, {
+          children: (f) => g(br, {
             config: f,
             get value() {
               return e.feedback.state.customInputValues[f.id];
@@ -2480,7 +2437,7 @@ const Dr = () => {
           })
         }), null), h;
       }
-    }), u), v(u, g(W, {
+    }), u), v(u, g(R, {
       type: "submit",
       variant: "primary",
       size: "lg",
@@ -2501,73 +2458,90 @@ const Dr = () => {
     }), a;
   })();
 };
-I(["click"]);
-var Fr = /* @__PURE__ */ w("<style>"), Lr = /* @__PURE__ */ w("<div class=echo-launcher>"), Nr = /* @__PURE__ */ w("<dialog class=echo-overlay>"), jr = /* @__PURE__ */ w("<div class=echo-root>");
-const qr = (e) => {
-  const [n, t] = T();
-  return H(() => {
+T(["click"]);
+var Pr = /* @__PURE__ */ w("<style>"), Er = /* @__PURE__ */ w("<div class=echo-launcher>"), zr = /* @__PURE__ */ w("<dialog class=echo-overlay>"), Ir = /* @__PURE__ */ w("<div class=echo-root>");
+const Tr = (e) => {
+  const [n, t] = I();
+  return U(() => {
     const r = n();
-    r && Jt(r.shadowRoot);
-  }), g(At, {
+    r && Ht(r.shadowRoot);
+  }), g(Et, {
     ref: t,
     useShadow: !0,
     get mount() {
       return document.body;
     },
     get children() {
-      return g(dn, ie(e, {
+      return g(en, re(e, {
         get children() {
-          return g(Br, {
+          return g(Dr, {
             get children() {
-              return [g(Rr, {
+              return [g(Or, {
                 get primaryColor() {
                   return e.primaryColor;
                 }
-              }), g(Vr, {})];
+              }), g(Mr, {})];
             }
           });
         }
       }));
     }
   });
-}, Rr = (e) => {
-  const [n, t] = T("");
-  return H(() => {
+}, Or = (e) => {
+  const [n, t] = I("");
+  return U(() => {
     const r = `
 						.echo-root {
 							--primary-color: ${e.primaryColor};
-							--primary-text-color: ${Ut(e.primaryColor)};
+							--primary-text-color: ${qt(e.primaryColor)};
 						}
 					`;
     t(r);
   }), (() => {
-    var r = Fr();
-    return v(r, gn, null), v(r, n, null), r;
+    var r = Pr();
+    return v(r, rn, null), v(r, n, null), r;
   })();
-}, Vr = () => {
+}, Mr = () => {
   const e = $();
   return [(() => {
-    var n = Lr();
-    return v(n, g(Kn, {}), null), v(n, g(er, {}), null), v(n, g(Xn, {}), null), b(() => d(n, "data-hidden", e.widget.state.isOpen)), n;
-  })(), g(Wr, {
+    var n = Er();
+    return v(n, g(qn, {}), null), v(n, g(Hn, {}), null), v(n, g(Bn, {}), null), b((t) => {
+      var r = {
+        ...e.widget.state.position.includes("top") ? {
+          top: "var(--spacing-xl)"
+        } : {
+          bottom: "var(--spacing-xl)"
+        },
+        ...e.widget.state.position.includes("left") ? {
+          left: "var(--spacing-xl)"
+        } : {
+          right: "var(--spacing-xl)"
+        }
+      }, a = e.widget.state.isOpen;
+      return t.e = O(n, r, t.e), a !== t.t && d(n, "data-hidden", t.t = a), t;
+    }, {
+      e: void 0,
+      t: void 0
+    }), n;
+  })(), g(Ar, {
     get children() {
-      return [g(Dr, {}), g(Ln, {}), g(ir, {})];
+      return [g($r, {}), g(En, {}), g(Jn, {})];
     }
   })];
-}, Wr = (e) => {
-  const [n, t] = T(), r = $(), a = un(() => n());
-  return H(() => {
+}, Ar = (e) => {
+  const [n, t] = I(), r = $(), a = tn(() => n());
+  return U(() => {
     n() && r.widget.setState({
       dimensions: a()
     });
-  }), H(() => {
+  }), U(() => {
     var o, i;
     r.widget.state.isOpen ? (o = n()) == null || o.showModal() : (i = n()) == null || i.close();
   }), (() => {
-    var o = Nr();
+    var o = zr();
     return o.addEventListener("close", () => r.widget.setState({
       isOpen: !1
-    })), R(t, o), v(o, () => e.children), b((i) => {
+    })), V(t, o), v(o, () => e.children), b((i) => {
       var l = `${a().height}px`, s = `${a().width}px`, c = !r.widget.state.isOpen;
       return l !== i.e && ((i.e = l) != null ? o.style.setProperty("height", l) : o.style.removeProperty("height")), s !== i.t && ((i.t = s) != null ? o.style.setProperty("width", s) : o.style.removeProperty("width")), c !== i.a && d(o, "data-hidden", i.a = c), i;
     }, {
@@ -2576,21 +2550,19 @@ const qr = (e) => {
       a: void 0
     }), o;
   })();
-}, Br = (e) => {
+}, Dr = (e) => {
   const n = $();
-  return hn({
+  return nn({
     onUrlChange: (t) => n.methods.handlePageChange(t)
-  }), ke(() => {
-    Ht(), Zt((t) => {
-      t.target instanceof Document || t.target instanceof Window || t.target instanceof Element && t.target.shadowRoot && ue(t.target.shadowRoot) || t.target instanceof Node && ue(t.target);
-    });
-  }), te(() => {
-    Yt(), Qt();
+  }), ve(() => {
+    Vt();
+  }), ee(() => {
+    Bt();
   }), (() => {
-    var t = jr();
+    var t = Ir();
     return v(t, () => e.children), b(() => d(t, "data-drawing", n.drawing.state.isDrawing)), t;
   })();
-}, _r = {
+}, Fr = {
   welcomeMessage: {
     text: "Click here to leave feedback",
     closeAriaLabel: "Close welcome message"
@@ -2615,11 +2587,11 @@ const qr = (e) => {
     text: "Click & drag to draw"
   }
 };
-let ve = null;
-function Yr(e) {
-  ve && (console.warn("Echo widget is already initialized. Cleaning up previous instance..."), ve());
+let he = null;
+function Nr(e) {
+  he && (console.warn("Echo widget is already initialized. Cleaning up previous instance..."), he());
   try {
-    on(e);
+    Gt(e);
     const {
       position: n = "bottom-right",
       primaryColor: t = "#6227dc",
@@ -2627,9 +2599,9 @@ function Yr(e) {
       textConfig: a = {},
       customInputs: o = [],
       disableMinimization: i = !1
-    } = e, l = Xe(_r, a), s = document.createElement("div");
+    } = e, l = We(Fr, a), s = document.createElement("div");
     document.body.appendChild(s);
-    const c = Ct(() => g(qr, {
+    const c = wt(() => g(Tr, {
       position: n,
       primaryColor: t,
       textConfig: l,
@@ -2639,15 +2611,15 @@ function Yr(e) {
     }), s);
     s.remove();
     const u = () => {
-      c(), ve = null;
+      c(), he = null;
     };
     return window.addEventListener("unload", u, {
       once: !0
-    }), ve = u, u;
+    }), he = u, u;
   } catch (n) {
     throw console.error("Echo initialization failed:", n), n;
   }
 }
 export {
-  Yr as initEcho
+  Nr as initEcho
 };