@ohbug/extension-feedback 0.7.0 → 0.7.2

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIlD,QAAA,MAAM,SAAS,YAAa,WAAW,KAAG,cASxC,CAAA;AAEF,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAOlD,QAAA,MAAM,SAAS,YAAa,WAAW,KAAG,cAcxC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";const Te=(e,t)=>e===t,C=Symbol("solid-proxy"),fe=Symbol("solid-track"),K={equals:Te};let ge=me;const k=1,W=2,be={owned:null,cleanups:null,context:null,owner:null};var w=null;let ne=null,b=null,$=null,S=null,ee=0;function Pe(e,t){const n=b,l=w,s=e.length===0,o=s?be:{owned:null,cleanups:null,context:null,owner:t===void 0?l:t},i=s?e:()=>e(()=>N(()=>te(o)));w=o,b=null;try{return H(i,!0)}finally{b=n,w=l}}function F(e,t){t=t?Object.assign({},K,t):K;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},l=s=>(typeof s=="function"&&(s=s(n.value)),$e(n,s));return[ye.bind(n),l]}function j(e,t,n){const l=re(e,t,!1,k);G(l)}function pe(e,t,n){ge=Me;const l=re(e,t,!1,k);(!n||!n.render)&&(l.user=!0),S?S.push(l):G(l)}function ae(e,t,n){n=n?Object.assign({},K,n):K;const l=re(e,t,!0,0);return l.observers=null,l.observerSlots=null,l.comparator=n.equals||void 0,G(l),ye.bind(l)}function Le(e){return H(e,!1)}function N(e){if(b===null)return e();const t=b;b=null;try{return e()}finally{b=t}}function ze(e){return w===null||(w.cleanups===null?w.cleanups=[e]:w.cleanups.push(e)),e}function we(){return b}function ye(){if(this.sources&&this.state)if(this.state===k)G(this);else{const e=$;$=null,H(()=>Y(this),!1),$=e}if(b){const e=this.observers?this.observers.length:0;b.sources?(b.sources.push(this),b.sourceSlots.push(e)):(b.sources=[this],b.sourceSlots=[e]),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 $e(e,t,n){let l=e.value;return(!e.comparator||!e.comparator(l,t))&&(e.value=t,e.observers&&e.observers.length&&H(()=>{for(let s=0;s<e.observers.length;s+=1){const o=e.observers[s],i=ne&&ne.running;i&&ne.disposed.has(o),(i?!o.tState:!o.state)&&(o.pure?$.push(o):S.push(o),o.observers&&ve(o)),i||(o.state=k)}if($.length>1e6)throw $=[],new Error},!1)),t}function G(e){if(!e.fn)return;te(e);const t=w,n=b,l=ee;b=w=e,je(e,e.value,l),b=n,w=t}function je(e,t,n){let l;try{l=e.fn(t)}catch(s){return e.pure&&(e.state=k,e.owned&&e.owned.forEach(te),e.owned=null),e.updatedAt=n+1,xe(s)}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?$e(e,l):e.value=l,e.updatedAt=n)}function re(e,t,n,l=k,s){const o={fn:e,state:l,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:w,context:null,pure:n};return w===null||w!==be&&(w.owned?w.owned.push(o):w.owned=[o]),o}function X(e){if(e.state===0)return;if(e.state===W)return Y(e);if(e.suspense&&N(e.suspense.inFallback))return e.suspense.effects.push(e);const t=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<ee);)e.state&&t.push(e);for(let n=t.length-1;n>=0;n--)if(e=t[n],e.state===k)G(e);else if(e.state===W){const l=$;$=null,H(()=>Y(e,t[0]),!1),$=l}}function H(e,t){if($)return e();let n=!1;t||($=[]),S?n=!0:S=[],ee++;try{const l=e();return He(n),l}catch(l){n||(S=null),$=null,xe(l)}}function He(e){if($&&(me($),$=null),e)return;const t=S;S=null,t.length&&H(()=>ge(t),!1)}function me(e){for(let t=0;t<e.length;t++)X(e[t])}function Me(e){let t,n=0;for(t=0;t<e.length;t++){const l=e[t];l.user?e[n++]=l:X(l)}for(t=0;t<n;t++)X(e[t])}function Y(e,t){e.state=0;for(let n=0;n<e.sources.length;n+=1){const l=e.sources[n];if(l.sources){const s=l.state;s===k?l!==t&&(!l.updatedAt||l.updatedAt<ee)&&X(l):s===W&&Y(l,t)}}}function ve(e){for(let t=0;t<e.observers.length;t+=1){const n=e.observers[t];n.state||(n.state=W,n.pure?$.push(n):S.push(n),n.observers&&ve(n))}}function te(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),l=e.sourceSlots.pop(),s=n.observers;if(s&&s.length){const o=s.pop(),i=n.observerSlots.pop();l<s.length&&(o.sourceSlots[i]=l,s[l]=o,n.observerSlots[l]=i)}}if(e.owned){for(t=e.owned.length-1;t>=0;t--)te(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}e.state=0,e.context=null}function De(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function xe(e,t=w){throw De(e)}function x(e,t){return N(()=>e(t||{}))}const Be=e=>`Stale read from <${e}>.`;function U(e){const t=e.keyed,n=ae(()=>e.when,void 0,{equals:(l,s)=>t?l===s:!l==!s});return ae(()=>{const l=n();if(l){const s=e.children;return typeof s=="function"&&s.length>0?N(()=>s(t?l:()=>{if(!N(n))throw Be("Show");return e.when})):s}return e.fallback},void 0,void 0)}function Fe(e,t,n){let l=n.length,s=t.length,o=l,i=0,r=0,c=t[s-1].nextSibling,h=null;for(;i<s||r<o;){if(t[i]===n[r]){i++,r++;continue}for(;t[s-1]===n[o-1];)s--,o--;if(s===i){const u=o<l?r?n[r-1].nextSibling:n[o-r]:c;for(;r<o;)e.insertBefore(n[r++],u)}else if(o===r)for(;i<s;)(!h||!h.has(t[i]))&&t[i].remove(),i++;else if(t[i]===n[o-1]&&n[r]===t[s-1]){const u=t[--s].nextSibling;e.insertBefore(n[r++],t[i++].nextSibling),e.insertBefore(n[--o],u),t[s]=n[o]}else{if(!h){h=new Map;let g=r;for(;g<o;)h.set(n[g],g++)}const u=h.get(t[i]);if(u!=null)if(r<u&&u<o){let g=i,m=1,_;for(;++g<s&&g<o&&!((_=h.get(t[g]))==null||_!==u+m);)m++;if(m>u-r){const T=t[i];for(;r<u;)e.insertBefore(n[r++],T)}else e.replaceChild(n[r++],t[i++])}else i++;else t[i++].remove()}}}const de="_$DX_DELEGATE";function Ue(e,t,n,l={}){let s;return Pe(o=>{s=o,t===document?e():v(t,e(),t.firstChild?null:void 0,n)},l.owner),()=>{s(),t.textContent=""}}function A(e,t,n){let l;const s=()=>{const i=document.createElement("template");return i.innerHTML=e,n?i.content.firstChild.firstChild:i.content.firstChild},o=t?()=>N(()=>document.importNode(l||(l=s()),!0)):()=>(l||(l=s())).cloneNode(!0);return o.cloneNode=o,o}function _e(e,t=window.document){const n=t[de]||(t[de]=new Set);for(let l=0,s=e.length;l<s;l++){const o=e[l];n.has(o)||(n.add(o),t.addEventListener(o,Ve))}}function Re(e,t){t==null?e.removeAttribute("class"):e.className=t}function D(e,t,n){return N(()=>e(t,n))}function v(e,t,n,l){if(n!==void 0&&!l&&(l=[]),typeof t!="function")return J(e,t,l,n);j(s=>J(e,t(),s,n),l)}function Ve(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}});n;){const l=n[t];if(l&&!n.disabled){const s=n[`${t}Data`];if(s!==void 0?l.call(n,s,e):l.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function J(e,t,n,l,s){for(;typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,i=l!==void 0;if(e=i&&n[0]&&n[0].parentNode||e,o==="string"||o==="number")if(o==="number"&&(t=t.toString()),i){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=L(e,n,l,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t;else if(t==null||o==="boolean")n=L(e,n,l);else{if(o==="function")return j(()=>{let r=t();for(;typeof r=="function";)r=r();n=J(e,r,n,l)}),()=>n;if(Array.isArray(t)){const r=[],c=n&&Array.isArray(n);if(le(r,t,n,s))return j(()=>n=J(e,r,n,l,!0)),()=>n;if(r.length===0){if(n=L(e,n,l),i)return n}else c?n.length===0?he(e,r,l):Fe(e,n,r):(n&&L(e),he(e,r));n=r}else if(t.nodeType){if(Array.isArray(n)){if(i)return n=L(e,n,l,t);L(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}else console.warn("Unrecognized value. Skipped inserting",t)}return n}function le(e,t,n,l){let s=!1;for(let o=0,i=t.length;o<i;o++){let r=t[o],c=n&&n[o],h;if(!(r==null||r===!0||r===!1))if((h=typeof r)=="object"&&r.nodeType)e.push(r);else if(Array.isArray(r))s=le(e,r,c)||s;else if(h==="function")if(l){for(;typeof r=="function";)r=r();s=le(e,Array.isArray(r)?r:[r],Array.isArray(c)?c:[c])||s}else e.push(r),s=!0;else{const u=String(r);c&&c.nodeType===3&&c.data===u?e.push(c):e.push(document.createTextNode(u))}}return s}function he(e,t,n=null){for(let l=0,s=t.length;l<s;l++)e.insertBefore(t[l],n)}function L(e,t,n,l){if(n===void 0)return e.textContent="";const s=l||document.createTextNode("");if(t.length){let o=!1;for(let i=t.length-1;i>=0;i--){const r=t[i];if(s!==r){const c=r.parentNode===e;!o&&!i?c?e.replaceChild(s,r):e.insertBefore(s,n):c&&r.remove()}else o=!0}}else e.insertBefore(s,n);return[s]}function Ge(e,t,...n){if(t===void 0)throw new Error("`Ohbug warning(condition, format, ...args)` requires a warning message argument");if(!e){let l=0;const s=t.replace(/%s/g,()=>n[l++]);throw new Error(`Ohbug ${s}`)}}var Ie={};function qe(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:Ie}function Ke(){const e=qe();return Ge(!!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 We(e){const t=[];return t.push(e),Ee(e,t),t}var Xe=e=>{const t=e.target||e.srcElement;let n=e.target||e.srcElement;const l=[];for(let i=0;n&&n.nodeType===Node.ELEMENT_NODE&&n.nodeType!==Node.DOCUMENT_TYPE_NODE;n=n.previousSibling)i&&l.push(n),i+=1;const s=typeof e.path>"u"?We(e.target):e.path,{outerHTML:o}=t;return s.reverse().map(i=>(i.localName||"")+(i.id?`#${i.id}`:"")+(i.className?`.${i.className}`:"")+(i.outerHTML===o?`:nth-child(${l.length})`:"")).filter(i=>!!i).join(" > ")};const se=Symbol("store-raw"),R=Symbol("store-node");function Se(e){let t=e[C];if(!t&&(Object.defineProperty(e,C,{value:t=new Proxy(e,Qe)}),!Array.isArray(e))){const n=Object.keys(e),l=Object.getOwnPropertyDescriptors(e);for(let s=0,o=n.length;s<o;s++){const i=n[s];l[i].get&&Object.defineProperty(e,i,{enumerable:l[i].enumerable,get:l[i].get.bind(t)})}}return t}function Q(e){let t;return e!=null&&typeof e=="object"&&(e[C]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function V(e,t=new Set){let n,l,s,o;if(n=e!=null&&e[se])return n;if(!Q(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++)s=e[i],(l=V(s,t))!==s&&(e[i]=l)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const i=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let c=0,h=i.length;c<h;c++)o=i[c],!r[o].get&&(s=e[o],(l=V(s,t))!==s&&(e[o]=l))}return e}function ce(e){let t=e[R];return t||Object.defineProperty(e,R,{value:t=Object.create(null)}),t}function oe(e,t,n){return e[t]||(e[t]=ke(n))}function Ye(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===C||t===R||(delete n.value,delete n.writable,n.get=()=>e[C][t]),n}function Ae(e){if(we()){const t=ce(e);(t._||(t._=ke()))()}}function Je(e){return Ae(e),Reflect.ownKeys(e)}function ke(e){const[t,n]=F(e,{equals:!1,internal:!0});return t.$=n,t}const Qe={get(e,t,n){if(t===se)return e;if(t===C)return n;if(t===fe)return Ae(e),n;const l=ce(e),s=l[t];let o=s?s():e[t];if(t===R||t==="__proto__")return o;if(!s){const i=Object.getOwnPropertyDescriptor(e,t);we()&&(typeof o!="function"||e.hasOwnProperty(t))&&!(i&&i.get)&&(o=oe(l,t,o)())}return Q(o)?Se(o):o},has(e,t){return t===se||t===C||t===fe||t===R||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Je,getOwnPropertyDescriptor:Ye};function Z(e,t,n,l=!1){if(!l&&e[t]===n)return;const s=e[t],o=e.length;n===void 0?delete e[t]:e[t]=n;let i=ce(e),r;if((r=oe(i,t,s))&&r.$(()=>n),Array.isArray(e)&&e.length!==o){for(let c=e.length;c<o;c++)(r=i[c])&&r.$();(r=oe(i,"length",o))&&r.$(e.length)}(r=i._)&&r.$()}function Oe(e,t){const n=Object.keys(t);for(let l=0;l<n.length;l+=1){const s=n[l];Z(e,s,t[s])}}function Ze(e,t){if(typeof t=="function"&&(t=t(e)),t=V(t),Array.isArray(t)){if(e===t)return;let n=0,l=t.length;for(;n<l;n++){const s=t[n];e[n]!==s&&Z(e,n,s)}Z(e,"length",l)}else Oe(e,t)}function B(e,t,n=[]){let l,s=e;if(t.length>1){l=t.shift();const i=typeof l,r=Array.isArray(e);if(Array.isArray(l)){for(let c=0;c<l.length;c++)B(e,[l[c]].concat(t),n);return}else if(r&&i==="function"){for(let c=0;c<e.length;c++)l(e[c],c)&&B(e,[c].concat(t),n);return}else if(r&&i==="object"){const{from:c=0,to:h=e.length-1,by:u=1}=l;for(let g=c;g<=h;g+=u)B(e,[g].concat(t),n);return}else if(t.length>1){B(e[l],t,[l].concat(n));return}s=e[l],n=[l].concat(n)}let o=t[0];typeof o=="function"&&(o=o(s,n),o===s)||l===void 0&&o==null||(o=V(o),l===void 0||Q(s)&&Q(o)&&!Array.isArray(o)?Oe(s,o):Z(e,l,o))}function et(...[e,t]){const n=V(e||{}),l=Array.isArray(n),s=Se(n);function o(...i){Le(()=>{l&&i.length===1?Ze(n,i[0]):B(n,i)})}return[s,o]}const[p,z]=et({working:!1,selectedElement:null}),tt=A('<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)">'),nt=A('<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>'),ie=()=>tt(),lt=()=>(()=>{const e=nt();return e.firstChild.nextSibling.style.setProperty("fill","var(--color)"),e})(),st=A('<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">'),ot=A('<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">'),it=A('<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'),rt=A('<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>'),ct=()=>{const[e,t]=F();let n,l,s,o,i;const r=2;function c(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,right:P,bottom:M,left:d}=f.getBoundingClientRect();i==null||i.setAttribute("style",`
+"use strict";const Pe=(e,t)=>e===t,C=Symbol("solid-proxy"),ae=Symbol("solid-track"),W={equals:Pe};let be=ve;const k=1,X=2,pe={owned:null,cleanups:null,context:null,owner:null};var w=null;let le=null,b=null,$=null,S=null,te=0;function Le(e,t){const n=b,l=w,o=e.length===0,s=o?pe:{owned:null,cleanups:null,context:null,owner:t===void 0?l:t},i=o?e:()=>e(()=>N(()=>ne(s)));w=s,b=null;try{return H(i,!0)}finally{b=n,w=l}}function U(e,t){t=t?Object.assign({},W,t):W;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},l=o=>(typeof o=="function"&&(o=o(n.value)),me(n,o));return[$e.bind(n),l]}function D(e,t,n){const l=ce(e,t,!1,k);I(l)}function we(e,t,n){be=Me;const l=ce(e,t,!1,k);(!n||!n.render)&&(l.user=!0),S?S.push(l):I(l)}function de(e,t,n){n=n?Object.assign({},W,n):W;const l=ce(e,t,!0,0);return l.observers=null,l.observerSlots=null,l.comparator=n.equals||void 0,I(l),$e.bind(l)}function ze(e){return H(e,!1)}function N(e){if(b===null)return e();const t=b;b=null;try{return e()}finally{b=t}}function je(e){return w===null||(w.cleanups===null?w.cleanups=[e]:w.cleanups.push(e)),e}function ye(){return b}function $e(){if(this.sources&&this.state)if(this.state===k)I(this);else{const e=$;$=null,H(()=>J(this),!1),$=e}if(b){const e=this.observers?this.observers.length:0;b.sources?(b.sources.push(this),b.sourceSlots.push(e)):(b.sources=[this],b.sourceSlots=[e]),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 me(e,t,n){let l=e.value;return(!e.comparator||!e.comparator(l,t))&&(e.value=t,e.observers&&e.observers.length&&H(()=>{for(let o=0;o<e.observers.length;o+=1){const s=e.observers[o],i=le&&le.running;i&&le.disposed.has(s),(i?!s.tState:!s.state)&&(s.pure?$.push(s):S.push(s),s.observers&&xe(s)),i||(s.state=k)}if($.length>1e6)throw $=[],new Error},!1)),t}function I(e){if(!e.fn)return;ne(e);const t=w,n=b,l=te;b=w=e,De(e,e.value,l),b=n,w=t}function De(e,t,n){let l;try{l=e.fn(t)}catch(o){return e.pure&&(e.state=k,e.owned&&e.owned.forEach(ne),e.owned=null),e.updatedAt=n+1,_e(o)}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?me(e,l):e.value=l,e.updatedAt=n)}function ce(e,t,n,l=k,o){const s={fn:e,state:l,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:w,context:null,pure:n};return w===null||w!==pe&&(w.owned?w.owned.push(s):w.owned=[s]),s}function Y(e){if(e.state===0)return;if(e.state===X)return J(e);if(e.suspense&&N(e.suspense.inFallback))return e.suspense.effects.push(e);const t=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<te);)e.state&&t.push(e);for(let n=t.length-1;n>=0;n--)if(e=t[n],e.state===k)I(e);else if(e.state===X){const l=$;$=null,H(()=>J(e,t[0]),!1),$=l}}function H(e,t){if($)return e();let n=!1;t||($=[]),S?n=!0:S=[],te++;try{const l=e();return He(n),l}catch(l){n||(S=null),$=null,_e(l)}}function He(e){if($&&(ve($),$=null),e)return;const t=S;S=null,t.length&&H(()=>be(t),!1)}function ve(e){for(let t=0;t<e.length;t++)Y(e[t])}function Me(e){let t,n=0;for(t=0;t<e.length;t++){const l=e[t];l.user?e[n++]=l:Y(l)}for(t=0;t<n;t++)Y(e[t])}function J(e,t){e.state=0;for(let n=0;n<e.sources.length;n+=1){const l=e.sources[n];if(l.sources){const o=l.state;o===k?l!==t&&(!l.updatedAt||l.updatedAt<te)&&Y(l):o===X&&J(l,t)}}}function xe(e){for(let t=0;t<e.observers.length;t+=1){const n=e.observers[t];n.state||(n.state=X,n.pure?$.push(n):S.push(n),n.observers&&xe(n))}}function ne(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),l=e.sourceSlots.pop(),o=n.observers;if(o&&o.length){const s=o.pop(),i=n.observerSlots.pop();l<o.length&&(s.sourceSlots[i]=l,o[l]=s,n.observerSlots[l]=i)}}if(e.owned){for(t=e.owned.length-1;t>=0;t--)ne(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}e.state=0,e.context=null}function Be(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function _e(e,t=w){throw Be(e)}function x(e,t){return N(()=>e(t||{}))}const Fe=e=>`Stale read from <${e}>.`;function R(e){const t=e.keyed,n=de(()=>e.when,void 0,{equals:(l,o)=>t?l===o:!l==!o});return de(()=>{const l=n();if(l){const o=e.children;return typeof o=="function"&&o.length>0?N(()=>o(t?l:()=>{if(!N(n))throw Fe("Show");return e.when})):o}return e.fallback},void 0,void 0)}function Ue(e,t,n){let l=n.length,o=t.length,s=l,i=0,r=0,c=t[o-1].nextSibling,h=null;for(;i<o||r<s;){if(t[i]===n[r]){i++,r++;continue}for(;t[o-1]===n[s-1];)o--,s--;if(o===i){const u=s<l?r?n[r-1].nextSibling:n[s-r]:c;for(;r<s;)e.insertBefore(n[r++],u)}else if(s===r)for(;i<o;)(!h||!h.has(t[i]))&&t[i].remove(),i++;else if(t[i]===n[s-1]&&n[r]===t[o-1]){const u=t[--o].nextSibling;e.insertBefore(n[r++],t[i++].nextSibling),e.insertBefore(n[--s],u),t[o]=n[s]}else{if(!h){h=new Map;let g=r;for(;g<s;)h.set(n[g],g++)}const u=h.get(t[i]);if(u!=null)if(r<u&&u<s){let g=i,m=1,_;for(;++g<o&&g<s&&!((_=h.get(t[g]))==null||_!==u+m);)m++;if(m>u-r){const T=t[i];for(;r<u;)e.insertBefore(n[r++],T)}else e.replaceChild(n[r++],t[i++])}else i++;else t[i++].remove()}}}const he="_$DX_DELEGATE";function Re(e,t,n,l={}){let o;return Le(s=>{o=s,t===document?e():v(t,e(),t.firstChild?null:void 0,n)},l.owner),()=>{o(),t.textContent=""}}function A(e,t,n){let l;const o=()=>{const i=document.createElement("template");return i.innerHTML=e,n?i.content.firstChild.firstChild:i.content.firstChild},s=t?()=>N(()=>document.importNode(l||(l=o()),!0)):()=>(l||(l=o())).cloneNode(!0);return s.cloneNode=s,s}function Ee(e,t=window.document){const n=t[he]||(t[he]=new Set);for(let l=0,o=e.length;l<o;l++){const s=e[l];n.has(s)||(n.add(s),t.addEventListener(s,Ge))}}function Ve(e,t){t==null?e.removeAttribute("class"):e.className=t}function B(e,t,n){return N(()=>e(t,n))}function v(e,t,n,l){if(n!==void 0&&!l&&(l=[]),typeof t!="function")return Q(e,t,l,n);D(o=>Q(e,t(),o,n),l)}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}});n;){const l=n[t];if(l&&!n.disabled){const o=n[`${t}Data`];if(o!==void 0?l.call(n,o,e):l.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function Q(e,t,n,l,o){for(;typeof n=="function";)n=n();if(t===n)return n;const s=typeof t,i=l!==void 0;if(e=i&&n[0]&&n[0].parentNode||e,s==="string"||s==="number")if(s==="number"&&(t=t.toString()),i){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=L(e,n,l,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t;else if(t==null||s==="boolean")n=L(e,n,l);else{if(s==="function")return D(()=>{let r=t();for(;typeof r=="function";)r=r();n=Q(e,r,n,l)}),()=>n;if(Array.isArray(t)){const r=[],c=n&&Array.isArray(n);if(oe(r,t,n,o))return D(()=>n=Q(e,r,n,l,!0)),()=>n;if(r.length===0){if(n=L(e,n,l),i)return n}else c?n.length===0?ge(e,r,l):Ue(e,n,r):(n&&L(e),ge(e,r));n=r}else if(t.nodeType){if(Array.isArray(n)){if(i)return n=L(e,n,l,t);L(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}else console.warn("Unrecognized value. Skipped inserting",t)}return n}function oe(e,t,n,l){let o=!1;for(let s=0,i=t.length;s<i;s++){let r=t[s],c=n&&n[s],h;if(!(r==null||r===!0||r===!1))if((h=typeof r)=="object"&&r.nodeType)e.push(r);else if(Array.isArray(r))o=oe(e,r,c)||o;else if(h==="function")if(l){for(;typeof r=="function";)r=r();o=oe(e,Array.isArray(r)?r:[r],Array.isArray(c)?c:[c])||o}else e.push(r),o=!0;else{const u=String(r);c&&c.nodeType===3&&c.data===u?e.push(c):e.push(document.createTextNode(u))}}return o}function ge(e,t,n=null){for(let l=0,o=t.length;l<o;l++)e.insertBefore(t[l],n)}function L(e,t,n,l){if(n===void 0)return e.textContent="";const o=l||document.createTextNode("");if(t.length){let s=!1;for(let i=t.length-1;i>=0;i--){const r=t[i];if(o!==r){const c=r.parentNode===e;!s&&!i?c?e.replaceChild(o,r):e.insertBefore(o,n):c&&r.remove()}else s=!0}}else e.insertBefore(o,n);return[o]}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 l=0;const o=t.replace(/%s/g,()=>n[l++]);throw new Error(`Ohbug ${o}`)}}var qe={};function Ke(){return typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:qe}function We(){const e=Ke();return Ie(!!e.__OHBUG__,"Failed to get `OhbugObject`, please confirm if `Ohbug.setup`"),e.__OHBUG__}function Se(e,t){e.parentNode&&(t.push(e.parentNode),Se(e.parentNode,t))}function Xe(e){const t=[];return t.push(e),Se(e,t),t}var Ye=e=>{const t=e.target||e.srcElement;let n=e.target||e.srcElement;const l=[];for(let i=0;n&&n.nodeType===Node.ELEMENT_NODE&&n.nodeType!==Node.DOCUMENT_TYPE_NODE;n=n.previousSibling)i&&l.push(n),i+=1;const o=typeof e.path>"u"?Xe(e.target):e.path,{outerHTML:s}=t;return o.reverse().map(i=>(i.localName||"")+(i.id?`#${i.id}`:"")+(i.className?`.${i.className}`:"")+(i.outerHTML===s?`:nth-child(${l.length})`:"")).filter(i=>!!i).join(" > ")};const se=Symbol("store-raw"),V=Symbol("store-node");function Ae(e){let t=e[C];if(!t&&(Object.defineProperty(e,C,{value:t=new Proxy(e,Ze)}),!Array.isArray(e))){const n=Object.keys(e),l=Object.getOwnPropertyDescriptors(e);for(let o=0,s=n.length;o<s;o++){const i=n[o];l[i].get&&Object.defineProperty(e,i,{enumerable:l[i].enumerable,get:l[i].get.bind(t)})}}return t}function Z(e){let t;return e!=null&&typeof e=="object"&&(e[C]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function G(e,t=new Set){let n,l,o,s;if(n=e!=null&&e[se])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++)o=e[i],(l=G(o,t))!==o&&(e[i]=l)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const i=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let c=0,h=i.length;c<h;c++)s=i[c],!r[s].get&&(o=e[s],(l=G(o,t))!==o&&(e[s]=l))}return e}function ue(e){let t=e[V];return t||Object.defineProperty(e,V,{value:t=Object.create(null)}),t}function ie(e,t,n){return e[t]||(e[t]=Oe(n))}function Je(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===C||t===V||(delete n.value,delete n.writable,n.get=()=>e[C][t]),n}function ke(e){if(ye()){const t=ue(e);(t._||(t._=Oe()))()}}function Qe(e){return ke(e),Reflect.ownKeys(e)}function Oe(e){const[t,n]=U(e,{equals:!1,internal:!0});return t.$=n,t}const Ze={get(e,t,n){if(t===se)return e;if(t===C)return n;if(t===ae)return ke(e),n;const l=ue(e),o=l[t];let s=o?o():e[t];if(t===V||t==="__proto__")return s;if(!o){const i=Object.getOwnPropertyDescriptor(e,t);ye()&&(typeof s!="function"||e.hasOwnProperty(t))&&!(i&&i.get)&&(s=ie(l,t,s)())}return Z(s)?Ae(s):s},has(e,t){return t===se||t===C||t===ae||t===V||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:Qe,getOwnPropertyDescriptor:Je};function ee(e,t,n,l=!1){if(!l&&e[t]===n)return;const o=e[t],s=e.length;n===void 0?delete e[t]:e[t]=n;let i=ue(e),r;if((r=ie(i,t,o))&&r.$(()=>n),Array.isArray(e)&&e.length!==s){for(let c=e.length;c<s;c++)(r=i[c])&&r.$();(r=ie(i,"length",s))&&r.$(e.length)}(r=i._)&&r.$()}function Ce(e,t){const n=Object.keys(t);for(let l=0;l<n.length;l+=1){const o=n[l];ee(e,o,t[o])}}function et(e,t){if(typeof t=="function"&&(t=t(e)),t=G(t),Array.isArray(t)){if(e===t)return;let n=0,l=t.length;for(;n<l;n++){const o=t[n];e[n]!==o&&ee(e,n,o)}ee(e,"length",l)}else Ce(e,t)}function F(e,t,n=[]){let l,o=e;if(t.length>1){l=t.shift();const i=typeof l,r=Array.isArray(e);if(Array.isArray(l)){for(let c=0;c<l.length;c++)F(e,[l[c]].concat(t),n);return}else if(r&&i==="function"){for(let c=0;c<e.length;c++)l(e[c],c)&&F(e,[c].concat(t),n);return}else if(r&&i==="object"){const{from:c=0,to:h=e.length-1,by:u=1}=l;for(let g=c;g<=h;g+=u)F(e,[g].concat(t),n);return}else if(t.length>1){F(e[l],t,[l].concat(n));return}o=e[l],n=[l].concat(n)}let s=t[0];typeof s=="function"&&(s=s(o,n),s===o)||l===void 0&&s==null||(s=G(s),l===void 0||Z(o)&&Z(s)&&!Array.isArray(s)?Ce(o,s):ee(e,l,s))}function tt(...[e,t]){const n=G(e||{}),l=Array.isArray(n),o=Ae(n);function s(...i){ze(()=>{l&&i.length===1?et(n,i[0]):F(n,i)})}return[o,s]}const[p,j]=tt({working:!1,selectedElement:null}),nt=A('<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)">'),lt=A('<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>'),re=()=>nt(),ot=()=>(()=>{const e=lt();return e.firstChild.nextSibling.style.setProperty("fill","var(--color)"),e})(),st=A('<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="btn-stop" type="button">'),it=A('<button class="rounded-full border-none 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">'),rt=A('<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'),ct=A('<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>'),ut=()=>{const[e,t]=U();let n,l,o,s,i;const r=2;function c(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,right:P,bottom:M,left:d}=f.getBoundingClientRect();i==null||i.setAttribute("style",`
       width: ${a+r*2}px;
       height: ${y+r*2}px;
       top: ${E-r}px;
@@ -13,19 +13,19 @@
       right: 0;
       bottom: 0;
       left: ${P}px;
-    `),s==null||s.setAttribute("style",`
+    `),o==null||o.setAttribute("style",`
       width: ${a+d}px;
       top: ${M}px;
       bottom: 0;
       left: 0;
-    `),o==null||o.setAttribute("style",`
+    `),s==null||s.setAttribute("style",`
       width: ${d}px;
       height: ${y}px;
       top: ${E}px;
       left: 0;
-    `)}function h(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,left:P}=f.getBoundingClientRect();z({selectedElement:f}),i==null||i.setAttribute("style",`
+    `)}function h(f){if(!f||f.tagName==="HTML")return;const{width:a,height:y,top:E,left:P}=f.getBoundingClientRect();j({selectedElement:f}),i==null||i.setAttribute("style",`
       width: ${a+r*2}px;
       height: ${y+r*2}px;
       top: ${E-r}px;
       left: ${P-r}px;
-    `)}function u(f){var y;z({working:!0});const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML")return!1;c(a)}function g(){document.addEventListener("mousemove",u)}function m(){document.removeEventListener("mousemove",u)}function _(f){var y;const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML"||p.selectedElement&&p.working)return!1;t(a),h(e()),m()}function T(){document.addEventListener("mousedown",_)}function I(){document.removeEventListener("mousedown",_)}function O(){t(null),m(),I(),z({working:!1,selectedElement:null})}function q(){z({working:!0,selectedElement:null}),t(null),g()}return pe(()=>{p.working?(g(),T()):(m(),I())}),ze(O),(()=>{const f=rt(),a=f.firstChild,y=a.nextSibling,E=y.nextSibling,P=E.nextSibling,M=P.nextSibling;return v(f,x(U,{get when(){return!p.selectedElement&&p.working},get children(){const d=st(),Ce=d.firstChild,Ne=Ce.firstChild,ue=Ne.nextSibling;return ue.$$click=O,v(ue,x(ie,{})),d}}),a),D(d=>{n=d},a),D(d=>{l=d},y),D(d=>{s=d},E),D(d=>{o=d},P),D(d=>{i=d},M),v(M,x(U,{get when(){return p.selectedElement&&p.working},get children(){return[(()=>{const d=ot();return d.$$click=O,v(d,x(ie,{})),d})(),(()=>{const d=it();return d.$$click=q,d.style.setProperty("transform","translate(4px, -8px)"),d})()]}})),j(()=>Re(M,`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 ut=A('<button class="btn-main" data-ohbug-selector type="button">'),ft=A('<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-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="btn-send" 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">'),at=A('<div class="z-max relative" data-ohbug-selector><div>'),dt=()=>{const[e,t]=F(!1),[n,l]=F("");function s(){z({working:!0})}const[o,i]=F(!1);async function r(){i(!0);let c,h;const u=Ke().client;if(p.selectedElement){const g={target:p.selectedElement};c=Xe(g),h=p.selectedElement.outerHTML;const m=u.createEvent({category:"feedback",type:"feedback",detail:{selector:c,outerHTML:h,feedback:n()}});await u.notify(m)}else{const g=u.createEvent({category:"feedback",type:"feedback",detail:{feedback:n()}});await u.notify(g)}t(!1),l(""),z({working:!1,selectedElement:null}),i(!1)}return pe(()=>{p.working===!1&&p.selectedElement===null||p.working&&!p.selectedElement?t(!1):t(!0)}),(()=>{const c=at(),h=c.firstChild;return v(c,x(U,{get when(){return p.working},get children(){return x(ct,{})}}),h),v(h,x(U,{get when(){return!(p.working&&!p.selectedElement)},get children(){const u=ut();return u.$$click=()=>t(g=>!g),v(u,()=>e()?"😆":"🙂"),u}}),null),v(h,x(U,{get when(){return e()},get children(){const u=ft(),g=u.firstChild,m=g.firstChild,_=m.nextSibling,T=g.nextSibling,I=T.firstChild,O=I.nextSibling,q=T.nextSibling;return m.$$input=f=>l(f.currentTarget.value),_.$$click=s,v(_,x(lt,{})),O.$$click=r,v(O,()=>o()?"Sending...":"Send"),q.$$click=()=>t(f=>!f),v(q,x(ie,{})),j(f=>{const a=p.selectedElement?"blue":"gray",y=!n()||o();return a!==f._v$&&((f._v$=a)!=null?_.style.setProperty("--color",a):_.style.removeProperty("--color")),y!==f._v$2&&(O.disabled=f._v$2=y),f},{_v$:void 0,_v$2:void 0}),j(()=>m.value=n()),u}}),null),c})()};_e(["click","input"]);const ht=e=>({name:"OhbugExtensionFeedback",onSetup:()=>{const t=document.createElement("div");t.id="OhbugExtensionFeedback-ROOT",(e||document.body).appendChild(t),Ue(()=>x(dt,{}),t)}});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("/*\n! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  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\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.btn-main {\n  z-index: 99999;\n  position: fixed;\n  right: 2rem;\n  bottom: 2rem;\n  display: flex;\n  height: 2rem;\n  width: 2.5rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.btn-main:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.btn-send {\n  border-radius: 0.125rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.btn-send:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.tips {\n  z-index: 99999;\n  position: fixed;\n  top: 0px;\n  left: 50%;\n  display: flex;\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  border-bottom-right-radius: 0.5rem;\n  border-bottom-left-radius: 0.5rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  padding: 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.z-max {\n  z-index: 99999;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.pointer-events-auto {\n  pointer-events: auto;\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.-bottom-full {\n  bottom: -100%;\n}\n.-right-2 {\n  right: -0.5rem;\n}\n.-right-3 {\n  right: -0.75rem;\n}\n.-top-2 {\n  top: -0.5rem;\n}\n.-top-3 {\n  top: -0.75rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-20 {\n  bottom: 5rem;\n}\n.left-0 {\n  left: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.right-8 {\n  right: 2rem;\n}\n.top-0 {\n  top: 0px;\n}\n.z-10 {\n  z-index: 10;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.box-border {\n  box-sizing: border-box;\n}\n.flex {\n  display: flex;\n}\n.h-6 {\n  height: 1.5rem;\n}\n.h-60 {\n  height: 15rem;\n}\n.w-6 {\n  width: 1.5rem;\n}\n.w-80 {\n  width: 20rem;\n}\n.w-full {\n  width: 100%;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.resize-none {\n  resize: none;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.border-4 {\n  border-width: 4px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-dashed {\n  border-style: dashed;\n}\n.border-blue-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-opacity-20 {\n  --tw-bg-opacity: 0.2;\n}\n.bg-opacity-40 {\n  --tw-bg-opacity: 0.4;\n}\n.bg-none {\n  background-image: none;\n}\n.p-4 {\n  padding: 1rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}");module.exports=ht;
+    `)}function u(f){var y;j({working:!0});const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML")return!1;c(a)}function g(){document.addEventListener("mousemove",u)}function m(){document.removeEventListener("mousemove",u)}function _(f){var y;const a=document.elementFromPoint(f.clientX,f.clientY);if(((y=a==null?void 0:a.dataset)==null?void 0:y.ohbugSelector)!==void 0||a.tagName==="HTML"||p.selectedElement&&p.working)return!1;t(a),h(e()),m()}function T(){document.addEventListener("mousedown",_)}function q(){document.removeEventListener("mousedown",_)}function O(){t(null),m(),q(),j({working:!1,selectedElement:null})}function K(){j({working:!0,selectedElement:null}),t(null),g()}return we(()=>{p.working?(g(),T()):(m(),q())}),je(O),(()=>{const f=ct(),a=f.firstChild,y=a.nextSibling,E=y.nextSibling,P=E.nextSibling,M=P.nextSibling;return v(f,x(R,{get when(){return!p.selectedElement&&p.working},get children(){const d=st(),Ne=d.firstChild,Te=Ne.firstChild,fe=Te.nextSibling;return fe.$$click=O,v(fe,x(re,{})),d}}),a),B(d=>{n=d},a),B(d=>{l=d},y),B(d=>{o=d},E),B(d=>{s=d},P),B(d=>{i=d},M),v(M,x(R,{get when(){return p.selectedElement&&p.working},get children(){return[(()=>{const d=it();return d.$$click=O,v(d,x(re,{})),d})(),(()=>{const d=rt();return d.$$click=K,d.style.setProperty("transform","translate(4px, -8px)"),d})()]}})),D(()=>Ve(M,`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})()};Ee(["click"]);const ft=A('<button class="btn-main" data-ohbug-selector type="button">'),at=A('<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 border-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer border-none bg-transparent" 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-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="btn-send" data-ohbug-selector type="button"></button></div><button class="border-none 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">'),dt=A('<div class="z-max relative" data-ohbug-selector><div>'),ht=()=>{const[e,t]=U(!1),[n,l]=U("");function o(){j({working:!0})}const[s,i]=U(!1);async function r(){i(!0);let c,h;const u=We().client;if(p.selectedElement){const g={target:p.selectedElement};c=Ye(g),h=p.selectedElement.outerHTML;const m=u.createEvent({category:"feedback",type:"feedback",detail:{selector:c,outerHTML:h,feedback:n()}});await u.notify(m)}else{const g=u.createEvent({category:"feedback",type:"feedback",detail:{feedback:n()}});await u.notify(g)}t(!1),l(""),j({working:!1,selectedElement:null}),i(!1)}return we(()=>{p.working===!1&&p.selectedElement===null||p.working&&!p.selectedElement?t(!1):t(!0)}),(()=>{const c=dt(),h=c.firstChild;return v(c,x(R,{get when(){return p.working},get children(){return x(ut,{})}}),h),v(h,x(R,{get when(){return!(p.working&&!p.selectedElement)},get children(){const u=ft();return u.$$click=()=>t(g=>!g),v(u,()=>e()?"😆":"🙂"),u}}),null),v(h,x(R,{get when(){return e()},get children(){const u=at(),g=u.firstChild,m=g.firstChild,_=m.nextSibling,T=g.nextSibling,q=T.firstChild,O=q.nextSibling,K=T.nextSibling;return m.$$input=f=>l(f.currentTarget.value),_.$$click=o,v(_,x(ot,{})),O.$$click=r,v(O,()=>s()?"Sending...":"Send"),K.$$click=()=>t(f=>!f),v(K,x(re,{})),D(f=>{const a=p.selectedElement?"blue":"gray",y=!n()||s();return a!==f._v$&&((f._v$=a)!=null?_.style.setProperty("--color",a):_.style.removeProperty("--color")),y!==f._v$2&&(O.disabled=f._v$2=y),f},{_v$:void 0,_v$2:void 0}),D(()=>m.value=n()),u}}),null),c})()};Ee(["click","input"]);const gt="OhbugExtensionFeedback-ROOT";let z=null;const bt=e=>({name:"OhbugExtensionFeedback",onSetup:()=>{z=document.createElement("div"),z.id=gt,(e||document.body).appendChild(z),Re(()=>x(ht,{}),z)},onDestroy:()=>{z&&z.remove()}});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("*, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  \n}\n::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  \n}\n.btn-main {\n    z-index: 99999;\n    position: fixed;\n    right: 2rem;\n    bottom: 2rem;\n    display: flex;\n    height: 2rem;\n    width: 2.5rem;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0.25rem;\n    border-style: none;\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.btn-main:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.btn-send {\n    cursor: pointer;\n    border-radius: 0.125rem;\n    border-style: none;\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.btn-send:disabled {\n    cursor: not-allowed;\n    opacity: 0.5\n}\n.btn-stop {\n    pointer-events: auto;\n    margin-left: 0.25rem;\n    cursor: pointer;\n    border-style: none;\n    background-color: transparent;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.btn-stop:hover {\n    background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.3\n}\n.tips {\n    z-index: 99999;\n    position: fixed;\n    top: 0px;\n    left: 50%;\n    display: flex;\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    align-items: center;\n    border-bottom-right-radius: 0.5rem;\n    border-bottom-left-radius: 0.5rem;\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n    padding: 0.75rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.z-max {\n    z-index: 99999\n}\n.pointer-events-none {\n    pointer-events: none\n}\n.pointer-events-auto {\n    pointer-events: auto\n}\n.visible {\n    visibility: visible\n}\n.fixed {\n    position: fixed\n}\n.absolute {\n    position: absolute\n}\n.relative {\n    position: relative\n}\n.-bottom-full {\n    bottom: -100%\n}\n.-right-2 {\n    right: -0.5rem\n}\n.-right-3 {\n    right: -0.75rem\n}\n.-top-2 {\n    top: -0.5rem\n}\n.-top-3 {\n    top: -0.75rem\n}\n.bottom-0 {\n    bottom: 0px\n}\n.bottom-20 {\n    bottom: 5rem\n}\n.left-0 {\n    left: 0px\n}\n.right-0 {\n    right: 0px\n}\n.right-8 {\n    right: 2rem\n}\n.top-0 {\n    top: 0px\n}\n.z-10 {\n    z-index: 10\n}\n.ml-1 {\n    margin-left: 0.25rem\n}\n.box-border {\n    box-sizing: border-box\n}\n.flex {\n    display: flex\n}\n.h-6 {\n    height: 1.5rem\n}\n.h-60 {\n    height: 15rem\n}\n.w-6 {\n    width: 1.5rem\n}\n.w-80 {\n    width: 20rem\n}\n.w-full {\n    width: 100%\n}\n.flex-1 {\n    flex: 1 1 0%\n}\n.transform {\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.cursor-pointer {\n    cursor: pointer\n}\n.resize-none {\n    resize: none\n}\n.flex-col {\n    flex-direction: column\n}\n.items-center {\n    align-items: center\n}\n.justify-center {\n    justify-content: center\n}\n.justify-between {\n    justify-content: space-between\n}\n.rounded-full {\n    border-radius: 9999px\n}\n.rounded-sm {\n    border-radius: 0.125rem\n}\n.border-4 {\n    border-width: 4px\n}\n.border-solid {\n    border-style: solid\n}\n.border-dashed {\n    border-style: dashed\n}\n.border-none {\n    border-style: none\n}\n.border-blue-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.border-red-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.bg-black {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n.bg-blue-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.bg-gray-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(209 213 219 / var(--tw-bg-opacity))\n}\n.bg-red-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.bg-transparent {\n    background-color: transparent\n}\n.bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.bg-opacity-20 {\n    --tw-bg-opacity: 0.2\n}\n.bg-opacity-40 {\n    --tw-bg-opacity: 0.4\n}\n.bg-none {\n    background-image: none\n}\n.p-4 {\n    padding: 1rem\n}\n.text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.font-semibold {\n    font-weight: 600\n}\n.text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.underline {\n    text-decoration-line: underline\n}\n.shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.transition {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}");module.exports=bt;

package/dist/index.mjs

@@ -1,22 +1,22 @@
-const Te = (e, t) => e === t, C = Symbol("solid-proxy"), fe = Symbol("solid-track"), K = {
-  equals: Te
+const Pe = (e, t) => e === t, C = Symbol("solid-proxy"), ae = Symbol("solid-track"), W = {
+  equals: Pe
 };
-let ge = me;
-const k = 1, W = 2, be = {
+let be = ve;
+const k = 1, X = 2, pe = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var w = null;
-let ne = null, b = null, $ = null, S = null, ee = 0;
-function Pe(e, t) {
-  const n = b, l = w, o = e.length === 0, s = o ? be : {
+let le = null, b = null, $ = null, S = null, te = 0;
+function Le(e, t) {
+  const n = b, l = w, o = e.length === 0, s = o ? pe : {
     owned: null,
     cleanups: null,
     context: null,
     owner: t === void 0 ? l : t
-  }, i = o ? e : () => e(() => N(() => te(s)));
+  }, i = o ? e : () => e(() => N(() => ne(s)));
   w = s, b = null;
   try {
     return H(i, !0);
@@ -24,31 +24,31 @@ function Pe(e, t) {
     b = n, w = l;
   }
 }
-function F(e, t) {
-  t = t ? Object.assign({}, K, t) : K;
+function U(e, t) {
+  t = t ? Object.assign({}, W, t) : W;
   const n = {
     value: e,
     observers: null,
     observerSlots: null,
     comparator: t.equals || void 0
-  }, l = (o) => (typeof o == "function" && (o = o(n.value)), $e(n, o));
-  return [ye.bind(n), l];
+  }, l = (o) => (typeof o == "function" && (o = o(n.value)), me(n, o));
+  return [$e.bind(n), l];
 }
-function j(e, t, n) {
-  const l = re(e, t, !1, k);
-  G(l);
+function D(e, t, n) {
+  const l = ce(e, t, !1, k);
+  I(l);
 }
-function pe(e, t, n) {
-  ge = Me;
-  const l = re(e, t, !1, k);
-  (!n || !n.render) && (l.user = !0), S ? S.push(l) : G(l);
+function we(e, t, n) {
+  be = Me;
+  const l = ce(e, t, !1, k);
+  (!n || !n.render) && (l.user = !0), S ? S.push(l) : I(l);
 }
-function ae(e, t, n) {
-  n = n ? Object.assign({}, K, n) : K;
-  const l = re(e, t, !0, 0);
-  return l.observers = null, l.observerSlots = null, l.comparator = n.equals || void 0, G(l), ye.bind(l);
+function de(e, t, n) {
+  n = n ? Object.assign({}, W, n) : W;
+  const l = ce(e, t, !0, 0);
+  return l.observers = null, l.observerSlots = null, l.comparator = n.equals || void 0, I(l), $e.bind(l);
 }
-function Le(e) {
+function ze(e) {
   return H(e, !1);
 }
 function N(e) {
@@ -62,19 +62,19 @@ function N(e) {
     b = t;
   }
 }
-function ze(e) {
+function je(e) {
   return w === null || (w.cleanups === null ? w.cleanups = [e] : w.cleanups.push(e)), e;
 }
-function we() {
+function ye() {
   return b;
 }
-function ye() {
+function $e() {
   if (this.sources && this.state)
     if (this.state === k)
-      G(this);
+      I(this);
     else {
       const e = $;
-      $ = null, H(() => Y(this), !1), $ = e;
+      $ = null, H(() => J(this), !1), $ = e;
     }
   if (b) {
     const e = this.observers ? this.observers.length : 0;
@@ -82,34 +82,34 @@ function ye() {
   }
   return this.value;
 }
-function $e(e, t, n) {
+function me(e, t, n) {
   let l = e.value;
   return (!e.comparator || !e.comparator(l, t)) && (e.value = t, e.observers && e.observers.length && H(() => {
     for (let o = 0; o < e.observers.length; o += 1) {
-      const s = e.observers[o], i = ne && ne.running;
-      i && ne.disposed.has(s), (i ? !s.tState : !s.state) && (s.pure ? $.push(s) : S.push(s), s.observers && ve(s)), i || (s.state = k);
+      const s = e.observers[o], i = le && le.running;
+      i && le.disposed.has(s), (i ? !s.tState : !s.state) && (s.pure ? $.push(s) : S.push(s), s.observers && xe(s)), i || (s.state = k);
     }
     if ($.length > 1e6)
       throw $ = [], new Error();
   }, !1)), t;
 }
-function G(e) {
+function I(e) {
   if (!e.fn)
     return;
-  te(e);
-  const t = w, n = b, l = ee;
-  b = w = e, je(e, e.value, l), b = n, w = t;
+  ne(e);
+  const t = w, n = b, l = te;
+  b = w = e, De(e, e.value, l), b = n, w = t;
 }
-function je(e, t, n) {
+function De(e, t, n) {
   let l;
   try {
     l = e.fn(t);
   } catch (o) {
-    return e.pure && (e.state = k, e.owned && e.owned.forEach(te), e.owned = null), e.updatedAt = n + 1, xe(o);
+    return e.pure && (e.state = k, e.owned && e.owned.forEach(ne), e.owned = null), e.updatedAt = n + 1, _e(o);
   }
-  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? $e(e, l) : e.value = l, e.updatedAt = n);
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? me(e, l) : e.value = l, e.updatedAt = n);
 }
-function re(e, t, n, l = k, o) {
+function ce(e, t, n, l = k, o) {
   const s = {
     fn: e,
     state: l,
@@ -123,74 +123,74 @@ function re(e, t, n, l = k, o) {
     context: null,
     pure: n
   };
-  return w === null || w !== be && (w.owned ? w.owned.push(s) : w.owned = [s]), s;
+  return w === null || w !== pe && (w.owned ? w.owned.push(s) : w.owned = [s]), s;
 }
-function X(e) {
+function Y(e) {
   if (e.state === 0)
     return;
-  if (e.state === W)
-    return Y(e);
+  if (e.state === X)
+    return J(e);
   if (e.suspense && N(e.suspense.inFallback))
     return e.suspense.effects.push(e);
   const t = [e];
-  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < ee); )
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < te); )
     e.state && t.push(e);
   for (let n = t.length - 1; n >= 0; n--)
     if (e = t[n], e.state === k)
-      G(e);
-    else if (e.state === W) {
+      I(e);
+    else if (e.state === X) {
       const l = $;
-      $ = null, H(() => Y(e, t[0]), !1), $ = l;
+      $ = null, H(() => J(e, t[0]), !1), $ = l;
     }
 }
 function H(e, t) {
   if ($)
     return e();
   let n = !1;
-  t || ($ = []), S ? n = !0 : S = [], ee++;
+  t || ($ = []), S ? n = !0 : S = [], te++;
   try {
     const l = e();
     return He(n), l;
   } catch (l) {
-    n || (S = null), $ = null, xe(l);
+    n || (S = null), $ = null, _e(l);
   }
 }
 function He(e) {
-  if ($ && (me($), $ = null), e)
+  if ($ && (ve($), $ = null), e)
     return;
   const t = S;
-  S = null, t.length && H(() => ge(t), !1);
+  S = null, t.length && H(() => be(t), !1);
 }
-function me(e) {
+function ve(e) {
   for (let t = 0; t < e.length; t++)
-    X(e[t]);
+    Y(e[t]);
 }
 function Me(e) {
   let t, n = 0;
   for (t = 0; t < e.length; t++) {
     const l = e[t];
-    l.user ? e[n++] = l : X(l);
+    l.user ? e[n++] = l : Y(l);
   }
   for (t = 0; t < n; t++)
-    X(e[t]);
+    Y(e[t]);
 }
-function Y(e, t) {
+function J(e, t) {
   e.state = 0;
   for (let n = 0; n < e.sources.length; n += 1) {
     const l = e.sources[n];
     if (l.sources) {
       const o = l.state;
-      o === k ? l !== t && (!l.updatedAt || l.updatedAt < ee) && X(l) : o === W && Y(l, t);
+      o === k ? l !== t && (!l.updatedAt || l.updatedAt < te) && Y(l) : o === X && J(l, t);
     }
   }
 }
-function ve(e) {
+function xe(e) {
   for (let t = 0; t < e.observers.length; t += 1) {
     const n = e.observers[t];
-    n.state || (n.state = W, n.pure ? $.push(n) : S.push(n), n.observers && ve(n));
+    n.state || (n.state = X, n.pure ? $.push(n) : S.push(n), n.observers && xe(n));
   }
 }
-function te(e) {
+function ne(e) {
   let t;
   if (e.sources)
     for (; e.sources.length; ) {
@@ -202,7 +202,7 @@ function te(e) {
     }
   if (e.owned) {
     for (t = e.owned.length - 1; t >= 0; t--)
-      te(e.owned[t]);
+      ne(e.owned[t]);
     e.owned = null;
   }
   if (e.cleanups) {
@@ -212,36 +212,36 @@ function te(e) {
   }
   e.state = 0, e.context = null;
 }
-function De(e) {
+function Be(e) {
   return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
     cause: e
   });
 }
-function xe(e, t = w) {
-  throw De(e);
+function _e(e, t = w) {
+  throw Be(e);
 }
 function x(e, t) {
   return N(() => e(t || {}));
 }
-const Be = (e) => `Stale read from <${e}>.`;
-function U(e) {
-  const t = e.keyed, n = ae(() => e.when, void 0, {
+const Fe = (e) => `Stale read from <${e}>.`;
+function R(e) {
+  const t = e.keyed, n = de(() => e.when, void 0, {
     equals: (l, o) => t ? l === o : !l == !o
   });
-  return ae(() => {
+  return de(() => {
     const l = n();
     if (l) {
       const o = e.children;
       return typeof o == "function" && o.length > 0 ? N(() => o(t ? l : () => {
         if (!N(n))
-          throw Be("Show");
+          throw Fe("Show");
         return e.when;
       })) : o;
     }
     return e.fallback;
   }, void 0, void 0);
 }
-function Fe(e, t, n) {
+function Ue(e, t, n) {
   let l = n.length, o = t.length, s = l, i = 0, r = 0, c = t[o - 1].nextSibling, h = null;
   for (; i < o || r < s; ) {
     if (t[i] === n[r]) {
@@ -286,10 +286,10 @@ function Fe(e, t, n) {
     }
   }
 }
-const de = "_$DX_DELEGATE";
-function Ue(e, t, n, l = {}) {
+const he = "_$DX_DELEGATE";
+function Re(e, t, n, l = {}) {
   let o;
-  return Pe((s) => {
+  return Le((s) => {
     o = s, t === document ? e() : v(t, e(), t.firstChild ? null : void 0, n);
   }, l.owner), () => {
     o(), t.textContent = "";
@@ -303,25 +303,25 @@ function A(e, t, n) {
   }, s = t ? () => N(() => document.importNode(l || (l = o()), !0)) : () => (l || (l = o())).cloneNode(!0);
   return s.cloneNode = s, s;
 }
-function _e(e, t = window.document) {
-  const n = t[de] || (t[de] = /* @__PURE__ */ new Set());
+function Ee(e, t = window.document) {
+  const n = t[he] || (t[he] = /* @__PURE__ */ new Set());
   for (let l = 0, o = e.length; l < o; l++) {
     const s = e[l];
-    n.has(s) || (n.add(s), t.addEventListener(s, Ve));
+    n.has(s) || (n.add(s), t.addEventListener(s, Ge));
   }
 }
-function Re(e, t) {
+function Ve(e, t) {
   t == null ? e.removeAttribute("class") : e.className = t;
 }
-function D(e, t, n) {
+function B(e, t, n) {
   return N(() => e(t, n));
 }
 function v(e, t, n, l) {
   if (n !== void 0 && !l && (l = []), typeof t != "function")
-    return J(e, t, l, n);
-  j((o) => J(e, t(), o, n), l);
+    return Q(e, t, l, n);
+  D((o) => Q(e, t(), o, n), l);
 }
-function Ve(e) {
+function Ge(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -342,7 +342,7 @@ function Ve(e) {
     n = n._$host || n.parentNode || n.host;
   }
 }
-function J(e, t, n, l, o) {
+function Q(e, t, n, l, o) {
   for (; typeof n == "function"; )
     n = n();
   if (t === n)
@@ -358,21 +358,21 @@ function J(e, t, n, l, o) {
     n = L(e, n, l);
   else {
     if (s === "function")
-      return j(() => {
+      return D(() => {
         let r = t();
         for (; typeof r == "function"; )
           r = r();
-        n = J(e, r, n, l);
+        n = Q(e, r, n, l);
       }), () => n;
     if (Array.isArray(t)) {
       const r = [], c = n && Array.isArray(n);
-      if (le(r, t, n, o))
-        return j(() => n = J(e, r, n, l, !0)), () => n;
+      if (oe(r, t, n, o))
+        return D(() => n = Q(e, r, n, l, !0)), () => n;
       if (r.length === 0) {
         if (n = L(e, n, l), i)
           return n;
       } else
-        c ? n.length === 0 ? he(e, r, l) : Fe(e, n, r) : (n && L(e), he(e, r));
+        c ? n.length === 0 ? ge(e, r, l) : Ue(e, n, r) : (n && L(e), ge(e, r));
       n = r;
     } else if (t.nodeType) {
       if (Array.isArray(n)) {
@@ -387,7 +387,7 @@ function J(e, t, n, l, o) {
   }
   return n;
 }
-function le(e, t, n, l) {
+function oe(e, t, n, l) {
   let o = !1;
   for (let s = 0, i = t.length; s < i; s++) {
     let r = t[s], c = n && n[s], h;
@@ -395,12 +395,12 @@ function le(e, t, n, l) {
       if ((h = typeof r) == "object" && r.nodeType)
         e.push(r);
       else if (Array.isArray(r))
-        o = le(e, r, c) || o;
+        o = oe(e, r, c) || o;
       else if (h === "function")
         if (l) {
           for (; typeof r == "function"; )
             r = r();
-          o = le(e, Array.isArray(r) ? r : [r], Array.isArray(c) ? c : [c]) || o;
+          o = oe(e, Array.isArray(r) ? r : [r], Array.isArray(c) ? c : [c]) || o;
         } else
           e.push(r), o = !0;
       else {
@@ -410,7 +410,7 @@ function le(e, t, n, l) {
   }
   return o;
 }
-function he(e, t, n = null) {
+function ge(e, t, n = null) {
   for (let l = 0, o = t.length; l < o; l++)
     e.insertBefore(t[l], n);
 }
@@ -432,7 +432,7 @@ function L(e, t, n, l) {
     e.insertBefore(o, n);
   return [o];
 }
-function Ge(e, t, ...n) {
+function Ie(e, t, ...n) {
   if (t === void 0)
     throw new Error("`Ohbug warning(condition, format, ...args)` requires a warning message argument");
   if (!e) {
@@ -441,38 +441,38 @@ function Ge(e, t, ...n) {
     throw new Error(`Ohbug ${o}`);
   }
 }
-var Ie = {};
-function qe() {
-  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : Ie;
-}
+var qe = {};
 function Ke() {
-  const e = qe();
-  return Ge(
+  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : qe;
+}
+function We() {
+  const e = Ke();
+  return Ie(
     !!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 Se(e, t) {
+  e.parentNode && (t.push(e.parentNode), Se(e.parentNode, t));
 }
-function We(e) {
+function Xe(e) {
   const t = [];
-  return t.push(e), Ee(e, t), t;
+  return t.push(e), Se(e, t), t;
 }
-var Xe = (e) => {
+var Ye = (e) => {
   const t = e.target || e.srcElement;
   let n = e.target || e.srcElement;
   const l = [];
   for (let i = 0; n && n.nodeType === Node.ELEMENT_NODE && n.nodeType !== Node.DOCUMENT_TYPE_NODE; n = n.previousSibling)
     i && l.push(n), i += 1;
-  const o = typeof e.path > "u" ? We(e.target) : e.path, { outerHTML: s } = t;
+  const o = typeof e.path > "u" ? Xe(e.target) : e.path, { outerHTML: s } = t;
   return o.reverse().map((i) => (i.localName || "") + (i.id ? `#${i.id}` : "") + (i.className ? `.${i.className}` : "") + (i.outerHTML === s ? `:nth-child(${l.length})` : "")).filter((i) => !!i).join(" > ");
 };
-const oe = Symbol("store-raw"), R = Symbol("store-node");
-function Se(e) {
+const se = Symbol("store-raw"), V = Symbol("store-node");
+function Ae(e) {
   let t = e[C];
   if (!t && (Object.defineProperty(e, C, {
-    value: t = new Proxy(e, Qe)
+    value: t = new Proxy(e, Ze)
   }), !Array.isArray(e))) {
     const n = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
     for (let o = 0, s = n.length; o < s; o++) {
@@ -485,77 +485,77 @@ function Se(e) {
   }
   return t;
 }
-function Q(e) {
+function Z(e) {
   let t;
   return e != null && typeof e == "object" && (e[C] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
-function V(e, t = /* @__PURE__ */ new Set()) {
+function G(e, t = /* @__PURE__ */ new Set()) {
   let n, l, o, s;
-  if (n = e != null && e[oe])
+  if (n = e != null && e[se])
     return n;
-  if (!Q(e) || t.has(e))
+  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++)
-      o = e[i], (l = V(o, t)) !== o && (e[i] = l);
+      o = e[i], (l = G(o, t)) !== o && (e[i] = l);
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
     const i = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
     for (let c = 0, h = i.length; c < h; c++)
-      s = i[c], !r[s].get && (o = e[s], (l = V(o, t)) !== o && (e[s] = l));
+      s = i[c], !r[s].get && (o = e[s], (l = G(o, t)) !== o && (e[s] = l));
   }
   return e;
 }
-function ce(e) {
-  let t = e[R];
-  return t || Object.defineProperty(e, R, {
+function ue(e) {
+  let t = e[V];
+  return t || Object.defineProperty(e, V, {
     value: t = /* @__PURE__ */ Object.create(null)
   }), t;
 }
-function se(e, t, n) {
-  return e[t] || (e[t] = ke(n));
+function ie(e, t, n) {
+  return e[t] || (e[t] = Oe(n));
 }
-function Ye(e, t) {
+function Je(e, t) {
   const n = Reflect.getOwnPropertyDescriptor(e, t);
-  return !n || n.get || !n.configurable || t === C || t === R || (delete n.value, delete n.writable, n.get = () => e[C][t]), n;
+  return !n || n.get || !n.configurable || t === C || t === V || (delete n.value, delete n.writable, n.get = () => e[C][t]), n;
 }
-function Ae(e) {
-  if (we()) {
-    const t = ce(e);
-    (t._ || (t._ = ke()))();
+function ke(e) {
+  if (ye()) {
+    const t = ue(e);
+    (t._ || (t._ = Oe()))();
   }
 }
-function Je(e) {
-  return Ae(e), Reflect.ownKeys(e);
+function Qe(e) {
+  return ke(e), Reflect.ownKeys(e);
 }
-function ke(e) {
-  const [t, n] = F(e, {
+function Oe(e) {
+  const [t, n] = U(e, {
     equals: !1,
     internal: !0
   });
   return t.$ = n, t;
 }
-const Qe = {
+const Ze = {
   get(e, t, n) {
-    if (t === oe)
+    if (t === se)
       return e;
     if (t === C)
       return n;
-    if (t === fe)
-      return Ae(e), n;
-    const l = ce(e), o = l[t];
+    if (t === ae)
+      return ke(e), n;
+    const l = ue(e), o = l[t];
     let s = o ? o() : e[t];
-    if (t === R || t === "__proto__")
+    if (t === V || t === "__proto__")
       return s;
     if (!o) {
       const i = Object.getOwnPropertyDescriptor(e, t);
-      we() && (typeof s != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (s = se(l, t, s)());
+      ye() && (typeof s != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (s = ie(l, t, s)());
     }
-    return Q(s) ? Se(s) : s;
+    return Z(s) ? Ae(s) : s;
   },
   has(e, t) {
-    return t === oe || t === C || t === fe || t === R || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
+    return t === se || t === C || t === ae || t === V || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
   },
   set() {
     return !0;
@@ -563,54 +563,54 @@ const Qe = {
   deleteProperty() {
     return !0;
   },
-  ownKeys: Je,
-  getOwnPropertyDescriptor: Ye
+  ownKeys: Qe,
+  getOwnPropertyDescriptor: Je
 };
-function Z(e, t, n, l = !1) {
+function ee(e, t, n, l = !1) {
   if (!l && e[t] === n)
     return;
   const o = e[t], s = e.length;
   n === void 0 ? delete e[t] : e[t] = n;
-  let i = ce(e), r;
-  if ((r = se(i, t, o)) && r.$(() => n), Array.isArray(e) && e.length !== s) {
+  let i = ue(e), r;
+  if ((r = ie(i, t, o)) && r.$(() => n), Array.isArray(e) && e.length !== s) {
     for (let c = e.length; c < s; c++)
       (r = i[c]) && r.$();
-    (r = se(i, "length", s)) && r.$(e.length);
+    (r = ie(i, "length", s)) && r.$(e.length);
   }
   (r = i._) && r.$();
 }
-function Oe(e, t) {
+function Ce(e, t) {
   const n = Object.keys(t);
   for (let l = 0; l < n.length; l += 1) {
     const o = n[l];
-    Z(e, o, t[o]);
+    ee(e, o, t[o]);
   }
 }
-function Ze(e, t) {
-  if (typeof t == "function" && (t = t(e)), t = V(t), Array.isArray(t)) {
+function et(e, t) {
+  if (typeof t == "function" && (t = t(e)), t = G(t), Array.isArray(t)) {
     if (e === t)
       return;
     let n = 0, l = t.length;
     for (; n < l; n++) {
       const o = t[n];
-      e[n] !== o && Z(e, n, o);
+      e[n] !== o && ee(e, n, o);
     }
-    Z(e, "length", l);
+    ee(e, "length", l);
   } else
-    Oe(e, t);
+    Ce(e, t);
 }
-function B(e, t, n = []) {
+function F(e, t, n = []) {
   let l, o = e;
   if (t.length > 1) {
     l = t.shift();
     const i = typeof l, r = Array.isArray(e);
     if (Array.isArray(l)) {
       for (let c = 0; c < l.length; c++)
-        B(e, [l[c]].concat(t), n);
+        F(e, [l[c]].concat(t), n);
       return;
     } else if (r && i === "function") {
       for (let c = 0; c < e.length; c++)
-        l(e[c], c) && B(e, [c].concat(t), n);
+        l(e[c], c) && F(e, [c].concat(t), n);
       return;
     } else if (r && i === "object") {
       const {
@@ -619,31 +619,31 @@ function B(e, t, n = []) {
         by: u = 1
       } = l;
       for (let g = c; g <= h; g += u)
-        B(e, [g].concat(t), n);
+        F(e, [g].concat(t), n);
       return;
     } else if (t.length > 1) {
-      B(e[l], t, [l].concat(n));
+      F(e[l], t, [l].concat(n));
       return;
     }
     o = e[l], n = [l].concat(n);
   }
   let s = t[0];
-  typeof s == "function" && (s = s(o, n), s === o) || l === void 0 && s == null || (s = V(s), l === void 0 || Q(o) && Q(s) && !Array.isArray(s) ? Oe(o, s) : Z(e, l, s));
+  typeof s == "function" && (s = s(o, n), s === o) || l === void 0 && s == null || (s = G(s), l === void 0 || Z(o) && Z(s) && !Array.isArray(s) ? Ce(o, s) : ee(e, l, s));
 }
-function et(...[e, t]) {
-  const n = V(e || {}), l = Array.isArray(n), o = Se(n);
+function tt(...[e, t]) {
+  const n = G(e || {}), l = Array.isArray(n), o = Ae(n);
   function s(...i) {
-    Le(() => {
-      l && i.length === 1 ? Ze(n, i[0]) : B(n, i);
+    ze(() => {
+      l && i.length === 1 ? et(n, i[0]) : F(n, i);
     });
   }
   return [o, s];
 }
-const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */ A('<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)">'), nt = /* @__PURE__ */ A('<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>'), ie = () => tt(), lt = () => (() => {
-  const e = nt();
+const [p, j] = tt({ working: !1, selectedElement: null }), nt = /* @__PURE__ */ A('<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)">'), lt = /* @__PURE__ */ A('<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>'), re = () => nt(), ot = () => (() => {
+  const e = lt();
   return e.firstChild.nextSibling.style.setProperty("fill", "var(--color)"), e;
-})(), ot = /* @__PURE__ */ A('<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">'), st = /* @__PURE__ */ A('<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">'), it = /* @__PURE__ */ A('<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'), rt = /* @__PURE__ */ A('<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>'), ct = () => {
-  const [e, t] = F();
+})(), st = /* @__PURE__ */ A('<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="btn-stop" type="button">'), it = /* @__PURE__ */ A('<button class="rounded-full border-none 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">'), rt = /* @__PURE__ */ A('<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'), ct = /* @__PURE__ */ A('<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>'), ut = () => {
+  const [e, t] = U();
   let n, l, o, s, i;
   const r = 2;
   function c(f) {
@@ -693,7 +693,7 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
       top: E,
       left: P
     } = f.getBoundingClientRect();
-    z({
+    j({
       selectedElement: f
     }), i == null || i.setAttribute("style", `
       width: ${a + r * 2}px;
@@ -704,7 +704,7 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
   }
   function u(f) {
     var y;
-    z({
+    j({
       working: !0
     });
     const a = document.elementFromPoint(f.clientX, f.clientY);
@@ -728,77 +728,77 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
   function T() {
     document.addEventListener("mousedown", _);
   }
-  function I() {
+  function q() {
     document.removeEventListener("mousedown", _);
   }
   function O() {
-    t(null), m(), I(), z({
+    t(null), m(), q(), j({
       working: !1,
       selectedElement: null
     });
   }
-  function q() {
-    z({
+  function K() {
+    j({
       working: !0,
       selectedElement: null
     }), t(null), g();
   }
-  return pe(() => {
-    p.working ? (g(), T()) : (m(), I());
-  }), ze(O), (() => {
-    const f = rt(), a = f.firstChild, y = a.nextSibling, E = y.nextSibling, P = E.nextSibling, M = P.nextSibling;
-    return v(f, x(U, {
+  return we(() => {
+    p.working ? (g(), T()) : (m(), q());
+  }), je(O), (() => {
+    const f = ct(), a = f.firstChild, y = a.nextSibling, E = y.nextSibling, P = E.nextSibling, M = P.nextSibling;
+    return v(f, x(R, {
       get when() {
         return !p.selectedElement && p.working;
       },
       get children() {
-        const d = ot(), Ce = d.firstChild, Ne = Ce.firstChild, ue = Ne.nextSibling;
-        return ue.$$click = O, v(ue, x(ie, {})), d;
+        const d = st(), Ne = d.firstChild, Te = Ne.firstChild, fe = Te.nextSibling;
+        return fe.$$click = O, v(fe, x(re, {})), d;
       }
-    }), a), D((d) => {
+    }), a), B((d) => {
       n = d;
-    }, a), D((d) => {
+    }, a), B((d) => {
       l = d;
-    }, y), D((d) => {
+    }, y), B((d) => {
       o = d;
-    }, E), D((d) => {
+    }, E), B((d) => {
       s = d;
-    }, P), D((d) => {
+    }, P), B((d) => {
       i = d;
-    }, M), v(M, x(U, {
+    }, M), v(M, x(R, {
       get when() {
         return p.selectedElement && p.working;
       },
       get children() {
         return [(() => {
-          const d = st();
-          return d.$$click = O, v(d, x(ie, {})), d;
-        })(), (() => {
           const d = it();
-          return d.$$click = q, d.style.setProperty("transform", "translate(4px, -8px)"), d;
+          return d.$$click = O, v(d, x(re, {})), d;
+        })(), (() => {
+          const d = rt();
+          return d.$$click = K, d.style.setProperty("transform", "translate(4px, -8px)"), d;
         })()];
       }
-    })), j(() => Re(M, `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;
+    })), D(() => Ve(M, `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 ut = /* @__PURE__ */ A('<button class="btn-main" data-ohbug-selector type="button">'), ft = /* @__PURE__ */ A('<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-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="btn-send" 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">'), at = /* @__PURE__ */ A('<div class="z-max relative" data-ohbug-selector><div>'), dt = () => {
-  const [e, t] = F(!1), [n, l] = F("");
+Ee(["click"]);
+const ft = /* @__PURE__ */ A('<button class="btn-main" data-ohbug-selector type="button">'), at = /* @__PURE__ */ A('<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 border-none w-full resize-none" data-ohbug-selector maxlength="1000" placeholder="Tell me how you feel..." rows="4"></textarea><button class="cursor-pointer border-none bg-transparent" 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-1 underline" data-ohbug-selector href="https://ohbug.net" rel="noreferrer" target="_blank">Ohbug</a>?</span><button class="btn-send" data-ohbug-selector type="button"></button></div><button class="border-none 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">'), dt = /* @__PURE__ */ A('<div class="z-max relative" data-ohbug-selector><div>'), ht = () => {
+  const [e, t] = U(!1), [n, l] = U("");
   function o() {
-    z({
+    j({
       working: !0
     });
   }
-  const [s, i] = F(!1);
+  const [s, i] = U(!1);
   async function r() {
     i(!0);
     let c, h;
-    const u = Ke().client;
+    const u = We().client;
     if (p.selectedElement) {
       const g = {
         target: p.selectedElement
       };
-      c = Xe(g), h = p.selectedElement.outerHTML;
+      c = Ye(g), h = p.selectedElement.outerHTML;
       const m = u.createEvent({
         category: "feedback",
         type: "feedback",
@@ -819,56 +819,60 @@ const ut = /* @__PURE__ */ A('<button class="btn-main" data-ohbug-selector type=
       });
       await u.notify(g);
     }
-    t(!1), l(""), z({
+    t(!1), l(""), j({
       working: !1,
       selectedElement: null
     }), i(!1);
   }
-  return pe(() => {
+  return we(() => {
     p.working === !1 && p.selectedElement === null || p.working && !p.selectedElement ? t(!1) : t(!0);
   }), (() => {
-    const c = at(), h = c.firstChild;
-    return v(c, x(U, {
+    const c = dt(), h = c.firstChild;
+    return v(c, x(R, {
       get when() {
         return p.working;
       },
       get children() {
-        return x(ct, {});
+        return x(ut, {});
       }
-    }), h), v(h, x(U, {
+    }), h), v(h, x(R, {
       get when() {
         return !(p.working && !p.selectedElement);
       },
       get children() {
-        const u = ut();
+        const u = ft();
         return u.$$click = () => t((g) => !g), v(u, () => e() ? "😆" : "🙂"), u;
       }
-    }), null), v(h, x(U, {
+    }), null), v(h, x(R, {
       get when() {
         return e();
       },
       get children() {
-        const u = ft(), g = u.firstChild, m = g.firstChild, _ = m.nextSibling, T = g.nextSibling, I = T.firstChild, O = I.nextSibling, q = T.nextSibling;
-        return m.$$input = (f) => l(f.currentTarget.value), _.$$click = o, v(_, x(lt, {})), O.$$click = r, v(O, () => s() ? "Sending..." : "Send"), q.$$click = () => t((f) => !f), v(q, x(ie, {})), j((f) => {
+        const u = at(), g = u.firstChild, m = g.firstChild, _ = m.nextSibling, T = g.nextSibling, q = T.firstChild, O = q.nextSibling, K = T.nextSibling;
+        return m.$$input = (f) => l(f.currentTarget.value), _.$$click = o, v(_, x(ot, {})), O.$$click = r, v(O, () => s() ? "Sending..." : "Send"), K.$$click = () => t((f) => !f), v(K, x(re, {})), D((f) => {
           const a = p.selectedElement ? "blue" : "gray", y = !n() || s();
           return a !== f._v$ && ((f._v$ = a) != null ? _.style.setProperty("--color", a) : _.style.removeProperty("--color")), y !== f._v$2 && (O.disabled = f._v$2 = y), f;
         }, {
           _v$: void 0,
           _v$2: void 0
-        }), j(() => m.value = n()), u;
+        }), D(() => m.value = n()), u;
       }
     }), null), c;
   })();
 };
-_e(["click", "input"]);
-const ht = (e) => ({
+Ee(["click", "input"]);
+const gt = "OhbugExtensionFeedback-ROOT";
+let z = null;
+const bt = (e) => ({
   name: "OhbugExtensionFeedback",
   onSetup: () => {
-    const t = document.createElement("div");
-    t.id = "OhbugExtensionFeedback-ROOT", (e || document.body).appendChild(t), Ue(() => x(dt, {}), t);
+    z = document.createElement("div"), z.id = gt, (e || document.body).appendChild(z), Re(() => x(ht, {}), z);
+  },
+  onDestroy: () => {
+    z && z.remove();
   }
 });
-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("/*\n! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  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\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.btn-main {\n  z-index: 99999;\n  position: fixed;\n  right: 2rem;\n  bottom: 2rem;\n  display: flex;\n  height: 2rem;\n  width: 2.5rem;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.btn-main:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.btn-send {\n  border-radius: 0.125rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.btn-send:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.tips {\n  z-index: 99999;\n  position: fixed;\n  top: 0px;\n  left: 50%;\n  display: flex;\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  align-items: center;\n  border-bottom-right-radius: 0.5rem;\n  border-bottom-left-radius: 0.5rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n  padding: 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.z-max {\n  z-index: 99999;\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.pointer-events-auto {\n  pointer-events: auto;\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.-bottom-full {\n  bottom: -100%;\n}\n.-right-2 {\n  right: -0.5rem;\n}\n.-right-3 {\n  right: -0.75rem;\n}\n.-top-2 {\n  top: -0.5rem;\n}\n.-top-3 {\n  top: -0.75rem;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-20 {\n  bottom: 5rem;\n}\n.left-0 {\n  left: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.right-8 {\n  right: 2rem;\n}\n.top-0 {\n  top: 0px;\n}\n.z-10 {\n  z-index: 10;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.box-border {\n  box-sizing: border-box;\n}\n.flex {\n  display: flex;\n}\n.h-6 {\n  height: 1.5rem;\n}\n.h-60 {\n  height: 15rem;\n}\n.w-6 {\n  width: 1.5rem;\n}\n.w-80 {\n  width: 20rem;\n}\n.w-full {\n  width: 100%;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.resize-none {\n  resize: none;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.border-4 {\n  border-width: 4px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-dashed {\n  border-style: dashed;\n}\n.border-blue-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.border-red-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.bg-gray-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-opacity-20 {\n  --tw-bg-opacity: 0.2;\n}\n.bg-opacity-40 {\n  --tw-bg-opacity: 0.4;\n}\n.bg-none {\n  background-image: none;\n}\n.p-4 {\n  padding: 1rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}");
+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("*, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  \n}\n::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  \n}\n.btn-main {\n    z-index: 99999;\n    position: fixed;\n    right: 2rem;\n    bottom: 2rem;\n    display: flex;\n    height: 2rem;\n    width: 2.5rem;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0.25rem;\n    border-style: none;\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.btn-main:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.btn-send {\n    cursor: pointer;\n    border-radius: 0.125rem;\n    border-style: none;\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.btn-send:disabled {\n    cursor: not-allowed;\n    opacity: 0.5\n}\n.btn-stop {\n    pointer-events: auto;\n    margin-left: 0.25rem;\n    cursor: pointer;\n    border-style: none;\n    background-color: transparent;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.btn-stop:hover {\n    background-color: rgb(107 114 128 / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.3\n}\n.tips {\n    z-index: 99999;\n    position: fixed;\n    top: 0px;\n    left: 50%;\n    display: flex;\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    align-items: center;\n    border-bottom-right-radius: 0.5rem;\n    border-bottom-left-radius: 0.5rem;\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n    padding: 0.75rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.z-max {\n    z-index: 99999\n}\n.pointer-events-none {\n    pointer-events: none\n}\n.pointer-events-auto {\n    pointer-events: auto\n}\n.visible {\n    visibility: visible\n}\n.fixed {\n    position: fixed\n}\n.absolute {\n    position: absolute\n}\n.relative {\n    position: relative\n}\n.-bottom-full {\n    bottom: -100%\n}\n.-right-2 {\n    right: -0.5rem\n}\n.-right-3 {\n    right: -0.75rem\n}\n.-top-2 {\n    top: -0.5rem\n}\n.-top-3 {\n    top: -0.75rem\n}\n.bottom-0 {\n    bottom: 0px\n}\n.bottom-20 {\n    bottom: 5rem\n}\n.left-0 {\n    left: 0px\n}\n.right-0 {\n    right: 0px\n}\n.right-8 {\n    right: 2rem\n}\n.top-0 {\n    top: 0px\n}\n.z-10 {\n    z-index: 10\n}\n.ml-1 {\n    margin-left: 0.25rem\n}\n.box-border {\n    box-sizing: border-box\n}\n.flex {\n    display: flex\n}\n.h-6 {\n    height: 1.5rem\n}\n.h-60 {\n    height: 15rem\n}\n.w-6 {\n    width: 1.5rem\n}\n.w-80 {\n    width: 20rem\n}\n.w-full {\n    width: 100%\n}\n.flex-1 {\n    flex: 1 1 0%\n}\n.transform {\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.cursor-pointer {\n    cursor: pointer\n}\n.resize-none {\n    resize: none\n}\n.flex-col {\n    flex-direction: column\n}\n.items-center {\n    align-items: center\n}\n.justify-center {\n    justify-content: center\n}\n.justify-between {\n    justify-content: space-between\n}\n.rounded-full {\n    border-radius: 9999px\n}\n.rounded-sm {\n    border-radius: 0.125rem\n}\n.border-4 {\n    border-width: 4px\n}\n.border-solid {\n    border-style: solid\n}\n.border-dashed {\n    border-style: dashed\n}\n.border-none {\n    border-style: none\n}\n.border-blue-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.border-red-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n.bg-black {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n.bg-blue-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.bg-gray-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(209 213 219 / var(--tw-bg-opacity))\n}\n.bg-red-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.bg-transparent {\n    background-color: transparent\n}\n.bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.bg-opacity-20 {\n    --tw-bg-opacity: 0.2\n}\n.bg-opacity-40 {\n    --tw-bg-opacity: 0.4\n}\n.bg-none {\n    background-image: none\n}\n.p-4 {\n    padding: 1rem\n}\n.text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.font-semibold {\n    font-weight: 600\n}\n.text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.underline {\n    text-decoration-line: underline\n}\n.shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.outline-none {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.transition {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}");
 export {
-  ht as default
+  bt as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohbug/extension-feedback",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "Ohbug extension to collect user feedback",
   "license": "MIT",
   "author": "chenyueban <jasonchan0527@gmail.com>",
@@ -26,15 +26,15 @@
     "dist"
   ],
   "dependencies": {
-    "@ohbug/types": "^2.1.1",
-    "@ohbug/utils": "^2.0.6",
+    "@ohbug/types": "^2.2.1",
+    "@ohbug/utils": "^2.0.8",
     "solid-js": "^1.7.7"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.24",
+    "postcss": "^8.4.25",
     "tailwindcss": "^3.3.2",
-    "vite": "^4.3.9",
+    "vite": "^4.4.1",
     "vite-plugin-dts": "^3.1.0",
     "vite-plugin-solid": "^2.7.0"
   },