@ohbug/extension-feedback 0.6.2 → 0.7.0

package/README.md

@@ -26,5 +26,21 @@ import Ohbug from '@ohbug/browser'
 import OhbugExtensionFeedback from '@ohbug/extension-feedback'
 
 const client = Ohbug.setup({ apiKey: 'YOUR_API_KEY' })
-client.use(OhbugExtensionFeedback)
+client.use(OhbugExtensionFeedback())
+```
+
+## Parameters
+
+### target?: HTMLElement
+
+You can customize the dom element to which the feedback popup is mounted, by default it will be mounted in the body.
+
+example:
+
+```javascript
+import Ohbug from '@ohbug/browser'
+import OhbugExtensionFeedback from '@ohbug/extension-feedback'
+
+const client = Ohbug.setup({ apiKey: 'YOUR_API_KEY' })
+client.use(OhbugExtensionFeedback(document.querySelector('#xxx')))
 ```

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import type { OhbugExtension } from '@ohbug/types';
-declare const extension: OhbugExtension;
+declare const extension: (target?: HTMLElement) => OhbugExtension;
 export default extension;
 //# sourceMappingURL=index.d.ts.map

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,EAAE,cAShB,CAAA;AAED,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;AAIlD,QAAA,MAAM,SAAS,YAAa,WAAW,KAAG,cASxC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/index.js

@@ -28,4 +28,4 @@
       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={name:"OhbugExtensionFeedback",onSetup:()=>{const e=document.createElement("div");e.id="OhbugExtensionFeedback-ROOT",document.body.appendChild(e),Ue(()=>x(dt,{}),e)}};function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject("/*\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;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;

package/dist/index.mjs

@@ -11,13 +11,13 @@ const k = 1, W = 2, be = {
 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 : {
+  const n = b, l = w, o = e.length === 0, s = o ? be : {
     owned: null,
     cleanups: null,
     context: null,
     owner: t === void 0 ? l : t
-  }, i = s ? e : () => e(() => N(() => te(o)));
-  w = o, b = null;
+  }, i = o ? e : () => e(() => N(() => te(s)));
+  w = s, b = null;
   try {
     return H(i, !0);
   } finally {
@@ -31,7 +31,7 @@ function F(e, t) {
     observers: null,
     observerSlots: null,
     comparator: t.equals || void 0
-  }, l = (s) => (typeof s == "function" && (s = s(n.value)), $e(n, s));
+  }, l = (o) => (typeof o == "function" && (o = o(n.value)), $e(n, o));
   return [ye.bind(n), l];
 }
 function j(e, t, n) {
@@ -85,9 +85,9 @@ function ye() {
 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);
+    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);
     }
     if ($.length > 1e6)
       throw $ = [], new Error();
@@ -104,13 +104,13 @@ 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);
+  } catch (o) {
+    return e.pure && (e.state = k, e.owned && e.owned.forEach(te), e.owned = null), e.updatedAt = n + 1, xe(o);
   }
   (!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 = {
+function re(e, t, n, l = k, o) {
+  const s = {
     fn: e,
     state: l,
     updatedAt: null,
@@ -123,7 +123,7 @@ function re(e, t, n, l = k, s) {
     context: null,
     pure: n
   };
-  return w === null || w !== be && (w.owned ? w.owned.push(o) : w.owned = [o]), o;
+  return w === null || w !== be && (w.owned ? w.owned.push(s) : w.owned = [s]), s;
 }
 function X(e) {
   if (e.state === 0)
@@ -179,8 +179,8 @@ function Y(e, t) {
   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);
+      const o = l.state;
+      o === k ? l !== t && (!l.updatedAt || l.updatedAt < ee) && X(l) : o === W && Y(l, t);
     }
   }
 }
@@ -194,10 +194,10 @@ 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);
+      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) {
@@ -226,52 +226,52 @@ function x(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
+    equals: (l, o) => t ? l === o : !l == !o
   });
   return ae(() => {
     const l = n();
     if (l) {
-      const s = e.children;
-      return typeof s == "function" && s.length > 0 ? N(() => s(t ? l : () => {
+      const o = e.children;
+      return typeof o == "function" && o.length > 0 ? N(() => o(t ? l : () => {
         if (!N(n))
           throw Be("Show");
         return e.when;
-      })) : s;
+      })) : o;
     }
     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; ) {
+  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[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; )
+    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 (o === r)
-      for (; i < s; )
+    } else if (s === r)
+      for (; i < o; )
         (!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 (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 = /* @__PURE__ */ new Map();
         let g = r;
-        for (; g < o; )
+        for (; g < s; )
           h.set(n[g], g++);
       }
       const u = h.get(t[i]);
       if (u != null)
-        if (r < u && u < o) {
+        if (r < u && u < s) {
           let g = i, m = 1, _;
-          for (; ++g < s && g < o && !((_ = h.get(t[g])) == null || _ !== u + m); )
+          for (; ++g < o && g < s && !((_ = h.get(t[g])) == null || _ !== u + m); )
             m++;
           if (m > u - r) {
             const T = t[i];
@@ -288,26 +288,26 @@ function Fe(e, t, n) {
 }
 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);
+  let o;
+  return Pe((s) => {
+    o = s, t === document ? e() : v(t, e(), t.firstChild ? null : void 0, n);
   }, l.owner), () => {
-    s(), t.textContent = "";
+    o(), t.textContent = "";
   };
 }
 function A(e, t, n) {
   let l;
-  const s = () => {
+  const o = () => {
     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;
+  }, 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());
-  for (let l = 0, s = e.length; l < s; l++) {
-    const o = e[l];
-    n.has(o) || (n.add(o), t.addEventListener(o, Ve));
+  for (let l = 0, o = e.length; l < o; l++) {
+    const s = e[l];
+    n.has(s) || (n.add(s), t.addEventListener(s, Ve));
   }
 }
 function Re(e, t) {
@@ -319,7 +319,7 @@ function D(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);
+  j((o) => J(e, t(), o, n), l);
 }
 function Ve(e) {
   const t = `$$${e.type}`;
@@ -335,29 +335,29 @@ function Ve(e) {
   }); 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)
+      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 J(e, t, n, l, s) {
+function J(e, t, n, l, o) {
   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) {
+  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 || o === "boolean")
+  else if (t == null || s === "boolean")
     n = L(e, n, l);
   else {
-    if (o === "function")
+    if (s === "function")
       return j(() => {
         let r = t();
         for (; typeof r == "function"; )
@@ -366,7 +366,7 @@ function J(e, t, n, l, s) {
       }), () => n;
     if (Array.isArray(t)) {
       const r = [], c = n && Array.isArray(n);
-      if (le(r, t, n, s))
+      if (le(r, t, n, o))
         return j(() => n = J(e, r, n, l, !0)), () => n;
       if (r.length === 0) {
         if (n = L(e, n, l), i)
@@ -388,57 +388,57 @@ function J(e, t, n, l, s) {
   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;
+  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))
-        s = le(e, r, c) || s;
+        o = le(e, r, c) || o;
       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;
+          o = le(e, Array.isArray(r) ? r : [r], Array.isArray(c) ? c : [c]) || o;
         } else
-          e.push(r), s = !0;
+          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 s;
+  return o;
 }
 function he(e, t, n = null) {
-  for (let l = 0, s = t.length; l < s; l++)
+  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 s = l || document.createTextNode("");
+  const o = l || document.createTextNode("");
   if (t.length) {
-    let o = !1;
+    let s = !1;
     for (let i = t.length - 1; i >= 0; i--) {
       const r = t[i];
-      if (s !== r) {
+      if (o !== r) {
         const c = r.parentNode === e;
-        !o && !i ? c ? e.replaceChild(s, r) : e.insertBefore(s, n) : c && r.remove();
+        !s && !i ? c ? e.replaceChild(o, r) : e.insertBefore(o, n) : c && r.remove();
       } else
-        o = !0;
+        s = !0;
     }
   } else
-    e.insertBefore(s, n);
-  return [s];
+    e.insertBefore(o, n);
+  return [o];
 }
 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}`);
+    const o = t.replace(/%s/g, () => n[l++]);
+    throw new Error(`Ohbug ${o}`);
   }
 }
 var Ie = {};
@@ -465,18 +465,18 @@ var Xe = (e) => {
   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 o = typeof e.path > "u" ? We(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"), R = Symbol("store-node");
+const oe = 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];
+    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)
@@ -490,20 +490,20 @@ function Q(e) {
   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()) {
-  let n, l, s, o;
-  if (n = e != null && e[se])
+  let n, l, o, s;
+  if (n = e != null && e[oe])
     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);
+      o = e[i], (l = V(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++)
-      o = i[c], !r[o].get && (s = e[o], (l = V(s, t)) !== s && (e[o] = l));
+      s = i[c], !r[s].get && (o = e[s], (l = V(o, t)) !== o && (e[s] = l));
   }
   return e;
 }
@@ -513,7 +513,7 @@ function ce(e) {
     value: t = /* @__PURE__ */ Object.create(null)
   }), t;
 }
-function oe(e, t, n) {
+function se(e, t, n) {
   return e[t] || (e[t] = ke(n));
 }
 function Ye(e, t) {
@@ -538,24 +538,24 @@ function ke(e) {
 }
 const Qe = {
   get(e, t, n) {
-    if (t === se)
+    if (t === oe)
       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];
+    const l = ce(e), o = l[t];
+    let s = o ? o() : e[t];
     if (t === R || t === "__proto__")
-      return o;
-    if (!s) {
+      return s;
+    if (!o) {
       const i = Object.getOwnPropertyDescriptor(e, t);
-      we() && (typeof o != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (o = oe(l, t, o)());
+      we() && (typeof s != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (s = se(l, t, s)());
     }
-    return Q(o) ? Se(o) : o;
+    return Q(s) ? Se(s) : s;
   },
   has(e, t) {
-    return t === se || t === C || t === fe || t === R || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
+    return t === oe || t === C || t === fe || t === R || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
   },
   set() {
     return !0;
@@ -569,21 +569,21 @@ const Qe = {
 function Z(e, t, n, l = !1) {
   if (!l && e[t] === n)
     return;
-  const s = e[t], o = e.length;
+  const o = e[t], s = 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++)
+  if ((r = se(i, t, o)) && r.$(() => n), Array.isArray(e) && e.length !== s) {
+    for (let c = e.length; c < s; c++)
       (r = i[c]) && r.$();
-    (r = oe(i, "length", o)) && r.$(e.length);
+    (r = se(i, "length", s)) && 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]);
+    const o = n[l];
+    Z(e, o, t[o]);
   }
 }
 function Ze(e, t) {
@@ -592,15 +592,15 @@ function Ze(e, t) {
       return;
     let n = 0, l = t.length;
     for (; n < l; n++) {
-      const s = t[n];
-      e[n] !== s && Z(e, n, s);
+      const o = t[n];
+      e[n] !== o && Z(e, n, o);
     }
     Z(e, "length", l);
   } else
     Oe(e, t);
 }
 function B(e, t, n = []) {
-  let l, s = e;
+  let l, o = e;
   if (t.length > 1) {
     l = t.shift();
     const i = typeof l, r = Array.isArray(e);
@@ -625,26 +625,26 @@ function B(e, t, n = []) {
       B(e[l], t, [l].concat(n));
       return;
     }
-    s = e[l], n = [l].concat(n);
+    o = 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));
+  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));
 }
 function et(...[e, t]) {
-  const n = V(e || {}), l = Array.isArray(n), s = Se(n);
-  function o(...i) {
+  const n = V(e || {}), l = Array.isArray(n), o = Se(n);
+  function s(...i) {
     Le(() => {
       l && i.length === 1 ? Ze(n, i[0]) : B(n, i);
     });
   }
-  return [s, o];
+  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();
   return e.firstChild.nextSibling.style.setProperty("fill", "var(--color)"), e;
-})(), 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="stop-btn" type="button">'), ot = /* @__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 = () => {
+})(), 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();
-  let n, l, s, o, i;
+  let n, l, o, s, i;
   const r = 2;
   function c(f) {
     if (!f || f.tagName === "HTML")
@@ -672,12 +672,12 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
       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;
@@ -752,7 +752,7 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
         return !p.selectedElement && p.working;
       },
       get children() {
-        const d = st(), Ce = d.firstChild, Ne = Ce.firstChild, ue = Ne.nextSibling;
+        const d = ot(), Ce = d.firstChild, Ne = Ce.firstChild, ue = Ne.nextSibling;
         return ue.$$click = O, v(ue, x(ie, {})), d;
       }
     }), a), D((d) => {
@@ -760,9 +760,9 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
     }, a), D((d) => {
       l = d;
     }, y), D((d) => {
-      s = d;
-    }, E), D((d) => {
       o = d;
+    }, E), D((d) => {
+      s = d;
     }, P), D((d) => {
       i = d;
     }, M), v(M, x(U, {
@@ -771,7 +771,7 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
       },
       get children() {
         return [(() => {
-          const d = ot();
+          const d = st();
           return d.$$click = O, v(d, x(ie, {})), d;
         })(), (() => {
           const d = it();
@@ -784,12 +784,12 @@ const [p, z] = et({ working: !1, selectedElement: null }), tt = /* @__PURE__ */
 _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("");
-  function s() {
+  function o() {
     z({
       working: !0
     });
   }
-  const [o, i] = F(!1);
+  const [s, i] = F(!1);
   async function r() {
     i(!0);
     let c, h;
@@ -849,8 +849,8 @@ const ut = /* @__PURE__ */ A('<button class="btn-main" data-ohbug-selector type=
       },
       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 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 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,
@@ -861,13 +861,13 @@ const ut = /* @__PURE__ */ A('<button class="btn-main" data-ohbug-selector type=
   })();
 };
 _e(["click", "input"]);
-const ht = {
+const ht = (e) => ({
   name: "OhbugExtensionFeedback",
   onSetup: () => {
-    const e = document.createElement("div");
-    e.id = "OhbugExtensionFeedback-ROOT", document.body.appendChild(e), Ue(() => x(dt, {}), e);
+    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}");
 export {
   ht as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohbug/extension-feedback",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Ohbug extension to collect user feedback",
   "license": "MIT",
   "author": "chenyueban <jasonchan0527@gmail.com>",