@adhese/sdk-devtools 1.0.2 → 1.0.3-nightly-20260903122758

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @adhese/sdk-devtools
 
+## 1.0.3-nightly-20260903122758
+
+### Patch Changes
+
+- 23c5806: Add support for identifying an ad's creative as empty (a no-fill/house banner) while still tracking the slot's position, without rendering it.
+  
+  Call the new `processOnEmpty(ad)` overload from the `onRequest` hook, passing the ad you received, when its content indicates there's nothing real to show. This fires `onEmpty` immediately — as soon as the ad is known to be empty — while keeping the ad's data available so impression and viewability tracking pixels still fire once the slot actually renders; no creative is ever written to the element. `processOnEmpty()` called with no argument keeps its original behaviour: a hard empty (server returned no ad at all), with `status` becoming `empty` and nothing tracked.
+  
+  Returning a falsy value from the `onBeforeRender` hook now has the same tracked-but-not-rendered effect as a render-time alternative, useful when the decision can only be made right before the creative would be written to the DOM. Either way, the new `isEmpty` flag on the slot context reports whether a `rendered` slot actually got a creative or not.
+  
+  This also fixes a no-fill creative that was fetched while a slot was out of the viewport still being rendered once the slot scrolled into view: the position-tracked decision is now re-checked at the actual render step (whenever it happens), instead of only at request time.
+  
+  The devtools slots table now shows a "No-fill" badge for slots that reached `rendered` with `isEmpty` set.
+  
+  Also fixes a pending viewability tracking pixel outliving a disposed slot: its dwell-time timer is now cancelled on `dispose()` instead of firing later regardless.
+- Updated dependencies [23c5806]
+  - @adhese/sdk@1.12.0-nightly-20260903122758
+
 ## 1.0.2
 
 ### Patch Changes

package/dist/AdheseContext.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { watch } from "@adhese/sdk-shared";
-import { createContext, useState, useEffect, useContext } from "react";
+import { useState, useEffect, useContext, createContext } from "react";
 const adheseContext = createContext(void 0);
 function AdheseProvider({ adhese, children }) {
   const [state, setState] = useState(adhese);

package/dist/AdheseContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdheseContext.js","sources":["../src/AdheseContext.tsx"],"sourcesContent":["import type { AdheseContext } from '@adhese/sdk';\nimport { watch } from '@adhese/sdk-shared';\nimport { createContext, type PropsWithChildren, type ReactElement, useContext, useEffect, useState } from 'react';\n\nconst adheseContext = createContext<AdheseContext | undefined>(undefined);\n\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ adhese, children }: PropsWithChildren<{\n  adhese: AdheseContext;\n}>): ReactElement {\n  const [state, setState] = useState(adhese);\n\n  useEffect(() => watch(adhese, (newValue) => {\n    setState({ ...newValue });\n  }, { immediate: true, deep: true }), [adhese]);\n\n  return <adheseContext.Provider value={state}>{children}</adheseContext.Provider>;\n}\n\nexport function useAdheseContext(): AdheseContext | undefined {\n  return useContext(adheseContext);\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB,cAAyC,MAAS;AAGjE,SAAS,eAAe,EAAE,QAAQ,YAEvB;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM;AAEzC,YAAU,MAAM,MAAM,QAAQ,CAAC,aAAa;AACjC,aAAA,EAAE,GAAG,UAAU;AAAA,EAAA,GACvB,EAAE,WAAW,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7C,6BAAQ,cAAc,UAAd,EAAuB,OAAO,OAAQ,UAAS;AACzD;AAEO,SAAS,mBAA8C;AAC5D,SAAO,WAAW,aAAa;AACjC;"}
+{"version":3,"file":"AdheseContext.js","sources":["../src/AdheseContext.tsx"],"sourcesContent":["import type { AdheseContext } from '@adhese/sdk';\nimport { watch } from '@adhese/sdk-shared';\nimport { createContext, type PropsWithChildren, type ReactElement, useContext, useEffect, useState } from 'react';\n\nconst adheseContext = createContext<AdheseContext | undefined>(undefined);\n\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ adhese, children }: PropsWithChildren<{\n  adhese: AdheseContext;\n}>): ReactElement {\n  const [state, setState] = useState(adhese);\n\n  useEffect(() => watch(adhese, (newValue) => {\n    setState({ ...newValue });\n  }, { immediate: true, deep: true }), [adhese]);\n\n  return <adheseContext.Provider value={state}>{children}</adheseContext.Provider>;\n}\n\nexport function useAdheseContext(): AdheseContext | undefined {\n  return useContext(adheseContext);\n}\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB,cAAyC,MAAS;AAGjE,SAAS,eAAe,EAAE,QAAQ,YAEvB;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM;AAEzC,YAAU,MAAM,MAAM,QAAQ,CAAC,aAAa;AAC1C,aAAS,EAAE,GAAG,UAAU;AAAA,EAC1B,GAAG,EAAE,WAAW,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7C,6BAAQ,cAAc,UAAd,EAAuB,OAAO,OAAQ,UAAS;AACzD;AAEO,SAAS,mBAA8C;AAC5D,SAAO,WAAW,aAAa;AACjC;"}

package/dist/Devtools.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Devtools.hooks.js","sources":["../src/Devtools.hooks.tsx"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\nexport function useSpacing(isOpen: boolean, appRef: RefObject<HTMLDivElement | null>): number {\n  const [spacing, setSpacing] = useState(0);\n  useEffect(() => {\n    let resizeObserver: ResizeObserver | undefined;\n\n    if (isOpen) {\n      resizeObserver = new ResizeObserver(([entry]) => {\n        setSpacing(entry.target.getBoundingClientRect().height);\n      },\n      );\n\n      if (appRef.current)\n        resizeObserver.observe(appRef.current);\n    }\n\n    return (): void => {\n      resizeObserver?.disconnect();\n    };\n  }, [isOpen]);\n  return spacing;\n}\n"],"names":[],"mappings":";AAEgB,SAAA,WAAW,QAAiB,QAAkD;AAC5F,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC;AACxC,YAAU,MAAM;AACV,QAAA;AAEJ,QAAI,QAAQ;AACV,uBAAiB,IAAI;AAAA,QAAe,CAAC,CAAC,KAAK,MAAM;AAC/C,qBAAW,MAAM,OAAO,sBAAsB,EAAE,MAAM;AAAA,QAAA;AAAA,MAExD;AAEA,UAAI,OAAO;AACM,uBAAA,QAAQ,OAAO,OAAO;AAAA,IAAA;AAGzC,WAAO,MAAY;AACjB,uDAAgB;AAAA,IAClB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AACJ,SAAA;AACT;"}
+{"version":3,"file":"Devtools.hooks.js","sources":["../src/Devtools.hooks.tsx"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\nexport function useSpacing(isOpen: boolean, appRef: RefObject<HTMLDivElement | null>): number {\n  const [spacing, setSpacing] = useState(0);\n  useEffect(() => {\n    let resizeObserver: ResizeObserver | undefined;\n\n    if (isOpen) {\n      resizeObserver = new ResizeObserver(([entry]) => {\n        setSpacing(entry.target.getBoundingClientRect().height);\n      },\n      );\n\n      if (appRef.current)\n        resizeObserver.observe(appRef.current);\n    }\n\n    return (): void => {\n      resizeObserver?.disconnect();\n    };\n  }, [isOpen]);\n  return spacing;\n}\n"],"names":[],"mappings":";AAEO,SAAS,WAAW,QAAiB,QAAkD;AAC5F,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC;AACxC,YAAU,MAAM;AACd,QAAI;AAEJ,QAAI,QAAQ;AACV,uBAAiB,IAAI;AAAA,QAAe,CAAC,CAAC,KAAK,MAAM;AAC/C,qBAAW,MAAM,OAAO,sBAAA,EAAwB,MAAM;AAAA,QACxD;AAAA,MAAA;AAGA,UAAI,OAAO;AACT,uBAAe,QAAQ,OAAO,OAAO;AAAA,IACzC;AAEA,WAAO,MAAY;AACjB,uDAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACX,SAAO;AACT;"}

package/dist/Devtools.js

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('*, ::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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.15 | 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.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\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, 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  -webkit-tap-highlight-color: transparent; /* 7 */\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. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. 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-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\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-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: 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,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([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/*\nReset default styling for dialogs.\n*/\ndialog {\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]:where(:not([hidden="until-found"])) {\n  display: none;\n}\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n  .adhese-devtools ,:is( .adhese-devtools *) {\n  border-color: hsl(var(--border));\n}\n\n  .adhese-devtools {\n  background-color: hsl(var(--background));\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.adhese-devtools .pointer-events-none {\n  pointer-events: none;\n}\n.adhese-devtools .fixed {\n  position: fixed;\n}\n.adhese-devtools .absolute {\n  position: absolute;\n}\n.adhese-devtools .relative {\n  position: relative;\n}\n.adhese-devtools .inset-0 {\n  inset: 0px;\n}\n.adhese-devtools .inset-x-0 {\n  left: 0px;\n  right: 0px;\n}\n.adhese-devtools .inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.adhese-devtools .bottom-0 {\n  bottom: 0px;\n}\n.adhese-devtools .bottom-4 {\n  bottom: 1rem;\n}\n.adhese-devtools .left-0 {\n  left: 0px;\n}\n.adhese-devtools .right-0 {\n  right: 0px;\n}\n.adhese-devtools .right-4 {\n  right: 1rem;\n}\n.adhese-devtools .top-0 {\n  top: 0px;\n}\n.adhese-devtools .top-4 {\n  top: 1rem;\n}\n.adhese-devtools .z-50 {\n  z-index: 50;\n}\n.adhese-devtools .mb-3 {\n  margin-bottom: 0.75rem;\n}\n.adhese-devtools .mb-8 {\n  margin-bottom: 2rem;\n}\n.adhese-devtools .mt-10 {\n  margin-top: 2.5rem;\n}\n.adhese-devtools .mt-2 {\n  margin-top: 0.5rem;\n}\n.adhese-devtools .mt-4 {\n  margin-top: 1rem;\n}\n.adhese-devtools .block {\n  display: block;\n}\n.adhese-devtools .flex {\n  display: flex;\n}\n.adhese-devtools .inline-flex {\n  display: inline-flex;\n}\n.adhese-devtools .table {\n  display: table;\n}\n.adhese-devtools .h-10 {\n  height: 2.5rem;\n}\n.adhese-devtools .h-4 {\n  height: 1rem;\n}\n.adhese-devtools .h-5 {\n  height: 1.25rem;\n}\n.adhese-devtools .h-6 {\n  height: 1.5rem;\n}\n.adhese-devtools .h-9 {\n  height: 2.25rem;\n}\n.adhese-devtools .h-full {\n  height: 100%;\n}\n.adhese-devtools .max-h-96 {\n  max-height: 24rem;\n}\n.adhese-devtools .w-3\\/4 {\n  width: 75%;\n}\n.adhese-devtools .w-4 {\n  width: 1rem;\n}\n.adhese-devtools .w-9 {\n  width: 2.25rem;\n}\n.adhese-devtools .w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.adhese-devtools .w-full {\n  width: 100%;\n}\n.adhese-devtools .max-w-60 {\n  max-width: 15rem;\n}\n.adhese-devtools .shrink-0 {\n  flex-shrink: 0;\n}\n.adhese-devtools .caption-bottom {\n  caption-side: bottom;\n}\n.adhese-devtools .cursor-pointer {\n  cursor: pointer;\n}\n.adhese-devtools .flex-col {\n  flex-direction: column;\n}\n.adhese-devtools .flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.adhese-devtools .items-center {\n  align-items: center;\n}\n.adhese-devtools .justify-center {\n  justify-content: center;\n}\n.adhese-devtools .justify-between {\n  justify-content: space-between;\n}\n.adhese-devtools .gap-1 {\n  gap: 0.25rem;\n}\n.adhese-devtools .gap-2 {\n  gap: 0.5rem;\n}\n.adhese-devtools .gap-4 {\n  gap: 1rem;\n}\n.adhese-devtools .gap-6 {\n  gap: 1.5rem;\n}\n.adhese-devtools :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.adhese-devtools .overflow-auto {\n  overflow: auto;\n}\n.adhese-devtools .whitespace-nowrap {\n  white-space: nowrap;\n}\n.adhese-devtools .rounded-full {\n  border-radius: 9999px;\n}\n.adhese-devtools .rounded-lg {\n  border-radius: var(--radius);\n}\n.adhese-devtools .rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.adhese-devtools .rounded-sm {\n  border-radius: calc(var(--radius) - 4px);\n}\n.adhese-devtools .border {\n  border-width: 1px;\n}\n.adhese-devtools .border-2 {\n  border-width: 2px;\n}\n.adhese-devtools .border-b {\n  border-bottom-width: 1px;\n}\n.adhese-devtools .border-b-2 {\n  border-bottom-width: 2px;\n}\n.adhese-devtools .border-l {\n  border-left-width: 1px;\n}\n.adhese-devtools .border-r {\n  border-right-width: 1px;\n}\n.adhese-devtools .border-t {\n  border-top-width: 1px;\n}\n.adhese-devtools .border-t-2 {\n  border-top-width: 2px;\n}\n.adhese-devtools .border-solid {\n  border-style: solid;\n}\n.adhese-devtools .border-accent {\n  border-color: hsl(var(--accent));\n}\n.adhese-devtools .border-destructive {\n  border-color: hsl(var(--destructive));\n}\n.adhese-devtools .border-input {\n  border-color: hsl(var(--input));\n}\n.adhese-devtools .border-transparent {\n  border-color: transparent;\n}\n.adhese-devtools .border-t-accent {\n  border-top-color: hsl(var(--accent));\n}\n.adhese-devtools .bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-background {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .bg-black\\/80 {\n  background-color: rgb(0 0 0 / 0.8);\n}\n.adhese-devtools .bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-cyan-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-destructive {\n  background-color: hsl(var(--destructive));\n}\n.adhese-devtools .bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-muted {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .bg-muted\\/50 {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .bg-pink-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-primary {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .bg-purple-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-secondary {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .bg-transparent {\n  background-color: transparent;\n}\n.adhese-devtools .bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .p-1 {\n  padding: 0.25rem;\n}\n.adhese-devtools .p-2 {\n  padding: 0.5rem;\n}\n.adhese-devtools .p-4 {\n  padding: 1rem;\n}\n.adhese-devtools .p-6 {\n  padding: 1.5rem;\n}\n.adhese-devtools .px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.adhese-devtools .px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.adhese-devtools .px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.adhese-devtools .px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.adhese-devtools .px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.adhese-devtools .py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.adhese-devtools .py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.adhese-devtools .py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.adhese-devtools .pb-8 {\n  padding-bottom: 2rem;\n}\n.adhese-devtools .text-left {\n  text-align: left;\n}\n.adhese-devtools .text-center {\n  text-align: center;\n}\n.adhese-devtools .align-middle {\n  vertical-align: middle;\n}\n.adhese-devtools .text-\\[0\\.8rem\\] {\n  font-size: 0.8rem;\n}\n.adhese-devtools .text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.adhese-devtools .text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.adhese-devtools .font-medium {\n  font-weight: 500;\n}\n.adhese-devtools .font-normal {\n  font-weight: 400;\n}\n.adhese-devtools .font-semibold {\n  font-weight: 600;\n}\n.adhese-devtools .italic {\n  font-style: italic;\n}\n.adhese-devtools .leading-none {\n  line-height: 1;\n}\n.adhese-devtools .text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-amber-950 {\n  --tw-text-opacity: 1;\n  color: rgb(69 26 3 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-destructive {\n  color: hsl(var(--destructive));\n}\n.adhese-devtools .text-destructive-foreground {\n  color: hsl(var(--destructive-foreground));\n}\n.adhese-devtools .text-foreground {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-900 {\n  --tw-text-opacity: 1;\n  color: rgb(20 83 45 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .text-primary {\n  color: hsl(var(--primary));\n}\n.adhese-devtools .text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.adhese-devtools .text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-50 {\n  --tw-text-opacity: 1;\n  color: rgb(254 242 242 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-secondary-foreground {\n  color: hsl(var(--secondary-foreground));\n}\n.adhese-devtools .text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .no-underline {\n  text-decoration-line: none;\n}\n.adhese-devtools .underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.adhese-devtools .opacity-70 {\n  opacity: 0.7;\n}\n.adhese-devtools .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.adhese-devtools .shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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.adhese-devtools .shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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.adhese-devtools .outline {\n  outline-style: solid;\n}\n.adhese-devtools .ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.adhese-devtools .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}\n.adhese-devtools .transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.adhese-devtools .file\\:border-0::file-selector-button {\n  border-width: 0px;\n}\n.adhese-devtools .file\\:bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.adhese-devtools .file\\:text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .file\\:font-medium::file-selector-button {\n  font-weight: 500;\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .last\\:mb-0:last-child {\n  margin-bottom: 0px;\n}\n.adhese-devtools .last\\:border-0:last-child {\n  border-width: 0px;\n}\n.adhese-devtools .last\\:pb-0:last-child {\n  padding-bottom: 0px;\n}\n.adhese-devtools .hover\\:bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.adhese-devtools .hover\\:bg-amber-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-amber-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-blue-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-cyan-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-destructive\\/80:hover {\n  background-color: hsl(var(--destructive) / 0.8);\n}\n.adhese-devtools .hover\\:bg-destructive\\/90:hover {\n  background-color: hsl(var(--destructive) / 0.9);\n}\n.adhese-devtools .hover\\:bg-green-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-green-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-muted\\/50:hover {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .hover\\:bg-pink-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-primary\\/80:hover {\n  background-color: hsl(var(--primary) / 0.8);\n}\n.adhese-devtools .hover\\:bg-primary\\/90:hover {\n  background-color: hsl(var(--primary) / 0.9);\n}\n.adhese-devtools .hover\\:bg-purple-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-red-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-secondary\\/80:hover {\n  background-color: hsl(var(--secondary) / 0.8);\n}\n.adhese-devtools .hover\\:text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.adhese-devtools .hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.adhese-devtools .hover\\:opacity-100:hover {\n  opacity: 1;\n}\n.adhese-devtools .focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus\\:ring-ring:focus {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-1:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.adhese-devtools .disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.adhese-devtools .disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:cursor-not-allowed) {\n  cursor: not-allowed;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:opacity-70) {\n  opacity: 0.7;\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:translate-x-4[data-state="checked"] {\n  --tw-translate-x: 1rem;\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.adhese-devtools .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state="unchecked"] {\n  --tw-translate-x: 0px;\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.adhese-devtools .data-\\[state\\=active\\]\\:bg-background[data-state="active"] {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:bg-primary[data-state="checked"] {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:bg-secondary[data-state="open"] {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .data-\\[state\\=selected\\]\\:bg-muted[data-state="selected"] {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .data-\\[state\\=unchecked\\]\\:bg-input[data-state="unchecked"] {\n  background-color: hsl(var(--input));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:text-foreground[data-state="active"] {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:shadow[data-state="active"] {\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.adhese-devtools .data-\\[state\\=closed\\]\\:duration-300[data-state="closed"] {\n  transition-duration: 300ms;\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:duration-500[data-state="open"] {\n  transition-duration: 500ms;\n}\n@media (min-width: 640px) {\n\n  .adhese-devtools .sm\\:max-w-sm {\n    max-width: 24rem;\n  }\n\n  .adhese-devtools .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .adhese-devtools .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .adhese-devtools :is(.sm\\:space-x-2 > :not([hidden]) ~ :not([hidden])) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .adhese-devtools .sm\\:text-left {\n    text-align: left;\n  }\n}\n.adhese-devtools .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]) {\n  padding-right: 0px;\n}\n.adhese-devtools :is(.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\]>[role=checkbox]) {\n  --tw-translate-y: 2px;\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.adhese-devtools :is(.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child>tr) {\n  border-bottom-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child) {\n  border-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\]\\:border-b tr) {\n  border-bottom-width: 1px;\n}'));
+      elementStyle.appendChild(document.createTextNode('*, ::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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.19 | 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.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\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, 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  -webkit-tap-highlight-color: transparent; /* 7 */\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. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. 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-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\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-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: 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,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([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/*\nReset default styling for dialogs.\n*/\ndialog {\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]:where(:not([hidden="until-found"])) {\n  display: none;\n}\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n  .adhese-devtools ,:is( .adhese-devtools *) {\n  border-color: hsl(var(--border));\n}\n\n  .adhese-devtools {\n  background-color: hsl(var(--background));\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.adhese-devtools .pointer-events-none {\n  pointer-events: none;\n}\n.adhese-devtools .fixed {\n  position: fixed;\n}\n.adhese-devtools .absolute {\n  position: absolute;\n}\n.adhese-devtools .relative {\n  position: relative;\n}\n.adhese-devtools .inset-0 {\n  inset: 0px;\n}\n.adhese-devtools .inset-x-0 {\n  left: 0px;\n  right: 0px;\n}\n.adhese-devtools .inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.adhese-devtools .bottom-0 {\n  bottom: 0px;\n}\n.adhese-devtools .bottom-4 {\n  bottom: 1rem;\n}\n.adhese-devtools .left-0 {\n  left: 0px;\n}\n.adhese-devtools .right-0 {\n  right: 0px;\n}\n.adhese-devtools .right-4 {\n  right: 1rem;\n}\n.adhese-devtools .top-0 {\n  top: 0px;\n}\n.adhese-devtools .top-4 {\n  top: 1rem;\n}\n.adhese-devtools .z-50 {\n  z-index: 50;\n}\n.adhese-devtools .mb-3 {\n  margin-bottom: 0.75rem;\n}\n.adhese-devtools .mb-8 {\n  margin-bottom: 2rem;\n}\n.adhese-devtools .ml-1 {\n  margin-left: 0.25rem;\n}\n.adhese-devtools .mt-10 {\n  margin-top: 2.5rem;\n}\n.adhese-devtools .mt-2 {\n  margin-top: 0.5rem;\n}\n.adhese-devtools .mt-4 {\n  margin-top: 1rem;\n}\n.adhese-devtools .block {\n  display: block;\n}\n.adhese-devtools .flex {\n  display: flex;\n}\n.adhese-devtools .inline-flex {\n  display: inline-flex;\n}\n.adhese-devtools .table {\n  display: table;\n}\n.adhese-devtools .h-10 {\n  height: 2.5rem;\n}\n.adhese-devtools .h-4 {\n  height: 1rem;\n}\n.adhese-devtools .h-5 {\n  height: 1.25rem;\n}\n.adhese-devtools .h-6 {\n  height: 1.5rem;\n}\n.adhese-devtools .h-9 {\n  height: 2.25rem;\n}\n.adhese-devtools .h-full {\n  height: 100%;\n}\n.adhese-devtools .max-h-96 {\n  max-height: 24rem;\n}\n.adhese-devtools .w-3\\/4 {\n  width: 75%;\n}\n.adhese-devtools .w-4 {\n  width: 1rem;\n}\n.adhese-devtools .w-9 {\n  width: 2.25rem;\n}\n.adhese-devtools .w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.adhese-devtools .w-full {\n  width: 100%;\n}\n.adhese-devtools .max-w-60 {\n  max-width: 15rem;\n}\n.adhese-devtools .shrink-0 {\n  flex-shrink: 0;\n}\n.adhese-devtools .caption-bottom {\n  caption-side: bottom;\n}\n.adhese-devtools .cursor-pointer {\n  cursor: pointer;\n}\n.adhese-devtools .flex-col {\n  flex-direction: column;\n}\n.adhese-devtools .flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.adhese-devtools .items-center {\n  align-items: center;\n}\n.adhese-devtools .justify-center {\n  justify-content: center;\n}\n.adhese-devtools .justify-between {\n  justify-content: space-between;\n}\n.adhese-devtools .gap-1 {\n  gap: 0.25rem;\n}\n.adhese-devtools .gap-2 {\n  gap: 0.5rem;\n}\n.adhese-devtools .gap-4 {\n  gap: 1rem;\n}\n.adhese-devtools .gap-6 {\n  gap: 1.5rem;\n}\n.adhese-devtools :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.adhese-devtools .overflow-auto {\n  overflow: auto;\n}\n.adhese-devtools .whitespace-nowrap {\n  white-space: nowrap;\n}\n.adhese-devtools .rounded-full {\n  border-radius: 9999px;\n}\n.adhese-devtools .rounded-lg {\n  border-radius: var(--radius);\n}\n.adhese-devtools .rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.adhese-devtools .rounded-sm {\n  border-radius: calc(var(--radius) - 4px);\n}\n.adhese-devtools .border {\n  border-width: 1px;\n}\n.adhese-devtools .border-2 {\n  border-width: 2px;\n}\n.adhese-devtools .border-b {\n  border-bottom-width: 1px;\n}\n.adhese-devtools .border-b-2 {\n  border-bottom-width: 2px;\n}\n.adhese-devtools .border-l {\n  border-left-width: 1px;\n}\n.adhese-devtools .border-r {\n  border-right-width: 1px;\n}\n.adhese-devtools .border-t {\n  border-top-width: 1px;\n}\n.adhese-devtools .border-t-2 {\n  border-top-width: 2px;\n}\n.adhese-devtools .border-solid {\n  border-style: solid;\n}\n.adhese-devtools .border-accent {\n  border-color: hsl(var(--accent));\n}\n.adhese-devtools .border-destructive {\n  border-color: hsl(var(--destructive));\n}\n.adhese-devtools .border-input {\n  border-color: hsl(var(--input));\n}\n.adhese-devtools .border-transparent {\n  border-color: transparent;\n}\n.adhese-devtools .border-t-accent {\n  border-top-color: hsl(var(--accent));\n}\n.adhese-devtools .bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-background {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .bg-black\\/80 {\n  background-color: rgb(0 0 0 / 0.8);\n}\n.adhese-devtools .bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-cyan-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-destructive {\n  background-color: hsl(var(--destructive));\n}\n.adhese-devtools .bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-muted {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .bg-muted\\/50 {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .bg-pink-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-primary {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .bg-purple-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-secondary {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .bg-transparent {\n  background-color: transparent;\n}\n.adhese-devtools .bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .p-1 {\n  padding: 0.25rem;\n}\n.adhese-devtools .p-2 {\n  padding: 0.5rem;\n}\n.adhese-devtools .p-4 {\n  padding: 1rem;\n}\n.adhese-devtools .p-6 {\n  padding: 1.5rem;\n}\n.adhese-devtools .px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.adhese-devtools .px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.adhese-devtools .px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.adhese-devtools .px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.adhese-devtools .px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.adhese-devtools .py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.adhese-devtools .py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.adhese-devtools .py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.adhese-devtools .pb-8 {\n  padding-bottom: 2rem;\n}\n.adhese-devtools .text-left {\n  text-align: left;\n}\n.adhese-devtools .text-center {\n  text-align: center;\n}\n.adhese-devtools .align-middle {\n  vertical-align: middle;\n}\n.adhese-devtools .text-\\[0\\.8rem\\] {\n  font-size: 0.8rem;\n}\n.adhese-devtools .text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.adhese-devtools .text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.adhese-devtools .font-medium {\n  font-weight: 500;\n}\n.adhese-devtools .font-normal {\n  font-weight: 400;\n}\n.adhese-devtools .font-semibold {\n  font-weight: 600;\n}\n.adhese-devtools .italic {\n  font-style: italic;\n}\n.adhese-devtools .leading-none {\n  line-height: 1;\n}\n.adhese-devtools .text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-amber-950 {\n  --tw-text-opacity: 1;\n  color: rgb(69 26 3 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-destructive {\n  color: hsl(var(--destructive));\n}\n.adhese-devtools .text-destructive-foreground {\n  color: hsl(var(--destructive-foreground));\n}\n.adhese-devtools .text-foreground {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-900 {\n  --tw-text-opacity: 1;\n  color: rgb(20 83 45 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .text-primary {\n  color: hsl(var(--primary));\n}\n.adhese-devtools .text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.adhese-devtools .text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-50 {\n  --tw-text-opacity: 1;\n  color: rgb(254 242 242 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-secondary-foreground {\n  color: hsl(var(--secondary-foreground));\n}\n.adhese-devtools .text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .no-underline {\n  text-decoration-line: none;\n}\n.adhese-devtools .underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.adhese-devtools .opacity-70 {\n  opacity: 0.7;\n}\n.adhese-devtools .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.adhese-devtools .shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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.adhese-devtools .shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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.adhese-devtools .outline {\n  outline-style: solid;\n}\n.adhese-devtools .ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.adhese-devtools .transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.adhese-devtools .file\\:border-0::file-selector-button {\n  border-width: 0px;\n}\n.adhese-devtools .file\\:bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.adhese-devtools .file\\:text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .file\\:font-medium::file-selector-button {\n  font-weight: 500;\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .last\\:mb-0:last-child {\n  margin-bottom: 0px;\n}\n.adhese-devtools .last\\:border-0:last-child {\n  border-width: 0px;\n}\n.adhese-devtools .last\\:pb-0:last-child {\n  padding-bottom: 0px;\n}\n.adhese-devtools .hover\\:bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.adhese-devtools .hover\\:bg-amber-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-amber-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-blue-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-cyan-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-destructive\\/80:hover {\n  background-color: hsl(var(--destructive) / 0.8);\n}\n.adhese-devtools .hover\\:bg-destructive\\/90:hover {\n  background-color: hsl(var(--destructive) / 0.9);\n}\n.adhese-devtools .hover\\:bg-green-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-green-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-muted\\/50:hover {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .hover\\:bg-pink-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-primary\\/80:hover {\n  background-color: hsl(var(--primary) / 0.8);\n}\n.adhese-devtools .hover\\:bg-primary\\/90:hover {\n  background-color: hsl(var(--primary) / 0.9);\n}\n.adhese-devtools .hover\\:bg-purple-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-red-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-secondary\\/80:hover {\n  background-color: hsl(var(--secondary) / 0.8);\n}\n.adhese-devtools .hover\\:text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.adhese-devtools .hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.adhese-devtools .hover\\:opacity-100:hover {\n  opacity: 1;\n}\n.adhese-devtools .focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus\\:ring-ring:focus {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-1:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.adhese-devtools .disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.adhese-devtools .disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:cursor-not-allowed) {\n  cursor: not-allowed;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:opacity-70) {\n  opacity: 0.7;\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:translate-x-4[data-state="checked"] {\n  --tw-translate-x: 1rem;\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.adhese-devtools .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state="unchecked"] {\n  --tw-translate-x: 0px;\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.adhese-devtools .data-\\[state\\=active\\]\\:bg-background[data-state="active"] {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:bg-primary[data-state="checked"] {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:bg-secondary[data-state="open"] {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .data-\\[state\\=selected\\]\\:bg-muted[data-state="selected"] {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .data-\\[state\\=unchecked\\]\\:bg-input[data-state="unchecked"] {\n  background-color: hsl(var(--input));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:text-foreground[data-state="active"] {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:shadow[data-state="active"] {\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.adhese-devtools .data-\\[state\\=closed\\]\\:duration-300[data-state="closed"] {\n  transition-duration: 300ms;\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:duration-500[data-state="open"] {\n  transition-duration: 500ms;\n}\n@media (min-width: 640px) {\n\n  .adhese-devtools .sm\\:max-w-sm {\n    max-width: 24rem;\n  }\n\n  .adhese-devtools .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .adhese-devtools .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .adhese-devtools :is(.sm\\:space-x-2 > :not([hidden]) ~ :not([hidden])) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .adhese-devtools .sm\\:text-left {\n    text-align: left;\n  }\n}\n.adhese-devtools .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]) {\n  padding-right: 0px;\n}\n.adhese-devtools :is(.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\]>[role=checkbox]) {\n  --tw-translate-y: 2px;\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.adhese-devtools :is(.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child>tr) {\n  border-bottom-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child) {\n  border-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\]\\:border-b tr) {\n  border-bottom-width: 1px;\n}'));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {

package/dist/Devtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"Devtools.js","sources":["../src/Devtools.tsx"],"sourcesContent":["import { type ReactElement, useRef, useState } from 'react';\nimport { Button } from './components/button';\nimport { LogTable } from './components/logTable';\nimport { ParametersTable } from './components/parametersTable';\nimport { PreviewButton } from './components/previewButton';\nimport { Settings } from './components/settings';\nimport { SlotsTable } from './components/slotsTable';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './components/tabs';\nimport { useSpacing } from './Devtools.hooks';\nimport './globals.css';\n\n// eslint-disable-next-line ts/naming-convention\nexport function Devtools(): ReactElement {\n  const appRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const spacing = useSpacing(isOpen, appRef);\n\n  return (\n    <div className=\"adhese-devtools\">\n      {isOpen\n        ? (\n            <>\n              <section\n                className=\"fixed bottom-0 w-full border-t-2 border-t-accent bg-background shadow-lg overflow-auto\"\n                ref={appRef}\n                aria-label=\"Adhese Devtools\"\n              >\n                <Tabs defaultValue=\"slots\">\n                  <div className=\"flex justify-between  p-4\">\n                    <TabsList>\n                      <TabsTrigger value=\"slots\">Slots</TabsTrigger>\n                      <TabsTrigger value=\"logs\">Logs</TabsTrigger>\n                      <TabsTrigger value=\"parameters\">Parameters</TabsTrigger>\n                      <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n                    </TabsList>\n\n                    <div className=\"flex items-center gap-2\">\n                      <PreviewButton />\n                      <Button\n                        onClick={setIsOpen.bind(null, false)}\n                      >\n                        Close\n                      </Button>\n                    </div>\n                  </div>\n                  <div className=\"overflow-auto max-h-96 border-t-2 border-t-accent p-4\">\n                    <TabsContent value=\"slots\">\n                      <SlotsTable />\n                    </TabsContent>\n                    <TabsContent value=\"logs\">\n                      <LogTable />\n                    </TabsContent>\n                    <TabsContent value=\"parameters\">\n                      <ParametersTable />\n                    </TabsContent>\n                    <TabsContent value=\"settings\">\n                      <Settings />\n                    </TabsContent>\n                  </div>\n                </Tabs>\n              </section>\n              <div style={{\n                height: spacing,\n              }}\n              />\n            </>\n          )\n        : (\n            <div className=\"fixed bottom-4 right-4 flex flex-col gap-2\">\n              <Button onClick={setIsOpen.bind(null, true)}>\n                Open Adhese Devtools\n              </Button>\n              <PreviewButton />\n            </div>\n          )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,SAAS,WAAyB;AACjC,QAAA,SAAS,OAA8B,IAAI;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAEpC,QAAA,UAAU,WAAW,QAAQ,MAAM;AAEzC,SACG,oBAAA,OAAA,EAAI,WAAU,mBACZ,mBAGO,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAA,qBAAC,MAAK,EAAA,cAAa,SACjB,UAAA;AAAA,UAAC,qBAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAA,qBAAC,UACC,EAAA,UAAA;AAAA,cAAC,oBAAA,aAAA,EAAY,OAAM,SAAQ,UAAK,SAAA;AAAA,cAC/B,oBAAA,aAAA,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,cAC7B,oBAAA,aAAA,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,cACzC,oBAAA,aAAA,EAAY,OAAM,YAAW,UAAQ,WAAA,CAAA;AAAA,YAAA,GACxC;AAAA,YAEA,qBAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,cAAA,oBAAC,eAAc,EAAA;AAAA,cACf;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,UAAU,KAAK,MAAM,KAAK;AAAA,kBACpC,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EACF,CAAA;AAAA,UAAA,GACF;AAAA,UACA,qBAAC,OAAI,EAAA,WAAU,yDACb,UAAA;AAAA,YAAA,oBAAC,aAAY,EAAA,OAAM,SACjB,UAAA,oBAAC,aAAW,CAAA,GACd;AAAA,gCACC,aAAY,EAAA,OAAM,QACjB,UAAA,oBAAC,WAAS,CAAA,GACZ;AAAA,gCACC,aAAY,EAAA,OAAM,cACjB,UAAA,oBAAC,kBAAgB,CAAA,GACnB;AAAA,gCACC,aAAY,EAAA,OAAM,YACjB,UAAA,oBAAC,YAAS,EACZ,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,OAAO;AAAA,UACV,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EACA,EACF,CAAA,IAGA,qBAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAA,oBAAC,UAAO,SAAS,UAAU,KAAK,MAAM,IAAI,GAAG,UAE7C,wBAAA;AAAA,wBACC,eAAc,CAAA,CAAA;AAAA,EAAA,EAAA,CACjB,EAER,CAAA;AAEJ;"}
+{"version":3,"file":"Devtools.js","sources":["../src/Devtools.tsx"],"sourcesContent":["import { type ReactElement, useRef, useState } from 'react';\nimport { Button } from './components/button';\nimport { LogTable } from './components/logTable';\nimport { ParametersTable } from './components/parametersTable';\nimport { PreviewButton } from './components/previewButton';\nimport { Settings } from './components/settings';\nimport { SlotsTable } from './components/slotsTable';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './components/tabs';\nimport { useSpacing } from './Devtools.hooks';\nimport './globals.css';\n\n// eslint-disable-next-line ts/naming-convention\nexport function Devtools(): ReactElement {\n  const appRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const spacing = useSpacing(isOpen, appRef);\n\n  return (\n    <div className=\"adhese-devtools\">\n      {isOpen\n        ? (\n            <>\n              <section\n                className=\"fixed bottom-0 w-full border-t-2 border-t-accent bg-background shadow-lg overflow-auto\"\n                ref={appRef}\n                aria-label=\"Adhese Devtools\"\n              >\n                <Tabs defaultValue=\"slots\">\n                  <div className=\"flex justify-between  p-4\">\n                    <TabsList>\n                      <TabsTrigger value=\"slots\">Slots</TabsTrigger>\n                      <TabsTrigger value=\"logs\">Logs</TabsTrigger>\n                      <TabsTrigger value=\"parameters\">Parameters</TabsTrigger>\n                      <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n                    </TabsList>\n\n                    <div className=\"flex items-center gap-2\">\n                      <PreviewButton />\n                      <Button\n                        onClick={setIsOpen.bind(null, false)}\n                      >\n                        Close\n                      </Button>\n                    </div>\n                  </div>\n                  <div className=\"overflow-auto max-h-96 border-t-2 border-t-accent p-4\">\n                    <TabsContent value=\"slots\">\n                      <SlotsTable />\n                    </TabsContent>\n                    <TabsContent value=\"logs\">\n                      <LogTable />\n                    </TabsContent>\n                    <TabsContent value=\"parameters\">\n                      <ParametersTable />\n                    </TabsContent>\n                    <TabsContent value=\"settings\">\n                      <Settings />\n                    </TabsContent>\n                  </div>\n                </Tabs>\n              </section>\n              <div style={{\n                height: spacing,\n              }}\n              />\n            </>\n          )\n        : (\n            <div className=\"fixed bottom-4 right-4 flex flex-col gap-2\">\n              <Button onClick={setIsOpen.bind(null, true)}>\n                Open Adhese Devtools\n              </Button>\n              <PreviewButton />\n            </div>\n          )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,SAAS,WAAyB;AACvC,QAAM,SAAS,OAA8B,IAAI;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,UAAU,WAAW,QAAQ,MAAM;AAEzC,SACE,oBAAC,OAAA,EAAI,WAAU,mBACZ,mBAEK,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAA,qBAAC,MAAA,EAAK,cAAa,SACjB,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAA,qBAAC,UAAA,EACC,UAAA;AAAA,cAAA,oBAAC,aAAA,EAAY,OAAM,SAAQ,UAAA,SAAK;AAAA,cAChC,oBAAC,aAAA,EAAY,OAAM,QAAO,UAAA,QAAI;AAAA,cAC9B,oBAAC,aAAA,EAAY,OAAM,cAAa,UAAA,cAAU;AAAA,cAC1C,oBAAC,aAAA,EAAY,OAAM,YAAW,UAAA,WAAA,CAAQ;AAAA,YAAA,GACxC;AAAA,YAEA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,cAAA,oBAAC,eAAA,EAAc;AAAA,cACf;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAS,UAAU,KAAK,MAAM,KAAK;AAAA,kBACpC,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UACA,qBAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,YAAA,oBAAC,aAAA,EAAY,OAAM,SACjB,UAAA,oBAAC,cAAW,GACd;AAAA,gCACC,aAAA,EAAY,OAAM,QACjB,UAAA,oBAAC,YAAS,GACZ;AAAA,gCACC,aAAA,EAAY,OAAM,cACjB,UAAA,oBAAC,mBAAgB,GACnB;AAAA,gCACC,aAAA,EAAY,OAAM,YACjB,UAAA,oBAAC,YAAS,EAAA,CACZ;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,OAAO;AAAA,UACV,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EACA,EAAA,CACF,IAGA,qBAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,IAAA,oBAAC,UAAO,SAAS,UAAU,KAAK,MAAM,IAAI,GAAG,UAAA,wBAE7C;AAAA,wBACC,eAAA,CAAA,CAAc;AAAA,EAAA,EAAA,CACjB,EAAA,CAER;AAEJ;"}

package/dist/cjs/AdheseContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdheseContext.cjs","sources":["../../src/AdheseContext.tsx"],"sourcesContent":["import type { AdheseContext } from '@adhese/sdk';\nimport { watch } from '@adhese/sdk-shared';\nimport { createContext, type PropsWithChildren, type ReactElement, useContext, useEffect, useState } from 'react';\n\nconst adheseContext = createContext<AdheseContext | undefined>(undefined);\n\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ adhese, children }: PropsWithChildren<{\n  adhese: AdheseContext;\n}>): ReactElement {\n  const [state, setState] = useState(adhese);\n\n  useEffect(() => watch(adhese, (newValue) => {\n    setState({ ...newValue });\n  }, { immediate: true, deep: true }), [adhese]);\n\n  return <adheseContext.Provider value={state}>{children}</adheseContext.Provider>;\n}\n\nexport function useAdheseContext(): AdheseContext | undefined {\n  return useContext(adheseContext);\n}\n"],"names":["createContext","useState","useEffect","watch","useContext"],"mappings":";;;;;AAIA,MAAM,gBAAgBA,MAAAA,cAAyC,MAAS;AAGjE,SAAS,eAAe,EAAE,QAAQ,YAEvB;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAAS,MAAM;AAEzCC,QAAAA,UAAU,MAAMC,UAAAA,MAAM,QAAQ,CAAC,aAAa;AACjC,aAAA,EAAE,GAAG,UAAU;AAAA,EAAA,GACvB,EAAE,WAAW,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7C,wCAAQ,cAAc,UAAd,EAAuB,OAAO,OAAQ,UAAS;AACzD;AAEO,SAAS,mBAA8C;AAC5D,SAAOC,MAAAA,WAAW,aAAa;AACjC;;;"}
+{"version":3,"file":"AdheseContext.cjs","sources":["../../src/AdheseContext.tsx"],"sourcesContent":["import type { AdheseContext } from '@adhese/sdk';\nimport { watch } from '@adhese/sdk-shared';\nimport { createContext, type PropsWithChildren, type ReactElement, useContext, useEffect, useState } from 'react';\n\nconst adheseContext = createContext<AdheseContext | undefined>(undefined);\n\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ adhese, children }: PropsWithChildren<{\n  adhese: AdheseContext;\n}>): ReactElement {\n  const [state, setState] = useState(adhese);\n\n  useEffect(() => watch(adhese, (newValue) => {\n    setState({ ...newValue });\n  }, { immediate: true, deep: true }), [adhese]);\n\n  return <adheseContext.Provider value={state}>{children}</adheseContext.Provider>;\n}\n\nexport function useAdheseContext(): AdheseContext | undefined {\n  return useContext(adheseContext);\n}\n"],"names":["createContext","useState","useEffect","watch","useContext"],"mappings":";;;;;AAIA,MAAM,gBAAgBA,MAAAA,cAAyC,MAAS;AAGjE,SAAS,eAAe,EAAE,QAAQ,YAEvB;AAChB,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAAS,MAAM;AAEzCC,QAAAA,UAAU,MAAMC,UAAAA,MAAM,QAAQ,CAAC,aAAa;AAC1C,aAAS,EAAE,GAAG,UAAU;AAAA,EAC1B,GAAG,EAAE,WAAW,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7C,wCAAQ,cAAc,UAAd,EAAuB,OAAO,OAAQ,UAAS;AACzD;AAEO,SAAS,mBAA8C;AAC5D,SAAOC,MAAAA,WAAW,aAAa;AACjC;;;"}

package/dist/cjs/Devtools.cjs

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('*, ::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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.15 | 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.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\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, 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  -webkit-tap-highlight-color: transparent; /* 7 */\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. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. 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-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\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-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: 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,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([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/*\nReset default styling for dialogs.\n*/\ndialog {\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]:where(:not([hidden="until-found"])) {\n  display: none;\n}\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n  .adhese-devtools ,:is( .adhese-devtools *) {\n  border-color: hsl(var(--border));\n}\n\n  .adhese-devtools {\n  background-color: hsl(var(--background));\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.adhese-devtools .pointer-events-none {\n  pointer-events: none;\n}\n.adhese-devtools .fixed {\n  position: fixed;\n}\n.adhese-devtools .absolute {\n  position: absolute;\n}\n.adhese-devtools .relative {\n  position: relative;\n}\n.adhese-devtools .inset-0 {\n  inset: 0px;\n}\n.adhese-devtools .inset-x-0 {\n  left: 0px;\n  right: 0px;\n}\n.adhese-devtools .inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.adhese-devtools .bottom-0 {\n  bottom: 0px;\n}\n.adhese-devtools .bottom-4 {\n  bottom: 1rem;\n}\n.adhese-devtools .left-0 {\n  left: 0px;\n}\n.adhese-devtools .right-0 {\n  right: 0px;\n}\n.adhese-devtools .right-4 {\n  right: 1rem;\n}\n.adhese-devtools .top-0 {\n  top: 0px;\n}\n.adhese-devtools .top-4 {\n  top: 1rem;\n}\n.adhese-devtools .z-50 {\n  z-index: 50;\n}\n.adhese-devtools .mb-3 {\n  margin-bottom: 0.75rem;\n}\n.adhese-devtools .mb-8 {\n  margin-bottom: 2rem;\n}\n.adhese-devtools .mt-10 {\n  margin-top: 2.5rem;\n}\n.adhese-devtools .mt-2 {\n  margin-top: 0.5rem;\n}\n.adhese-devtools .mt-4 {\n  margin-top: 1rem;\n}\n.adhese-devtools .block {\n  display: block;\n}\n.adhese-devtools .flex {\n  display: flex;\n}\n.adhese-devtools .inline-flex {\n  display: inline-flex;\n}\n.adhese-devtools .table {\n  display: table;\n}\n.adhese-devtools .h-10 {\n  height: 2.5rem;\n}\n.adhese-devtools .h-4 {\n  height: 1rem;\n}\n.adhese-devtools .h-5 {\n  height: 1.25rem;\n}\n.adhese-devtools .h-6 {\n  height: 1.5rem;\n}\n.adhese-devtools .h-9 {\n  height: 2.25rem;\n}\n.adhese-devtools .h-full {\n  height: 100%;\n}\n.adhese-devtools .max-h-96 {\n  max-height: 24rem;\n}\n.adhese-devtools .w-3\\/4 {\n  width: 75%;\n}\n.adhese-devtools .w-4 {\n  width: 1rem;\n}\n.adhese-devtools .w-9 {\n  width: 2.25rem;\n}\n.adhese-devtools .w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.adhese-devtools .w-full {\n  width: 100%;\n}\n.adhese-devtools .max-w-60 {\n  max-width: 15rem;\n}\n.adhese-devtools .shrink-0 {\n  flex-shrink: 0;\n}\n.adhese-devtools .caption-bottom {\n  caption-side: bottom;\n}\n.adhese-devtools .cursor-pointer {\n  cursor: pointer;\n}\n.adhese-devtools .flex-col {\n  flex-direction: column;\n}\n.adhese-devtools .flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.adhese-devtools .items-center {\n  align-items: center;\n}\n.adhese-devtools .justify-center {\n  justify-content: center;\n}\n.adhese-devtools .justify-between {\n  justify-content: space-between;\n}\n.adhese-devtools .gap-1 {\n  gap: 0.25rem;\n}\n.adhese-devtools .gap-2 {\n  gap: 0.5rem;\n}\n.adhese-devtools .gap-4 {\n  gap: 1rem;\n}\n.adhese-devtools .gap-6 {\n  gap: 1.5rem;\n}\n.adhese-devtools :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.adhese-devtools .overflow-auto {\n  overflow: auto;\n}\n.adhese-devtools .whitespace-nowrap {\n  white-space: nowrap;\n}\n.adhese-devtools .rounded-full {\n  border-radius: 9999px;\n}\n.adhese-devtools .rounded-lg {\n  border-radius: var(--radius);\n}\n.adhese-devtools .rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.adhese-devtools .rounded-sm {\n  border-radius: calc(var(--radius) - 4px);\n}\n.adhese-devtools .border {\n  border-width: 1px;\n}\n.adhese-devtools .border-2 {\n  border-width: 2px;\n}\n.adhese-devtools .border-b {\n  border-bottom-width: 1px;\n}\n.adhese-devtools .border-b-2 {\n  border-bottom-width: 2px;\n}\n.adhese-devtools .border-l {\n  border-left-width: 1px;\n}\n.adhese-devtools .border-r {\n  border-right-width: 1px;\n}\n.adhese-devtools .border-t {\n  border-top-width: 1px;\n}\n.adhese-devtools .border-t-2 {\n  border-top-width: 2px;\n}\n.adhese-devtools .border-solid {\n  border-style: solid;\n}\n.adhese-devtools .border-accent {\n  border-color: hsl(var(--accent));\n}\n.adhese-devtools .border-destructive {\n  border-color: hsl(var(--destructive));\n}\n.adhese-devtools .border-input {\n  border-color: hsl(var(--input));\n}\n.adhese-devtools .border-transparent {\n  border-color: transparent;\n}\n.adhese-devtools .border-t-accent {\n  border-top-color: hsl(var(--accent));\n}\n.adhese-devtools .bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-background {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .bg-black\\/80 {\n  background-color: rgb(0 0 0 / 0.8);\n}\n.adhese-devtools .bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-cyan-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-destructive {\n  background-color: hsl(var(--destructive));\n}\n.adhese-devtools .bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-muted {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .bg-muted\\/50 {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .bg-pink-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-primary {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .bg-purple-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-secondary {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .bg-transparent {\n  background-color: transparent;\n}\n.adhese-devtools .bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .p-1 {\n  padding: 0.25rem;\n}\n.adhese-devtools .p-2 {\n  padding: 0.5rem;\n}\n.adhese-devtools .p-4 {\n  padding: 1rem;\n}\n.adhese-devtools .p-6 {\n  padding: 1.5rem;\n}\n.adhese-devtools .px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.adhese-devtools .px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.adhese-devtools .px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.adhese-devtools .px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.adhese-devtools .px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.adhese-devtools .py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.adhese-devtools .py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.adhese-devtools .py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.adhese-devtools .pb-8 {\n  padding-bottom: 2rem;\n}\n.adhese-devtools .text-left {\n  text-align: left;\n}\n.adhese-devtools .text-center {\n  text-align: center;\n}\n.adhese-devtools .align-middle {\n  vertical-align: middle;\n}\n.adhese-devtools .text-\\[0\\.8rem\\] {\n  font-size: 0.8rem;\n}\n.adhese-devtools .text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.adhese-devtools .text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.adhese-devtools .font-medium {\n  font-weight: 500;\n}\n.adhese-devtools .font-normal {\n  font-weight: 400;\n}\n.adhese-devtools .font-semibold {\n  font-weight: 600;\n}\n.adhese-devtools .italic {\n  font-style: italic;\n}\n.adhese-devtools .leading-none {\n  line-height: 1;\n}\n.adhese-devtools .text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-amber-950 {\n  --tw-text-opacity: 1;\n  color: rgb(69 26 3 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-destructive {\n  color: hsl(var(--destructive));\n}\n.adhese-devtools .text-destructive-foreground {\n  color: hsl(var(--destructive-foreground));\n}\n.adhese-devtools .text-foreground {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-900 {\n  --tw-text-opacity: 1;\n  color: rgb(20 83 45 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .text-primary {\n  color: hsl(var(--primary));\n}\n.adhese-devtools .text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.adhese-devtools .text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-50 {\n  --tw-text-opacity: 1;\n  color: rgb(254 242 242 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-secondary-foreground {\n  color: hsl(var(--secondary-foreground));\n}\n.adhese-devtools .text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .no-underline {\n  text-decoration-line: none;\n}\n.adhese-devtools .underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.adhese-devtools .opacity-70 {\n  opacity: 0.7;\n}\n.adhese-devtools .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.adhese-devtools .shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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.adhese-devtools .shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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.adhese-devtools .outline {\n  outline-style: solid;\n}\n.adhese-devtools .ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.adhese-devtools .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}\n.adhese-devtools .transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.adhese-devtools .file\\:border-0::file-selector-button {\n  border-width: 0px;\n}\n.adhese-devtools .file\\:bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.adhese-devtools .file\\:text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .file\\:font-medium::file-selector-button {\n  font-weight: 500;\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .last\\:mb-0:last-child {\n  margin-bottom: 0px;\n}\n.adhese-devtools .last\\:border-0:last-child {\n  border-width: 0px;\n}\n.adhese-devtools .last\\:pb-0:last-child {\n  padding-bottom: 0px;\n}\n.adhese-devtools .hover\\:bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.adhese-devtools .hover\\:bg-amber-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-amber-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-blue-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-cyan-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-destructive\\/80:hover {\n  background-color: hsl(var(--destructive) / 0.8);\n}\n.adhese-devtools .hover\\:bg-destructive\\/90:hover {\n  background-color: hsl(var(--destructive) / 0.9);\n}\n.adhese-devtools .hover\\:bg-green-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-green-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-muted\\/50:hover {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .hover\\:bg-pink-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-primary\\/80:hover {\n  background-color: hsl(var(--primary) / 0.8);\n}\n.adhese-devtools .hover\\:bg-primary\\/90:hover {\n  background-color: hsl(var(--primary) / 0.9);\n}\n.adhese-devtools .hover\\:bg-purple-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-red-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-secondary\\/80:hover {\n  background-color: hsl(var(--secondary) / 0.8);\n}\n.adhese-devtools .hover\\:text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.adhese-devtools .hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.adhese-devtools .hover\\:opacity-100:hover {\n  opacity: 1;\n}\n.adhese-devtools .focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus\\:ring-ring:focus {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-1:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.adhese-devtools .disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.adhese-devtools .disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:cursor-not-allowed) {\n  cursor: not-allowed;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:opacity-70) {\n  opacity: 0.7;\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:translate-x-4[data-state="checked"] {\n  --tw-translate-x: 1rem;\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.adhese-devtools .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state="unchecked"] {\n  --tw-translate-x: 0px;\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.adhese-devtools .data-\\[state\\=active\\]\\:bg-background[data-state="active"] {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:bg-primary[data-state="checked"] {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:bg-secondary[data-state="open"] {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .data-\\[state\\=selected\\]\\:bg-muted[data-state="selected"] {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .data-\\[state\\=unchecked\\]\\:bg-input[data-state="unchecked"] {\n  background-color: hsl(var(--input));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:text-foreground[data-state="active"] {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:shadow[data-state="active"] {\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.adhese-devtools .data-\\[state\\=closed\\]\\:duration-300[data-state="closed"] {\n  transition-duration: 300ms;\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:duration-500[data-state="open"] {\n  transition-duration: 500ms;\n}\n@media (min-width: 640px) {\n\n  .adhese-devtools .sm\\:max-w-sm {\n    max-width: 24rem;\n  }\n\n  .adhese-devtools .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .adhese-devtools .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .adhese-devtools :is(.sm\\:space-x-2 > :not([hidden]) ~ :not([hidden])) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .adhese-devtools .sm\\:text-left {\n    text-align: left;\n  }\n}\n.adhese-devtools .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]) {\n  padding-right: 0px;\n}\n.adhese-devtools :is(.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\]>[role=checkbox]) {\n  --tw-translate-y: 2px;\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.adhese-devtools :is(.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child>tr) {\n  border-bottom-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child) {\n  border-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\]\\:border-b tr) {\n  border-bottom-width: 1px;\n}'));
+      elementStyle.appendChild(document.createTextNode('*, ::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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\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  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.19 | 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.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\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, 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  -webkit-tap-highlight-color: transparent; /* 7 */\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. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. 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-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\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-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: 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,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([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/*\nReset default styling for dialogs.\n*/\ndialog {\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]:where(:not([hidden="until-found"])) {\n  display: none;\n}\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 222.2 84% 4.9%;\n\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n\n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n\n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --ring: 222.2 84% 4.9%;\n\n    --radius: 0.5rem;\n  }\n  .adhese-devtools ,:is( .adhese-devtools *) {\n  border-color: hsl(var(--border));\n}\n\n  .adhese-devtools {\n  background-color: hsl(var(--background));\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.adhese-devtools .pointer-events-none {\n  pointer-events: none;\n}\n.adhese-devtools .fixed {\n  position: fixed;\n}\n.adhese-devtools .absolute {\n  position: absolute;\n}\n.adhese-devtools .relative {\n  position: relative;\n}\n.adhese-devtools .inset-0 {\n  inset: 0px;\n}\n.adhese-devtools .inset-x-0 {\n  left: 0px;\n  right: 0px;\n}\n.adhese-devtools .inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.adhese-devtools .bottom-0 {\n  bottom: 0px;\n}\n.adhese-devtools .bottom-4 {\n  bottom: 1rem;\n}\n.adhese-devtools .left-0 {\n  left: 0px;\n}\n.adhese-devtools .right-0 {\n  right: 0px;\n}\n.adhese-devtools .right-4 {\n  right: 1rem;\n}\n.adhese-devtools .top-0 {\n  top: 0px;\n}\n.adhese-devtools .top-4 {\n  top: 1rem;\n}\n.adhese-devtools .z-50 {\n  z-index: 50;\n}\n.adhese-devtools .mb-3 {\n  margin-bottom: 0.75rem;\n}\n.adhese-devtools .mb-8 {\n  margin-bottom: 2rem;\n}\n.adhese-devtools .ml-1 {\n  margin-left: 0.25rem;\n}\n.adhese-devtools .mt-10 {\n  margin-top: 2.5rem;\n}\n.adhese-devtools .mt-2 {\n  margin-top: 0.5rem;\n}\n.adhese-devtools .mt-4 {\n  margin-top: 1rem;\n}\n.adhese-devtools .block {\n  display: block;\n}\n.adhese-devtools .flex {\n  display: flex;\n}\n.adhese-devtools .inline-flex {\n  display: inline-flex;\n}\n.adhese-devtools .table {\n  display: table;\n}\n.adhese-devtools .h-10 {\n  height: 2.5rem;\n}\n.adhese-devtools .h-4 {\n  height: 1rem;\n}\n.adhese-devtools .h-5 {\n  height: 1.25rem;\n}\n.adhese-devtools .h-6 {\n  height: 1.5rem;\n}\n.adhese-devtools .h-9 {\n  height: 2.25rem;\n}\n.adhese-devtools .h-full {\n  height: 100%;\n}\n.adhese-devtools .max-h-96 {\n  max-height: 24rem;\n}\n.adhese-devtools .w-3\\/4 {\n  width: 75%;\n}\n.adhese-devtools .w-4 {\n  width: 1rem;\n}\n.adhese-devtools .w-9 {\n  width: 2.25rem;\n}\n.adhese-devtools .w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.adhese-devtools .w-full {\n  width: 100%;\n}\n.adhese-devtools .max-w-60 {\n  max-width: 15rem;\n}\n.adhese-devtools .shrink-0 {\n  flex-shrink: 0;\n}\n.adhese-devtools .caption-bottom {\n  caption-side: bottom;\n}\n.adhese-devtools .cursor-pointer {\n  cursor: pointer;\n}\n.adhese-devtools .flex-col {\n  flex-direction: column;\n}\n.adhese-devtools .flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.adhese-devtools .items-center {\n  align-items: center;\n}\n.adhese-devtools .justify-center {\n  justify-content: center;\n}\n.adhese-devtools .justify-between {\n  justify-content: space-between;\n}\n.adhese-devtools .gap-1 {\n  gap: 0.25rem;\n}\n.adhese-devtools .gap-2 {\n  gap: 0.5rem;\n}\n.adhese-devtools .gap-4 {\n  gap: 1rem;\n}\n.adhese-devtools .gap-6 {\n  gap: 1.5rem;\n}\n.adhese-devtools :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.adhese-devtools .overflow-auto {\n  overflow: auto;\n}\n.adhese-devtools .whitespace-nowrap {\n  white-space: nowrap;\n}\n.adhese-devtools .rounded-full {\n  border-radius: 9999px;\n}\n.adhese-devtools .rounded-lg {\n  border-radius: var(--radius);\n}\n.adhese-devtools .rounded-md {\n  border-radius: calc(var(--radius) - 2px);\n}\n.adhese-devtools .rounded-sm {\n  border-radius: calc(var(--radius) - 4px);\n}\n.adhese-devtools .border {\n  border-width: 1px;\n}\n.adhese-devtools .border-2 {\n  border-width: 2px;\n}\n.adhese-devtools .border-b {\n  border-bottom-width: 1px;\n}\n.adhese-devtools .border-b-2 {\n  border-bottom-width: 2px;\n}\n.adhese-devtools .border-l {\n  border-left-width: 1px;\n}\n.adhese-devtools .border-r {\n  border-right-width: 1px;\n}\n.adhese-devtools .border-t {\n  border-top-width: 1px;\n}\n.adhese-devtools .border-t-2 {\n  border-top-width: 2px;\n}\n.adhese-devtools .border-solid {\n  border-style: solid;\n}\n.adhese-devtools .border-accent {\n  border-color: hsl(var(--accent));\n}\n.adhese-devtools .border-destructive {\n  border-color: hsl(var(--destructive));\n}\n.adhese-devtools .border-input {\n  border-color: hsl(var(--input));\n}\n.adhese-devtools .border-transparent {\n  border-color: transparent;\n}\n.adhese-devtools .border-t-accent {\n  border-top-color: hsl(var(--accent));\n}\n.adhese-devtools .bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-amber-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-background {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .bg-black\\/80 {\n  background-color: rgb(0 0 0 / 0.8);\n}\n.adhese-devtools .bg-blue-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-cyan-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-destructive {\n  background-color: hsl(var(--destructive));\n}\n.adhese-devtools .bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-muted {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .bg-muted\\/50 {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .bg-pink-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-primary {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .bg-purple-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .bg-secondary {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .bg-transparent {\n  background-color: transparent;\n}\n.adhese-devtools .bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .p-1 {\n  padding: 0.25rem;\n}\n.adhese-devtools .p-2 {\n  padding: 0.5rem;\n}\n.adhese-devtools .p-4 {\n  padding: 1rem;\n}\n.adhese-devtools .p-6 {\n  padding: 1.5rem;\n}\n.adhese-devtools .px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.adhese-devtools .px-2\\.5 {\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n}\n.adhese-devtools .px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.adhese-devtools .px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.adhese-devtools .px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.adhese-devtools .py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.adhese-devtools .py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.adhese-devtools .py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.adhese-devtools .pb-8 {\n  padding-bottom: 2rem;\n}\n.adhese-devtools .text-left {\n  text-align: left;\n}\n.adhese-devtools .text-center {\n  text-align: center;\n}\n.adhese-devtools .align-middle {\n  vertical-align: middle;\n}\n.adhese-devtools .text-\\[0\\.8rem\\] {\n  font-size: 0.8rem;\n}\n.adhese-devtools .text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.adhese-devtools .text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.adhese-devtools .font-medium {\n  font-weight: 500;\n}\n.adhese-devtools .font-normal {\n  font-weight: 400;\n}\n.adhese-devtools .font-semibold {\n  font-weight: 600;\n}\n.adhese-devtools .italic {\n  font-style: italic;\n}\n.adhese-devtools .leading-none {\n  line-height: 1;\n}\n.adhese-devtools .text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-amber-950 {\n  --tw-text-opacity: 1;\n  color: rgb(69 26 3 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-destructive {\n  color: hsl(var(--destructive));\n}\n.adhese-devtools .text-destructive-foreground {\n  color: hsl(var(--destructive-foreground));\n}\n.adhese-devtools .text-foreground {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-green-900 {\n  --tw-text-opacity: 1;\n  color: rgb(20 83 45 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-muted-foreground {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .text-primary {\n  color: hsl(var(--primary));\n}\n.adhese-devtools .text-primary-foreground {\n  color: hsl(var(--primary-foreground));\n}\n.adhese-devtools .text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-50 {\n  --tw-text-opacity: 1;\n  color: rgb(254 242 242 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .text-secondary-foreground {\n  color: hsl(var(--secondary-foreground));\n}\n.adhese-devtools .text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.adhese-devtools .no-underline {\n  text-decoration-line: none;\n}\n.adhese-devtools .underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.adhese-devtools .opacity-70 {\n  opacity: 0.7;\n}\n.adhese-devtools .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.adhese-devtools .shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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.adhese-devtools .shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 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.adhese-devtools .outline {\n  outline-style: solid;\n}\n.adhese-devtools .ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.adhese-devtools .transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.adhese-devtools .ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.adhese-devtools .file\\:border-0::file-selector-button {\n  border-width: 0px;\n}\n.adhese-devtools .file\\:bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.adhese-devtools .file\\:text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.adhese-devtools .file\\:font-medium::file-selector-button {\n  font-weight: 500;\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .placeholder\\:text-muted-foreground::placeholder {\n  color: hsl(var(--muted-foreground));\n}\n.adhese-devtools .last\\:mb-0:last-child {\n  margin-bottom: 0px;\n}\n.adhese-devtools .last\\:border-0:last-child {\n  border-width: 0px;\n}\n.adhese-devtools .last\\:pb-0:last-child {\n  padding-bottom: 0px;\n}\n.adhese-devtools .hover\\:bg-accent:hover {\n  background-color: hsl(var(--accent));\n}\n.adhese-devtools .hover\\:bg-amber-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-amber-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-blue-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-cyan-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-destructive\\/80:hover {\n  background-color: hsl(var(--destructive) / 0.8);\n}\n.adhese-devtools .hover\\:bg-destructive\\/90:hover {\n  background-color: hsl(var(--destructive) / 0.9);\n}\n.adhese-devtools .hover\\:bg-green-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-green-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-muted\\/50:hover {\n  background-color: hsl(var(--muted) / 0.5);\n}\n.adhese-devtools .hover\\:bg-pink-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-primary\\/80:hover {\n  background-color: hsl(var(--primary) / 0.8);\n}\n.adhese-devtools .hover\\:bg-primary\\/90:hover {\n  background-color: hsl(var(--primary) / 0.9);\n}\n.adhese-devtools .hover\\:bg-purple-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-red-500:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.adhese-devtools .hover\\:bg-secondary\\/80:hover {\n  background-color: hsl(var(--secondary) / 0.8);\n}\n.adhese-devtools .hover\\:text-accent-foreground:hover {\n  color: hsl(var(--accent-foreground));\n}\n.adhese-devtools .hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.adhese-devtools .hover\\:opacity-100:hover {\n  opacity: 1;\n}\n.adhese-devtools .focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus\\:ring-ring:focus {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-1:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.adhese-devtools .focus-visible\\:ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--ring));\n}\n.adhese-devtools .focus-visible\\:ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.adhese-devtools .focus-visible\\:ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--background));\n}\n.adhese-devtools .disabled\\:pointer-events-none:disabled {\n  pointer-events: none;\n}\n.adhese-devtools .disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.adhese-devtools .disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:cursor-not-allowed) {\n  cursor: not-allowed;\n}\n.adhese-devtools :is(.peer:disabled ~ .peer-disabled\\:opacity-70) {\n  opacity: 0.7;\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:translate-x-4[data-state="checked"] {\n  --tw-translate-x: 1rem;\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.adhese-devtools .data-\\[state\\=unchecked\\]\\:translate-x-0[data-state="unchecked"] {\n  --tw-translate-x: 0px;\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.adhese-devtools .data-\\[state\\=active\\]\\:bg-background[data-state="active"] {\n  background-color: hsl(var(--background));\n}\n.adhese-devtools .data-\\[state\\=checked\\]\\:bg-primary[data-state="checked"] {\n  background-color: hsl(var(--primary));\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:bg-secondary[data-state="open"] {\n  background-color: hsl(var(--secondary));\n}\n.adhese-devtools .data-\\[state\\=selected\\]\\:bg-muted[data-state="selected"] {\n  background-color: hsl(var(--muted));\n}\n.adhese-devtools .data-\\[state\\=unchecked\\]\\:bg-input[data-state="unchecked"] {\n  background-color: hsl(var(--input));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:text-foreground[data-state="active"] {\n  color: hsl(var(--foreground));\n}\n.adhese-devtools .data-\\[state\\=active\\]\\:shadow[data-state="active"] {\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.adhese-devtools .data-\\[state\\=closed\\]\\:duration-300[data-state="closed"] {\n  transition-duration: 300ms;\n}\n.adhese-devtools .data-\\[state\\=open\\]\\:duration-500[data-state="open"] {\n  transition-duration: 500ms;\n}\n@media (min-width: 640px) {\n\n  .adhese-devtools .sm\\:max-w-sm {\n    max-width: 24rem;\n  }\n\n  .adhese-devtools .sm\\:flex-row {\n    flex-direction: row;\n  }\n\n  .adhese-devtools .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n\n  .adhese-devtools :is(.sm\\:space-x-2 > :not([hidden]) ~ :not([hidden])) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .adhese-devtools .sm\\:text-left {\n    text-align: left;\n  }\n}\n.adhese-devtools .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=checkbox]) {\n  padding-right: 0px;\n}\n.adhese-devtools :is(.\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\]>[role=checkbox]) {\n  --tw-translate-y: 2px;\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.adhese-devtools :is(.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child>tr) {\n  border-bottom-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child) {\n  border-width: 0px;\n}\n.adhese-devtools :is(.\\[\\&_tr\\]\\:border-b tr) {\n  border-bottom-width: 1px;\n}'));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {

package/dist/cjs/Devtools.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Devtools.cjs","sources":["../../src/Devtools.tsx"],"sourcesContent":["import { type ReactElement, useRef, useState } from 'react';\nimport { Button } from './components/button';\nimport { LogTable } from './components/logTable';\nimport { ParametersTable } from './components/parametersTable';\nimport { PreviewButton } from './components/previewButton';\nimport { Settings } from './components/settings';\nimport { SlotsTable } from './components/slotsTable';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './components/tabs';\nimport { useSpacing } from './Devtools.hooks';\nimport './globals.css';\n\n// eslint-disable-next-line ts/naming-convention\nexport function Devtools(): ReactElement {\n  const appRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const spacing = useSpacing(isOpen, appRef);\n\n  return (\n    <div className=\"adhese-devtools\">\n      {isOpen\n        ? (\n            <>\n              <section\n                className=\"fixed bottom-0 w-full border-t-2 border-t-accent bg-background shadow-lg overflow-auto\"\n                ref={appRef}\n                aria-label=\"Adhese Devtools\"\n              >\n                <Tabs defaultValue=\"slots\">\n                  <div className=\"flex justify-between  p-4\">\n                    <TabsList>\n                      <TabsTrigger value=\"slots\">Slots</TabsTrigger>\n                      <TabsTrigger value=\"logs\">Logs</TabsTrigger>\n                      <TabsTrigger value=\"parameters\">Parameters</TabsTrigger>\n                      <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n                    </TabsList>\n\n                    <div className=\"flex items-center gap-2\">\n                      <PreviewButton />\n                      <Button\n                        onClick={setIsOpen.bind(null, false)}\n                      >\n                        Close\n                      </Button>\n                    </div>\n                  </div>\n                  <div className=\"overflow-auto max-h-96 border-t-2 border-t-accent p-4\">\n                    <TabsContent value=\"slots\">\n                      <SlotsTable />\n                    </TabsContent>\n                    <TabsContent value=\"logs\">\n                      <LogTable />\n                    </TabsContent>\n                    <TabsContent value=\"parameters\">\n                      <ParametersTable />\n                    </TabsContent>\n                    <TabsContent value=\"settings\">\n                      <Settings />\n                    </TabsContent>\n                  </div>\n                </Tabs>\n              </section>\n              <div style={{\n                height: spacing,\n              }}\n              />\n            </>\n          )\n        : (\n            <div className=\"fixed bottom-4 right-4 flex flex-col gap-2\">\n              <Button onClick={setIsOpen.bind(null, true)}>\n                Open Adhese Devtools\n              </Button>\n              <PreviewButton />\n            </div>\n          )}\n    </div>\n  );\n}\n"],"names":["useRef","useState","useSpacing","jsx","jsxs","Fragment","Tabs","TabsList","TabsTrigger","PreviewButton","Button","TabsContent","SlotsTable","LogTable","ParametersTable","Settings"],"mappings":";;;;;;;;;;;;;AAYO,SAAS,WAAyB;AACjC,QAAA,SAASA,aAA8B,IAAI;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAAS,KAAK;AAEpC,QAAA,UAAUC,eAAAA,WAAW,QAAQ,MAAM;AAEzC,SACGC,+BAAA,OAAA,EAAI,WAAU,mBACZ,mBAGOC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAF,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAAC,2BAAA,KAACE,KAAK,MAAA,EAAA,cAAa,SACjB,UAAA;AAAA,UAACF,2BAAAA,KAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAAA,gCAACG,KAAAA,UACC,EAAA,UAAA;AAAA,cAACJ,2BAAA,IAAAK,KAAA,aAAA,EAAY,OAAM,SAAQ,UAAK,SAAA;AAAA,cAC/BL,2BAAA,IAAAK,KAAA,aAAA,EAAY,OAAM,QAAO,UAAI,QAAA;AAAA,cAC7BL,2BAAA,IAAAK,KAAA,aAAA,EAAY,OAAM,cAAa,UAAU,cAAA;AAAA,cACzCL,2BAAA,IAAAK,KAAA,aAAA,EAAY,OAAM,YAAW,UAAQ,WAAA,CAAA;AAAA,YAAA,GACxC;AAAA,YAEAJ,2BAAAA,KAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,cAAAD,2BAAA,IAACM,cAAc,eAAA,EAAA;AAAA,cACfN,2BAAA;AAAA,gBAACO,OAAA;AAAA,gBAAA;AAAA,kBACC,SAAS,UAAU,KAAK,MAAM,KAAK;AAAA,kBACpC,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EACF,CAAA;AAAA,UAAA,GACF;AAAA,UACAN,2BAAAA,KAAC,OAAI,EAAA,WAAU,yDACb,UAAA;AAAA,YAAAD,+BAACQ,KAAAA,aAAY,EAAA,OAAM,SACjB,UAAAR,+BAACS,WAAAA,aAAW,CAAA,GACd;AAAA,2CACCD,KAAAA,aAAY,EAAA,OAAM,QACjB,UAAAR,+BAACU,SAAAA,WAAS,CAAA,GACZ;AAAA,2CACCF,KAAAA,aAAY,EAAA,OAAM,cACjB,UAAAR,+BAACW,gBAAAA,kBAAgB,CAAA,GACnB;AAAA,2CACCH,KAAAA,aAAY,EAAA,OAAM,YACjB,UAAAR,2BAAA,IAACY,qBAAS,EACZ,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACAZ,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,OAAO;AAAA,UACV,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EACA,EACF,CAAA,IAGAC,2BAAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAD,2BAAAA,IAACO,iBAAO,SAAS,UAAU,KAAK,MAAM,IAAI,GAAG,UAE7C,wBAAA;AAAA,mCACCD,cAAc,eAAA,CAAA,CAAA;AAAA,EAAA,EAAA,CACjB,EAER,CAAA;AAEJ;;"}
+{"version":3,"file":"Devtools.cjs","sources":["../../src/Devtools.tsx"],"sourcesContent":["import { type ReactElement, useRef, useState } from 'react';\nimport { Button } from './components/button';\nimport { LogTable } from './components/logTable';\nimport { ParametersTable } from './components/parametersTable';\nimport { PreviewButton } from './components/previewButton';\nimport { Settings } from './components/settings';\nimport { SlotsTable } from './components/slotsTable';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from './components/tabs';\nimport { useSpacing } from './Devtools.hooks';\nimport './globals.css';\n\n// eslint-disable-next-line ts/naming-convention\nexport function Devtools(): ReactElement {\n  const appRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const spacing = useSpacing(isOpen, appRef);\n\n  return (\n    <div className=\"adhese-devtools\">\n      {isOpen\n        ? (\n            <>\n              <section\n                className=\"fixed bottom-0 w-full border-t-2 border-t-accent bg-background shadow-lg overflow-auto\"\n                ref={appRef}\n                aria-label=\"Adhese Devtools\"\n              >\n                <Tabs defaultValue=\"slots\">\n                  <div className=\"flex justify-between  p-4\">\n                    <TabsList>\n                      <TabsTrigger value=\"slots\">Slots</TabsTrigger>\n                      <TabsTrigger value=\"logs\">Logs</TabsTrigger>\n                      <TabsTrigger value=\"parameters\">Parameters</TabsTrigger>\n                      <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n                    </TabsList>\n\n                    <div className=\"flex items-center gap-2\">\n                      <PreviewButton />\n                      <Button\n                        onClick={setIsOpen.bind(null, false)}\n                      >\n                        Close\n                      </Button>\n                    </div>\n                  </div>\n                  <div className=\"overflow-auto max-h-96 border-t-2 border-t-accent p-4\">\n                    <TabsContent value=\"slots\">\n                      <SlotsTable />\n                    </TabsContent>\n                    <TabsContent value=\"logs\">\n                      <LogTable />\n                    </TabsContent>\n                    <TabsContent value=\"parameters\">\n                      <ParametersTable />\n                    </TabsContent>\n                    <TabsContent value=\"settings\">\n                      <Settings />\n                    </TabsContent>\n                  </div>\n                </Tabs>\n              </section>\n              <div style={{\n                height: spacing,\n              }}\n              />\n            </>\n          )\n        : (\n            <div className=\"fixed bottom-4 right-4 flex flex-col gap-2\">\n              <Button onClick={setIsOpen.bind(null, true)}>\n                Open Adhese Devtools\n              </Button>\n              <PreviewButton />\n            </div>\n          )}\n    </div>\n  );\n}\n"],"names":["useRef","useState","useSpacing","jsx","jsxs","Fragment","Tabs","TabsList","TabsTrigger","PreviewButton","Button","TabsContent","SlotsTable","LogTable","ParametersTable","Settings"],"mappings":";;;;;;;;;;;;;AAYO,SAAS,WAAyB;AACvC,QAAM,SAASA,MAAAA,OAA8B,IAAI;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAAS,KAAK;AAE1C,QAAM,UAAUC,eAAAA,WAAW,QAAQ,MAAM;AAEzC,SACEC,+BAAC,OAAA,EAAI,WAAU,mBACZ,mBAEKC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,cAAW;AAAA,QAEX,UAAAC,2BAAAA,KAACE,KAAAA,MAAA,EAAK,cAAa,SACjB,UAAA;AAAA,UAAAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,YAAAA,gCAACG,KAAAA,UAAA,EACC,UAAA;AAAA,cAAAJ,2BAAAA,IAACK,KAAAA,aAAA,EAAY,OAAM,SAAQ,UAAA,SAAK;AAAA,cAChCL,2BAAAA,IAACK,KAAAA,aAAA,EAAY,OAAM,QAAO,UAAA,QAAI;AAAA,cAC9BL,2BAAAA,IAACK,KAAAA,aAAA,EAAY,OAAM,cAAa,UAAA,cAAU;AAAA,cAC1CL,2BAAAA,IAACK,KAAAA,aAAA,EAAY,OAAM,YAAW,UAAA,WAAA,CAAQ;AAAA,YAAA,GACxC;AAAA,YAEAJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,cAAAD,2BAAAA,IAACM,cAAAA,eAAA,EAAc;AAAA,cACfN,2BAAAA;AAAAA,gBAACO,OAAAA;AAAAA,gBAAA;AAAA,kBACC,SAAS,UAAU,KAAK,MAAM,KAAK;AAAA,kBACpC,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UACAN,2BAAAA,KAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,YAAAD,+BAACQ,KAAAA,aAAA,EAAY,OAAM,SACjB,UAAAR,+BAACS,WAAAA,cAAW,GACd;AAAA,2CACCD,KAAAA,aAAA,EAAY,OAAM,QACjB,UAAAR,+BAACU,SAAAA,YAAS,GACZ;AAAA,2CACCF,KAAAA,aAAA,EAAY,OAAM,cACjB,UAAAR,+BAACW,gBAAAA,mBAAgB,GACnB;AAAA,2CACCH,KAAAA,aAAA,EAAY,OAAM,YACjB,UAAAR,2BAAAA,IAACY,qBAAS,EAAA,CACZ;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFZ,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAAI,OAAO;AAAA,UACV,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EACA,EAAA,CACF,IAGAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,IAAAD,2BAAAA,IAACO,OAAAA,UAAO,SAAS,UAAU,KAAK,MAAM,IAAI,GAAG,UAAA,wBAE7C;AAAA,mCACCD,cAAAA,eAAA,CAAA,CAAc;AAAA,EAAA,EAAA,CACjB,EAAA,CAER;AAEJ;;"}

package/dist/cjs/Devtools.hooks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Devtools.hooks.cjs","sources":["../../src/Devtools.hooks.tsx"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\nexport function useSpacing(isOpen: boolean, appRef: RefObject<HTMLDivElement | null>): number {\n  const [spacing, setSpacing] = useState(0);\n  useEffect(() => {\n    let resizeObserver: ResizeObserver | undefined;\n\n    if (isOpen) {\n      resizeObserver = new ResizeObserver(([entry]) => {\n        setSpacing(entry.target.getBoundingClientRect().height);\n      },\n      );\n\n      if (appRef.current)\n        resizeObserver.observe(appRef.current);\n    }\n\n    return (): void => {\n      resizeObserver?.disconnect();\n    };\n  }, [isOpen]);\n  return spacing;\n}\n"],"names":["useState","useEffect"],"mappings":";;;AAEgB,SAAA,WAAW,QAAiB,QAAkD;AAC5F,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,CAAC;AACxCC,QAAAA,UAAU,MAAM;AACV,QAAA;AAEJ,QAAI,QAAQ;AACV,uBAAiB,IAAI;AAAA,QAAe,CAAC,CAAC,KAAK,MAAM;AAC/C,qBAAW,MAAM,OAAO,sBAAsB,EAAE,MAAM;AAAA,QAAA;AAAA,MAExD;AAEA,UAAI,OAAO;AACM,uBAAA,QAAQ,OAAO,OAAO;AAAA,IAAA;AAGzC,WAAO,MAAY;AACjB,uDAAgB;AAAA,IAClB;AAAA,EAAA,GACC,CAAC,MAAM,CAAC;AACJ,SAAA;AACT;;"}
+{"version":3,"file":"Devtools.hooks.cjs","sources":["../../src/Devtools.hooks.tsx"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\nexport function useSpacing(isOpen: boolean, appRef: RefObject<HTMLDivElement | null>): number {\n  const [spacing, setSpacing] = useState(0);\n  useEffect(() => {\n    let resizeObserver: ResizeObserver | undefined;\n\n    if (isOpen) {\n      resizeObserver = new ResizeObserver(([entry]) => {\n        setSpacing(entry.target.getBoundingClientRect().height);\n      },\n      );\n\n      if (appRef.current)\n        resizeObserver.observe(appRef.current);\n    }\n\n    return (): void => {\n      resizeObserver?.disconnect();\n    };\n  }, [isOpen]);\n  return spacing;\n}\n"],"names":["useState","useEffect"],"mappings":";;;AAEO,SAAS,WAAW,QAAiB,QAAkD;AAC5F,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,CAAC;AACxCC,QAAAA,UAAU,MAAM;AACd,QAAI;AAEJ,QAAI,QAAQ;AACV,uBAAiB,IAAI;AAAA,QAAe,CAAC,CAAC,KAAK,MAAM;AAC/C,qBAAW,MAAM,OAAO,sBAAA,EAAwB,MAAM;AAAA,QACxD;AAAA,MAAA;AAGA,UAAI,OAAO;AACT,uBAAe,QAAQ,OAAO,OAAO;AAAA,IACzC;AAEA,WAAO,MAAY;AACjB,uDAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACX,SAAO;AACT;;"}

package/dist/cjs/components/badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.cjs","sources":["../../../src/components/badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends HTMLAttributes<HTMLDivElement>,\n  VariantProps<typeof badgeVariants> {}\n\n// eslint-disable-next-line ts/naming-convention\nfunction Badge({ className, variant, ...props }: BadgeProps): ReactElement {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["cva","jsx","cn"],"mappings":";;;;;AAIA,MAAM,gBAAgBA,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAOA,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,SAAmC;AACzE,SACGC,+BAAA,OAAA,EAAI,WAAWC,MAAAA,GAAG,cAAc,EAAE,QAAS,CAAA,GAAG,SAAS,GAAI,GAAG,MAAO,CAAA;AAE1E;;;"}
+{"version":3,"file":"badge.cjs","sources":["../../../src/components/badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        destructive:\n          'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',\n        outline: 'text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends HTMLAttributes<HTMLDivElement>,\n  VariantProps<typeof badgeVariants> {}\n\n// eslint-disable-next-line ts/naming-convention\nfunction Badge({ className, variant, ...props }: BadgeProps): ReactElement {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["cva","jsx","cn"],"mappings":";;;;;AAIA,MAAM,gBAAgBA,uBAAAA;AAAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAOA,SAAS,MAAM,EAAE,WAAW,SAAS,GAAG,SAAmC;AACzE,SACEC,+BAAC,OAAA,EAAI,WAAWC,MAAAA,GAAG,cAAc,EAAE,QAAA,CAAS,GAAG,SAAS,GAAI,GAAG,MAAA,CAAO;AAE1E;;;"}

package/dist/cjs/components/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","sources":["../../../src/components/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ButtonHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '../utils';\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-foreground shadow hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',\n        outline:\n          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-6 rounded-md px-3 text-xs',\n        lg: 'h-10 rounded-md px-8',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n// eslint-disable-next-line ts/naming-convention\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    // eslint-disable-next-line ts/naming-convention\n    const Component = asChild ? Slot : 'button';\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["cva","forwardRef","Slot","jsx","cn"],"mappings":";;;;;;;AAKA,MAAM,iBAAiBA,uBAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AASA,MAAM,SAASC,MAAA;AAAA,EACb,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AAE1D,UAAA,YAAY,UAAUC,UAAAA,OAAO;AAEjC,WAAAC,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,SAAG,eAAe,EAAE,SAAS,MAAM,UAAA,CAAW,CAAC;AAAA,QAC1D;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AACA,OAAO,cAAc;;;"}
+{"version":3,"file":"button.cjs","sources":["../../../src/components/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ButtonHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '../utils';\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-foreground shadow hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',\n        outline:\n          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-6 rounded-md px-3 text-xs',\n        lg: 'h-10 rounded-md px-8',\n        icon: 'h-9 w-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n// eslint-disable-next-line ts/naming-convention\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    // eslint-disable-next-line ts/naming-convention\n    const Component = asChild ? Slot : 'button';\n    return (\n      <Component\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["cva","forwardRef","Slot","jsx","cn"],"mappings":";;;;;;;AAKA,MAAM,iBAAiBA,uBAAAA;AAAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AASA,MAAM,SAASC,MAAAA;AAAAA,EACb,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAA,GAAS,QAAQ;AAEhE,UAAM,YAAY,UAAUC,UAAAA,OAAO;AACnC,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,MAAAA,GAAG,eAAe,EAAE,SAAS,MAAM,UAAA,CAAW,CAAC;AAAA,QAC1D;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,OAAO,cAAc;;;"}

package/dist/cjs/components/editSlot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editSlot.cjs","sources":["../../../src/components/editSlot.tsx"],"sourcesContent":["import type { AdheseSlot } from '@adhese/sdk';\nimport { pick, watch } from '@adhese/sdk-shared';\nimport { object, string, type TypeOf } from '@adhese/sdk-shared/validators';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Pencil1Icon } from '@radix-ui/react-icons';\nimport { type PropsWithChildren, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { type SubmitHandler, useForm } from 'react-hook-form';\nimport { useAdheseContext } from '../AdheseContext';\nimport { useModifiedSlots } from '../modifiedSlots.store';\nimport { Button, buttonVariants } from './button';\nimport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from './form';\nimport { Input } from './input';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './sheet';\n\nconst slotSchema = object({\n  format: string().min(1),\n  slot: string().optional(),\n});\n\ntype SlotSchema = TypeOf<typeof slotSchema>;\n\n// eslint-disable-next-line ts/naming-convention\nexport function EditSlot({\n  id,\n}: {\n  id: string;\n}): ReactElement {\n  const slot = useSlot(id);\n\n  return (\n    <Sheet>\n      <SheetTrigger\n        aria-label=\"Edit slot\"\n        className={buttonVariants({\n          variant: 'ghost',\n          size: 'sm',\n        })}\n      >\n        <Pencil1Icon />\n      </SheetTrigger>\n      <SheetContent>\n        {slot && <EditSlotForm slot={slot} />}\n      </SheetContent>\n    </Sheet>\n  );\n}\n\n// eslint-disable-next-line ts/naming-convention\nfunction EditSlotForm({\n  slot,\n}: {\n  slot: AdheseSlot;\n}): ReactElement {\n  const modifiedSlots = useModifiedSlots();\n  const modifiedSlot = useMemo(() => modifiedSlots.slots.get(slot?.name ?? ''), [modifiedSlots, slot]);\n\n  const defaultValues = useMemo(() => pick(modifiedSlot ?? {\n    format: slot.format,\n    slot: slot.slot ?? '',\n  }, ['format', 'slot']), [slot, modifiedSlot]);\n\n  const form = useForm<SlotSchema>({\n    resolver: zodResolver(slotSchema),\n    defaultValues,\n  });\n\n  const onSubmit: SubmitHandler<SlotSchema> = (data) => {\n    modifiedSlots.set(slot.name, pick({\n      ...slot,\n      ...data,\n    }, ['format', 'slot']));\n  };\n\n  return (\n    <>\n      <SheetHeader className=\"mb-8\">\n        <SheetTitle>\n          Edit slot\n        </SheetTitle>\n        <SheetDescription>\n          {slot.name}\n        </SheetDescription>\n      </SheetHeader>\n\n      <Form {...form}>\n        { }\n        <form onSubmit={form.handleSubmit(onSubmit)}>\n          <FormField\n            control={form.control}\n            name=\"format\"\n            render={({ field }) => (\n              <SlotFormItem label=\"Format\">\n                <Input {...field} />\n              </SlotFormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"slot\"\n            render={({ field }) => (\n              <SlotFormItem label=\"Slot\">\n                <Input {...field} />\n              </SlotFormItem>\n            )}\n          />\n\n          <Button className=\"w-full mt-10\">\n            Edit\n          </Button>\n        </form>\n      </Form>\n    </>\n  );\n}\n\n// eslint-disable-next-line ts/naming-convention\nfunction SlotFormItem({\n  label,\n  description,\n  children,\n}: PropsWithChildren<{\n  label: string;\n  description?: string;\n}>): ReactElement {\n  return (\n    <FormItem className=\"mb-3\">\n      <FormLabel>{label}</FormLabel>\n      {description && <FormDescription>{description}</FormDescription>}\n      <FormControl>\n        {children}\n      </FormControl>\n      <FormMessage />\n    </FormItem>\n  );\n}\n\nfunction useSlot(id: string): AdheseSlot | undefined {\n  const adheseContext = useAdheseContext();\n  const [slot, setSlot] = useState(adheseContext?.slots.get(id));\n\n  useEffect(() => {\n    if (!adheseContext) {\n      return;\n    }\n\n    return watch(() => adheseContext.slots, (slots) => {\n      setSlot(slots.get(id));\n    }, { immediate: true, deep: true });\n  }, [adheseContext, id]);\n  return slot;\n}\n"],"names":["object","string","Sheet","jsx","SheetTrigger","buttonVariants","Pencil1Icon","SheetContent","useModifiedSlots","useMemo","pick","form","useForm","zodResolver","jsxs","Fragment","SheetHeader","SheetTitle","SheetDescription","Form","FormField","Input","Button","FormItem","FormLabel","FormDescription","FormControl","FormMessage","useAdheseContext","useState","useEffect","watch"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAM,aAAaA,WAAAA,OAAO;AAAA,EACxB,QAAQC,WAAA,OAAA,EAAS,IAAI,CAAC;AAAA,EACtB,MAAMA,WAAO,OAAA,EAAE,SAAS;AAC1B,CAAC;AAKM,SAAS,SAAS;AAAA,EACvB;AACF,GAEiB;AACT,QAAA,OAAO,QAAQ,EAAE;AAEvB,yCACGC,aACC,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWC,OAAAA,eAAe;AAAA,UACxB,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAAA,QAED,yCAACC,WAAAA,aAAY,CAAA,CAAA;AAAA,MAAA;AAAA,IACf;AAAA,mCACCC,MAAAA,cACE,EAAA,UAAA,QAASJ,2BAAAA,IAAA,cAAA,EAAa,MAAY,EACrC,CAAA;AAAA,EAAA,GACF;AAEJ;AAGA,SAAS,aAAa;AAAA,EACpB;AACF,GAEiB;AACf,QAAM,gBAAgBK,oBAAAA,iBAAiB;AACvC,QAAM,eAAeC,MAAA,QAAQ,MAAM,cAAc,MAAM,KAAI,6BAAM,SAAQ,EAAE,GAAG,CAAC,eAAe,IAAI,CAAC;AAEnG,QAAM,gBAAgBA,MAAAA,QAAQ,MAAMC,UAAAA,KAAK,gBAAgB;AAAA,IACvD,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK,QAAQ;AAAA,EAAA,GAClB,CAAC,UAAU,MAAM,CAAC,GAAG,CAAC,MAAM,YAAY,CAAC;AAE5C,QAAMC,SAAOC,cAAAA,QAAoB;AAAA,IAC/B,UAAUC,gBAAY,UAAU;AAAA,IAChC;AAAA,EAAA,CACD;AAEK,QAAA,WAAsC,CAAC,SAAS;AACtC,kBAAA,IAAI,KAAK,MAAMH,UAAAA,KAAK;AAAA,MAChC,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,GACF,CAAC,UAAU,MAAM,CAAC,CAAC;AAAA,EACxB;AAEA,SAEII,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACD,2BAAAA,KAAAE,MAAAA,aAAA,EAAY,WAAU,QACrB,UAAA;AAAA,MAAAb,2BAAAA,IAACc,oBAAW,UAEZ,YAAA,CAAA;AAAA,MACAd,2BAAAA,IAACe,MAAAA,kBACE,EAAA,UAAA,KAAK,KACR,CAAA;AAAA,IAAA,GACF;AAAA,IAEAf,2BAAAA,IAACgB,KAAAA,MAAM,EAAA,GAAGR,QAER,UAAAG,2BAAA,KAAC,UAAK,UAAUH,OAAK,aAAa,QAAQ,GACxC,UAAA;AAAA,MAAAR,2BAAA;AAAA,QAACiB,KAAA;AAAA,QAAA;AAAA,UACC,SAAST,OAAK;AAAA,UACd,MAAK;AAAA,UACL,QAAQ,CAAC,EAAE,MACT,MAAAR,2BAAA,IAAC,cAAa,EAAA,OAAM,UAClB,UAAAA,2BAAAA,IAACkB,MAAAA,OAAO,EAAA,GAAG,MAAO,CAAA,EACpB,CAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MACAlB,2BAAA;AAAA,QAACiB,KAAA;AAAA,QAAA;AAAA,UACC,SAAST,OAAK;AAAA,UACd,MAAK;AAAA,UACL,QAAQ,CAAC,EAAE,MACT,MAAAR,2BAAA,IAAC,cAAa,EAAA,OAAM,QAClB,UAAAA,2BAAAA,IAACkB,MAAAA,OAAO,EAAA,GAAG,MAAO,CAAA,EACpB,CAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MAEClB,2BAAA,IAAAmB,OAAA,QAAA,EAAO,WAAU,gBAAe,UAEjC,OAAA,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;AAGA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,GAGkB;AAEd,SAAAR,2BAAA,KAACS,KAAS,UAAA,EAAA,WAAU,QAClB,UAAA;AAAA,IAAApB,2BAAAA,IAACqB,kBAAW,UAAM,MAAA,CAAA;AAAA,IACjB,eAAgBrB,2BAAAA,IAAAsB,KAAAA,iBAAA,EAAiB,UAAY,YAAA,CAAA;AAAA,IAC9CtB,+BAACuB,KAAAA,eACE,UACH;AAAA,mCACCC,KAAY,aAAA,CAAA,CAAA;AAAA,EAAA,GACf;AAEJ;AAEA,SAAS,QAAQ,IAAoC;AACnD,QAAM,gBAAgBC,cAAAA,iBAAiB;AACjC,QAAA,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,+CAAe,MAAM,IAAI,GAAG;AAE7DC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAe;AAClB;AAAA,IAAA;AAGF,WAAOC,UAAM,MAAA,MAAM,cAAc,OAAO,CAAC,UAAU;AACzC,cAAA,MAAM,IAAI,EAAE,CAAC;AAAA,OACpB,EAAE,WAAW,MAAM,MAAM,MAAM;AAAA,EAAA,GACjC,CAAC,eAAe,EAAE,CAAC;AACf,SAAA;AACT;;"}
+{"version":3,"file":"editSlot.cjs","sources":["../../../src/components/editSlot.tsx"],"sourcesContent":["import type { AdheseSlot } from '@adhese/sdk';\nimport { pick, watch } from '@adhese/sdk-shared';\nimport { object, string, type TypeOf } from '@adhese/sdk-shared/validators';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { Pencil1Icon } from '@radix-ui/react-icons';\nimport { type PropsWithChildren, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { type SubmitHandler, useForm } from 'react-hook-form';\nimport { useAdheseContext } from '../AdheseContext';\nimport { useModifiedSlots } from '../modifiedSlots.store';\nimport { Button, buttonVariants } from './button';\nimport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from './form';\nimport { Input } from './input';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './sheet';\n\nconst slotSchema = object({\n  format: string().min(1),\n  slot: string().optional(),\n});\n\ntype SlotSchema = TypeOf<typeof slotSchema>;\n\n// eslint-disable-next-line ts/naming-convention\nexport function EditSlot({\n  id,\n}: {\n  id: string;\n}): ReactElement {\n  const slot = useSlot(id);\n\n  return (\n    <Sheet>\n      <SheetTrigger\n        aria-label=\"Edit slot\"\n        className={buttonVariants({\n          variant: 'ghost',\n          size: 'sm',\n        })}\n      >\n        <Pencil1Icon />\n      </SheetTrigger>\n      <SheetContent>\n        {slot && <EditSlotForm slot={slot} />}\n      </SheetContent>\n    </Sheet>\n  );\n}\n\n// eslint-disable-next-line ts/naming-convention\nfunction EditSlotForm({\n  slot,\n}: {\n  slot: AdheseSlot;\n}): ReactElement {\n  const modifiedSlots = useModifiedSlots();\n  const modifiedSlot = useMemo(() => modifiedSlots.slots.get(slot?.name ?? ''), [modifiedSlots, slot]);\n\n  const defaultValues = useMemo(() => pick(modifiedSlot ?? {\n    format: slot.format,\n    slot: slot.slot ?? '',\n  }, ['format', 'slot']), [slot, modifiedSlot]);\n\n  const form = useForm<SlotSchema>({\n    resolver: zodResolver(slotSchema),\n    defaultValues,\n  });\n\n  const onSubmit: SubmitHandler<SlotSchema> = (data) => {\n    modifiedSlots.set(slot.name, pick({\n      ...slot,\n      ...data,\n    }, ['format', 'slot']));\n  };\n\n  return (\n    <>\n      <SheetHeader className=\"mb-8\">\n        <SheetTitle>\n          Edit slot\n        </SheetTitle>\n        <SheetDescription>\n          {slot.name}\n        </SheetDescription>\n      </SheetHeader>\n\n      <Form {...form}>\n        { }\n        <form onSubmit={form.handleSubmit(onSubmit)}>\n          <FormField\n            control={form.control}\n            name=\"format\"\n            render={({ field }) => (\n              <SlotFormItem label=\"Format\">\n                <Input {...field} />\n              </SlotFormItem>\n            )}\n          />\n          <FormField\n            control={form.control}\n            name=\"slot\"\n            render={({ field }) => (\n              <SlotFormItem label=\"Slot\">\n                <Input {...field} />\n              </SlotFormItem>\n            )}\n          />\n\n          <Button className=\"w-full mt-10\">\n            Edit\n          </Button>\n        </form>\n      </Form>\n    </>\n  );\n}\n\n// eslint-disable-next-line ts/naming-convention\nfunction SlotFormItem({\n  label,\n  description,\n  children,\n}: PropsWithChildren<{\n  label: string;\n  description?: string;\n}>): ReactElement {\n  return (\n    <FormItem className=\"mb-3\">\n      <FormLabel>{label}</FormLabel>\n      {description && <FormDescription>{description}</FormDescription>}\n      <FormControl>\n        {children}\n      </FormControl>\n      <FormMessage />\n    </FormItem>\n  );\n}\n\nfunction useSlot(id: string): AdheseSlot | undefined {\n  const adheseContext = useAdheseContext();\n  const [slot, setSlot] = useState(adheseContext?.slots.get(id));\n\n  useEffect(() => {\n    if (!adheseContext) {\n      return;\n    }\n\n    return watch(() => adheseContext.slots, (slots) => {\n      setSlot(slots.get(id));\n    }, { immediate: true, deep: true });\n  }, [adheseContext, id]);\n  return slot;\n}\n"],"names":["object","string","Sheet","jsx","SheetTrigger","buttonVariants","Pencil1Icon","SheetContent","useModifiedSlots","useMemo","pick","form","useForm","zodResolver","jsxs","Fragment","SheetHeader","SheetTitle","SheetDescription","Form","FormField","Input","Button","FormItem","FormLabel","FormDescription","FormControl","FormMessage","useAdheseContext","useState","useEffect","watch"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAM,aAAaA,WAAAA,OAAO;AAAA,EACxB,QAAQC,WAAAA,OAAA,EAAS,IAAI,CAAC;AAAA,EACtB,MAAMA,WAAAA,OAAA,EAAS,SAAA;AACjB,CAAC;AAKM,SAAS,SAAS;AAAA,EACvB;AACF,GAEiB;AACf,QAAM,OAAO,QAAQ,EAAE;AAEvB,yCACGC,aAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,MAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,WAAWC,OAAAA,eAAe;AAAA,UACxB,SAAS;AAAA,UACT,MAAM;AAAA,QAAA,CACP;AAAA,QAED,yCAACC,WAAAA,aAAA,CAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEdC,MAAAA,cAAA,EACE,UAAA,QAAQJ,2BAAAA,IAAC,cAAA,EAAa,MAAY,EAAA,CACrC;AAAA,EAAA,GACF;AAEJ;AAGA,SAAS,aAAa;AAAA,EACpB;AACF,GAEiB;AACf,QAAM,gBAAgBK,oBAAAA,iBAAA;AACtB,QAAM,eAAeC,MAAAA,QAAQ,MAAM,cAAc,MAAM,KAAI,6BAAM,SAAQ,EAAE,GAAG,CAAC,eAAe,IAAI,CAAC;AAEnG,QAAM,gBAAgBA,MAAAA,QAAQ,MAAMC,UAAAA,KAAK,gBAAgB;AAAA,IACvD,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK,QAAQ;AAAA,EAAA,GAClB,CAAC,UAAU,MAAM,CAAC,GAAG,CAAC,MAAM,YAAY,CAAC;AAE5C,QAAMC,SAAOC,cAAAA,QAAoB;AAAA,IAC/B,UAAUC,IAAAA,YAAY,UAAU;AAAA,IAChC;AAAA,EAAA,CACD;AAED,QAAM,WAAsC,CAAC,SAAS;AACpD,kBAAc,IAAI,KAAK,MAAMH,UAAAA,KAAK;AAAA,MAChC,GAAG;AAAA,MACH,GAAG;AAAA,IAAA,GACF,CAAC,UAAU,MAAM,CAAC,CAAC;AAAA,EACxB;AAEA,SACEI,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAD,2BAAAA,KAACE,MAAAA,aAAA,EAAY,WAAU,QACrB,UAAA;AAAA,MAAAb,2BAAAA,IAACc,MAAAA,cAAW,UAAA,YAAA,CAEZ;AAAA,MACAd,2BAAAA,IAACe,MAAAA,kBAAA,EACE,UAAA,KAAK,KAAA,CACR;AAAA,IAAA,GACF;AAAA,IAEAf,2BAAAA,IAACgB,KAAAA,MAAA,EAAM,GAAGR,QAER,UAAAG,2BAAAA,KAAC,UAAK,UAAUH,OAAK,aAAa,QAAQ,GACxC,UAAA;AAAA,MAAAR,2BAAAA;AAAAA,QAACiB,KAAAA;AAAAA,QAAA;AAAA,UACC,SAAST,OAAK;AAAA,UACd,MAAK;AAAA,UACL,QAAQ,CAAC,EAAE,MAAA,MACTR,2BAAAA,IAAC,cAAA,EAAa,OAAM,UAClB,UAAAA,2BAAAA,IAACkB,MAAAA,OAAA,EAAO,GAAG,OAAO,EAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJlB,2BAAAA;AAAAA,QAACiB,KAAAA;AAAAA,QAAA;AAAA,UACC,SAAST,OAAK;AAAA,UACd,MAAK;AAAA,UACL,QAAQ,CAAC,EAAE,MAAA,MACTR,2BAAAA,IAAC,cAAA,EAAa,OAAM,QAClB,UAAAA,2BAAAA,IAACkB,MAAAA,OAAA,EAAO,GAAG,OAAO,EAAA,CACpB;AAAA,QAAA;AAAA,MAAA;AAAA,MAIJlB,2BAAAA,IAACmB,OAAAA,QAAA,EAAO,WAAU,gBAAe,UAAA,OAAA,CAEjC;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAGA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,GAGkB;AAChB,SACER,2BAAAA,KAACS,KAAAA,UAAA,EAAS,WAAU,QAClB,UAAA;AAAA,IAAApB,2BAAAA,IAACqB,KAAAA,aAAW,UAAA,MAAA,CAAM;AAAA,IACjB,eAAerB,2BAAAA,IAACsB,KAAAA,iBAAA,EAAiB,UAAA,YAAA,CAAY;AAAA,IAC9CtB,+BAACuB,KAAAA,eACE,UACH;AAAA,mCACCC,KAAAA,aAAA,CAAA,CAAY;AAAA,EAAA,GACf;AAEJ;AAEA,SAAS,QAAQ,IAAoC;AACnD,QAAM,gBAAgBC,cAAAA,iBAAA;AACtB,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,+CAAe,MAAM,IAAI,GAAG;AAE7DC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,eAAe;AAClB;AAAA,IACF;AAEA,WAAOC,UAAAA,MAAM,MAAM,cAAc,OAAO,CAAC,UAAU;AACjD,cAAQ,MAAM,IAAI,EAAE,CAAC;AAAA,IACvB,GAAG,EAAE,WAAW,MAAM,MAAM,MAAM;AAAA,EACpC,GAAG,CAAC,eAAe,EAAE,CAAC;AACtB,SAAO;AACT;;"}