react-linear-feedback 0.2.0 → 0.3.0

package/dist/embed/index.js

@@ -0,0 +1,2695 @@
+// node_modules/preact/dist/preact.module.js
+var n;
+var l;
+var u;
+var t;
+var i;
+var r;
+var o;
+var e;
+var f;
+var c;
+var a;
+var s;
+var h;
+var p;
+var v;
+var y;
+var d = {};
+var w = [];
+var _ = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+var g = Array.isArray;
+function m(n2, l3) {
+  for (var u4 in l3) n2[u4] = l3[u4];
+  return n2;
+}
+function b(n2) {
+  n2 && n2.parentNode && n2.parentNode.removeChild(n2);
+}
+function k(l3, u4, t3) {
+  var i3, r3, o3, e3 = {};
+  for (o3 in u4) "key" == o3 ? i3 = u4[o3] : "ref" == o3 ? r3 = u4[o3] : e3[o3] = u4[o3];
+  if (arguments.length > 2 && (e3.children = arguments.length > 3 ? n.call(arguments, 2) : t3), "function" == typeof l3 && null != l3.defaultProps) for (o3 in l3.defaultProps) void 0 === e3[o3] && (e3[o3] = l3.defaultProps[o3]);
+  return x(l3, e3, i3, r3, null);
+}
+function x(n2, t3, i3, r3, o3) {
+  var e3 = { type: n2, props: t3, key: i3, ref: r3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o3 ? ++u : o3, __i: -1, __u: 0 };
+  return null == o3 && null != l.vnode && l.vnode(e3), e3;
+}
+function S(n2) {
+  return n2.children;
+}
+function C(n2, l3) {
+  this.props = n2, this.context = l3;
+}
+function $(n2, l3) {
+  if (null == l3) return n2.__ ? $(n2.__, n2.__i + 1) : null;
+  for (var u4; l3 < n2.__k.length; l3++) if (null != (u4 = n2.__k[l3]) && null != u4.__e) return u4.__e;
+  return "function" == typeof n2.type ? $(n2) : null;
+}
+function I(n2) {
+  if (n2.__P && n2.__d) {
+    var u4 = n2.__v, t3 = u4.__e, i3 = [], r3 = [], o3 = m({}, u4);
+    o3.__v = u4.__v + 1, l.vnode && l.vnode(o3), q(n2.__P, o3, u4, n2.__n, n2.__P.namespaceURI, 32 & u4.__u ? [t3] : null, i3, null == t3 ? $(u4) : t3, !!(32 & u4.__u), r3), o3.__v = u4.__v, o3.__.__k[o3.__i] = o3, D(i3, o3, r3), u4.__e = u4.__ = null, o3.__e != t3 && P(o3);
+  }
+}
+function P(n2) {
+  if (null != (n2 = n2.__) && null != n2.__c) return n2.__e = n2.__c.base = null, n2.__k.some(function(l3) {
+    if (null != l3 && null != l3.__e) return n2.__e = n2.__c.base = l3.__e;
+  }), P(n2);
+}
+function A(n2) {
+  (!n2.__d && (n2.__d = true) && i.push(n2) && !H.__r++ || r != l.debounceRendering) && ((r = l.debounceRendering) || o)(H);
+}
+function H() {
+  try {
+    for (var n2, l3 = 1; i.length; ) i.length > l3 && i.sort(e), n2 = i.shift(), l3 = i.length, I(n2);
+  } finally {
+    i.length = H.__r = 0;
+  }
+}
+function L(n2, l3, u4, t3, i3, r3, o3, e3, f4, c3, a3) {
+  var s3, h3, p3, v3, y3, _3, g4, m3 = t3 && t3.__k || w, b2 = l3.length;
+  for (f4 = T(u4, l3, m3, f4, b2), s3 = 0; s3 < b2; s3++) null != (p3 = u4.__k[s3]) && (h3 = -1 != p3.__i && m3[p3.__i] || d, p3.__i = s3, _3 = q(n2, p3, h3, i3, r3, o3, e3, f4, c3, a3), v3 = p3.__e, p3.ref && h3.ref != p3.ref && (h3.ref && J(h3.ref, null, p3), a3.push(p3.ref, p3.__c || v3, p3)), null == y3 && null != v3 && (y3 = v3), (g4 = !!(4 & p3.__u)) || h3.__k === p3.__k ? (f4 = j(p3, f4, n2, g4), g4 && h3.__e && (h3.__e = null)) : "function" == typeof p3.type && void 0 !== _3 ? f4 = _3 : v3 && (f4 = v3.nextSibling), p3.__u &= -7);
+  return u4.__e = y3, f4;
+}
+function T(n2, l3, u4, t3, i3) {
+  var r3, o3, e3, f4, c3, a3 = u4.length, s3 = a3, h3 = 0;
+  for (n2.__k = new Array(i3), r3 = 0; r3 < i3; r3++) null != (o3 = l3[r3]) && "boolean" != typeof o3 && "function" != typeof o3 ? ("string" == typeof o3 || "number" == typeof o3 || "bigint" == typeof o3 || o3.constructor == String ? o3 = n2.__k[r3] = x(null, o3, null, null, null) : g(o3) ? o3 = n2.__k[r3] = x(S, { children: o3 }, null, null, null) : void 0 === o3.constructor && o3.__b > 0 ? o3 = n2.__k[r3] = x(o3.type, o3.props, o3.key, o3.ref ? o3.ref : null, o3.__v) : n2.__k[r3] = o3, f4 = r3 + h3, o3.__ = n2, o3.__b = n2.__b + 1, e3 = null, -1 != (c3 = o3.__i = O(o3, u4, f4, s3)) && (s3--, (e3 = u4[c3]) && (e3.__u |= 2)), null == e3 || null == e3.__v ? (-1 == c3 && (i3 > a3 ? h3-- : i3 < a3 && h3++), "function" != typeof o3.type && (o3.__u |= 4)) : c3 != f4 && (c3 == f4 - 1 ? h3-- : c3 == f4 + 1 ? h3++ : (c3 > f4 ? h3-- : h3++, o3.__u |= 4))) : n2.__k[r3] = null;
+  if (s3) for (r3 = 0; r3 < a3; r3++) null != (e3 = u4[r3]) && 0 == (2 & e3.__u) && (e3.__e == t3 && (t3 = $(e3)), K(e3, e3));
+  return t3;
+}
+function j(n2, l3, u4, t3) {
+  var i3, r3;
+  if ("function" == typeof n2.type) {
+    for (i3 = n2.__k, r3 = 0; i3 && r3 < i3.length; r3++) i3[r3] && (i3[r3].__ = n2, l3 = j(i3[r3], l3, u4, t3));
+    return l3;
+  }
+  n2.__e != l3 && (t3 && (l3 && n2.type && !l3.parentNode && (l3 = $(n2)), u4.insertBefore(n2.__e, l3 || null)), l3 = n2.__e);
+  do {
+    l3 = l3 && l3.nextSibling;
+  } while (null != l3 && 8 == l3.nodeType);
+  return l3;
+}
+function F(n2, l3) {
+  return l3 = l3 || [], null == n2 || "boolean" == typeof n2 || (g(n2) ? n2.some(function(n3) {
+    F(n3, l3);
+  }) : l3.push(n2)), l3;
+}
+function O(n2, l3, u4, t3) {
+  var i3, r3, o3, e3 = n2.key, f4 = n2.type, c3 = l3[u4], a3 = null != c3 && 0 == (2 & c3.__u);
+  if (null === c3 && null == e3 || a3 && e3 == c3.key && f4 == c3.type) return u4;
+  if (t3 > (a3 ? 1 : 0)) {
+    for (i3 = u4 - 1, r3 = u4 + 1; i3 >= 0 || r3 < l3.length; ) if (null != (c3 = l3[o3 = i3 >= 0 ? i3-- : r3++]) && 0 == (2 & c3.__u) && e3 == c3.key && f4 == c3.type) return o3;
+  }
+  return -1;
+}
+function z(n2, l3, u4) {
+  "-" == l3[0] ? n2.setProperty(l3, null == u4 ? "" : u4) : n2[l3] = null == u4 ? "" : "number" != typeof u4 || _.test(l3) ? u4 : u4 + "px";
+}
+function N(n2, l3, u4, t3, i3) {
+  var r3, o3;
+  n: if ("style" == l3) if ("string" == typeof u4) n2.style.cssText = u4;
+  else {
+    if ("string" == typeof t3 && (n2.style.cssText = t3 = ""), t3) for (l3 in t3) u4 && l3 in u4 || z(n2.style, l3, "");
+    if (u4) for (l3 in u4) t3 && u4[l3] == t3[l3] || z(n2.style, l3, u4[l3]);
+  }
+  else if ("o" == l3[0] && "n" == l3[1]) r3 = l3 != (l3 = l3.replace(s, "$1")), o3 = l3.toLowerCase(), l3 = o3 in n2 || "onFocusOut" == l3 || "onFocusIn" == l3 ? o3.slice(2) : l3.slice(2), n2.l || (n2.l = {}), n2.l[l3 + r3] = u4, u4 ? t3 ? u4[a] = t3[a] : (u4[a] = h, n2.addEventListener(l3, r3 ? v : p, r3)) : n2.removeEventListener(l3, r3 ? v : p, r3);
+  else {
+    if ("http://www.w3.org/2000/svg" == i3) l3 = l3.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if ("width" != l3 && "height" != l3 && "href" != l3 && "list" != l3 && "form" != l3 && "tabIndex" != l3 && "download" != l3 && "rowSpan" != l3 && "colSpan" != l3 && "role" != l3 && "popover" != l3 && l3 in n2) try {
+      n2[l3] = null == u4 ? "" : u4;
+      break n;
+    } catch (n3) {
+    }
+    "function" == typeof u4 || (null == u4 || false === u4 && "-" != l3[4] ? n2.removeAttribute(l3) : n2.setAttribute(l3, "popover" == l3 && 1 == u4 ? "" : u4));
+  }
+}
+function V(n2) {
+  return function(u4) {
+    if (this.l) {
+      var t3 = this.l[u4.type + n2];
+      if (null == u4[c]) u4[c] = h++;
+      else if (u4[c] < t3[a]) return;
+      return t3(l.event ? l.event(u4) : u4);
+    }
+  };
+}
+function q(n2, u4, t3, i3, r3, o3, e3, f4, c3, a3) {
+  var s3, h3, p3, v3, y3, d3, _3, k3, x3, M3, $2, I2, P4, A4, H3, T4 = u4.type;
+  if (void 0 !== u4.constructor) return null;
+  128 & t3.__u && (c3 = !!(32 & t3.__u), o3 = [f4 = u4.__e = t3.__e]), (s3 = l.__b) && s3(u4);
+  n: if ("function" == typeof T4) try {
+    if (k3 = u4.props, x3 = T4.prototype && T4.prototype.render, M3 = (s3 = T4.contextType) && i3[s3.__c], $2 = s3 ? M3 ? M3.props.value : s3.__ : i3, t3.__c ? _3 = (h3 = u4.__c = t3.__c).__ = h3.__E : (x3 ? u4.__c = h3 = new T4(k3, $2) : (u4.__c = h3 = new C(k3, $2), h3.constructor = T4, h3.render = Q), M3 && M3.sub(h3), h3.state || (h3.state = {}), h3.__n = i3, p3 = h3.__d = true, h3.__h = [], h3._sb = []), x3 && null == h3.__s && (h3.__s = h3.state), x3 && null != T4.getDerivedStateFromProps && (h3.__s == h3.state && (h3.__s = m({}, h3.__s)), m(h3.__s, T4.getDerivedStateFromProps(k3, h3.__s))), v3 = h3.props, y3 = h3.state, h3.__v = u4, p3) x3 && null == T4.getDerivedStateFromProps && null != h3.componentWillMount && h3.componentWillMount(), x3 && null != h3.componentDidMount && h3.__h.push(h3.componentDidMount);
+    else {
+      if (x3 && null == T4.getDerivedStateFromProps && k3 !== v3 && null != h3.componentWillReceiveProps && h3.componentWillReceiveProps(k3, $2), u4.__v == t3.__v || !h3.__e && null != h3.shouldComponentUpdate && false === h3.shouldComponentUpdate(k3, h3.__s, $2)) {
+        u4.__v != t3.__v && (h3.props = k3, h3.state = h3.__s, h3.__d = false), u4.__e = t3.__e, u4.__k = t3.__k, u4.__k.some(function(n3) {
+          n3 && (n3.__ = u4);
+        }), w.push.apply(h3.__h, h3._sb), h3._sb = [], h3.__h.length && e3.push(h3);
+        break n;
+      }
+      null != h3.componentWillUpdate && h3.componentWillUpdate(k3, h3.__s, $2), x3 && null != h3.componentDidUpdate && h3.__h.push(function() {
+        h3.componentDidUpdate(v3, y3, d3);
+      });
+    }
+    if (h3.context = $2, h3.props = k3, h3.__P = n2, h3.__e = false, I2 = l.__r, P4 = 0, x3) h3.state = h3.__s, h3.__d = false, I2 && I2(u4), s3 = h3.render(h3.props, h3.state, h3.context), w.push.apply(h3.__h, h3._sb), h3._sb = [];
+    else do {
+      h3.__d = false, I2 && I2(u4), s3 = h3.render(h3.props, h3.state, h3.context), h3.state = h3.__s;
+    } while (h3.__d && ++P4 < 25);
+    h3.state = h3.__s, null != h3.getChildContext && (i3 = m(m({}, i3), h3.getChildContext())), x3 && !p3 && null != h3.getSnapshotBeforeUpdate && (d3 = h3.getSnapshotBeforeUpdate(v3, y3)), A4 = null != s3 && s3.type === S && null == s3.key ? E(s3.props.children) : s3, f4 = L(n2, g(A4) ? A4 : [A4], u4, t3, i3, r3, o3, e3, f4, c3, a3), h3.base = u4.__e, u4.__u &= -161, h3.__h.length && e3.push(h3), _3 && (h3.__E = h3.__ = null);
+  } catch (n3) {
+    if (u4.__v = null, c3 || null != o3) if (n3.then) {
+      for (u4.__u |= c3 ? 160 : 128; f4 && 8 == f4.nodeType && f4.nextSibling; ) f4 = f4.nextSibling;
+      o3[o3.indexOf(f4)] = null, u4.__e = f4;
+    } else {
+      for (H3 = o3.length; H3--; ) b(o3[H3]);
+      B(u4);
+    }
+    else u4.__e = t3.__e, u4.__k = t3.__k, n3.then || B(u4);
+    l.__e(n3, u4, t3);
+  }
+  else null == o3 && u4.__v == t3.__v ? (u4.__k = t3.__k, u4.__e = t3.__e) : f4 = u4.__e = G(t3.__e, u4, t3, i3, r3, o3, e3, c3, a3);
+  return (s3 = l.diffed) && s3(u4), 128 & u4.__u ? void 0 : f4;
+}
+function B(n2) {
+  n2 && (n2.__c && (n2.__c.__e = true), n2.__k && n2.__k.some(B));
+}
+function D(n2, u4, t3) {
+  for (var i3 = 0; i3 < t3.length; i3++) J(t3[i3], t3[++i3], t3[++i3]);
+  l.__c && l.__c(u4, n2), n2.some(function(u5) {
+    try {
+      n2 = u5.__h, u5.__h = [], n2.some(function(n3) {
+        n3.call(u5);
+      });
+    } catch (n3) {
+      l.__e(n3, u5.__v);
+    }
+  });
+}
+function E(n2) {
+  return "object" != typeof n2 || null == n2 || n2.__b > 0 ? n2 : g(n2) ? n2.map(E) : void 0 !== n2.constructor ? null : m({}, n2);
+}
+function G(u4, t3, i3, r3, o3, e3, f4, c3, a3) {
+  var s3, h3, p3, v3, y3, w3, _3, m3 = i3.props || d, k3 = t3.props, x3 = t3.type;
+  if ("svg" == x3 ? o3 = "http://www.w3.org/2000/svg" : "math" == x3 ? o3 = "http://www.w3.org/1998/Math/MathML" : o3 || (o3 = "http://www.w3.org/1999/xhtml"), null != e3) {
+    for (s3 = 0; s3 < e3.length; s3++) if ((y3 = e3[s3]) && "setAttribute" in y3 == !!x3 && (x3 ? y3.localName == x3 : 3 == y3.nodeType)) {
+      u4 = y3, e3[s3] = null;
+      break;
+    }
+  }
+  if (null == u4) {
+    if (null == x3) return document.createTextNode(k3);
+    u4 = document.createElementNS(o3, x3, k3.is && k3), c3 && (l.__m && l.__m(t3, e3), c3 = false), e3 = null;
+  }
+  if (null == x3) m3 === k3 || c3 && u4.data == k3 || (u4.data = k3);
+  else {
+    if (e3 = "textarea" == x3 && null != k3.defaultValue ? null : e3 && n.call(u4.childNodes), !c3 && null != e3) for (m3 = {}, s3 = 0; s3 < u4.attributes.length; s3++) m3[(y3 = u4.attributes[s3]).name] = y3.value;
+    for (s3 in m3) y3 = m3[s3], "dangerouslySetInnerHTML" == s3 ? p3 = y3 : "children" == s3 || s3 in k3 || "value" == s3 && "defaultValue" in k3 || "checked" == s3 && "defaultChecked" in k3 || N(u4, s3, null, y3, o3);
+    for (s3 in k3) y3 = k3[s3], "children" == s3 ? v3 = y3 : "dangerouslySetInnerHTML" == s3 ? h3 = y3 : "value" == s3 ? w3 = y3 : "checked" == s3 ? _3 = y3 : c3 && "function" != typeof y3 || m3[s3] === y3 || N(u4, s3, y3, m3[s3], o3);
+    if (h3) c3 || p3 && (h3.__html == p3.__html || h3.__html == u4.innerHTML) || (u4.innerHTML = h3.__html), t3.__k = [];
+    else if (p3 && (u4.innerHTML = ""), L("template" == t3.type ? u4.content : u4, g(v3) ? v3 : [v3], t3, i3, r3, "foreignObject" == x3 ? "http://www.w3.org/1999/xhtml" : o3, e3, f4, e3 ? e3[0] : i3.__k && $(i3, 0), c3, a3), null != e3) for (s3 = e3.length; s3--; ) b(e3[s3]);
+    c3 && "textarea" != x3 || (s3 = "value", "progress" == x3 && null == w3 ? u4.removeAttribute("value") : null != w3 && (w3 !== u4[s3] || "progress" == x3 && !w3 || "option" == x3 && w3 != m3[s3]) && N(u4, s3, w3, m3[s3], o3), s3 = "checked", null != _3 && _3 != u4[s3] && N(u4, s3, _3, m3[s3], o3));
+  }
+  return u4;
+}
+function J(n2, u4, t3) {
+  try {
+    if ("function" == typeof n2) {
+      var i3 = "function" == typeof n2.__u;
+      i3 && n2.__u(), i3 && null == u4 || (n2.__u = n2(u4));
+    } else n2.current = u4;
+  } catch (n3) {
+    l.__e(n3, t3);
+  }
+}
+function K(n2, u4, t3) {
+  var i3, r3;
+  if (l.unmount && l.unmount(n2), (i3 = n2.ref) && (i3.current && i3.current != n2.__e || J(i3, null, u4)), null != (i3 = n2.__c)) {
+    if (i3.componentWillUnmount) try {
+      i3.componentWillUnmount();
+    } catch (n3) {
+      l.__e(n3, u4);
+    }
+    i3.base = i3.__P = null;
+  }
+  if (i3 = n2.__k) for (r3 = 0; r3 < i3.length; r3++) i3[r3] && K(i3[r3], u4, t3 || "function" != typeof n2.type);
+  t3 || b(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
+}
+function Q(n2, l3, u4) {
+  return this.constructor(n2, u4);
+}
+function R(u4, t3, i3) {
+  var r3, o3, e3, f4;
+  t3 == document && (t3 = document.documentElement), l.__ && l.__(u4, t3), o3 = (r3 = "function" == typeof i3) ? null : i3 && i3.__k || t3.__k, e3 = [], f4 = [], q(t3, u4 = (!r3 && i3 || t3).__k = k(S, null, [u4]), o3 || d, d, t3.namespaceURI, !r3 && i3 ? [i3] : o3 ? null : t3.firstChild ? n.call(t3.childNodes) : null, e3, !r3 && i3 ? i3 : o3 ? o3.__e : t3.firstChild, r3, f4), D(e3, u4, f4);
+}
+n = w.slice, l = { __e: function(n2, l3, u4, t3) {
+  for (var i3, r3, o3; l3 = l3.__; ) if ((i3 = l3.__c) && !i3.__) try {
+    if ((r3 = i3.constructor) && null != r3.getDerivedStateFromError && (i3.setState(r3.getDerivedStateFromError(n2)), o3 = i3.__d), null != i3.componentDidCatch && (i3.componentDidCatch(n2, t3 || {}), o3 = i3.__d), o3) return i3.__E = i3;
+  } catch (l4) {
+    n2 = l4;
+  }
+  throw n2;
+} }, u = 0, t = function(n2) {
+  return null != n2 && void 0 === n2.constructor;
+}, C.prototype.setState = function(n2, l3) {
+  var u4;
+  u4 = null != this.__s && this.__s != this.state ? this.__s : this.__s = m({}, this.state), "function" == typeof n2 && (n2 = n2(m({}, u4), this.props)), n2 && m(u4, n2), null != n2 && this.__v && (l3 && this._sb.push(l3), A(this));
+}, C.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__e = true, n2 && this.__h.push(n2), A(this));
+}, C.prototype.render = S, i = [], o = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function(n2, l3) {
+  return n2.__v.__b - l3.__v.__b;
+}, H.__r = 0, f = Math.random().toString(8), c = "__d" + f, a = "__a" + f, s = /(PointerCapture)$|Capture$/i, h = 0, p = V(false), v = V(true), y = 0;
+
+// node_modules/preact/hooks/dist/hooks.module.js
+var t2;
+var r2;
+var u2;
+var i2;
+var o2 = 0;
+var f2 = [];
+var c2 = l;
+var e2 = c2.__b;
+var a2 = c2.__r;
+var v2 = c2.diffed;
+var l2 = c2.__c;
+var m2 = c2.unmount;
+var s2 = c2.__;
+function p2(n2, t3) {
+  c2.__h && c2.__h(r2, n2, o2 || t3), o2 = 0;
+  var u4 = r2.__H || (r2.__H = { __: [], __h: [] });
+  return n2 >= u4.__.length && u4.__.push({}), u4.__[n2];
+}
+function d2(n2) {
+  return o2 = 1, h2(D2, n2);
+}
+function h2(n2, u4, i3) {
+  var o3 = p2(t2++, 2);
+  if (o3.t = n2, !o3.__c && (o3.__ = [i3 ? i3(u4) : D2(void 0, u4), function(n3) {
+    var t3 = o3.__N ? o3.__N[0] : o3.__[0], r3 = o3.t(t3, n3);
+    t3 !== r3 && (o3.__N = [r3, o3.__[1]], o3.__c.setState({}));
+  }], o3.__c = r2, !r2.__f)) {
+    var f4 = function(n3, t3, r3) {
+      if (!o3.__c.__H) return true;
+      var u5 = o3.__c.__H.__.filter(function(n4) {
+        return n4.__c;
+      });
+      if (u5.every(function(n4) {
+        return !n4.__N;
+      })) return !c3 || c3.call(this, n3, t3, r3);
+      var i4 = o3.__c.props !== n3;
+      return u5.some(function(n4) {
+        if (n4.__N) {
+          var t4 = n4.__[0];
+          n4.__ = n4.__N, n4.__N = void 0, t4 !== n4.__[0] && (i4 = true);
+        }
+      }), c3 && c3.call(this, n3, t3, r3) || i4;
+    };
+    r2.__f = true;
+    var c3 = r2.shouldComponentUpdate, e3 = r2.componentWillUpdate;
+    r2.componentWillUpdate = function(n3, t3, r3) {
+      if (this.__e) {
+        var u5 = c3;
+        c3 = void 0, f4(n3, t3, r3), c3 = u5;
+      }
+      e3 && e3.call(this, n3, t3, r3);
+    }, r2.shouldComponentUpdate = f4;
+  }
+  return o3.__N || o3.__;
+}
+function y2(n2, u4) {
+  var i3 = p2(t2++, 3);
+  !c2.__s && C2(i3.__H, u4) && (i3.__ = n2, i3.u = u4, r2.__H.__h.push(i3));
+}
+function A2(n2) {
+  return o2 = 5, T2(function() {
+    return { current: n2 };
+  }, []);
+}
+function T2(n2, r3) {
+  var u4 = p2(t2++, 7);
+  return C2(u4.__H, r3) && (u4.__ = n2(), u4.__H = r3, u4.__h = n2), u4.__;
+}
+function j2() {
+  for (var n2; n2 = f2.shift(); ) {
+    var t3 = n2.__H;
+    if (n2.__P && t3) try {
+      t3.__h.some(z2), t3.__h.some(B2), t3.__h = [];
+    } catch (r3) {
+      t3.__h = [], c2.__e(r3, n2.__v);
+    }
+  }
+}
+c2.__b = function(n2) {
+  r2 = null, e2 && e2(n2);
+}, c2.__ = function(n2, t3) {
+  n2 && t3.__k && t3.__k.__m && (n2.__m = t3.__k.__m), s2 && s2(n2, t3);
+}, c2.__r = function(n2) {
+  a2 && a2(n2), t2 = 0;
+  var i3 = (r2 = n2.__c).__H;
+  i3 && (u2 === r2 ? (i3.__h = [], r2.__h = [], i3.__.some(function(n3) {
+    n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
+  })) : (i3.__h.some(z2), i3.__h.some(B2), i3.__h = [], t2 = 0)), u2 = r2;
+}, c2.diffed = function(n2) {
+  v2 && v2(n2);
+  var t3 = n2.__c;
+  t3 && t3.__H && (t3.__H.__h.length && (1 !== f2.push(t3) && i2 === c2.requestAnimationFrame || ((i2 = c2.requestAnimationFrame) || w2)(j2)), t3.__H.__.some(function(n3) {
+    n3.u && (n3.__H = n3.u), n3.u = void 0;
+  })), u2 = r2 = null;
+}, c2.__c = function(n2, t3) {
+  t3.some(function(n3) {
+    try {
+      n3.__h.some(z2), n3.__h = n3.__h.filter(function(n4) {
+        return !n4.__ || B2(n4);
+      });
+    } catch (r3) {
+      t3.some(function(n4) {
+        n4.__h && (n4.__h = []);
+      }), t3 = [], c2.__e(r3, n3.__v);
+    }
+  }), l2 && l2(n2, t3);
+}, c2.unmount = function(n2) {
+  m2 && m2(n2);
+  var t3, r3 = n2.__c;
+  r3 && r3.__H && (r3.__H.__.some(function(n3) {
+    try {
+      z2(n3);
+    } catch (n4) {
+      t3 = n4;
+    }
+  }), r3.__H = void 0, t3 && c2.__e(t3, r3.__v));
+};
+var k2 = "function" == typeof requestAnimationFrame;
+function w2(n2) {
+  var t3, r3 = function() {
+    clearTimeout(u4), k2 && cancelAnimationFrame(t3), setTimeout(n2);
+  }, u4 = setTimeout(r3, 35);
+  k2 && (t3 = requestAnimationFrame(r3));
+}
+function z2(n2) {
+  var t3 = r2, u4 = n2.__c;
+  "function" == typeof u4 && (n2.__c = void 0, u4()), r2 = t3;
+}
+function B2(n2) {
+  var t3 = r2;
+  n2.__c = n2.__(), r2 = t3;
+}
+function C2(n2, t3) {
+  return !n2 || n2.length !== t3.length || t3.some(function(t4, r3) {
+    return t4 !== n2[r3];
+  });
+}
+function D2(n2, t3) {
+  return "function" == typeof t3 ? t3(n2) : t3;
+}
+
+// node_modules/preact/compat/dist/compat.module.js
+function g3(n2, t3) {
+  for (var e3 in t3) n2[e3] = t3[e3];
+  return n2;
+}
+function E2(n2, t3) {
+  for (var e3 in n2) if ("__source" !== e3 && !(e3 in t3)) return true;
+  for (var r3 in t3) if ("__source" !== r3 && n2[r3] !== t3[r3]) return true;
+  return false;
+}
+function M2(n2, t3) {
+  this.props = n2, this.context = t3;
+}
+(M2.prototype = new C()).isPureReactComponent = true, M2.prototype.shouldComponentUpdate = function(n2, t3) {
+  return E2(this.props, n2) || E2(this.state, t3);
+};
+var T3 = l.__b;
+l.__b = function(n2) {
+  n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), T3 && T3(n2);
+};
+var A3 = "undefined" != typeof Symbol && Symbol.for && /* @__PURE__ */ Symbol.for("react.forward_ref") || 3911;
+var O2 = l.__e;
+l.__e = function(n2, t3, e3, r3) {
+  if (n2.then) {
+    for (var u4, o3 = t3; o3 = o3.__; ) if ((u4 = o3.__c) && u4.__c) return null == t3.__e && (t3.__e = e3.__e, t3.__k = e3.__k), u4.__c(n2, t3);
+  }
+  O2(n2, t3, e3, r3);
+};
+var U2 = l.unmount;
+function V2(n2, t3, e3) {
+  return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
+    "function" == typeof n3.__c && n3.__c();
+  }), n2.__c.__H = null), null != (n2 = g3({}, n2)).__c && (n2.__c.__P === e3 && (n2.__c.__P = t3), n2.__c.__e = true, n2.__c = null), n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return V2(n3, t3, e3);
+  })), n2;
+}
+function W2(n2, t3, e3) {
+  return n2 && e3 && (n2.__v = null, n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return W2(n3, t3, e3);
+  }), n2.__c && n2.__c.__P === t3 && (n2.__e && e3.appendChild(n2.__e), n2.__c.__e = true, n2.__c.__P = e3)), n2;
+}
+function P3() {
+  this.__u = 0, this.o = null, this.__b = null;
+}
+function j3(n2) {
+  var t3 = n2.__ && n2.__.__c;
+  return t3 && t3.__a && t3.__a(n2);
+}
+function B3() {
+  this.i = null, this.l = null;
+}
+l.unmount = function(n2) {
+  var t3 = n2.__c;
+  t3 && (t3.__z = true), t3 && t3.__R && t3.__R(), t3 && 32 & n2.__u && (n2.type = null), U2 && U2(n2);
+}, (P3.prototype = new C()).__c = function(n2, t3) {
+  var e3 = t3.__c, r3 = this;
+  null == r3.o && (r3.o = []), r3.o.push(e3);
+  var u4 = j3(r3.__v), o3 = false, i3 = function() {
+    o3 || r3.__z || (o3 = true, e3.__R = null, u4 ? u4(c3) : c3());
+  };
+  e3.__R = i3;
+  var l3 = e3.__P;
+  e3.__P = null;
+  var c3 = function() {
+    if (!--r3.__u) {
+      if (r3.state.__a) {
+        var n3 = r3.state.__a;
+        r3.__v.__k[0] = W2(n3, n3.__c.__P, n3.__c.__O);
+      }
+      var t4;
+      for (r3.setState({ __a: r3.__b = null }); t4 = r3.o.pop(); ) t4.__P = l3, t4.forceUpdate();
+    }
+  };
+  r3.__u++ || 32 & t3.__u || r3.setState({ __a: r3.__b = r3.__v.__k[0] }), n2.then(i3, i3);
+}, P3.prototype.componentWillUnmount = function() {
+  this.o = [];
+}, P3.prototype.render = function(n2, e3) {
+  if (this.__b) {
+    if (this.__v.__k) {
+      var r3 = document.createElement("div"), o3 = this.__v.__k[0].__c;
+      this.__v.__k[0] = V2(this.__b, r3, o3.__O = o3.__P);
+    }
+    this.__b = null;
+  }
+  var i3 = e3.__a && k(S, null, n2.fallback);
+  return i3 && (i3.__u &= -33), [k(S, null, e3.__a ? null : n2.children), i3];
+};
+var H2 = function(n2, t3, e3) {
+  if (++e3[1] === e3[0] && n2.l.delete(t3), n2.props.revealOrder && ("t" !== n2.props.revealOrder[0] || !n2.l.size)) for (e3 = n2.i; e3; ) {
+    for (; e3.length > 3; ) e3.pop()();
+    if (e3[1] < e3[0]) break;
+    n2.i = e3 = e3[2];
+  }
+};
+(B3.prototype = new C()).__a = function(n2) {
+  var t3 = this, e3 = j3(t3.__v), r3 = t3.l.get(n2);
+  return r3[0]++, function(u4) {
+    var o3 = function() {
+      t3.props.revealOrder ? (r3.push(u4), H2(t3, n2, r3)) : u4();
+    };
+    e3 ? e3(o3) : o3();
+  };
+}, B3.prototype.render = function(n2) {
+  this.i = null, this.l = /* @__PURE__ */ new Map();
+  var t3 = F(n2.children);
+  n2.revealOrder && "b" === n2.revealOrder[0] && t3.reverse();
+  for (var e3 = t3.length; e3--; ) this.l.set(t3[e3], this.i = [1, 0, this.i]);
+  return n2.children;
+}, B3.prototype.componentDidUpdate = B3.prototype.componentDidMount = function() {
+  var n2 = this;
+  this.l.forEach(function(t3, e3) {
+    H2(n2, e3, t3);
+  });
+};
+var q3 = "undefined" != typeof Symbol && Symbol.for && /* @__PURE__ */ Symbol.for("react.element") || 60103;
+var G2 = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/;
+var J2 = /^on(Ani|Tra|Tou|BeforeInp|Compo)/;
+var K2 = /[A-Z0-9]/g;
+var Q2 = "undefined" != typeof document;
+var X2 = function(n2) {
+  return ("undefined" != typeof Symbol && "symbol" == typeof /* @__PURE__ */ Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n2);
+};
+function nn(n2, t3, e3) {
+  return null == t3.__k && (t3.textContent = ""), R(n2, t3), "function" == typeof e3 && e3(), n2 ? n2.__c : null;
+}
+C.prototype.isReactComponent = true, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t3) {
+  Object.defineProperty(C.prototype, t3, { configurable: true, get: function() {
+    return this["UNSAFE_" + t3];
+  }, set: function(n2) {
+    Object.defineProperty(this, t3, { configurable: true, writable: true, value: n2 });
+  } });
+});
+var en = l.event;
+l.event = function(n2) {
+  return en && (n2 = en(n2)), n2.persist = function() {
+  }, n2.isPropagationStopped = function() {
+    return this.cancelBubble;
+  }, n2.isDefaultPrevented = function() {
+    return this.defaultPrevented;
+  }, n2.nativeEvent = n2;
+};
+var rn;
+var un = { configurable: true, get: function() {
+  return this.class;
+} };
+var on = l.vnode;
+l.vnode = function(n2) {
+  "string" == typeof n2.type && (function(n3) {
+    var t3 = n3.props, e3 = n3.type, u4 = {}, o3 = -1 == e3.indexOf("-");
+    for (var i3 in t3) {
+      var l3 = t3[i3];
+      if (!("value" === i3 && "defaultValue" in t3 && null == l3 || Q2 && "children" === i3 && "noscript" === e3 || "class" === i3 || "className" === i3)) {
+        var c3 = i3.toLowerCase();
+        "defaultValue" === i3 && "value" in t3 && null == t3.value ? i3 = "value" : "download" === i3 && true === l3 ? l3 = "" : "translate" === c3 && "no" === l3 ? l3 = false : "o" === c3[0] && "n" === c3[1] ? "ondoubleclick" === c3 ? i3 = "ondblclick" : "onchange" !== c3 || "input" !== e3 && "textarea" !== e3 || X2(t3.type) ? "onfocus" === c3 ? i3 = "onfocusin" : "onblur" === c3 ? i3 = "onfocusout" : J2.test(i3) && (i3 = c3) : c3 = i3 = "oninput" : o3 && G2.test(i3) ? i3 = i3.replace(K2, "-$&").toLowerCase() : null === l3 && (l3 = void 0), "oninput" === c3 && u4[i3 = c3] && (i3 = "oninputCapture"), u4[i3] = l3;
+      }
+    }
+    "select" == e3 && (u4.multiple && Array.isArray(u4.value) && (u4.value = F(t3.children).forEach(function(n4) {
+      n4.props.selected = -1 != u4.value.indexOf(n4.props.value);
+    })), null != u4.defaultValue && (u4.value = F(t3.children).forEach(function(n4) {
+      n4.props.selected = u4.multiple ? -1 != u4.defaultValue.indexOf(n4.props.value) : u4.defaultValue == n4.props.value;
+    }))), t3.class && !t3.className ? (u4.class = t3.class, Object.defineProperty(u4, "className", un)) : t3.className && (u4.class = u4.className = t3.className), n3.props = u4;
+  })(n2), n2.$$typeof = q3, on && on(n2);
+};
+var ln = l.__r;
+l.__r = function(n2) {
+  ln && ln(n2), rn = n2.__c;
+};
+var cn = l.diffed;
+l.diffed = function(n2) {
+  cn && cn(n2);
+  var t3 = n2.props, e3 = n2.__e;
+  null != e3 && "textarea" === n2.type && "value" in t3 && t3.value !== e3.value && (e3.value = null == t3.value ? "" : t3.value), rn = null;
+};
+function pn(n2) {
+  return !!n2.__k && (R(null, n2), true);
+}
+
+// node_modules/preact/compat/client.mjs
+function createRoot(container) {
+  return {
+    // eslint-disable-next-line
+    render: function(children) {
+      nn(children, container);
+    },
+    // eslint-disable-next-line
+    unmount: function() {
+      pn(container);
+    }
+  };
+}
+
+// src/react/anchor.ts
+var MAX_DEPTH = 5;
+var OVERLAY_ATTR = "data-feedback-overlay";
+function escapeForSelector(value) {
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") return CSS.escape(value);
+  return value.replace(/[^\w-]/g, (c3) => `\\${c3}`);
+}
+function getStableSelector(el, maxDepth = MAX_DEPTH) {
+  const parts = [];
+  let cur = el;
+  while (cur && parts.length < maxDepth && cur !== document.body && cur !== document.documentElement) {
+    const testid = cur.getAttribute("data-testid");
+    if (testid) {
+      parts.unshift(`[data-testid="${escapeForSelector(testid)}"]`);
+      return parts.join(" > ");
+    }
+    if (cur.id) {
+      parts.unshift(`#${escapeForSelector(cur.id)}`);
+      return parts.join(" > ");
+    }
+    let part = cur.tagName.toLowerCase();
+    const parent = cur.parentElement;
+    if (parent) {
+      const sameTag = Array.from(parent.children).filter((s3) => s3.tagName === cur.tagName);
+      if (sameTag.length > 1) {
+        part += `:nth-of-type(${sameTag.indexOf(cur) + 1})`;
+      }
+    }
+    parts.unshift(part);
+    cur = parent;
+  }
+  return parts.join(" > ");
+}
+function elementBelowOverlay(clientX, clientY) {
+  const stack = document.elementsFromPoint(clientX, clientY);
+  return stack.find((el) => !el.closest(`[${OVERLAY_ATTR}]`)) ?? null;
+}
+function describeElementAt(clientX, clientY) {
+  const el = elementBelowOverlay(clientX, clientY);
+  if (!el) return null;
+  return getStableSelector(el) || null;
+}
+var FEEDBACK_OVERLAY_ATTR = OVERLAY_ATTR;
+
+// node_modules/modern-screenshot/dist/index.mjs
+var _P = "p".charCodeAt(0);
+var _H = "H".charCodeAt(0);
+var _Y = "Y".charCodeAt(0);
+var _S = "s".charCodeAt(0);
+var PREFIX = "[modern-screenshot]";
+var IN_BROWSER = typeof window !== "undefined";
+var SUPPORT_WEB_WORKER = IN_BROWSER && "Worker" in window;
+var SUPPORT_ATOB = IN_BROWSER && "atob" in window;
+var SUPPORT_BTOA = IN_BROWSER && "btoa" in window;
+var USER_AGENT = IN_BROWSER ? window.navigator?.userAgent : "";
+var IN_CHROME = USER_AGENT.includes("Chrome");
+var IN_SAFARI = USER_AGENT.includes("AppleWebKit") && !IN_CHROME;
+var IN_FIREFOX = USER_AGENT.includes("Firefox");
+var isContext = (value) => value && "__CONTEXT__" in value;
+var isCssFontFaceRule = (rule) => rule.constructor.name === "CSSFontFaceRule";
+var isCSSImportRule = (rule) => rule.constructor.name === "CSSImportRule";
+var isLayerBlockRule = (rule) => rule.constructor.name === "CSSLayerBlockRule";
+var isElementNode = (node) => node.nodeType === 1;
+var isSVGElementNode = (node) => typeof node.className === "object";
+var isSVGImageElementNode = (node) => node.tagName === "image";
+var isSVGUseElementNode = (node) => node.tagName === "use";
+var isHTMLElementNode = (node) => isElementNode(node) && typeof node.style !== "undefined" && !isSVGElementNode(node);
+var isCommentNode = (node) => node.nodeType === 8;
+var isTextNode = (node) => node.nodeType === 3;
+var isImageElement = (node) => node.tagName === "IMG";
+var isVideoElement = (node) => node.tagName === "VIDEO";
+var isCanvasElement = (node) => node.tagName === "CANVAS";
+var isTextareaElement = (node) => node.tagName === "TEXTAREA";
+var isInputElement = (node) => node.tagName === "INPUT";
+var isStyleElement = (node) => node.tagName === "STYLE";
+var isScriptElement = (node) => node.tagName === "SCRIPT";
+var isSelectElement = (node) => node.tagName === "SELECT";
+var isSlotElement = (node) => node.tagName === "SLOT";
+var isIFrameElement = (node) => node.tagName === "IFRAME";
+var consoleWarn = (...args) => console.warn(PREFIX, ...args);
+function supportWebp(ownerDocument) {
+  const canvas = ownerDocument?.createElement?.("canvas");
+  if (canvas) {
+    canvas.height = canvas.width = 1;
+  }
+  return Boolean(canvas) && "toDataURL" in canvas && Boolean(canvas.toDataURL("image/webp").includes("image/webp"));
+}
+var isDataUrl = (url) => url.startsWith("data:");
+function resolveUrl(url, baseUrl) {
+  if (url.match(/^[a-z]+:\/\//i))
+    return url;
+  if (IN_BROWSER && url.match(/^\/\//))
+    return window.location.protocol + url;
+  if (url.match(/^[a-z]+:/i))
+    return url;
+  if (!IN_BROWSER)
+    return url;
+  const doc = getDocument().implementation.createHTMLDocument();
+  const base = doc.createElement("base");
+  const a3 = doc.createElement("a");
+  doc.head.appendChild(base);
+  doc.body.appendChild(a3);
+  if (baseUrl)
+    base.href = baseUrl;
+  a3.href = url;
+  return a3.href;
+}
+function getDocument(target) {
+  return (target && isElementNode(target) ? target?.ownerDocument : target) ?? window.document;
+}
+var XMLNS = "http://www.w3.org/2000/svg";
+function createSvg(width, height, ownerDocument) {
+  const svg = getDocument(ownerDocument).createElementNS(XMLNS, "svg");
+  svg.setAttributeNS(null, "width", width.toString());
+  svg.setAttributeNS(null, "height", height.toString());
+  svg.setAttributeNS(null, "viewBox", `0 0 ${width} ${height}`);
+  return svg;
+}
+function svgToDataUrl(svg, removeControlCharacter) {
+  let xhtml = new XMLSerializer().serializeToString(svg);
+  if (removeControlCharacter) {
+    xhtml = xhtml.replace(/[\u0000-\u0008\v\f\u000E-\u001F\uD800-\uDFFF\uFFFE\uFFFF]/gu, "");
+  }
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(xhtml)}`;
+}
+function readBlob(blob, type) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = () => reject(reader.error);
+    reader.onabort = () => reject(new Error(`Failed read blob to ${type}`));
+    if (type === "dataUrl") {
+      reader.readAsDataURL(blob);
+    } else if (type === "arrayBuffer") {
+      reader.readAsArrayBuffer(blob);
+    }
+  });
+}
+var blobToDataUrl = (blob) => readBlob(blob, "dataUrl");
+function createImage(url, ownerDocument) {
+  const img = getDocument(ownerDocument).createElement("img");
+  img.decoding = "sync";
+  img.loading = "eager";
+  img.src = url;
+  return img;
+}
+function loadMedia(media, options) {
+  return new Promise((resolve) => {
+    const { timeout, ownerDocument, onError: userOnError, onWarn } = options ?? {};
+    const node = typeof media === "string" ? createImage(media, getDocument(ownerDocument)) : media;
+    let timer = null;
+    let removeEventListeners = null;
+    function onResolve() {
+      resolve(node);
+      timer && clearTimeout(timer);
+      removeEventListeners?.();
+    }
+    if (timeout) {
+      timer = setTimeout(onResolve, timeout);
+    }
+    if (isVideoElement(node)) {
+      const currentSrc = node.currentSrc || node.src;
+      if (!currentSrc) {
+        if (node.poster) {
+          return loadMedia(node.poster, options).then(resolve);
+        }
+        return onResolve();
+      }
+      if (node.readyState >= 2) {
+        return onResolve();
+      }
+      const onLoadeddata = onResolve;
+      const onError = (error) => {
+        onWarn?.(
+          "Failed video load",
+          currentSrc,
+          error
+        );
+        userOnError?.(error);
+        onResolve();
+      };
+      removeEventListeners = () => {
+        node.removeEventListener("loadeddata", onLoadeddata);
+        node.removeEventListener("error", onError);
+      };
+      node.addEventListener("loadeddata", onLoadeddata, { once: true });
+      node.addEventListener("error", onError, { once: true });
+    } else {
+      const currentSrc = isSVGImageElementNode(node) ? node.href.baseVal : node.currentSrc || node.src;
+      if (!currentSrc) {
+        return onResolve();
+      }
+      const onLoad = async () => {
+        if (isImageElement(node) && "decode" in node) {
+          try {
+            await node.decode();
+          } catch (error) {
+            onWarn?.(
+              "Failed to decode image, trying to render anyway",
+              node.dataset.originalSrc || currentSrc,
+              error
+            );
+          }
+        }
+        onResolve();
+      };
+      const onError = (error) => {
+        onWarn?.(
+          "Failed image load",
+          node.dataset.originalSrc || currentSrc,
+          error
+        );
+        onResolve();
+      };
+      if (isImageElement(node) && node.complete) {
+        return onLoad();
+      }
+      removeEventListeners = () => {
+        node.removeEventListener("load", onLoad);
+        node.removeEventListener("error", onError);
+      };
+      node.addEventListener("load", onLoad, { once: true });
+      node.addEventListener("error", onError, { once: true });
+    }
+  });
+}
+async function waitUntilLoad(node, options) {
+  if (isHTMLElementNode(node)) {
+    if (isImageElement(node) || isVideoElement(node)) {
+      await loadMedia(node, options);
+    } else {
+      await Promise.all(
+        ["img", "video"].flatMap((selectors) => {
+          return Array.from(node.querySelectorAll(selectors)).map((el) => loadMedia(el, options));
+        })
+      );
+    }
+  }
+}
+var uuid = /* @__PURE__ */ (function uuid2() {
+  let counter = 0;
+  const random = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
+  return () => {
+    counter += 1;
+    return `u${random()}${counter}`;
+  };
+})();
+function splitFontFamily(fontFamily) {
+  return fontFamily?.split(",").map((val) => val.trim().replace(/"|'/g, "").toLowerCase()).filter(Boolean);
+}
+var uid = 0;
+function createLogger(debug) {
+  const prefix = `${PREFIX}[#${uid}]`;
+  uid++;
+  return {
+    // eslint-disable-next-line no-console
+    time: (label) => debug && console.time(`${prefix} ${label}`),
+    // eslint-disable-next-line no-console
+    timeEnd: (label) => debug && console.timeEnd(`${prefix} ${label}`),
+    warn: (...args) => debug && consoleWarn(...args)
+  };
+}
+function getDefaultRequestInit(bypassingCache) {
+  return {
+    cache: bypassingCache ? "no-cache" : "force-cache"
+  };
+}
+async function orCreateContext(node, options) {
+  return isContext(node) ? node : createContext(node, { ...options, autoDestruct: true });
+}
+async function createContext(node, options) {
+  const { scale = 1, workerUrl, workerNumber = 1 } = options || {};
+  const debug = Boolean(options?.debug);
+  const features = options?.features ?? true;
+  const ownerDocument = node.ownerDocument ?? (IN_BROWSER ? window.document : void 0);
+  const ownerWindow = node.ownerDocument?.defaultView ?? (IN_BROWSER ? window : void 0);
+  const requests = /* @__PURE__ */ new Map();
+  const context = {
+    // Options
+    width: 0,
+    height: 0,
+    quality: 1,
+    type: "image/png",
+    scale,
+    backgroundColor: null,
+    style: null,
+    filter: null,
+    maximumCanvasSize: 0,
+    timeout: 3e4,
+    progress: null,
+    debug,
+    fetch: {
+      requestInit: getDefaultRequestInit(options?.fetch?.bypassingCache),
+      placeholderImage: "data:image/png;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+      bypassingCache: false,
+      ...options?.fetch
+    },
+    fetchFn: null,
+    font: {},
+    drawImageInterval: 100,
+    workerUrl: null,
+    workerNumber,
+    onCloneEachNode: null,
+    onCloneNode: null,
+    onEmbedNode: null,
+    onCreateForeignObjectSvg: null,
+    includeStyleProperties: null,
+    autoDestruct: false,
+    ...options,
+    // InternalContext
+    __CONTEXT__: true,
+    log: createLogger(debug),
+    node,
+    ownerDocument,
+    ownerWindow,
+    dpi: scale === 1 ? null : 96 * scale,
+    svgStyleElement: createStyleElement(ownerDocument),
+    svgDefsElement: ownerDocument?.createElementNS(XMLNS, "defs"),
+    svgStyles: /* @__PURE__ */ new Map(),
+    defaultComputedStyles: /* @__PURE__ */ new Map(),
+    workers: [
+      ...Array.from({
+        length: SUPPORT_WEB_WORKER && workerUrl && workerNumber ? workerNumber : 0
+      })
+    ].map(() => {
+      try {
+        const worker = new Worker(workerUrl);
+        worker.onmessage = async (event) => {
+          const { url, result } = event.data;
+          if (result) {
+            requests.get(url)?.resolve?.(result);
+          } else {
+            requests.get(url)?.reject?.(new Error(`Error receiving message from worker: ${url}`));
+          }
+        };
+        worker.onmessageerror = (event) => {
+          const { url } = event.data;
+          requests.get(url)?.reject?.(new Error(`Error receiving message from worker: ${url}`));
+        };
+        return worker;
+      } catch (error) {
+        context.log.warn("Failed to new Worker", error);
+        return null;
+      }
+    }).filter(Boolean),
+    fontFamilies: /* @__PURE__ */ new Map(),
+    fontCssTexts: /* @__PURE__ */ new Map(),
+    acceptOfImage: `${[
+      supportWebp(ownerDocument) && "image/webp",
+      "image/svg+xml",
+      "image/*",
+      "*/*"
+    ].filter(Boolean).join(",")};q=0.8`,
+    requests,
+    drawImageCount: 0,
+    tasks: [],
+    features,
+    isEnable: (key) => {
+      if (key === "restoreScrollPosition") {
+        return typeof features === "boolean" ? false : features[key] ?? false;
+      }
+      if (typeof features === "boolean") {
+        return features;
+      }
+      return features[key] ?? true;
+    },
+    shadowRoots: []
+  };
+  context.log.time("wait until load");
+  await waitUntilLoad(node, { timeout: context.timeout, onWarn: context.log.warn });
+  context.log.timeEnd("wait until load");
+  const { width, height } = resolveBoundingBox(node, context);
+  context.width = width;
+  context.height = height;
+  return context;
+}
+function createStyleElement(ownerDocument) {
+  if (!ownerDocument)
+    return void 0;
+  const style = ownerDocument.createElement("style");
+  const cssText = style.ownerDocument.createTextNode(`
+.______background-clip--text {
+  background-clip: text;
+  -webkit-background-clip: text;
+}
+`);
+  style.appendChild(cssText);
+  return style;
+}
+function resolveBoundingBox(node, context) {
+  let { width, height } = context;
+  if (isElementNode(node) && (!width || !height)) {
+    const box = node.getBoundingClientRect();
+    width = width || box.width || Number(node.getAttribute("width")) || 0;
+    height = height || box.height || Number(node.getAttribute("height")) || 0;
+  }
+  return { width, height };
+}
+async function imageToCanvas(image, context) {
+  const {
+    log,
+    timeout,
+    drawImageCount,
+    drawImageInterval
+  } = context;
+  log.time("image to canvas");
+  const loaded = await loadMedia(image, { timeout, onWarn: context.log.warn });
+  const { canvas, context2d } = createCanvas(image.ownerDocument, context);
+  const drawImage = () => {
+    try {
+      context2d?.drawImage(loaded, 0, 0, canvas.width, canvas.height);
+    } catch (error) {
+      context.log.warn("Failed to drawImage", error);
+    }
+  };
+  drawImage();
+  if (context.isEnable("fixSvgXmlDecode")) {
+    for (let i3 = 0; i3 < drawImageCount; i3++) {
+      await new Promise((resolve) => {
+        setTimeout(() => {
+          context2d?.clearRect(0, 0, canvas.width, canvas.height);
+          drawImage();
+          resolve();
+        }, i3 + drawImageInterval);
+      });
+    }
+  }
+  context.drawImageCount = 0;
+  log.timeEnd("image to canvas");
+  return canvas;
+}
+function createCanvas(ownerDocument, context) {
+  const { width, height, scale, backgroundColor, maximumCanvasSize: max } = context;
+  const canvas = ownerDocument.createElement("canvas");
+  canvas.width = Math.floor(width * scale);
+  canvas.height = Math.floor(height * scale);
+  canvas.style.width = `${width}px`;
+  canvas.style.height = `${height}px`;
+  if (max) {
+    if (canvas.width > max || canvas.height > max) {
+      if (canvas.width > max && canvas.height > max) {
+        if (canvas.width > canvas.height) {
+          canvas.height *= max / canvas.width;
+          canvas.width = max;
+        } else {
+          canvas.width *= max / canvas.height;
+          canvas.height = max;
+        }
+      } else if (canvas.width > max) {
+        canvas.height *= max / canvas.width;
+        canvas.width = max;
+      } else {
+        canvas.width *= max / canvas.height;
+        canvas.height = max;
+      }
+    }
+  }
+  const context2d = canvas.getContext("2d");
+  if (context2d && backgroundColor) {
+    context2d.fillStyle = backgroundColor;
+    context2d.fillRect(0, 0, canvas.width, canvas.height);
+  }
+  return { canvas, context2d };
+}
+function cloneCanvas(canvas, context) {
+  if (canvas.ownerDocument) {
+    try {
+      const dataURL = canvas.toDataURL();
+      if (dataURL !== "data:,") {
+        return createImage(dataURL, canvas.ownerDocument);
+      }
+    } catch (error) {
+      context.log.warn("Failed to clone canvas", error);
+    }
+  }
+  const cloned = canvas.cloneNode(false);
+  const ctx = canvas.getContext("2d");
+  const clonedCtx = cloned.getContext("2d");
+  try {
+    if (ctx && clonedCtx) {
+      clonedCtx.putImageData(
+        ctx.getImageData(0, 0, canvas.width, canvas.height),
+        0,
+        0
+      );
+    }
+    return cloned;
+  } catch (error) {
+    context.log.warn("Failed to clone canvas", error);
+  }
+  return cloned;
+}
+function cloneIframe(iframe, context) {
+  try {
+    if (iframe?.contentDocument?.documentElement) {
+      return cloneNode(iframe.contentDocument.documentElement, context);
+    }
+  } catch (error) {
+    context.log.warn("Failed to clone iframe", error);
+  }
+  return iframe.cloneNode(false);
+}
+function cloneImage(image) {
+  const cloned = image.cloneNode(false);
+  if (image.currentSrc && image.currentSrc !== image.src) {
+    cloned.src = image.currentSrc;
+    cloned.srcset = "";
+  }
+  if (cloned.loading === "lazy") {
+    cloned.loading = "eager";
+  }
+  return cloned;
+}
+async function cloneVideo(video, context) {
+  if (video.ownerDocument && !video.currentSrc && video.poster) {
+    return createImage(video.poster, video.ownerDocument);
+  }
+  const cloned = video.cloneNode(false);
+  cloned.crossOrigin = "anonymous";
+  if (video.currentSrc && video.currentSrc !== video.src) {
+    cloned.src = video.currentSrc;
+  }
+  const ownerDocument = cloned.ownerDocument;
+  if (ownerDocument) {
+    let canPlay = true;
+    await loadMedia(cloned, { onError: () => canPlay = false, onWarn: context.log.warn });
+    if (!canPlay) {
+      if (video.poster) {
+        return createImage(video.poster, video.ownerDocument);
+      }
+      return cloned;
+    }
+    cloned.currentTime = video.currentTime;
+    await new Promise((resolve) => {
+      cloned.addEventListener("seeked", resolve, { once: true });
+    });
+    const canvas = ownerDocument.createElement("canvas");
+    canvas.width = video.offsetWidth;
+    canvas.height = video.offsetHeight;
+    try {
+      const ctx = canvas.getContext("2d");
+      if (ctx)
+        ctx.drawImage(cloned, 0, 0, canvas.width, canvas.height);
+    } catch (error) {
+      context.log.warn("Failed to clone video", error);
+      if (video.poster) {
+        return createImage(video.poster, video.ownerDocument);
+      }
+      return cloned;
+    }
+    return cloneCanvas(canvas, context);
+  }
+  return cloned;
+}
+function cloneElement(node, context) {
+  if (isCanvasElement(node)) {
+    return cloneCanvas(node, context);
+  }
+  if (isIFrameElement(node)) {
+    return cloneIframe(node, context);
+  }
+  if (isImageElement(node)) {
+    return cloneImage(node);
+  }
+  if (isVideoElement(node)) {
+    return cloneVideo(node, context);
+  }
+  return node.cloneNode(false);
+}
+function getSandBox(context) {
+  let sandbox = context.sandbox;
+  if (!sandbox) {
+    const { ownerDocument } = context;
+    try {
+      if (ownerDocument) {
+        sandbox = ownerDocument.createElement("iframe");
+        sandbox.id = `__SANDBOX__${uuid()}`;
+        sandbox.width = "0";
+        sandbox.height = "0";
+        sandbox.style.visibility = "hidden";
+        sandbox.style.position = "fixed";
+        ownerDocument.body.appendChild(sandbox);
+        sandbox.srcdoc = '<!DOCTYPE html><meta charset="UTF-8"><title></title><body>';
+        context.sandbox = sandbox;
+      }
+    } catch (error) {
+      context.log.warn("Failed to getSandBox", error);
+    }
+  }
+  return sandbox;
+}
+var ignoredStyles = [
+  "width",
+  "height",
+  "-webkit-text-fill-color"
+];
+var includedAttributes = [
+  "stroke",
+  "fill"
+];
+function getDefaultStyle(node, pseudoElement, context) {
+  const { defaultComputedStyles } = context;
+  const nodeName = node.nodeName.toLowerCase();
+  const isSvgNode = isSVGElementNode(node) && nodeName !== "svg";
+  const attributes = isSvgNode ? includedAttributes.map((name) => [name, node.getAttribute(name)]).filter(([, value]) => value !== null) : [];
+  const key = [
+    isSvgNode && "svg",
+    nodeName,
+    attributes.map((name, value) => `${name}=${value}`).join(","),
+    pseudoElement
+  ].filter(Boolean).join(":");
+  if (defaultComputedStyles.has(key))
+    return defaultComputedStyles.get(key);
+  const sandbox = getSandBox(context);
+  const sandboxWindow = sandbox?.contentWindow;
+  if (!sandboxWindow)
+    return /* @__PURE__ */ new Map();
+  const sandboxDocument = sandboxWindow?.document;
+  let root2;
+  let el;
+  if (isSvgNode) {
+    root2 = sandboxDocument.createElementNS(XMLNS, "svg");
+    el = root2.ownerDocument.createElementNS(root2.namespaceURI, nodeName);
+    attributes.forEach(([name, value]) => {
+      el.setAttributeNS(null, name, value);
+    });
+    root2.appendChild(el);
+  } else {
+    root2 = el = sandboxDocument.createElement(nodeName);
+  }
+  el.textContent = " ";
+  sandboxDocument.body.appendChild(root2);
+  const computedStyle = sandboxWindow.getComputedStyle(el, pseudoElement);
+  const styles = /* @__PURE__ */ new Map();
+  for (let len = computedStyle.length, i3 = 0; i3 < len; i3++) {
+    const name = computedStyle.item(i3);
+    if (ignoredStyles.includes(name))
+      continue;
+    styles.set(name, computedStyle.getPropertyValue(name));
+  }
+  sandboxDocument.body.removeChild(root2);
+  defaultComputedStyles.set(key, styles);
+  return styles;
+}
+function getDiffStyle(style, defaultStyle, includeStyleProperties) {
+  const diffStyle = /* @__PURE__ */ new Map();
+  const prefixs = [];
+  const prefixTree = /* @__PURE__ */ new Map();
+  if (includeStyleProperties) {
+    for (const name of includeStyleProperties) {
+      applyTo(name);
+    }
+  } else {
+    for (let len = style.length, i3 = 0; i3 < len; i3++) {
+      const name = style.item(i3);
+      applyTo(name);
+    }
+  }
+  for (let len = prefixs.length, i3 = 0; i3 < len; i3++) {
+    prefixTree.get(prefixs[i3])?.forEach((value, name) => diffStyle.set(name, value));
+  }
+  function applyTo(name) {
+    const value = style.getPropertyValue(name);
+    const priority = style.getPropertyPriority(name);
+    const subIndex = name.lastIndexOf("-");
+    const prefix = subIndex > -1 ? name.substring(0, subIndex) : void 0;
+    if (prefix) {
+      let map = prefixTree.get(prefix);
+      if (!map) {
+        map = /* @__PURE__ */ new Map();
+        prefixTree.set(prefix, map);
+      }
+      map.set(name, [value, priority]);
+    }
+    if (defaultStyle.get(name) === value && !priority)
+      return;
+    if (prefix) {
+      prefixs.push(prefix);
+    } else {
+      diffStyle.set(name, [value, priority]);
+    }
+  }
+  return diffStyle;
+}
+function copyCssStyles(node, cloned, isRoot, context) {
+  const { ownerWindow, includeStyleProperties, currentParentNodeStyle } = context;
+  const clonedStyle = cloned.style;
+  const computedStyle = ownerWindow.getComputedStyle(node);
+  const defaultStyle = getDefaultStyle(node, null, context);
+  currentParentNodeStyle?.forEach((_3, key) => {
+    defaultStyle.delete(key);
+  });
+  const style = getDiffStyle(computedStyle, defaultStyle, includeStyleProperties);
+  style.delete("transition-property");
+  style.delete("all");
+  style.delete("d");
+  style.delete("content");
+  if (isRoot) {
+    style.delete("position");
+    style.delete("margin-top");
+    style.delete("margin-right");
+    style.delete("margin-bottom");
+    style.delete("margin-left");
+    style.delete("margin-block-start");
+    style.delete("margin-block-end");
+    style.delete("margin-inline-start");
+    style.delete("margin-inline-end");
+    style.set("box-sizing", ["border-box", ""]);
+  }
+  if (style.get("background-clip")?.[0] === "text") {
+    cloned.classList.add("______background-clip--text");
+  }
+  if (IN_CHROME) {
+    if (!style.has("font-kerning"))
+      style.set("font-kerning", ["normal", ""]);
+    if ((style.get("overflow-x")?.[0] === "hidden" || style.get("overflow-y")?.[0] === "hidden") && style.get("text-overflow")?.[0] === "ellipsis" && node.scrollWidth === node.clientWidth) {
+      style.set("text-overflow", ["clip", ""]);
+    }
+  }
+  for (let len = clonedStyle.length, i3 = 0; i3 < len; i3++) {
+    clonedStyle.removeProperty(clonedStyle.item(i3));
+  }
+  style.forEach(([value, priority], name) => {
+    clonedStyle.setProperty(name, value, priority);
+  });
+  return style;
+}
+function copyInputValue(node, cloned) {
+  if (isTextareaElement(node) || isInputElement(node) || isSelectElement(node)) {
+    cloned.setAttribute("value", node.value);
+  }
+}
+var pseudoClasses = [
+  "::before",
+  "::after"
+  // '::placeholder', TODO
+];
+var scrollbarPseudoClasses = [
+  "::-webkit-scrollbar",
+  "::-webkit-scrollbar-button",
+  // '::-webkit-scrollbar:horizontal', TODO
+  "::-webkit-scrollbar-thumb",
+  "::-webkit-scrollbar-track",
+  "::-webkit-scrollbar-track-piece",
+  // '::-webkit-scrollbar:vertical', TODO
+  "::-webkit-scrollbar-corner",
+  "::-webkit-resizer"
+];
+function copyPseudoClass(node, cloned, copyScrollbar, context, addWordToFontFamilies) {
+  const { ownerWindow, svgStyleElement, svgStyles, currentNodeStyle } = context;
+  if (!svgStyleElement || !ownerWindow)
+    return;
+  function copyBy(pseudoClass) {
+    const computedStyle = ownerWindow.getComputedStyle(node, pseudoClass);
+    let content = computedStyle.getPropertyValue("content");
+    if (!content || content === "none")
+      return;
+    addWordToFontFamilies?.(content);
+    content = content.replace(/(')|(")|(counter\(.+\))/g, "");
+    const klasses = [uuid()];
+    const defaultStyle = getDefaultStyle(node, pseudoClass, context);
+    currentNodeStyle?.forEach((_3, key) => {
+      defaultStyle.delete(key);
+    });
+    const style = getDiffStyle(computedStyle, defaultStyle, context.includeStyleProperties);
+    style.delete("content");
+    style.delete("-webkit-locale");
+    if (style.get("background-clip")?.[0] === "text") {
+      cloned.classList.add("______background-clip--text");
+    }
+    const cloneStyle = [
+      `content: '${content}';`
+    ];
+    style.forEach(([value, priority], name) => {
+      cloneStyle.push(`${name}: ${value}${priority ? " !important" : ""};`);
+    });
+    if (cloneStyle.length === 1)
+      return;
+    try {
+      cloned.className = [cloned.className, ...klasses].join(" ");
+    } catch (err) {
+      context.log.warn("Failed to copyPseudoClass", err);
+      return;
+    }
+    const cssText = cloneStyle.join("\n  ");
+    let allClasses = svgStyles.get(cssText);
+    if (!allClasses) {
+      allClasses = [];
+      svgStyles.set(cssText, allClasses);
+    }
+    allClasses.push(`.${klasses[0]}${pseudoClass}`);
+  }
+  pseudoClasses.forEach(copyBy);
+  if (copyScrollbar)
+    scrollbarPseudoClasses.forEach(copyBy);
+}
+var excludeParentNodes = /* @__PURE__ */ new Set([
+  "symbol"
+  // test/fixtures/svg.symbol.html
+]);
+async function appendChildNode(node, cloned, child, context, addWordToFontFamilies) {
+  if (isElementNode(child) && (isStyleElement(child) || isScriptElement(child)))
+    return;
+  if (context.filter && !context.filter(child))
+    return;
+  if (excludeParentNodes.has(cloned.nodeName) || excludeParentNodes.has(child.nodeName)) {
+    context.currentParentNodeStyle = void 0;
+  } else {
+    context.currentParentNodeStyle = context.currentNodeStyle;
+  }
+  const childCloned = await cloneNode(child, context, false, addWordToFontFamilies);
+  if (context.isEnable("restoreScrollPosition")) {
+    restoreScrollPosition(node, childCloned);
+  }
+  cloned.appendChild(childCloned);
+}
+async function cloneChildNodes(node, cloned, context, addWordToFontFamilies) {
+  let firstChild = node.firstChild;
+  if (isElementNode(node)) {
+    if (node.shadowRoot) {
+      firstChild = node.shadowRoot?.firstChild;
+      context.shadowRoots.push(node.shadowRoot);
+    }
+  }
+  for (let child = firstChild; child; child = child.nextSibling) {
+    if (isCommentNode(child))
+      continue;
+    if (isElementNode(child) && isSlotElement(child) && typeof child.assignedNodes === "function") {
+      const nodes = child.assignedNodes();
+      for (let i3 = 0; i3 < nodes.length; i3++) {
+        await appendChildNode(node, cloned, nodes[i3], context, addWordToFontFamilies);
+      }
+    } else {
+      await appendChildNode(node, cloned, child, context, addWordToFontFamilies);
+    }
+  }
+}
+function restoreScrollPosition(node, chlidCloned) {
+  if (!isHTMLElementNode(node) || !isHTMLElementNode(chlidCloned))
+    return;
+  const { scrollTop, scrollLeft } = node;
+  if (!scrollTop && !scrollLeft) {
+    return;
+  }
+  const { transform } = chlidCloned.style;
+  const matrix = new DOMMatrix(transform);
+  const { a: a3, b: b2, c: c3, d: d3 } = matrix;
+  matrix.a = 1;
+  matrix.b = 0;
+  matrix.c = 0;
+  matrix.d = 1;
+  matrix.translateSelf(-scrollLeft, -scrollTop);
+  matrix.a = a3;
+  matrix.b = b2;
+  matrix.c = c3;
+  matrix.d = d3;
+  chlidCloned.style.transform = matrix.toString();
+}
+function applyCssStyleWithOptions(cloned, context) {
+  const { backgroundColor, width, height, style: styles } = context;
+  const clonedStyle = cloned.style;
+  if (backgroundColor)
+    clonedStyle.setProperty("background-color", backgroundColor, "important");
+  if (width)
+    clonedStyle.setProperty("width", `${width}px`, "important");
+  if (height)
+    clonedStyle.setProperty("height", `${height}px`, "important");
+  if (styles) {
+    for (const name in styles) clonedStyle[name] = styles[name];
+  }
+}
+var NORMAL_ATTRIBUTE_RE = /^[\w-:]+$/;
+async function cloneNode(node, context, isRoot = false, addWordToFontFamilies) {
+  const { ownerDocument, ownerWindow, fontFamilies, onCloneEachNode } = context;
+  if (ownerDocument && isTextNode(node)) {
+    if (addWordToFontFamilies && /\S/.test(node.data)) {
+      addWordToFontFamilies(node.data);
+    }
+    return ownerDocument.createTextNode(node.data);
+  }
+  if (ownerDocument && ownerWindow && isElementNode(node) && (isHTMLElementNode(node) || isSVGElementNode(node))) {
+    const cloned2 = await cloneElement(node, context);
+    if (context.isEnable("removeAbnormalAttributes")) {
+      const names = cloned2.getAttributeNames();
+      for (let len = names.length, i3 = 0; i3 < len; i3++) {
+        const name = names[i3];
+        if (!NORMAL_ATTRIBUTE_RE.test(name)) {
+          cloned2.removeAttribute(name);
+        }
+      }
+    }
+    const style = context.currentNodeStyle = copyCssStyles(node, cloned2, isRoot, context);
+    if (isRoot)
+      applyCssStyleWithOptions(cloned2, context);
+    let copyScrollbar = false;
+    if (context.isEnable("copyScrollbar")) {
+      const overflow = [
+        style.get("overflow-x")?.[0],
+        style.get("overflow-y")?.[0]
+      ];
+      copyScrollbar = overflow.includes("scroll") || (overflow.includes("auto") || overflow.includes("overlay")) && (node.scrollHeight > node.clientHeight || node.scrollWidth > node.clientWidth);
+    }
+    const textTransform = style.get("text-transform")?.[0];
+    const families = splitFontFamily(style.get("font-family")?.[0]);
+    const addWordToFontFamilies2 = families ? (word) => {
+      if (textTransform === "uppercase") {
+        word = word.toUpperCase();
+      } else if (textTransform === "lowercase") {
+        word = word.toLowerCase();
+      } else if (textTransform === "capitalize") {
+        word = word[0].toUpperCase() + word.substring(1);
+      }
+      families.forEach((family) => {
+        let fontFamily = fontFamilies.get(family);
+        if (!fontFamily) {
+          fontFamilies.set(family, fontFamily = /* @__PURE__ */ new Set());
+        }
+        word.split("").forEach((text) => fontFamily.add(text));
+      });
+    } : void 0;
+    copyPseudoClass(
+      node,
+      cloned2,
+      copyScrollbar,
+      context,
+      addWordToFontFamilies2
+    );
+    copyInputValue(node, cloned2);
+    if (!isVideoElement(node)) {
+      await cloneChildNodes(
+        node,
+        cloned2,
+        context,
+        addWordToFontFamilies2
+      );
+    }
+    await onCloneEachNode?.(cloned2);
+    return cloned2;
+  }
+  const cloned = node.cloneNode(false);
+  await cloneChildNodes(node, cloned, context);
+  await onCloneEachNode?.(cloned);
+  return cloned;
+}
+function destroyContext(context) {
+  context.ownerDocument = void 0;
+  context.ownerWindow = void 0;
+  context.svgStyleElement = void 0;
+  context.svgDefsElement = void 0;
+  context.svgStyles.clear();
+  context.defaultComputedStyles.clear();
+  if (context.sandbox) {
+    try {
+      context.sandbox.remove();
+    } catch (err) {
+      context.log.warn("Failed to destroyContext", err);
+    }
+    context.sandbox = void 0;
+  }
+  context.workers = [];
+  context.fontFamilies.clear();
+  context.fontCssTexts.clear();
+  context.requests.clear();
+  context.tasks = [];
+  context.shadowRoots = [];
+}
+function baseFetch(options) {
+  const { url, timeout, responseType, ...requestInit } = options;
+  const controller = new AbortController();
+  const timer = timeout ? setTimeout(() => controller.abort(), timeout) : void 0;
+  return fetch(url, { signal: controller.signal, ...requestInit }).then((response) => {
+    if (!response.ok) {
+      throw new Error("Failed fetch, not 2xx response", { cause: response });
+    }
+    switch (responseType) {
+      case "arrayBuffer":
+        return response.arrayBuffer();
+      case "dataUrl":
+        return response.blob().then(blobToDataUrl);
+      case "text":
+      default:
+        return response.text();
+    }
+  }).finally(() => clearTimeout(timer));
+}
+function contextFetch(context, options) {
+  const { url: rawUrl, requestType = "text", responseType = "text", imageDom } = options;
+  let url = rawUrl;
+  const {
+    timeout,
+    acceptOfImage,
+    requests,
+    fetchFn,
+    fetch: {
+      requestInit,
+      bypassingCache,
+      placeholderImage
+    },
+    font,
+    workers,
+    fontFamilies
+  } = context;
+  if (requestType === "image" && (IN_SAFARI || IN_FIREFOX)) {
+    context.drawImageCount++;
+  }
+  let request = requests.get(rawUrl);
+  if (!request) {
+    if (bypassingCache) {
+      if (bypassingCache instanceof RegExp && bypassingCache.test(url)) {
+        url += (/\?/.test(url) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime();
+      }
+    }
+    const canFontMinify = requestType.startsWith("font") && font && font.minify;
+    const fontTexts = /* @__PURE__ */ new Set();
+    if (canFontMinify) {
+      const families = requestType.split(";")[1].split(",");
+      families.forEach((family) => {
+        if (!fontFamilies.has(family))
+          return;
+        fontFamilies.get(family).forEach((text) => fontTexts.add(text));
+      });
+    }
+    const needFontMinify = canFontMinify && fontTexts.size;
+    const baseFetchOptions = {
+      url,
+      timeout,
+      responseType: needFontMinify ? "arrayBuffer" : responseType,
+      headers: requestType === "image" ? { accept: acceptOfImage } : void 0,
+      ...requestInit
+    };
+    request = {
+      type: requestType,
+      resolve: void 0,
+      reject: void 0,
+      response: null
+    };
+    request.response = (async () => {
+      if (fetchFn && requestType === "image") {
+        const result = await fetchFn(rawUrl);
+        if (result)
+          return result;
+      }
+      if (!IN_SAFARI && rawUrl.startsWith("http") && workers.length) {
+        return new Promise((resolve, reject) => {
+          const worker = workers[requests.size & workers.length - 1];
+          worker.postMessage({ rawUrl, ...baseFetchOptions });
+          request.resolve = resolve;
+          request.reject = reject;
+        });
+      }
+      return baseFetch(baseFetchOptions);
+    })().catch((error) => {
+      requests.delete(rawUrl);
+      if (requestType === "image" && placeholderImage) {
+        context.log.warn("Failed to fetch image base64, trying to use placeholder image", url);
+        return typeof placeholderImage === "string" ? placeholderImage : placeholderImage(imageDom);
+      }
+      throw error;
+    });
+    requests.set(rawUrl, request);
+  }
+  return request.response;
+}
+async function replaceCssUrlToDataUrl(cssText, baseUrl, context, isImage) {
+  if (!hasCssUrl(cssText))
+    return cssText;
+  for (const [rawUrl, url] of parseCssUrls(cssText, baseUrl)) {
+    try {
+      const dataUrl = await contextFetch(
+        context,
+        {
+          url,
+          requestType: isImage ? "image" : "text",
+          responseType: "dataUrl"
+        }
+      );
+      cssText = cssText.replace(toRE(rawUrl), `$1${dataUrl}$3`);
+    } catch (error) {
+      context.log.warn("Failed to fetch css data url", rawUrl, error);
+    }
+  }
+  return cssText;
+}
+function hasCssUrl(cssText) {
+  return /url\((['"]?)([^'"]+?)\1\)/.test(cssText);
+}
+var URL_RE = /url\((['"]?)([^'"]+?)\1\)/g;
+function parseCssUrls(cssText, baseUrl) {
+  const result = [];
+  cssText.replace(URL_RE, (raw, quotation, url) => {
+    result.push([url, resolveUrl(url, baseUrl)]);
+    return raw;
+  });
+  return result.filter(([url]) => !isDataUrl(url));
+}
+function toRE(url) {
+  const escaped = url.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+  return new RegExp(`(url\\(['"]?)(${escaped})(['"]?\\))`, "g");
+}
+var properties = [
+  "background-image",
+  "border-image-source",
+  "-webkit-border-image",
+  "-webkit-mask-image",
+  "list-style-image"
+];
+function embedCssStyleImage(style, context) {
+  return properties.map((property) => {
+    const value = style.getPropertyValue(property);
+    if (!value || value === "none") {
+      return null;
+    }
+    if (IN_SAFARI || IN_FIREFOX) {
+      context.drawImageCount++;
+    }
+    return replaceCssUrlToDataUrl(value, null, context, true).then((newValue) => {
+      if (!newValue || value === newValue)
+        return;
+      style.setProperty(
+        property,
+        newValue,
+        style.getPropertyPriority(property)
+      );
+    });
+  }).filter(Boolean);
+}
+function embedImageElement(cloned, context) {
+  if (isImageElement(cloned)) {
+    const originalSrc = cloned.currentSrc || cloned.src;
+    if (!isDataUrl(originalSrc)) {
+      return [
+        contextFetch(context, {
+          url: originalSrc,
+          imageDom: cloned,
+          requestType: "image",
+          responseType: "dataUrl"
+        }).then((url) => {
+          if (!url)
+            return;
+          cloned.srcset = "";
+          cloned.dataset.originalSrc = originalSrc;
+          cloned.src = url || "";
+        })
+      ];
+    }
+    if (IN_SAFARI || IN_FIREFOX) {
+      context.drawImageCount++;
+    }
+  } else if (isSVGElementNode(cloned) && !isDataUrl(cloned.href.baseVal)) {
+    const originalSrc = cloned.href.baseVal;
+    return [
+      contextFetch(context, {
+        url: originalSrc,
+        imageDom: cloned,
+        requestType: "image",
+        responseType: "dataUrl"
+      }).then((url) => {
+        if (!url)
+          return;
+        cloned.dataset.originalSrc = originalSrc;
+        cloned.href.baseVal = url || "";
+      })
+    ];
+  }
+  return [];
+}
+function embedSvgUse(cloned, context) {
+  const { ownerDocument, svgDefsElement } = context;
+  const href = cloned.getAttribute("href") ?? cloned.getAttribute("xlink:href");
+  if (!href)
+    return [];
+  const [svgUrl, id] = href.split("#");
+  if (id) {
+    const query = `#${id}`;
+    const definition = context.shadowRoots.reduce(
+      (res, root2) => {
+        return res ?? root2.querySelector(`svg ${query}`);
+      },
+      ownerDocument?.querySelector(`svg ${query}`)
+    );
+    if (svgUrl) {
+      cloned.setAttribute("href", query);
+    }
+    if (svgDefsElement?.querySelector(query))
+      return [];
+    if (definition) {
+      svgDefsElement?.appendChild(definition.cloneNode(true));
+      return [];
+    } else if (svgUrl) {
+      return [
+        contextFetch(context, {
+          url: svgUrl,
+          responseType: "text"
+        }).then((svgData) => {
+          svgDefsElement?.insertAdjacentHTML("beforeend", svgData);
+        })
+      ];
+    }
+  }
+  return [];
+}
+function embedNode(cloned, context) {
+  const { tasks } = context;
+  if (isElementNode(cloned)) {
+    if (isImageElement(cloned) || isSVGImageElementNode(cloned)) {
+      tasks.push(...embedImageElement(cloned, context));
+    }
+    if (isSVGUseElementNode(cloned)) {
+      tasks.push(...embedSvgUse(cloned, context));
+    }
+  }
+  if (isHTMLElementNode(cloned)) {
+    tasks.push(...embedCssStyleImage(cloned.style, context));
+  }
+  cloned.childNodes.forEach((child) => {
+    embedNode(child, context);
+  });
+}
+async function embedWebFont(clone, context) {
+  const {
+    ownerDocument,
+    svgStyleElement,
+    fontFamilies,
+    fontCssTexts,
+    tasks,
+    font
+  } = context;
+  if (!ownerDocument || !svgStyleElement || !fontFamilies.size) {
+    return;
+  }
+  if (font && font.cssText) {
+    const cssText = filterPreferredFormat(font.cssText, context);
+    svgStyleElement.appendChild(ownerDocument.createTextNode(`${cssText}
+`));
+  } else {
+    const styleSheets = Array.from(ownerDocument.styleSheets).filter((styleSheet) => {
+      try {
+        return "cssRules" in styleSheet && Boolean(styleSheet.cssRules.length);
+      } catch (error) {
+        context.log.warn(`Error while reading CSS rules from ${styleSheet.href}`, error);
+        return false;
+      }
+    });
+    const tempDoc = ownerDocument.implementation.createHTMLDocument("");
+    const tempStyleEl = tempDoc.createElement("style");
+    tempDoc.head.appendChild(tempStyleEl);
+    const tempStyleSheet = tempStyleEl.sheet;
+    await Promise.all(
+      styleSheets.flatMap((styleSheet) => {
+        return Array.from(styleSheet.cssRules).map(async (cssRule) => {
+          if (isCSSImportRule(cssRule)) {
+            const baseUrl = cssRule.href;
+            let cssText = "";
+            try {
+              cssText = await contextFetch(context, {
+                url: baseUrl,
+                requestType: "text",
+                responseType: "text"
+              });
+            } catch (error) {
+              context.log.warn(`Error fetch remote css import from ${baseUrl}`, error);
+            }
+            const replacedCssText = cssText.replace(
+              URL_RE,
+              (raw, quotation, url) => raw.replace(url, resolveUrl(url, baseUrl))
+            );
+            for (const rule of parseCss(replacedCssText)) {
+              try {
+                tempStyleSheet.insertRule(rule, tempStyleSheet.cssRules.length);
+              } catch (error) {
+                context.log.warn("Error inserting rule from remote css import", { rule, error });
+              }
+            }
+          }
+        });
+      })
+    );
+    if (tempStyleSheet.cssRules.length)
+      styleSheets.push(tempStyleSheet);
+    const cssRules = [];
+    styleSheets.forEach((sheet) => {
+      unwrapCssLayers(sheet.cssRules, cssRules);
+    });
+    cssRules.filter((cssRule) => isCssFontFaceRule(cssRule) && hasCssUrl(cssRule.style.getPropertyValue("src")) && splitFontFamily(cssRule.style.getPropertyValue("font-family"))?.some((val) => fontFamilies.has(val))).forEach((value) => {
+      const rule = value;
+      const cssText = fontCssTexts.get(rule.cssText);
+      if (cssText) {
+        svgStyleElement.appendChild(ownerDocument.createTextNode(`${cssText}
+`));
+      } else {
+        tasks.push(
+          replaceCssUrlToDataUrl(
+            rule.cssText,
+            rule.parentStyleSheet ? rule.parentStyleSheet.href : null,
+            context
+          ).then((cssText2) => {
+            cssText2 = filterPreferredFormat(cssText2, context);
+            fontCssTexts.set(rule.cssText, cssText2);
+            svgStyleElement.appendChild(ownerDocument.createTextNode(`${cssText2}
+`));
+          })
+        );
+      }
+    });
+  }
+}
+var COMMENTS_RE = /(\/\*[\s\S]*?\*\/)/g;
+var KEYFRAMES_RE = /((@.*?keyframes [\s\S]*?){([\s\S]*?}\s*?)})/gi;
+function parseCss(source) {
+  if (source == null)
+    return [];
+  const result = [];
+  let cssText = source.replace(COMMENTS_RE, "");
+  while (true) {
+    const matches = KEYFRAMES_RE.exec(cssText);
+    if (!matches)
+      break;
+    result.push(matches[0]);
+  }
+  cssText = cssText.replace(KEYFRAMES_RE, "");
+  const IMPORT_RE = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi;
+  const UNIFIED_RE = new RegExp(
+    // eslint-disable-next-line
+    "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",
+    "gi"
+  );
+  while (true) {
+    let matches = IMPORT_RE.exec(cssText);
+    if (!matches) {
+      matches = UNIFIED_RE.exec(cssText);
+      if (!matches) {
+        break;
+      } else {
+        IMPORT_RE.lastIndex = UNIFIED_RE.lastIndex;
+      }
+    } else {
+      UNIFIED_RE.lastIndex = IMPORT_RE.lastIndex;
+    }
+    result.push(matches[0]);
+  }
+  return result;
+}
+var URL_WITH_FORMAT_RE = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g;
+var FONT_SRC_RE = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function filterPreferredFormat(str, context) {
+  const { font } = context;
+  const preferredFormat = font ? font?.preferredFormat : void 0;
+  return preferredFormat ? str.replace(FONT_SRC_RE, (match) => {
+    while (true) {
+      const [src, , format] = URL_WITH_FORMAT_RE.exec(match) || [];
+      if (!format)
+        return "";
+      if (format === preferredFormat)
+        return `src: ${src};`;
+    }
+  }) : str;
+}
+function unwrapCssLayers(rules, out = []) {
+  for (const rule of Array.from(rules)) {
+    if (isLayerBlockRule(rule)) {
+      out.push(...unwrapCssLayers(rule.cssRules));
+    } else if ("cssRules" in rule) {
+      unwrapCssLayers(rule.cssRules, out);
+    } else {
+      out.push(rule);
+    }
+  }
+  return out;
+}
+var SVG_EXTERNAL_RESOURCE_REGEX = /\bx?link:?href\s*=\s*["'](?!data:)[^"']+["']/i;
+function svgHasExternalResources(svg) {
+  return SVG_EXTERNAL_RESOURCE_REGEX.test(svg.innerHTML);
+}
+async function domToForeignObjectSvg(node, options) {
+  const context = await orCreateContext(node, options);
+  if (isElementNode(context.node) && isSVGElementNode(context.node) && !svgHasExternalResources(context.node))
+    return context.node;
+  const {
+    ownerDocument,
+    log,
+    tasks,
+    svgStyleElement,
+    svgDefsElement,
+    svgStyles,
+    font,
+    progress,
+    autoDestruct,
+    onCloneNode,
+    onEmbedNode,
+    onCreateForeignObjectSvg
+  } = context;
+  log.time("clone node");
+  const clone = await cloneNode(context.node, context, true);
+  if (svgStyleElement && ownerDocument) {
+    let allCssText = "";
+    svgStyles.forEach((klasses, cssText) => {
+      allCssText += `${klasses.join(",\n")} {
+  ${cssText}
+}
+`;
+    });
+    svgStyleElement.appendChild(ownerDocument.createTextNode(allCssText));
+  }
+  log.timeEnd("clone node");
+  await onCloneNode?.(clone);
+  if (font !== false && isElementNode(clone)) {
+    log.time("embed web font");
+    await embedWebFont(clone, context);
+    log.timeEnd("embed web font");
+  }
+  log.time("embed node");
+  embedNode(clone, context);
+  const count = tasks.length;
+  let current = 0;
+  const runTask = async () => {
+    while (true) {
+      const task = tasks.pop();
+      if (!task)
+        break;
+      try {
+        await task;
+      } catch (error) {
+        context.log.warn("Failed to run task", error);
+      }
+      progress?.(++current, count);
+    }
+  };
+  progress?.(current, count);
+  await Promise.all([...Array.from({ length: 4 })].map(runTask));
+  log.timeEnd("embed node");
+  await onEmbedNode?.(clone);
+  const svg = createForeignObjectSvg(clone, context);
+  svgDefsElement && svg.insertBefore(svgDefsElement, svg.children[0]);
+  svgStyleElement && svg.insertBefore(svgStyleElement, svg.children[0]);
+  autoDestruct && destroyContext(context);
+  await onCreateForeignObjectSvg?.(svg);
+  return svg;
+}
+function createForeignObjectSvg(clone, context) {
+  const { width, height } = context;
+  const svg = createSvg(width, height, clone.ownerDocument);
+  const foreignObject = svg.ownerDocument.createElementNS(svg.namespaceURI, "foreignObject");
+  foreignObject.setAttributeNS(null, "x", "0%");
+  foreignObject.setAttributeNS(null, "y", "0%");
+  foreignObject.setAttributeNS(null, "width", "100%");
+  foreignObject.setAttributeNS(null, "height", "100%");
+  foreignObject.append(clone);
+  svg.appendChild(foreignObject);
+  return svg;
+}
+async function domToCanvas(node, options) {
+  const context = await orCreateContext(node, options);
+  const svg = await domToForeignObjectSvg(context);
+  const dataUrl = svgToDataUrl(svg, context.isEnable("removeControlCharacter"));
+  if (!context.autoDestruct) {
+    context.svgStyleElement = createStyleElement(context.ownerDocument);
+    context.svgDefsElement = context.ownerDocument?.createElementNS(XMLNS, "defs");
+    context.svgStyles.clear();
+  }
+  const image = createImage(dataUrl, svg.ownerDocument);
+  return await imageToCanvas(image, context);
+}
+
+// src/react/feedback-client.ts
+var MAX_SIDE = 1600;
+async function submitFeedback(annotation, opts = {}) {
+  const endpoint = opts.endpoint ?? "/api/feedback";
+  const context = collectContext(annotation);
+  const screenshot = await captureAnnotatedScreenshot(annotation);
+  const payload = { annotation, context, screenshot };
+  try {
+    const res = await fetch(endpoint, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", ...opts.headers },
+      body: JSON.stringify(payload)
+    });
+    if (!res.ok) {
+      const detail = await res.text().catch(() => "");
+      console.error("[feedback] submit failed", res.status, detail);
+      return null;
+    }
+    return await res.json();
+  } catch (err) {
+    console.error("[feedback] submit error", err);
+    return null;
+  }
+}
+async function captureAnnotatedScreenshot(annotation) {
+  try {
+    const docEl = document.documentElement;
+    const pageW = docEl.scrollWidth;
+    const pageH = docEl.scrollHeight;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    const scale = Math.min(1, MAX_SIDE / Math.max(vw, vh));
+    const full = await domToCanvas(document.body, {
+      scale,
+      backgroundColor: "#ffffff",
+      // Exclude the feedback overlay itself (carries data-feedback-overlay → dataset.feedbackOverlay).
+      filter: (node) => !(node instanceof HTMLElement && node.dataset.feedbackOverlay !== void 0)
+    });
+    const ratioX = full.width / pageW;
+    const ratioY = full.height / pageH;
+    const out = document.createElement("canvas");
+    out.width = Math.max(1, Math.round(vw * ratioX));
+    out.height = Math.max(1, Math.round(vh * ratioY));
+    const ctx = out.getContext("2d");
+    if (ctx) {
+      ctx.drawImage(full, window.scrollX * ratioX, window.scrollY * ratioY, vw * ratioX, vh * ratioY, 0, 0, out.width, out.height);
+      const { x: x3, y: y3, width, height } = annotation.rect;
+      const rx = (x3 - window.scrollX) * ratioX;
+      const ry = (y3 - window.scrollY) * ratioY;
+      ctx.lineWidth = Math.max(2, 3 * ratioX);
+      ctx.strokeStyle = "#ff0055";
+      ctx.fillStyle = "rgba(255, 0, 85, 0.12)";
+      ctx.fillRect(rx, ry, width * ratioX, height * ratioY);
+      ctx.strokeRect(rx, ry, width * ratioX, height * ratioY);
+    }
+    return out.toDataURL("image/jpeg", 0.85);
+  } catch (err) {
+    console.warn("[feedback] screenshot capture failed, sending without image", err);
+    return null;
+  }
+}
+function collectContext(annotation) {
+  const viewportX = annotation.rect.x + annotation.rect.width / 2 - window.scrollX;
+  const viewportY = annotation.rect.y + annotation.rect.height / 2 - window.scrollY;
+  return {
+    url: window.location.href,
+    pathname: window.location.pathname,
+    title: document.title,
+    viewport: { width: window.innerWidth, height: window.innerHeight, dpr: window.devicePixelRatio },
+    scroll: { x: window.scrollX, y: window.scrollY },
+    userAgent: navigator.userAgent,
+    referrer: document.referrer,
+    elementHint: describeElementAt(viewportX, viewportY),
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+
+// node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+var f3 = 0;
+function u3(e3, t3, n2, o3, i3, u4) {
+  t3 || (t3 = {});
+  var a3, c3, p3 = t3;
+  if ("ref" in p3) for (c3 in p3 = {}, t3) "ref" == c3 ? a3 = t3[c3] : p3[c3] = t3[c3];
+  var l3 = { type: e3, props: p3, key: n2, ref: a3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f3, __i: -1, __u: 0, __source: i3, __self: u4 };
+  if ("function" == typeof e3 && (a3 = e3.defaultProps)) for (c3 in a3) void 0 === p3[c3] && (p3[c3] = a3[c3]);
+  return l.vnode && l.vnode(l3), l3;
+}
+
+// src/react/icons.tsx
+function Svg({ size = 16, children, ...props }) {
+  return /* @__PURE__ */ u3(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...props,
+      children
+    }
+  );
+}
+var MessageIcon = (p3) => /* @__PURE__ */ u3(Svg, { ...p3, children: /* @__PURE__ */ u3("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z" }) });
+var XIcon = (p3) => /* @__PURE__ */ u3(Svg, { ...p3, children: /* @__PURE__ */ u3("path", { d: "M18 6 6 18M6 6l12 12" }) });
+var EditIcon = (p3) => /* @__PURE__ */ u3(Svg, { ...p3, children: [
+  /* @__PURE__ */ u3("path", { d: "M12 20h9" }),
+  /* @__PURE__ */ u3("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z" })
+] });
+var CheckCircleIcon = (p3) => /* @__PURE__ */ u3(Svg, { ...p3, children: [
+  /* @__PURE__ */ u3("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+  /* @__PURE__ */ u3("path", { d: "M22 4 12 14.01l-3-3" })
+] });
+var AlertTriangleIcon = (p3) => /* @__PURE__ */ u3(Svg, { ...p3, children: [
+  /* @__PURE__ */ u3("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+  /* @__PURE__ */ u3("path", { d: "M12 9v4" }),
+  /* @__PURE__ */ u3("path", { d: "M12 17h.01" })
+] });
+var ArrowUpIcon = (p3) => /* @__PURE__ */ u3(Svg, { ...p3, children: /* @__PURE__ */ u3("path", { d: "M12 19V5M5 12l7-7 7 7" }) });
+var DotIcon = (p3) => /* @__PURE__ */ u3(Svg, { ...p3, strokeWidth: 0, children: /* @__PURE__ */ u3("circle", { cx: "12", cy: "12", r: "6", fill: "currentColor" }) });
+var TYPE_ICONS = {
+  bug: AlertTriangleIcon,
+  improvement: ArrowUpIcon,
+  dot: DotIcon
+};
+
+// src/react/styles.ts
+var STYLE_ID = "lfb-styles";
+var CSS2 = `
+/*
+ * Defaults live on .lfb-root (the element that also receives the inline brandColor
+ * override) \u2014 NOT on the layers. The layers/FAB inherit from here. If the defaults
+ * sat on .lfb-doc-layer/.lfb-fixed-layer, a direct rule on those elements would beat
+ * the brandColor inherited from .lfb-root, so the \`brandColor\` prop would never apply.
+ */
+.lfb-root {
+  --lfb-brand: #6366f1;
+  --lfb-fg: #181d27;
+  --lfb-fg-secondary: #414651;
+  --lfb-fg-tertiary: #717680;
+  --lfb-surface: #ffffff;
+  --lfb-surface-hover: #f5f5f5;
+  --lfb-border: #e9eaeb;
+  --lfb-radius: 12px;
+  --lfb-rect: #ff0055;
+  --lfb-z: 2147483640;
+  --lfb-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+}
+.lfb-doc-layer, .lfb-doc-layer *, .lfb-fixed-layer, .lfb-fixed-layer * { box-sizing: border-box; }
+
+.lfb-doc-layer { position: absolute; inset-inline: 0; top: 0; pointer-events: none; z-index: var(--lfb-z); }
+.lfb-fixed-layer { position: fixed; inset: 0; pointer-events: none; z-index: calc(var(--lfb-z) + 1); }
+
+.lfb-rect { position: absolute; border: 2px solid var(--lfb-rect); background: rgba(255,0,85,0.12); border-radius: 3px; pointer-events: none; }
+
+.lfb-anchor { position: absolute; pointer-events: auto; }
+
+.lfb-card {
+  background: var(--lfb-surface);
+  color: var(--lfb-fg);
+  border: 1px solid var(--lfb-border);
+  border-radius: var(--lfb-radius);
+  box-shadow: 0 12px 32px rgba(0,0,0,0.16), 0 2px 6px rgba(0,0,0,0.08);
+  padding: 12px;
+  font-family: var(--lfb-font);
+  font-size: 14px;
+  line-height: 1.4;
+}
+.lfb-composer { position: absolute; top: 100%; left: 0; margin-top: 8px; width: 320px; max-width: calc(100vw - 32px); }
+
+.lfb-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.lfb-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--lfb-fg-tertiary); }
+.lfb-sub { margin: 4px 0 0; font-size: 12px; color: var(--lfb-fg-tertiary); }
+
+.lfb-iconbtn { display: inline-flex; align-items: center; justify-content: center; padding: 4px; margin: -4px; border: 0; background: none; color: var(--lfb-fg-tertiary); border-radius: 6px; cursor: pointer; }
+.lfb-iconbtn:hover { background: var(--lfb-surface-hover); color: var(--lfb-fg); }
+
+.lfb-field-label { font-size: 12px; font-weight: 500; color: var(--lfb-fg-secondary); }
+.lfb-types { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 6px; }
+.lfb-type { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px; font-size: 14px; font-weight: 500; font-family: inherit; background: var(--lfb-surface); color: var(--lfb-fg-secondary); border: 1px solid var(--lfb-border); cursor: pointer; transition: background 0.1s, box-shadow 0.1s, border-color 0.1s; }
+.lfb-type:hover { background: var(--lfb-surface-hover); }
+.lfb-type[aria-pressed="true"] { color: var(--lfb-fg); border-color: var(--lfb-brand); box-shadow: inset 0 0 0 1px var(--lfb-brand); }
+.lfb-swatch { width: 20px; height: 20px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }
+
+.lfb-textarea, .lfb-input {
+  width: 100%; margin-top: 12px; border-radius: 8px; background: var(--lfb-surface); color: var(--lfb-fg);
+  border: 1px solid var(--lfb-border); padding: 8px 10px; font-size: 14px; font-family: inherit; outline: none;
+}
+.lfb-textarea { resize: none; }
+.lfb-input { margin-top: 8px; font-size: 13px; }
+.lfb-textarea:focus, .lfb-input:focus { border-color: var(--lfb-brand); box-shadow: 0 0 0 2px color-mix(in srgb, var(--lfb-brand) 30%, transparent); }
+.lfb-textarea::placeholder, .lfb-input::placeholder { color: var(--lfb-fg-tertiary); }
+.lfb-textarea:disabled { opacity: 0.5; }
+
+.lfb-namerow { margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--lfb-fg-tertiary); }
+.lfb-name { color: var(--lfb-fg-secondary); font-weight: 600; }
+.lfb-link { display: inline-flex; align-items: center; gap: 4px; padding: 2px 6px; border: 0; background: none; color: var(--lfb-brand); font-weight: 500; font-size: 12px; font-family: inherit; cursor: pointer; border-radius: 4px; }
+.lfb-link:hover { background: var(--lfb-surface-hover); }
+
+.lfb-error { margin-top: 8px; font-size: 12px; color: #d92d20; }
+.lfb-actions { margin-top: 12px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
+.lfb-btn { padding: 6px 12px; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; border: 0; transition: background 0.1s; }
+.lfb-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.lfb-btn-ghost { background: none; color: var(--lfb-fg-secondary); }
+.lfb-btn-ghost:hover:not(:disabled) { background: var(--lfb-surface-hover); }
+.lfb-btn-primary { background: var(--lfb-brand); color: #fff; }
+.lfb-btn-primary:hover:not(:disabled) { background: color-mix(in srgb, var(--lfb-brand) 88%, black); }
+
+.lfb-draw { position: absolute; inset: 0; pointer-events: auto; cursor: crosshair; background: rgba(0,0,0,0.04); user-select: none; }
+.lfb-hint { position: absolute; top: 16px; left: 50%; transform: translateX(-50%); background: #181d27; color: #fff; padding: 8px 16px; border-radius: 9999px; font-size: 12px; font-weight: 500; font-family: var(--lfb-font); box-shadow: 0 8px 20px rgba(0,0,0,0.25); white-space: nowrap; }
+
+.lfb-stack { position: absolute; bottom: 16px; right: 16px; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; pointer-events: none; }
+.lfb-stack > * { pointer-events: auto; }
+.lfb-stack--bottom-left { right: auto; left: 16px; align-items: flex-start; }
+.lfb-stack--top-right { bottom: auto; top: 16px; }
+.lfb-stack--top-left { bottom: auto; top: 16px; right: auto; left: 16px; align-items: flex-start; }
+/* Edge tabs: anchored flush to a side, vertically centered. */
+.lfb-stack--right { top: 50%; bottom: auto; right: 0; transform: translateY(-50%); align-items: flex-end; }
+.lfb-stack--left { top: 50%; bottom: auto; left: 0; right: auto; transform: translateY(-50%); align-items: flex-start; }
+/* Keep the transient name-prompt / sent-toast cards off the viewport edge (the tab stays flush). */
+.lfb-stack--right > .lfb-card { margin-right: 12px; }
+.lfb-stack--left > .lfb-card { margin-left: 12px; }
+
+.lfb-fab { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 9999px; padding: 12px 16px; font-size: 14px; font-weight: 600; font-family: var(--lfb-font); cursor: pointer; background: var(--lfb-brand); color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.18); transition: transform 0.1s, background 0.1s; }
+.lfb-fab:hover { transform: scale(1.05); background: color-mix(in srgb, var(--lfb-brand) 88%, black); }
+.lfb-fab--active { background: var(--lfb-surface); color: var(--lfb-fg); border: 1px solid var(--lfb-border); }
+.lfb-fab--active:hover { background: var(--lfb-surface-hover); }
+
+/* Edge-tab launcher: compact, icon-only, rounded on the inner side only, flush to the viewport edge. */
+.lfb-fab--tab { gap: 0; padding: 14px 12px; border-radius: 12px 0 0 12px; box-shadow: -6px 0 20px rgba(0,0,0,0.18); }
+.lfb-fab--tab:hover { transform: translateX(-2px); }
+.lfb-stack--left .lfb-fab--tab { border-radius: 0 12px 12px 0; box-shadow: 6px 0 20px rgba(0,0,0,0.18); }
+.lfb-stack--left .lfb-fab--tab:hover { transform: translateX(2px); }
+
+.lfb-toast { display: flex; align-items: flex-start; gap: 10px; width: 300px; max-width: calc(100vw - 32px); }
+.lfb-toast-icon { color: #17b26a; flex-shrink: 0; margin-top: 1px; }
+.lfb-toast-body { min-width: 0; flex: 1; }
+.lfb-toast-title { font-size: 14px; font-weight: 600; color: var(--lfb-fg); }
+.lfb-toast-text { margin-top: 2px; font-size: 12px; color: var(--lfb-fg-tertiary); }
+.lfb-toast-link { color: var(--lfb-brand); font-weight: 500; text-decoration: none; }
+.lfb-toast-link:hover { text-decoration: underline; }
+`;
+function ensureStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = CSS2;
+  document.head.appendChild(style);
+}
+
+// src/react/feedback-widget.tsx
+var MIN_DRAG = 12;
+var DEFAULT_BOX = { width: 220, height: 130 };
+var DEFAULT_TYPES = [
+  { id: "bug", label: "Bug", color: "#ef4444", icon: "bug" },
+  { id: "improvement", label: "Improvement", color: "#22c55e", icon: "improvement" }
+];
+function FeedbackWidget({
+  endpoint,
+  brandColor,
+  position = "bottom-right",
+  types = DEFAULT_TYPES,
+  nameRequired = true,
+  nameStorageKey = "wh_feedback_name",
+  fabLabel = "Give feedback",
+  zIndex,
+  requestHeaders
+}) {
+  const isEdge = position === "right" || position === "left";
+  const [mode, setMode] = d2({ kind: "idle" });
+  const [name, setName] = d2("");
+  const [nameDraft, setNameDraft] = d2("");
+  const [editingName, setEditingName] = d2(false);
+  const [text, setText] = d2("");
+  const [issueType, setIssueType] = d2(types[0]?.id ?? "bug");
+  const [submitting, setSubmitting] = d2(false);
+  const [error, setError] = d2(null);
+  const [result, setResult] = d2(null);
+  const [drag, setDrag] = d2(null);
+  const textareaRef = A2(null);
+  const nameInputRef = A2(null);
+  y2(() => {
+    ensureStyles();
+    try {
+      const stored = window.localStorage.getItem(nameStorageKey);
+      if (stored) setName(stored);
+    } catch {
+    }
+  }, [nameStorageKey]);
+  y2(() => {
+    if (mode.kind !== "drawing" && mode.kind !== "naming") return;
+    const onKey = (e3) => {
+      if (e3.key === "Escape") {
+        setMode({ kind: "idle" });
+        setDrag(null);
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [mode.kind]);
+  y2(() => {
+    if (mode.kind === "composing") {
+      const t3 = window.setTimeout(() => textareaRef.current?.focus(), 0);
+      return () => window.clearTimeout(t3);
+    }
+    if (mode.kind === "naming") {
+      const t3 = window.setTimeout(() => nameInputRef.current?.focus(), 0);
+      return () => window.clearTimeout(t3);
+    }
+  }, [mode.kind]);
+  const persistName = (value) => {
+    try {
+      window.localStorage.setItem(nameStorageKey, value);
+    } catch {
+    }
+  };
+  const startFlow = () => {
+    if (mode.kind === "drawing" || mode.kind === "naming") {
+      setMode({ kind: "idle" });
+      setDrag(null);
+      return;
+    }
+    setResult(null);
+    if (nameRequired && !name.trim()) {
+      setNameDraft("");
+      setMode({ kind: "naming" });
+    } else {
+      setMode({ kind: "drawing" });
+    }
+  };
+  const confirmName = (e3) => {
+    e3.preventDefault();
+    const t3 = nameDraft.trim();
+    if (!t3) return;
+    setName(t3);
+    persistName(t3);
+    setMode({ kind: "drawing" });
+  };
+  const onDrawMouseDown = (e3) => {
+    if (mode.kind !== "drawing") return;
+    e3.preventDefault();
+    const p3 = { x: e3.clientX, y: e3.clientY };
+    setDrag({ start: p3, current: p3 });
+  };
+  const onDrawMouseMove = (e3) => {
+    if (mode.kind !== "drawing" || !drag) return;
+    setDrag((d3) => d3 ? { ...d3, current: { x: e3.clientX, y: e3.clientY } } : d3);
+  };
+  const onDrawMouseUp = (e3) => {
+    if (mode.kind !== "drawing" || !drag) return;
+    const start = drag.start;
+    const end = { x: e3.clientX, y: e3.clientY };
+    let vx = Math.min(start.x, end.x);
+    let vy = Math.min(start.y, end.y);
+    let vw = Math.abs(end.x - start.x);
+    let vh = Math.abs(end.y - start.y);
+    if (vw < MIN_DRAG || vh < MIN_DRAG) {
+      vw = Math.max(vw, DEFAULT_BOX.width);
+      vh = Math.max(vh, DEFAULT_BOX.height);
+      vx = end.x - vw / 2;
+      vy = end.y - vh / 2;
+    }
+    const rect = { x: Math.max(0, vx + window.scrollX), y: Math.max(0, vy + window.scrollY), width: vw, height: vh };
+    setDrag(null);
+    setText("");
+    setIssueType(types[0]?.id ?? "bug");
+    setError(null);
+    setEditingName(false);
+    setMode({ kind: "composing", rect });
+  };
+  const cancelComposer = () => {
+    setMode({ kind: "idle" });
+    setText("");
+    setError(null);
+    setEditingName(false);
+    setSubmitting(false);
+  };
+  const handleSubmit = async (e3) => {
+    e3.preventDefault();
+    if (mode.kind !== "composing" || submitting) return;
+    const trimmedNote = text.trim();
+    if (!trimmedNote) return;
+    const trimmedName = name.trim();
+    const selected = types.find((t3) => t3.id === issueType);
+    setSubmitting(true);
+    setError(null);
+    if (trimmedName) persistName(trimmedName);
+    const res = await submitFeedback(
+      { rect: mode.rect, note: trimmedNote, type: issueType, typeLabel: selected?.label, name: trimmedName || void 0 },
+      { endpoint, headers: requestHeaders }
+    );
+    setSubmitting(false);
+    if (res) {
+      setResult(res);
+      setText("");
+      setEditingName(false);
+      setMode({ kind: "idle" });
+    } else {
+      setError("Couldn't send \u2014 please try again.");
+    }
+  };
+  const rootStyle = {
+    display: "contents",
+    ...brandColor ? { "--lfb-brand": brandColor } : {},
+    ...zIndex != null ? { "--lfb-z": String(zIndex) } : {}
+  };
+  const overlayProps = { [FEEDBACK_OVERLAY_ATTR]: "" };
+  const live = drag ? {
+    left: Math.min(drag.start.x, drag.current.x),
+    top: Math.min(drag.start.y, drag.current.y),
+    width: Math.abs(drag.current.x - drag.start.x),
+    height: Math.abs(drag.current.y - drag.start.y)
+  } : null;
+  return /* @__PURE__ */ u3("div", { className: "lfb-root", style: rootStyle, children: [
+    /* @__PURE__ */ u3("div", { ...overlayProps, className: "lfb-doc-layer", children: mode.kind === "composing" && /* @__PURE__ */ u3(S, { children: [
+      /* @__PURE__ */ u3("div", { className: "lfb-rect", style: { left: mode.rect.x, top: mode.rect.y, width: mode.rect.width, height: mode.rect.height } }),
+      /* @__PURE__ */ u3("div", { className: "lfb-anchor", style: { left: mode.rect.x, top: mode.rect.y + mode.rect.height }, children: /* @__PURE__ */ u3("form", { className: "lfb-card lfb-composer", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ u3("div", { className: "lfb-row", children: [
+          /* @__PURE__ */ u3("span", { className: "lfb-eyebrow", children: "New feedback" }),
+          /* @__PURE__ */ u3("button", { type: "button", className: "lfb-iconbtn", "aria-label": "Cancel", onClick: cancelComposer, children: /* @__PURE__ */ u3(XIcon, {}) })
+        ] }),
+        /* @__PURE__ */ u3("div", { style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ u3("span", { className: "lfb-field-label", children: "Issue type" }),
+          /* @__PURE__ */ u3("div", { className: "lfb-types", children: types.map((t3) => {
+            const Icon = TYPE_ICONS[t3.icon ?? "dot"];
+            return /* @__PURE__ */ u3(
+              "button",
+              {
+                type: "button",
+                className: "lfb-type",
+                "aria-pressed": issueType === t3.id,
+                onClick: () => setIssueType(t3.id),
+                children: [
+                  /* @__PURE__ */ u3("span", { className: "lfb-swatch", style: { background: t3.color }, children: /* @__PURE__ */ u3(Icon, { size: 14 }) }),
+                  t3.label
+                ]
+              },
+              t3.id
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ u3(
+          "textarea",
+          {
+            ref: textareaRef,
+            className: "lfb-textarea",
+            placeholder: "What's on your mind?",
+            value: text,
+            onChange: (e3) => setText(e3.target.value),
+            maxLength: 5e3,
+            required: true,
+            disabled: submitting,
+            rows: 3,
+            onKeyDown: (e3) => {
+              if (e3.key === "Enter" && (e3.metaKey || e3.ctrlKey)) {
+                e3.preventDefault();
+                handleSubmit(e3);
+              }
+            }
+          }
+        ),
+        editingName ? /* @__PURE__ */ u3(
+          "input",
+          {
+            className: "lfb-input",
+            type: "text",
+            value: name,
+            autoFocus: true,
+            maxLength: 80,
+            onChange: (e3) => setName(e3.target.value),
+            onBlur: () => {
+              const t3 = name.trim();
+              if (t3) persistName(t3);
+              setEditingName(false);
+            },
+            onKeyDown: (e3) => {
+              if (e3.key === "Enter") {
+                e3.preventDefault();
+                e3.target.blur();
+              }
+              if (e3.key === "Escape") {
+                e3.preventDefault();
+                setEditingName(false);
+              }
+            }
+          }
+        ) : /* @__PURE__ */ u3("div", { className: "lfb-namerow", children: [
+          /* @__PURE__ */ u3("span", { children: [
+            "Posting as ",
+            /* @__PURE__ */ u3("span", { className: "lfb-name", children: name || "anonymous" })
+          ] }),
+          /* @__PURE__ */ u3("button", { type: "button", className: "lfb-link", onClick: () => setEditingName(true), children: [
+            /* @__PURE__ */ u3(EditIcon, { size: 12 }),
+            "change"
+          ] })
+        ] }),
+        error && /* @__PURE__ */ u3("p", { className: "lfb-error", children: error }),
+        /* @__PURE__ */ u3("div", { className: "lfb-actions", children: [
+          /* @__PURE__ */ u3("button", { type: "button", className: "lfb-btn lfb-btn-ghost", onClick: cancelComposer, disabled: submitting, children: "Cancel" }),
+          /* @__PURE__ */ u3("button", { type: "submit", className: "lfb-btn lfb-btn-primary", disabled: submitting || !text.trim(), children: submitting ? "Sending\u2026" : "Send to Linear" })
+        ] })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ u3("div", { ...overlayProps, className: "lfb-fixed-layer", children: [
+      mode.kind === "drawing" && /* @__PURE__ */ u3("div", { className: "lfb-draw", role: "presentation", onMouseDown: onDrawMouseDown, onMouseMove: onDrawMouseMove, onMouseUp: onDrawMouseUp, children: [
+        /* @__PURE__ */ u3("div", { className: "lfb-hint", children: "Drag to select an area \xB7 Esc to cancel" }),
+        live && /* @__PURE__ */ u3("div", { className: "lfb-rect", style: live })
+      ] }),
+      mode.kind !== "composing" && /* @__PURE__ */ u3("div", { className: `lfb-stack${position === "bottom-right" ? "" : ` lfb-stack--${position}`}`, children: [
+        mode.kind === "naming" && /* @__PURE__ */ u3("form", { className: "lfb-card", style: { width: 288, maxWidth: "calc(100vw - 32px)" }, onSubmit: confirmName, children: [
+          /* @__PURE__ */ u3("div", { className: "lfb-row", children: [
+            /* @__PURE__ */ u3("span", { className: "lfb-eyebrow", children: "What's your name?" }),
+            /* @__PURE__ */ u3("button", { type: "button", className: "lfb-iconbtn", "aria-label": "Cancel", onClick: () => setMode({ kind: "idle" }), children: /* @__PURE__ */ u3(XIcon, {}) })
+          ] }),
+          /* @__PURE__ */ u3("p", { className: "lfb-sub", children: "Saved locally so you don't have to type it again." }),
+          /* @__PURE__ */ u3(
+            "input",
+            {
+              ref: nameInputRef,
+              className: "lfb-input",
+              type: "text",
+              placeholder: "Olivia Rhye",
+              value: nameDraft,
+              maxLength: 80,
+              required: true,
+              onChange: (e3) => setNameDraft(e3.target.value)
+            }
+          ),
+          /* @__PURE__ */ u3("div", { className: "lfb-actions", children: [
+            /* @__PURE__ */ u3("button", { type: "button", className: "lfb-btn lfb-btn-ghost", onClick: () => setMode({ kind: "idle" }), children: "Cancel" }),
+            /* @__PURE__ */ u3("button", { type: "submit", className: "lfb-btn lfb-btn-primary", disabled: !nameDraft.trim(), children: "Continue" })
+          ] })
+        ] }),
+        result && mode.kind === "idle" && /* @__PURE__ */ u3("div", { className: "lfb-card lfb-toast", children: [
+          /* @__PURE__ */ u3("span", { className: "lfb-toast-icon", children: /* @__PURE__ */ u3(CheckCircleIcon, { size: 20 }) }),
+          /* @__PURE__ */ u3("div", { className: "lfb-toast-body", children: [
+            /* @__PURE__ */ u3("div", { className: "lfb-toast-title", children: "Feedback sent" }),
+            /* @__PURE__ */ u3("div", { className: "lfb-toast-text", children: [
+              "Created ",
+              result.identifier ?? "an issue",
+              ".",
+              result.url && /* @__PURE__ */ u3(S, { children: [
+                " ",
+                /* @__PURE__ */ u3("a", { className: "lfb-toast-link", href: result.url, target: "_blank", rel: "noopener noreferrer", children: "View in Linear" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ u3("button", { type: "button", className: "lfb-iconbtn", "aria-label": "Dismiss", onClick: () => setResult(null), children: /* @__PURE__ */ u3(XIcon, {}) })
+        ] }),
+        /* @__PURE__ */ u3(
+          "button",
+          {
+            type: "button",
+            className: `lfb-fab${isEdge ? " lfb-fab--tab" : ""}${mode.kind === "idle" ? "" : " lfb-fab--active"}`,
+            "aria-label": mode.kind === "idle" ? fabLabel : "Cancel feedback",
+            title: isEdge ? mode.kind === "idle" ? fabLabel : "Cancel feedback" : void 0,
+            onClick: startFlow,
+            children: [
+              mode.kind === "idle" ? /* @__PURE__ */ u3(MessageIcon, { size: isEdge ? 22 : 18 }) : /* @__PURE__ */ u3(XIcon, { size: isEdge ? 22 : 18 }),
+              !isEdge && /* @__PURE__ */ u3("span", { children: mode.kind === "idle" ? fabLabel : "Cancel" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/react/feedback-gate.tsx
+var DEFAULT_MAX_AGE = 60 * 60 * 24 * 90;
+function writeCookie(name, value, enabled, maxAge) {
+  if (typeof document === "undefined") return;
+  document.cookie = enabled ? `${name}=${value}; path=/; max-age=${maxAge}; SameSite=Lax` : `${name}=; path=/; max-age=0; SameSite=Lax`;
+}
+function readCookie(name, value) {
+  if (typeof document === "undefined") return false;
+  return document.cookie.split(";").map((c3) => c3.trim()).some((c3) => c3 === `${name}=${value}`);
+}
+function FeedbackGate({
+  urlParam = "feedback",
+  cookieName = "wh_feedback",
+  cookieValue = "1",
+  cookieMaxAgeSeconds = DEFAULT_MAX_AGE,
+  ...widgetProps
+}) {
+  const [enabled, setEnabled] = d2(false);
+  y2(() => {
+    if (typeof window === "undefined") return;
+    const params = new URLSearchParams(window.location.search);
+    const param = params.get(urlParam);
+    if (param != null) {
+      const turnOn = param !== "0";
+      writeCookie(cookieName, cookieValue, turnOn, cookieMaxAgeSeconds);
+      setEnabled(turnOn);
+      params.delete(urlParam);
+      const qs = params.toString();
+      const url = window.location.pathname + (qs ? `?${qs}` : "") + window.location.hash;
+      window.history.replaceState(null, "", url);
+      return;
+    }
+    setEnabled(readCookie(cookieName, cookieValue));
+  }, [urlParam, cookieName, cookieValue, cookieMaxAgeSeconds]);
+  if (!enabled) return null;
+  return /* @__PURE__ */ u3(FeedbackWidget, { ...widgetProps });
+}
+
+// src/embed/core.tsx
+var root = null;
+var host = null;
+function init(config = {}) {
+  destroy();
+  host = document.createElement("div");
+  host.setAttribute("data-lfb-embed", "");
+  document.body.appendChild(host);
+  root = createRoot(host);
+  const { mode, token, ...widgetProps } = config;
+  const props = {
+    ...widgetProps,
+    requestHeaders: token ? { "x-feedback-token": token, ...widgetProps.requestHeaders } : widgetProps.requestHeaders
+  };
+  root.render(mode === "gated" ? /* @__PURE__ */ u3(FeedbackGate, { ...props }) : /* @__PURE__ */ u3(FeedbackWidget, { ...props }));
+}
+function destroy() {
+  root?.unmount();
+  host?.remove();
+  root = null;
+  host = null;
+}
+export {
+  destroy,
+  init
+};