@ohbug/extension-feedback 0.1.1 → 0.4.0

package/dist/index.mjs

@@ -0,0 +1,1336 @@
+const E = {};
+function ze(e) {
+  E.context = e;
+}
+const Le = (e, t) => e === t, L = Symbol("solid-proxy"), De = Symbol("solid-track"), W = {
+  equals: Le
+};
+let be = me;
+const D = {}, O = 1, X = 2, pe = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var y = null;
+let G = null, b = null, M = null, v = null, _ = null, le = 0;
+function je(e, t) {
+  const n = b, o = y, l = e.length === 0, s = l ? pe : {
+    owned: null,
+    cleanups: null,
+    context: null,
+    owner: t || o
+  }, i = l ? e : () => e(() => ue(s));
+  y = s, b = null;
+  try {
+    return ce(i, !0);
+  } finally {
+    b = n, y = o;
+  }
+}
+function F(e, t) {
+  t = t ? Object.assign({}, W, t) : W;
+  const n = {
+    value: e,
+    observers: null,
+    observerSlots: null,
+    pending: D,
+    comparator: t.equals || void 0
+  }, o = (l) => (typeof l == "function" && (l = l(n.pending !== D ? n.pending : n.value)), ie(n, l));
+  return [$e.bind(n), o];
+}
+function j(e, t, n) {
+  const o = re(e, t, !1, O);
+  I(o);
+}
+function we(e, t, n) {
+  be = Fe;
+  const o = re(e, t, !1, O);
+  o.user = !0, _ ? _.push(o) : I(o);
+}
+function de(e, t, n) {
+  n = n ? Object.assign({}, W, n) : W;
+  const o = re(e, t, !0, 0);
+  return o.pending = D, o.observers = null, o.observerSlots = null, o.comparator = n.equals || void 0, I(o), $e.bind(o);
+}
+function ye(e) {
+  if (M)
+    return e();
+  let t;
+  const n = M = [];
+  try {
+    t = e();
+  } finally {
+    M = null;
+  }
+  return ce(() => {
+    for (let o = 0; o < n.length; o += 1) {
+      const l = n[o];
+      if (l.pending !== D) {
+        const s = l.pending;
+        l.pending = D, ie(l, s);
+      }
+    }
+  }, !1), t;
+}
+function se(e) {
+  let t, n = b;
+  return b = null, t = e(), b = n, t;
+}
+function He(e) {
+  return y === null || (y.cleanups === null ? y.cleanups = [e] : y.cleanups.push(e)), e;
+}
+function ve() {
+  return b;
+}
+function $e() {
+  const e = G;
+  if (this.sources && (this.state || e)) {
+    const t = v;
+    v = null, this.state === O || e ? I(this) : Y(this), v = t;
+  }
+  if (b) {
+    const t = this.observers ? this.observers.length : 0;
+    b.sources ? (b.sources.push(this), b.sourceSlots.push(t)) : (b.sources = [this], b.sourceSlots = [t]), this.observers ? (this.observers.push(b), this.observerSlots.push(b.sources.length - 1)) : (this.observers = [b], this.observerSlots = [b.sources.length - 1]);
+  }
+  return this.value;
+}
+function ie(e, t, n) {
+  if (M)
+    return e.pending === D && M.push(e), e.pending = t, t;
+  if (e.comparator && e.comparator(e.value, t))
+    return t;
+  let o = !1;
+  return e.value = t, e.observers && e.observers.length && ce(() => {
+    for (let l = 0; l < e.observers.length; l += 1) {
+      const s = e.observers[l];
+      o && G.disposed.has(s), (o && !s.tState || !o && !s.state) && (s.pure ? v.push(s) : _.push(s), s.observers && xe(s)), o || (s.state = O);
+    }
+    if (v.length > 1e6)
+      throw v = [], new Error();
+  }, !1), t;
+}
+function I(e) {
+  if (!e.fn)
+    return;
+  ue(e);
+  const t = y, n = b, o = le;
+  b = y = e, Be(e, e.value, o), b = n, y = t;
+}
+function Be(e, t, n) {
+  let o;
+  try {
+    o = e.fn(t);
+  } catch (l) {
+    Se(l);
+  }
+  (!e.updatedAt || e.updatedAt <= n) && (e.observers && e.observers.length ? ie(e, o) : e.value = o, e.updatedAt = n);
+}
+function re(e, t, n, o = O, l) {
+  const s = {
+    fn: e,
+    state: o,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: t,
+    owner: y,
+    context: null,
+    pure: n
+  };
+  return y === null || y !== pe && (y.owned ? y.owned.push(s) : y.owned = [s]), s;
+}
+function R(e) {
+  const t = G;
+  if (e.state === 0 || t)
+    return;
+  if (e.state === X || t)
+    return Y(e);
+  if (e.suspense && se(e.suspense.inFallback))
+    return e.suspense.effects.push(e);
+  const n = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < le); )
+    (e.state || t) && n.push(e);
+  for (let o = n.length - 1; o >= 0; o--)
+    if (e = n[o], e.state === O || t)
+      I(e);
+    else if (e.state === X || t) {
+      const l = v;
+      v = null, Y(e, n[0]), v = l;
+    }
+}
+function ce(e, t) {
+  if (v)
+    return e();
+  let n = !1;
+  t || (v = []), _ ? n = !0 : _ = [], le++;
+  try {
+    const o = e();
+    return Me(n), o;
+  } catch (o) {
+    v || (_ = null), Se(o);
+  }
+}
+function Me(e) {
+  v && (me(v), v = null), !e && (_.length ? ye(() => {
+    be(_), _ = null;
+  }) : _ = null);
+}
+function me(e) {
+  for (let t = 0; t < e.length; t++)
+    R(e[t]);
+}
+function Fe(e) {
+  let t, n = 0;
+  for (t = 0; t < e.length; t++) {
+    const l = e[t];
+    l.user ? e[n++] = l : R(l);
+  }
+  E.context && ze();
+  const o = e.length;
+  for (t = 0; t < n; t++)
+    R(e[t]);
+  for (t = o; t < e.length; t++)
+    R(e[t]);
+}
+function Y(e, t) {
+  const n = G;
+  e.state = 0;
+  for (let o = 0; o < e.sources.length; o += 1) {
+    const l = e.sources[o];
+    l.sources && (l.state === O || n ? l !== t && R(l) : (l.state === X || n) && Y(l, t));
+  }
+}
+function xe(e) {
+  const t = G;
+  for (let n = 0; n < e.observers.length; n += 1) {
+    const o = e.observers[n];
+    (!o.state || t) && (o.state = X, o.pure ? v.push(o) : _.push(o), o.observers && xe(o));
+  }
+}
+function ue(e) {
+  let t;
+  if (e.sources)
+    for (; e.sources.length; ) {
+      const n = e.sources.pop(), o = e.sourceSlots.pop(), l = n.observers;
+      if (l && l.length) {
+        const s = l.pop(), i = n.observerSlots.pop();
+        o < l.length && (s.sourceSlots[i] = o, l[o] = s, n.observerSlots[o] = i);
+      }
+    }
+  if (e.owned) {
+    for (t = 0; t < e.owned.length; t++)
+      ue(e.owned[t]);
+    e.owned = null;
+  }
+  if (e.cleanups) {
+    for (t = 0; t < e.cleanups.length; t++)
+      e.cleanups[t]();
+    e.cleanups = null;
+  }
+  e.state = 0, e.context = null;
+}
+function Se(e) {
+  throw e;
+}
+function S(e, t) {
+  return se(() => e(t || {}));
+}
+function V(e) {
+  let t = !1;
+  const n = de(() => e.when, void 0, {
+    equals: (o, l) => t ? o === l : !o == !l
+  });
+  return de(() => {
+    const o = n();
+    if (o) {
+      const l = e.children;
+      return (t = typeof l == "function" && l.length > 0) ? se(() => l(o)) : l;
+    }
+    return e.fallback;
+  });
+}
+function Re(e, t, n) {
+  let o = n.length, l = t.length, s = o, i = 0, r = 0, c = t[l - 1].nextSibling, u = null;
+  for (; i < l || r < s; ) {
+    if (t[i] === n[r]) {
+      i++, r++;
+      continue;
+    }
+    for (; t[l - 1] === n[s - 1]; )
+      l--, s--;
+    if (l === i) {
+      const a = s < o ? r ? n[r - 1].nextSibling : n[s - r] : c;
+      for (; r < s; )
+        e.insertBefore(n[r++], a);
+    } else if (s === r)
+      for (; i < l; )
+        (!u || !u.has(t[i])) && t[i].remove(), i++;
+    else if (t[i] === n[s - 1] && n[r] === t[l - 1]) {
+      const a = t[--l].nextSibling;
+      e.insertBefore(n[r++], t[i++].nextSibling), e.insertBefore(n[--s], a), t[l] = n[s];
+    } else {
+      if (!u) {
+        u = /* @__PURE__ */ new Map();
+        let g = r;
+        for (; g < s; )
+          u.set(n[g], g++);
+      }
+      const a = u.get(t[i]);
+      if (a != null)
+        if (r < a && a < s) {
+          let g = i, $ = 1, x;
+          for (; ++g < l && g < s && !((x = u.get(t[g])) == null || x !== a + $); )
+            $++;
+          if ($ > a - r) {
+            const C = t[i];
+            for (; r < a; )
+              e.insertBefore(n[r++], C);
+          } else
+            e.replaceChild(n[r++], t[i++]);
+        } else
+          i++;
+      else
+        t[i++].remove();
+    }
+  }
+}
+const he = "_$DX_DELEGATE";
+function Ve(e, t, n) {
+  let o;
+  return je((l) => {
+    o = l, t === document ? e() : m(t, e(), t.firstChild ? null : void 0, n);
+  }), () => {
+    o(), t.textContent = "";
+  };
+}
+function N(e, t, n) {
+  const o = document.createElement("template");
+  o.innerHTML = e;
+  let l = o.content.firstChild;
+  return n && (l = l.firstChild), l;
+}
+function _e(e, t = window.document) {
+  const n = t[he] || (t[he] = /* @__PURE__ */ new Set());
+  for (let o = 0, l = e.length; o < l; o++) {
+    const s = e[o];
+    n.has(s) || (n.add(s), t.addEventListener(s, Ge));
+  }
+}
+function Ue(e, t) {
+  t == null ? e.removeAttribute("class") : e.className = t;
+}
+function m(e, t, n, o) {
+  if (n !== void 0 && !o && (o = []), typeof t != "function")
+    return J(e, t, o, n);
+  j((l) => J(e, t(), l, n), o);
+}
+function Ge(e) {
+  const t = `$$${e.type}`;
+  let n = e.composedPath && e.composedPath()[0] || e.target;
+  for (e.target !== n && Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: n
+  }), Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
+    get() {
+      return n || document;
+    }
+  }), E.registry && !E.done && (E.done = !0, document.querySelectorAll("[id^=pl-]").forEach((o) => o.remove())); n !== null; ) {
+    const o = n[t];
+    if (o && !n.disabled) {
+      const l = n[`${t}Data`];
+      if (l !== void 0 ? o.call(n, l, e) : o.call(n, e), e.cancelBubble)
+        return;
+    }
+    n = n.host && n.host !== n && n.host instanceof Node ? n.host : n.parentNode;
+  }
+}
+function J(e, t, n, o, l) {
+  for (E.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+    n = n();
+  if (t === n)
+    return n;
+  const s = typeof t, i = o !== void 0;
+  if (e = i && n[0] && n[0].parentNode || e, s === "string" || s === "number") {
+    if (E.context)
+      return n;
+    if (s === "number" && (t = t.toString()), i) {
+      let r = n[0];
+      r && r.nodeType === 3 ? r.data = t : r = document.createTextNode(t), n = P(e, n, o, r);
+    } else
+      n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
+  } else if (t == null || s === "boolean") {
+    if (E.context)
+      return n;
+    n = P(e, n, o);
+  } else {
+    if (s === "function")
+      return j(() => {
+        let r = t();
+        for (; typeof r == "function"; )
+          r = r();
+        n = J(e, r, n, o);
+      }), () => n;
+    if (Array.isArray(t)) {
+      const r = [], c = n && Array.isArray(n);
+      if (te(r, t, n, l))
+        return j(() => n = J(e, r, n, o, !0)), () => n;
+      if (E.context) {
+        for (let u = 0; u < r.length; u++)
+          if (r[u].parentNode)
+            return n = r;
+      }
+      if (r.length === 0) {
+        if (n = P(e, n, o), i)
+          return n;
+      } else
+        c ? n.length === 0 ? ge(e, r, o) : Re(e, n, r) : (n && P(e), ge(e, r));
+      n = r;
+    } else if (t instanceof Node) {
+      if (E.context && t.parentNode)
+        return n = i ? [t] : t;
+      if (Array.isArray(n)) {
+        if (i)
+          return n = P(e, n, o, t);
+        P(e, n, null, t);
+      } else
+        n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      n = t;
+    }
+  }
+  return n;
+}
+function te(e, t, n, o) {
+  let l = !1;
+  for (let s = 0, i = t.length; s < i; s++) {
+    let r = t[s], c = n && n[s];
+    if (r instanceof Node)
+      e.push(r);
+    else if (!(r == null || r === !0 || r === !1))
+      if (Array.isArray(r))
+        l = te(e, r, c) || l;
+      else if (typeof r == "function")
+        if (o) {
+          for (; typeof r == "function"; )
+            r = r();
+          l = te(e, Array.isArray(r) ? r : [r], c) || l;
+        } else
+          e.push(r), l = !0;
+      else {
+        const u = String(r);
+        c && c.nodeType === 3 && c.data === u ? e.push(c) : e.push(document.createTextNode(u));
+      }
+  }
+  return l;
+}
+function ge(e, t, n) {
+  for (let o = 0, l = t.length; o < l; o++)
+    e.insertBefore(t[o], n);
+}
+function P(e, t, n, o) {
+  if (n === void 0)
+    return e.textContent = "";
+  const l = o || document.createTextNode("");
+  if (t.length) {
+    let s = !1;
+    for (let i = t.length - 1; i >= 0; i--) {
+      const r = t[i];
+      if (l !== r) {
+        const c = r.parentNode === e;
+        !s && !i ? c ? e.replaceChild(l, r) : e.insertBefore(l, n) : c && r.remove();
+      } else
+        s = !0;
+    }
+  } else
+    e.insertBefore(l, n);
+  return [l];
+}
+function Ie(e, t, ...n) {
+  if (t === void 0)
+    throw new Error("`Ohbug warning(condition, format, ...args)` requires a warning message argument");
+  if (!e) {
+    let o = 0, l = t.replace(/%s/g, () => n[o++]);
+    throw new Error(`Ohbug ${l}`);
+  }
+}
+var qe = {};
+function Ke() {
+  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : qe;
+}
+function We() {
+  let e = Ke();
+  return Ie(Boolean(e.__OHBUG__), "Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"), e.__OHBUG__;
+}
+function Ee(e, t) {
+  e.parentNode && (t.push(e.parentNode), Ee(e.parentNode, t));
+}
+function Xe(e) {
+  let t = [];
+  return t.push(e), Ee(e, t), t;
+}
+var Ye = (e) => {
+  let t = e.target || e.srcElement, n = e.target || e.srcElement, o = [];
+  for (let i = 0; n && n.nodeType === Node.ELEMENT_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE; n = n.previousSibling)
+    i && o.push(n), i += 1;
+  let l = typeof e.path > "u" ? Xe(e.target) : e.path, { outerHTML: s } = t;
+  return l.reverse().map((i) => (i.localName || "") + (i.id ? `#${i.id}` : "") + (i.className ? `.${i.className}` : "") + (i.outerHTML === s ? `:nth-child(${o.length})` : "")).filter((i) => Boolean(i)).join(" > ");
+};
+const Ae = Symbol("store-raw"), Q = Symbol("store-node"), Je = Symbol("store-name");
+function Ne(e, t) {
+  let n = e[L];
+  if (!n) {
+    Object.defineProperty(e, L, {
+      value: n = new Proxy(e, et)
+    });
+    const o = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
+    for (let s = 0, i = o.length; s < i; s++) {
+      const r = o[s];
+      if (l[r].get) {
+        const c = l[r].get.bind(n);
+        Object.defineProperty(e, r, {
+          get: c
+        });
+      }
+    }
+  }
+  return n;
+}
+function Z(e) {
+  let t;
+  return e != null && typeof e == "object" && (e[L] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+}
+function U(e, t = /* @__PURE__ */ new Set()) {
+  let n, o, l, s;
+  if (n = e != null && e[Ae])
+    return n;
+  if (!Z(e) || t.has(e))
+    return e;
+  if (Array.isArray(e)) {
+    Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
+    for (let i = 0, r = e.length; i < r; i++)
+      l = e[i], (o = U(l, t)) !== l && (e[i] = o);
+  } else {
+    Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
+    const i = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
+    for (let c = 0, u = i.length; c < u; c++)
+      s = i[c], !r[s].get && (l = e[s], (o = U(l, t)) !== l && (e[s] = o));
+  }
+  return e;
+}
+function fe(e) {
+  let t = e[Q];
+  return t || Object.defineProperty(e, Q, {
+    value: t = {}
+  }), t;
+}
+function ne(e, t, n) {
+  return e[t] || (e[t] = Oe(n, !0));
+}
+function Qe(e, t) {
+  const n = Reflect.getOwnPropertyDescriptor(e, t);
+  return !n || n.get || !n.configurable || t === L || t === Q || t === Je || (delete n.value, delete n.writable, n.get = () => e[L][t]), n;
+}
+function ke(e) {
+  if (ve()) {
+    const t = fe(e);
+    (t._ || (t._ = Oe()))();
+  }
+}
+function Ze(e) {
+  return ke(e), Reflect.ownKeys(e);
+}
+function Oe(e, t) {
+  const [n, o] = F(e, t ? {
+    internal: !0
+  } : {
+    equals: !1,
+    internal: !0
+  });
+  return n.$ = o, n;
+}
+const et = {
+  get(e, t, n) {
+    if (t === Ae)
+      return e;
+    if (t === L)
+      return n;
+    if (t === De)
+      return ke(e);
+    const o = fe(e), l = o[t];
+    let s = l ? o[t]() : e[t];
+    if (t === Q || t === "__proto__")
+      return s;
+    if (!l) {
+      const i = Object.getOwnPropertyDescriptor(e, t);
+      ve() && (typeof s != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (s = ne(o, t, s)());
+    }
+    return Z(s) ? Ne(s) : s;
+  },
+  set() {
+    return !0;
+  },
+  deleteProperty() {
+    return !0;
+  },
+  ownKeys: Ze,
+  getOwnPropertyDescriptor: Qe
+};
+function ee(e, t, n) {
+  if (e[t] === n)
+    return;
+  const o = e[t], l = e.length;
+  n === void 0 ? delete e[t] : e[t] = n;
+  let s = fe(e), i;
+  (i = ne(s, t, o)) && i.$(() => n), Array.isArray(e) && e.length !== l && (i = ne(s, "length", l)) && i.$(e.length), (i = s._) && i.$();
+}
+function Ce(e, t) {
+  const n = Object.keys(t);
+  for (let o = 0; o < n.length; o += 1) {
+    const l = n[o];
+    ee(e, l, t[l]);
+  }
+}
+function tt(e, t) {
+  if (typeof t == "function" && (t = t(e)), t = U(t), Array.isArray(t)) {
+    if (e === t)
+      return;
+    let n = 0, o = t.length;
+    for (; n < o; n++) {
+      const l = t[n];
+      e[n] !== l && ee(e, n, l);
+    }
+    ee(e, "length", o);
+  } else
+    Ce(e, t);
+}
+function B(e, t, n = []) {
+  let o, l = e;
+  if (t.length > 1) {
+    o = t.shift();
+    const i = typeof o, r = Array.isArray(e);
+    if (Array.isArray(o)) {
+      for (let c = 0; c < o.length; c++)
+        B(e, [o[c]].concat(t), n);
+      return;
+    } else if (r && i === "function") {
+      for (let c = 0; c < e.length; c++)
+        o(e[c], c) && B(e, [c].concat(t), n);
+      return;
+    } else if (r && i === "object") {
+      const {
+        from: c = 0,
+        to: u = e.length - 1,
+        by: a = 1
+      } = o;
+      for (let g = c; g <= u; g += a)
+        B(e, [g].concat(t), n);
+      return;
+    } else if (t.length > 1) {
+      B(e[o], t, [o].concat(n));
+      return;
+    }
+    l = e[o], n = [o].concat(n);
+  }
+  let s = t[0];
+  typeof s == "function" && (s = s(l, n), s === l) || o === void 0 && s == null || (s = U(s), o === void 0 || Z(l) && Z(s) && !Array.isArray(s) ? Ce(l, s) : ee(e, o, s));
+}
+function nt(...[e, t]) {
+  const n = U(e || {}), o = Array.isArray(n), l = Ne(n);
+  function s(...i) {
+    ye(() => {
+      o && i.length === 1 ? tt(n, i[0]) : B(n, i);
+    });
+  }
+  return [l, s];
+}
+const [p, z] = nt({ working: !1, selectedElement: null }), ot = /* @__PURE__ */ N('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" data-ohbug-selector fill="rgba(255,255,255,1)"></path></svg>'), lt = /* @__PURE__ */ N('<svg data-ohbug-selector height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" data-ohbug-selector fill="none"></path><path d="M3 3h2v2H3V3zm4 0h2v2H7V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm4 0h2v2h-2V3zm0 4h2v2h-2V7zM3 19h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3v-2zm0-4h2v2H3V7zm7.667 4l1.036-1.555A1 1 0 0 1 12.535 9h2.93a1 1 0 0 1 .832.445L17.333 11H20a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h2.667zM9 19h10v-6h-2.737l-1.333-2h-1.86l-1.333 2H9v6zm5-1a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" data-ohbug-selector></path></svg>'), oe = () => ot.cloneNode(!0), st = () => (() => {
+  const e = lt.cloneNode(!0);
+  return e.firstChild.nextSibling.style.setProperty("fill", "var(--color)"), e;
+})();
+const it = /* @__PURE__ */ N('<div class="bg-none border-solid border-4 border-blue-500 transition top-0 right-0 bottom-0 left-0 z-10 fixed pointer-events-none" data-ohbug-selector><div class="tips" data-ohbug-selector>Select element on the page<button class="stop-btn" type="button"></button></div></div>'), rt = /* @__PURE__ */ N('<button class="rounded-full cursor-pointer flex bg-red-500 h-6 -top-3 -right-3 w-6 z-10 items-center justify-center absolute pointer-events-auto" data-ohbug-selector type="button"></button>'), ct = /* @__PURE__ */ N('<button class="border-solid cursor-pointer font-semibold bg-red-500 border-4 border-red-500 -bottom-full text-white right-0 absolute pointer-events-auto" data-ohbug-selector type="button">Change</button>'), ut = /* @__PURE__ */ N('<div class="-z-1 fixed" data-ohbug-selector><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div class="bg-black bg-opacity-40 transition -z-1 fixed pointer-events-none" data-ohbug-selector></div><div data-ohbug-selector></div></div>'), ft = () => {
+  const [e, t] = F();
+  let n, o, l, s, i;
+  const r = 2;
+  function c(f) {
+    if (!f)
+      return;
+    const {
+      width: h,
+      height: w,
+      top: A,
+      right: T,
+      bottom: H,
+      left: d
+    } = f.getBoundingClientRect();
+    i == null || i.setAttribute("style", `
+      width: ${h + r * 2}px;
+      height: ${w + r * 2}px;
+      top: ${A - r}px;
+      left: ${d - r}px;
+    `), n == null || n.setAttribute("style", `
+      height: ${A}px;
+      top: 0;
+      right: 0;
+      left: 0;
+    `), o == null || o.setAttribute("style", `
+      top: ${A}px;
+      right: 0;
+      bottom: 0;
+      left: ${T}px;
+    `), l == null || l.setAttribute("style", `
+      width: ${h + d}px;
+      top: ${H}px;
+      bottom: 0;
+      left: 0;
+    `), s == null || s.setAttribute("style", `
+      width: ${d}px;
+      height: ${w}px;
+      top: ${A}px;
+      left: 0;
+    `);
+  }
+  function u(f) {
+    if (!f)
+      return;
+    const {
+      width: h,
+      height: w,
+      top: A,
+      left: T
+    } = f.getBoundingClientRect();
+    z({
+      selectedElement: f
+    }), i == null || i.setAttribute("style", `
+      width: ${h + r * 2}px;
+      height: ${w + r * 2}px;
+      top: ${A - r}px;
+      left: ${T - r}px;
+    `);
+  }
+  function a(f) {
+    var w;
+    z({
+      working: !0
+    });
+    const h = document.elementFromPoint(f.clientX, f.clientY);
+    if (((w = h == null ? void 0 : h.dataset) == null ? void 0 : w.ohbugSelector) !== void 0)
+      return !1;
+    c(h);
+  }
+  function g() {
+    document.addEventListener("mousemove", a);
+  }
+  function $() {
+    document.removeEventListener("mousemove", a);
+  }
+  function x(f) {
+    var w;
+    const h = document.elementFromPoint(f.clientX, f.clientY);
+    if (((w = h == null ? void 0 : h.dataset) == null ? void 0 : w.ohbugSelector) !== void 0 || p.selectedElement && p.working)
+      return !1;
+    t(h), u(e()), $();
+  }
+  function C() {
+    document.addEventListener("mousedown", x);
+  }
+  function q() {
+    document.removeEventListener("mousedown", x);
+  }
+  function k() {
+    t(null), $(), q(), z({
+      working: !1,
+      selectedElement: null
+    });
+  }
+  function K() {
+    z({
+      working: !0,
+      selectedElement: null
+    }), t(null), g();
+  }
+  return we(() => {
+    p.working ? (g(), C()) : ($(), q());
+  }), He(k), (() => {
+    const f = ut.cloneNode(!0), h = f.firstChild, w = h.nextSibling, A = w.nextSibling, T = A.nextSibling, H = T.nextSibling;
+    return m(f, S(V, {
+      get when() {
+        return !p.selectedElement && p.working;
+      },
+      get children() {
+        const d = it.cloneNode(!0), Te = d.firstChild, Pe = Te.firstChild, ae = Pe.nextSibling;
+        return ae.$$click = k, m(ae, S(oe, {})), d;
+      }
+    }), h), ((d) => {
+      n = d;
+    })(h), ((d) => {
+      o = d;
+    })(w), ((d) => {
+      l = d;
+    })(A), ((d) => {
+      s = d;
+    })(T), ((d) => {
+      i = d;
+    })(H), m(H, S(V, {
+      get when() {
+        return p.selectedElement && p.working;
+      },
+      get children() {
+        return [(() => {
+          const d = rt.cloneNode(!0);
+          return d.$$click = k, m(d, S(oe, {})), d;
+        })(), (() => {
+          const d = ct.cloneNode(!0);
+          return d.$$click = K, d.style.setProperty("transform", "translate(4px, -8px)"), d;
+        })()];
+      }
+    })), j(() => Ue(H, `fixed -z-1 bg-black bg-opacity-20 border-4 rounded-sm transition cursor-pointer box-border pointer-events-none ${e() ? "border-red-500 border-solid" : "border-blue-500 border-dashed"}`)), f;
+  })();
+};
+_e(["click"]);
+const at = /* @__PURE__ */ N('<button class="main-btn" data-ohbug-selector type="button"></button>'), dt = /* @__PURE__ */ N('<div class="bg-white flex flex-col h-60 shadow z-max right-8 bottom-20 w-80 fixed" data-ohbug-selector><div class="bg-gray-300 p-4" data-ohbug-selector><textarea autofocus class="bg-transparent outline-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer" data-ohbug-selector type="button"></button></div><div class="flex flex-1 p-4 justify-between items-center" data-ohbug-selector><span class="text-sm" data-ohbug-selector>Try<a class="ml-2 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="send-btn" data-ohbug-selector type="button"></button></div><button class="rounded-full cursor-pointer flex bg-blue-500 h-6 -top-2 -right-2 w-6 z-10 items-center justify-center absolute" data-ohbug-selector type="button"></button></div>'), ht = /* @__PURE__ */ N('<div class="z-max relative" data-ohbug-selector><div></div></div>'), gt = () => {
+  const [e, t] = F(!1), [n, o] = F("");
+  function l() {
+    z({
+      working: !0
+    });
+  }
+  const [s, i] = F(!1);
+  async function r() {
+    i(!0);
+    const c = {
+      target: p.selectedElement
+    };
+    let u, a;
+    p.selectedElement && (u = Ye(c), a = p.selectedElement.outerHTML);
+    const $ = We().client, x = $.createEvent({
+      category: "feedback",
+      type: "feedback",
+      detail: {
+        selector: u,
+        outerHTML: a,
+        feedback: n()
+      }
+    });
+    await $.notify(x), t(!1), o(""), z({
+      working: !1,
+      selectedElement: null
+    }), i(!1);
+  }
+  return we(() => {
+    p.working === !1 && p.selectedElement === null || p.working && !p.selectedElement ? t(!1) : t(!0);
+  }), (() => {
+    const c = ht.cloneNode(!0), u = c.firstChild;
+    return m(c, S(V, {
+      get when() {
+        return p.working;
+      },
+      get children() {
+        return S(ft, {});
+      }
+    }), u), m(u, S(V, {
+      get when() {
+        return !(p.working && !p.selectedElement);
+      },
+      get children() {
+        const a = at.cloneNode(!0);
+        return a.$$click = () => t((g) => !g), m(a, () => e() ? "\u{1F606}" : "\u{1F642}"), a;
+      }
+    }), null), m(u, S(V, {
+      get when() {
+        return e();
+      },
+      get children() {
+        const a = dt.cloneNode(!0), g = a.firstChild, $ = g.firstChild, x = $.nextSibling, C = g.nextSibling, q = C.firstChild, k = q.nextSibling, K = C.nextSibling;
+        return $.$$input = (f) => o(f.currentTarget.value), x.$$click = l, m(x, S(st, {})), k.$$click = r, m(k, () => s() ? "Sending..." : "Send"), K.$$click = () => t((f) => !f), m(K, S(oe, {})), j((f) => {
+          const h = p.selectedElement ? "blue" : "gray", w = !n() || s();
+          return h !== f._v$ && x.style.setProperty("--color", f._v$ = h), w !== f._v$2 && (k.disabled = f._v$2 = w), f;
+        }, {
+          _v$: void 0,
+          _v$2: void 0
+        }), j(() => $.value = n()), a;
+      }
+    }), null), c;
+  })();
+};
+_e(["click", "input"]);
+const bt = {
+  name: "OhbugExtensionFeedback",
+  onSetup: () => {
+    const e = document.createElement("div");
+    e.id = "OhbugExtensionFeedback-ROOT", document.body.appendChild(e), Ve(() => S(gt, {}), e);
+  }
+};
+function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`.send-btn {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  border-radius: 0.125rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}
+.send-btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.main-btn {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  border-radius: 0.25rem;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  height: 2rem;
+  position: fixed;
+  right: 2rem;
+  bottom: 2rem;
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 2.5rem;
+  z-index: 9999999;
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}
+.main-btn:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);
+  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+}
+/* windicss layer base */
+*, ::before, ::after {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: #e5e7eb;
+}
+* {
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+}
+:root {
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+}
+:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+::moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+  height: auto;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+[type='search'] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+}
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+body {
+  margin: 0;
+  font-family: inherit;
+  line-height: inherit;
+}
+button, textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  padding: 0;
+  line-height: inherit;
+  color: inherit;
+}
+button {
+  text-transform: none;
+  background-color: transparent;
+  background-image: none;
+}
+button, [type='button'], [type='reset'], [type='submit'] {
+  -webkit-appearance: button;
+}
+button, [role="button"] {
+  cursor: pointer;
+}
+html {
+  -webkit-text-size-adjust: 100%;
+  font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  line-height: 1.5;
+}
+svg {
+  display: block;
+  vertical-align: middle;
+}
+textarea {
+  resize: vertical;
+}
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea::webkit-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea::-moz-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea:-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+textarea::-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+/* windicss layer components */
+
+/* windicss layer utilities */
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
+}
+.bg-none {
+  background-image: none;
+}
+.bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+.bg-opacity-20 {
+  --tw-bg-opacity: 0.2;
+}
+.border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+.border-solid {
+  border-style: solid;
+}
+.border-dashed {
+  border-style: dashed;
+}
+.border-4 {
+  border-width: 4px;
+}
+.box-border {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.flex {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+.flex-col {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  -webkit-flex-direction: column;
+  flex-direction: column;
+}
+.items-center {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+.justify-center {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+.justify-between {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+}
+.flex-1 {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 0%;
+  -webkit-flex: 1 1 0%;
+  flex: 1 1 0%;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.h-60 {
+  height: 15rem;
+}
+.h-6 {
+  height: 1.5rem;
+}
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.ml-2 {
+  margin-left: 0.5rem;
+}
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.p-4 {
+  padding: 1rem;
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.right-8 {
+  right: 2rem;
+}
+.bottom-20 {
+  bottom: 5rem;
+}
+.-top-2 {
+  top: -0.5rem;
+}
+.-right-2 {
+  right: -0.5rem;
+}
+.top-0 {
+  top: 0px;
+}
+.right-0 {
+  right: 0px;
+}
+.bottom-0 {
+  bottom: 0px;
+}
+.left-0 {
+  left: 0px;
+}
+.-top-3 {
+  top: -0.75rem;
+}
+.-right-3 {
+  right: -0.75rem;
+}
+.-bottom-full {
+  bottom: -100%;
+}
+.resize-none {
+  resize: none;
+}
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
+  -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
+}
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+.underline {
+  -webkit-text-decoration-line: underline;
+  text-decoration-line: underline;
+}
+.w-80 {
+  width: 20rem;
+}
+.w-full {
+  width: 100%;
+}
+.w-6 {
+  width: 1.5rem;
+}
+.z-max {
+  z-index: 9999999;
+}
+.z-10 {
+  z-index: 10;
+}
+.-z-1 {
+  z-index: -1;
+}
+.transition {
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}
+.tips {
+  --tw-bg-opacity: 1;
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.75rem;
+  position: fixed;
+  top: 0px;
+  left: 50%;
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  z-index: 9999999;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-translate-z: 0;
+  --tw-rotate: 0;
+  --tw-rotate-x: 0;
+  --tw-rotate-y: 0;
+  --tw-rotate-z: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-scale-z: 1;
+  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
+  -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
+  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
+  --tw-translate-x: -50%;
+}
+.stop-btn:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+  --tw-bg-opacity: 0.3;
+}
+.stop-btn {
+  margin-left: 0.25rem;
+  pointer-events: auto;
+  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, filter, backdrop-filter;
+  -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-box-shadow, transform, -webkit-transform, filter, backdrop-filter;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 150ms;
+  -o-transition-duration: 150ms;
+  transition-duration: 150ms;
+}`);
+export {
+  bt as default
+};