autumn-js 0.0.81 → 0.0.83

package/dist/libraries/react/index.mjs

@@ -23,7 +23,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // src/styles/global.css
-styleInject('*:where(.au-root, .au-root *),\n:where(.au-root, .au-root *)::before,\n:where(.au-root, .au-root *)::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n:where(.au-root, .au-root *)::before,\n:where(.au-root, .au-root *)::after {\n  --tw-content: "";\n}\n.au-root {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n}\n.au-root {\n  margin: 0;\n  line-height: inherit;\n}\nhr:where(.au-root, .au-root *) {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\nabbr:where([title]):where(.au-root, .au-root *) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\nh1:where(.au-root, .au-root *),\nh2:where(.au-root, .au-root *),\nh3:where(.au-root, .au-root *),\nh4:where(.au-root, .au-root *),\nh5:where(.au-root, .au-root *),\nh6:where(.au-root, .au-root *) {\n  font-size: inherit;\n  font-weight: inherit;\n}\na:where(.au-root, .au-root *) {\n  color: inherit;\n  text-decoration: inherit;\n}\nb:where(.au-root, .au-root *),\nstrong:where(.au-root, .au-root *) {\n  font-weight: bolder;\n}\ncode:where(.au-root, .au-root *),\nkbd:where(.au-root, .au-root *),\nsamp:where(.au-root, .au-root *),\npre:where(.au-root, .au-root *) {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-size: 1em;\n}\nsmall:where(.au-root, .au-root *) {\n  font-size: 80%;\n}\nsub:where(.au-root, .au-root *),\nsup:where(.au-root, .au-root *) {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub:where(.au-root, .au-root *) {\n  bottom: -0.25em;\n}\nsup:where(.au-root, .au-root *) {\n  top: -0.5em;\n}\ntable:where(.au-root, .au-root *) {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\nbutton:where(.au-root, .au-root *),\ninput:where(.au-root, .au-root *),\noptgroup:where(.au-root, .au-root *),\nselect:where(.au-root, .au-root *),\ntextarea:where(.au-root, .au-root *) {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\nbutton:where(.au-root, .au-root *),\nselect:where(.au-root, .au-root *) {\n  text-transform: none;\n}\nbutton:where(.au-root, .au-root *),\n[type=button]:where(.au-root, .au-root *),\n[type=reset]:where(.au-root, .au-root *),\n[type=submit]:where(.au-root, .au-root *) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:-moz-focusring:where(.au-root, .au-root *) {\n  outline: auto;\n}\n:-moz-ui-invalid:where(.au-root, .au-root *) {\n  box-shadow: none;\n}\nprogress:where(.au-root, .au-root *) {\n  vertical-align: baseline;\n}\n:where(.au-root, .au-root *) ::-webkit-inner-spin-button,\n:where(.au-root, .au-root *) ::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search]:where(.au-root, .au-root *) {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n:where(.au-root, .au-root *) ::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n:where(.au-root, .au-root *) ::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary:where(.au-root, .au-root *) {\n  display: list-item;\n}\nblockquote:where(.au-root, .au-root *),\ndl:where(.au-root, .au-root *),\ndd:where(.au-root, .au-root *),\nh1:where(.au-root, .au-root *),\nh2:where(.au-root, .au-root *),\nh3:where(.au-root, .au-root *),\nh4:where(.au-root, .au-root *),\nh5:where(.au-root, .au-root *),\nh6:where(.au-root, .au-root *),\nhr:where(.au-root, .au-root *),\nfigure:where(.au-root, .au-root *),\np:where(.au-root, .au-root *),\npre:where(.au-root, .au-root *) {\n  margin: 0;\n}\nfieldset:where(.au-root, .au-root *) {\n  margin: 0;\n  padding: 0;\n}\nlegend:where(.au-root, .au-root *) {\n  padding: 0;\n}\nol:where(.au-root, .au-root *),\nul:where(.au-root, .au-root *),\nmenu:where(.au-root, .au-root *) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\ndialog:where(.au-root, .au-root *) {\n  padding: 0;\n}\ntextarea:where(.au-root, .au-root *) {\n  resize: vertical;\n}\n:where(.au-root, .au-root *) input::-moz-placeholder,\n:where(.au-root, .au-root *) textarea::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n:where(.au-root, .au-root *) input::placeholder,\n:where(.au-root, .au-root *) textarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\nbutton:where(.au-root, .au-root *),\n[role=button]:where(.au-root, .au-root *) {\n  cursor: pointer;\n}\n:disabled:where(.au-root, .au-root *) {\n  cursor: default;\n}\nimg:where(.au-root, .au-root *),\nsvg:where(.au-root, .au-root *),\nvideo:where(.au-root, .au-root *),\ncanvas:where(.au-root, .au-root *),\naudio:where(.au-root, .au-root *),\niframe:where(.au-root, .au-root *),\nembed:where(.au-root, .au-root *),\nobject:where(.au-root, .au-root *) {\n  display: block;\n  vertical-align: middle;\n}\nimg:where(.au-root, .au-root *),\nvideo:where(.au-root, .au-root *) {\n  max-width: 100%;\n  height: auto;\n}\n[hidden]:where(.au-root, .au-root *) {\n  display: none;\n}\n.au-root *,\n.au-root ::before,\n.au-root ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n.au-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.au-pointer-events-none {\n  pointer-events: none;\n}\n.au-fixed {\n  position: fixed;\n}\n.au-absolute {\n  position: absolute;\n}\n.au-relative {\n  position: relative;\n}\n.au-inset-0 {\n  inset: 0px;\n}\n.au-left-\\[50\\%\\] {\n  left: 50%;\n}\n.au-right-4 {\n  right: 1rem;\n}\n.au-right-\\[-1px\\] {\n  right: -1px;\n}\n.au-top-4 {\n  top: 1rem;\n}\n.au-top-\\[-1px\\] {\n  top: -1px;\n}\n.au-top-\\[50\\%\\] {\n  top: 50%;\n}\n.au-z-50 {\n  z-index: 50;\n}\n.au-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.au-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.au-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.au-mb-4 {\n  margin-bottom: 1rem;\n}\n.au-mb-6 {\n  margin-bottom: 1.5rem;\n}\n.au-mb-8 {\n  margin-bottom: 2rem;\n}\n.au-mr-2 {\n  margin-right: 0.5rem;\n}\n.au-mt-0 {\n  margin-top: 0px;\n}\n.au-mt-0\\.5 {\n  margin-top: 0.125rem;\n}\n.au-mt-1 {\n  margin-top: 0.25rem;\n}\n.au-mt-2 {\n  margin-top: 0.5rem;\n}\n.au-mt-4 {\n  margin-top: 1rem;\n}\n.au-line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.au-block {\n  display: block;\n}\n.au-flex {\n  display: flex;\n}\n.au-inline-flex {\n  display: inline-flex;\n}\n.au-grid {\n  display: grid;\n}\n.au-size-4 {\n  width: 1rem;\n  height: 1rem;\n}\n.\\!au-h-3 {\n  height: 0.75rem !important;\n}\n.au-h-10 {\n  height: 2.5rem;\n}\n.au-h-16 {\n  height: 4rem;\n}\n.au-h-4 {\n  height: 1rem;\n}\n.au-h-5 {\n  height: 1.25rem;\n}\n.au-h-6 {\n  height: 1.5rem;\n}\n.au-h-7 {\n  height: 1.75rem;\n}\n.au-h-8 {\n  height: 2rem;\n}\n.au-h-9 {\n  height: 2.25rem;\n}\n.au-h-full {\n  height: 100%;\n}\n.au-w-4 {\n  width: 1rem;\n}\n.au-w-6 {\n  width: 1.5rem;\n}\n.au-w-8 {\n  width: 2rem;\n}\n.au-w-9 {\n  width: 2.25rem;\n}\n.au-w-full {\n  width: 100%;\n}\n.au-min-w-16 {\n  min-width: 4rem;\n}\n.au-min-w-20 {\n  min-width: 5rem;\n}\n.au-max-w-lg {\n  max-width: 32rem;\n}\n.au-max-w-xl {\n  max-width: 36rem;\n}\n.au-flex-1 {\n  flex: 1 1 0%;\n}\n.au-flex-shrink-0 {\n  flex-shrink: 0;\n}\n.au-shrink-0 {\n  flex-shrink: 0;\n}\n.au-flex-grow {\n  flex-grow: 1;\n}\n.au--translate-y-12 {\n  --tw-translate-y: -3rem;\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.au--translate-y-6 {\n  --tw-translate-y: -1.5rem;\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.au-translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-0 {\n  --tw-translate-y: 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.au-translate-y-6 {\n  --tw-translate-y: 1.5rem;\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.au-translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-\\[130\\%\\] {\n  --tw-translate-y: 130%;\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@keyframes au-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.au-animate-spin {\n  animation: au-spin 1s linear infinite;\n}\n.au-cursor-pointer {\n  cursor: pointer;\n}\n.au-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.au-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.au-flex-row {\n  flex-direction: row;\n}\n.au-flex-col {\n  flex-direction: column;\n}\n.au-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.au-items-start {\n  align-items: flex-start;\n}\n.au-items-center {\n  align-items: center;\n}\n.au-justify-end {\n  justify-content: flex-end;\n}\n.au-justify-center {\n  justify-content: center;\n}\n.au-justify-between {\n  justify-content: space-between;\n}\n.au-gap-0 {\n  gap: 0px;\n}\n.au-gap-1 {\n  gap: 0.25rem;\n}\n.au-gap-2 {\n  gap: 0.5rem;\n}\n.au-gap-4 {\n  gap: 1rem;\n}\n.au-gap-x-4 {\n  -moz-column-gap: 1rem;\n  column-gap: 1rem;\n}\n.au-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.au-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.au-space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.au-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.au-overflow-hidden {\n  overflow: hidden;\n}\n.au-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.au-whitespace-nowrap {\n  white-space: nowrap;\n}\n.au-rounded-full {\n  border-radius: 9999px;\n}\n.au-rounded-lg {\n  border-radius: var(--au-radius);\n}\n.au-rounded-md {\n  border-radius: calc(var(--au-radius) - 2px);\n}\n.au-rounded-sm {\n  border-radius: calc(var(--au-radius) - 4px);\n}\n.au-rounded-bl-lg {\n  border-bottom-left-radius: var(--au-radius);\n}\n.au-border {\n  border-width: 1px;\n}\n.au-border-2 {\n  border-width: 2px;\n}\n.au-border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.au-border-t {\n  border-top-width: 1px;\n}\n.au-border-input {\n  border-color: hsl(var(--au-input));\n}\n.au-border-transparent {\n  border-color: transparent;\n}\n.au-bg-background {\n  background-color: hsl(var(--au-background));\n}\n.au-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.au-bg-black\\/80 {\n  background-color: rgb(0 0 0 / 0.8);\n}\n.au-bg-destructive {\n  background-color: hsl(var(--au-destructive));\n}\n.au-bg-primary {\n  background-color: hsl(var(--au-primary));\n}\n.au-bg-secondary {\n  background-color: hsl(var(--au-secondary));\n}\n.au-bg-secondary\\/40 {\n  background-color: hsl(var(--au-secondary) / 0.4);\n}\n.au-p-0 {\n  padding: 0px;\n}\n.au-p-6 {\n  padding: 1.5rem;\n}\n.\\!au-py-10 {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n.au-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.au-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.au-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.au-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.au-py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.au-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.au-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.au-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.au-pb-0 {\n  padding-bottom: 0px;\n}\n.au-pb-0\\.5 {\n  padding-bottom: 0.125rem;\n}\n.au-pb-4 {\n  padding-bottom: 1rem;\n}\n.au-pl-6 {\n  padding-left: 1.5rem;\n}\n.au-pr-3 {\n  padding-right: 0.75rem;\n}\n.au-pt-4 {\n  padding-top: 1rem;\n}\n.au-text-left {\n  text-align: left;\n}\n.au-text-center {\n  text-align: center;\n}\n.au-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.au-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.au-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.au-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.au-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.au-font-bold {\n  font-weight: 700;\n}\n.au-font-medium {\n  font-weight: 500;\n}\n.au-font-normal {\n  font-weight: 400;\n}\n.au-font-semibold {\n  font-weight: 600;\n}\n.au-leading-none {\n  line-height: 1;\n}\n.au-tracking-tight {\n  letter-spacing: -0.025em;\n}\n.au-text-destructive-foreground {\n  color: hsl(var(--au-destructive-foreground));\n}\n.au-text-foreground {\n  color: hsl(var(--au-foreground));\n}\n.au-text-muted-foreground {\n  color: hsl(var(--au-muted-foreground));\n}\n.au-text-primary {\n  color: hsl(var(--au-primary));\n}\n.au-text-primary-foreground {\n  color: hsl(var(--au-primary-foreground));\n}\n.au-text-secondary-foreground {\n  color: hsl(var(--au-secondary-foreground));\n}\n.au-text-zinc-400 {\n  --tw-text-opacity: 1;\n  color: rgb(161 161 170 / var(--tw-text-opacity));\n}\n.au-underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.au-opacity-70 {\n  opacity: 0.7;\n}\n.au-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:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-inner {\n  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-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:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-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:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-stone-400 {\n  --tw-shadow-color: #a8a29e;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-shadow-zinc-800 {\n  --tw-shadow-color: #27272a;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.au-ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.au-transition {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-duration-200 {\n  transition-duration: 200ms;\n}\n.au-duration-300 {\n  transition-duration: 300ms;\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.au-slide-in-from-left-1 {\n  --tw-enter-translate-x: -0.25rem;\n}\n.au-slide-out-to-left-1 {\n  --tw-exit-translate-x: -0.25rem;\n}\n.au-duration-200 {\n  animation-duration: 200ms;\n}\n.au-duration-300 {\n  animation-duration: 300ms;\n}\n:root {\n  --au-background: 0 0% 100%;\n  --au-foreground: 240 10% 3.9%;\n  --au-card: 0 0% 100%;\n  --au-card-foreground: 240 10% 3.9%;\n  --au-popover: 0 0% 100%;\n  --au-popover-foreground: 240 10% 3.9%;\n  --au-primary: 240 5.9% 10%;\n  --au-primary-foreground: 0 0% 98%;\n  --au-secondary: 240 4.8% 95.9%;\n  --au-secondary-foreground: 240 5.9% 10%;\n  --au-muted: 240 4.8% 95.9%;\n  --au-muted-foreground: 240 3.8% 46.1%;\n  --au-accent: 240 4.8% 95.9%;\n  --au-accent-foreground: 240 5.9% 10%;\n  --au-destructive: 0 84.2% 60.2%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 5.9% 90%;\n  --au-input: 240 5.9% 90%;\n  --au-ring: 240 10% 3.9%;\n  --au-chart-1: 12 76% 61%;\n  --au-chart-2: 173 58% 39%;\n  --au-chart-3: 197 37% 24%;\n  --au-chart-4: 43 74% 66%;\n  --au-chart-5: 27 87% 67%;\n  --au-radius: 0.5rem;\n  --au-sidebar-background: 0 0% 98%;\n  --au-sidebar-foreground: 240 5.3% 26.1%;\n  --au-sidebar-primary: 240 5.9% 10%;\n  --au-sidebar-primary-foreground: 0 0% 98%;\n  --au-sidebar-accent: 240 4.8% 95.9%;\n  --au-sidebar-accent-foreground: 240 5.9% 10%;\n  --au-sidebar-border: 220 13% 91%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.dark {\n  --au-background: 240 10% 3.9%;\n  --au-foreground: 0 0% 98%;\n  --au-card: 240 10% 3.9%;\n  --au-card-foreground: 0 0% 98%;\n  --au-popover: 240 10% 3.9%;\n  --au-popover-foreground: 0 0% 98%;\n  --au-primary: 0 0% 98%;\n  --au-primary-foreground: 240 5.9% 10%;\n  --au-secondary: 240 3.7% 15.9%;\n  --au-secondary-foreground: 0 0% 98%;\n  --au-muted: 240 3.7% 15.9%;\n  --au-muted-foreground: 240 5% 64.9%;\n  --au-accent: 240 3.7% 15.9%;\n  --au-accent-foreground: 0 0% 98%;\n  --au-destructive: 0 62.8% 30.6%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 3.7% 15.9%;\n  --au-input: 240 3.7% 15.9%;\n  --au-ring: 240 4.9% 83.9%;\n  --au-chart-1: 220 70% 50%;\n  --au-chart-2: 160 60% 45%;\n  --au-chart-3: 30 80% 55%;\n  --au-chart-4: 280 65% 60%;\n  --au-chart-5: 340 75% 55%;\n  --au-sidebar-background: 240 5.9% 10%;\n  --au-sidebar-foreground: 240 4.8% 95.9%;\n  --au-sidebar-primary: 224.3 76.3% 48%;\n  --au-sidebar-primary-foreground: 0 0% 100%;\n  --au-sidebar-accent: 240 3.7% 15.9%;\n  --au-sidebar-accent-foreground: 240 4.8% 95.9%;\n  --au-sidebar-border: 240 3.7% 15.9%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.hover\\:au-bg-accent:hover {\n  background-color: hsl(var(--au-accent));\n}\n.hover\\:au-bg-destructive\\/90:hover {\n  background-color: hsl(var(--au-destructive) / 0.9);\n}\n.hover\\:au-bg-primary\\/90:hover {\n  background-color: hsl(var(--au-primary) / 0.9);\n}\n.hover\\:au-bg-secondary\\/80:hover {\n  background-color: hsl(var(--au-secondary) / 0.8);\n}\n.hover\\:au-text-accent-foreground:hover {\n  color: hsl(var(--au-accent-foreground));\n}\n.hover\\:au-underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:au-opacity-100:hover {\n  opacity: 1;\n}\n.hover\\:au-brightness-90:hover {\n  --tw-brightness: brightness(.9);\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.focus\\:au-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:au-ring-ring:focus {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus\\:au-ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus-visible\\:au-ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.disabled\\:au-pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:au-opacity-50:disabled {\n  opacity: 0.5;\n}\n.au-group:hover .group-hover\\:au-mt-0 {\n  margin-top: 0px;\n}\n.au-group:hover .group-hover\\:au-translate-y-0 {\n  --tw-translate-y: 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.au-group:hover .group-hover\\:au-translate-y-\\[-130\\%\\] {\n  --tw-translate-y: -130%;\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.data-\\[state\\=checked\\]\\:au-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.data-\\[state\\=unchecked\\]\\:au-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.data-\\[state\\=checked\\]\\:au-bg-primary[data-state=checked] {\n  background-color: hsl(var(--au-primary));\n}\n.data-\\[state\\=open\\]\\:au-bg-accent[data-state=open] {\n  background-color: hsl(var(--au-accent));\n}\n.data-\\[state\\=unchecked\\]\\:au-bg-input[data-state=unchecked] {\n  background-color: hsl(var(--au-input));\n}\n.data-\\[state\\=open\\]\\:au-text-muted-foreground[data-state=open] {\n  color: hsl(var(--au-muted-foreground));\n}\n.data-\\[state\\=open\\]\\:au-animate-in[data-state=open] {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-animate-out[data-state=closed] {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-fade-out-0[data-state=closed] {\n  --tw-exit-opacity: 0;\n}\n.data-\\[state\\=open\\]\\:au-fade-in-0[data-state=open] {\n  --tw-enter-opacity: 0;\n}\n.data-\\[state\\=closed\\]\\:au-zoom-out-95[data-state=closed] {\n  --tw-exit-scale: .95;\n}\n.data-\\[state\\=open\\]\\:au-zoom-in-95[data-state=open] {\n  --tw-enter-scale: .95;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-left-1\\/2[data-state=closed] {\n  --tw-exit-translate-x: -50%;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-top-\\[48\\%\\][data-state=closed] {\n  --tw-exit-translate-y: -48%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-left-1\\/2[data-state=open] {\n  --tw-enter-translate-x: -50%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-top-\\[48\\%\\][data-state=open] {\n  --tw-enter-translate-y: -48%;\n}\n:is(.au-dark .dark\\:au-shadow-zinc-800\\/80) {\n  --tw-shadow-color: rgb(39 39 42 / 0.8);\n  --tw-shadow: var(--tw-shadow-colored);\n}\n@media (min-width: 640px) {\n  .sm\\:au-h-7 {\n    height: 1.75rem;\n  }\n  .sm\\:au-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .sm\\:au-flex-row {\n    flex-direction: row;\n  }\n  .sm\\:au-items-center {\n    align-items: center;\n  }\n  .sm\\:au-justify-end {\n    justify-content: flex-end;\n  }\n  .sm\\:au-gap-2 {\n    gap: 0.5rem;\n  }\n  .sm\\:au-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  .sm\\:au-rounded-lg {\n    border-radius: var(--au-radius);\n  }\n  .sm\\:au-pb-0 {\n    padding-bottom: 0px;\n  }\n  .sm\\:au-text-left {\n    text-align: left;\n  }\n}\n@media (min-width: 1024px) {\n  .lg\\:au-right-4 {\n    right: 1rem;\n  }\n  .lg\\:au-top-4 {\n    top: 1rem;\n  }\n  .lg\\:au-h-\\[calc\\(100\\%\\+48px\\)\\] {\n    height: calc(100% + 48px);\n  }\n  .lg\\:au--translate-y-12 {\n    --tw-translate-y: -3rem;\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  .lg\\:au--translate-y-6 {\n    --tw-translate-y: -1.5rem;\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  .lg\\:au-translate-y-6 {\n    --tw-translate-y: 1.5rem;\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  .lg\\:au-grid-cols-\\[repeat\\(auto-fit\\,minmax\\(200px\\,1fr\\)\\)\\] {\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  }\n  .lg\\:au-rounded-full {\n    border-radius: 9999px;\n  }\n  .lg\\:au-py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n  .lg\\:au-py-0\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .lg\\:au-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:\n      var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000),\n      var(--tw-shadow);\n  }\n}\n.\\[\\&_svg\\]\\:au-pointer-events-none svg {\n  pointer-events: none;\n}\n.\\[\\&_svg\\]\\:au-size-4 svg {\n  width: 1rem;\n  height: 1rem;\n}\n.\\[\\&_svg\\]\\:au-shrink-0 svg {\n  flex-shrink: 0;\n}\n');
+styleInject('*:where(.au-root, .au-root *),\n:where(.au-root, .au-root *)::before,\n:where(.au-root, .au-root *)::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n:where(.au-root, .au-root *)::before,\n:where(.au-root, .au-root *)::after {\n  --tw-content: "";\n}\n.au-root {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n}\n.au-root {\n  margin: 0;\n  line-height: inherit;\n}\nhr:where(.au-root, .au-root *) {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\nabbr:where([title]):where(.au-root, .au-root *) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\nh1:where(.au-root, .au-root *),\nh2:where(.au-root, .au-root *),\nh3:where(.au-root, .au-root *),\nh4:where(.au-root, .au-root *),\nh5:where(.au-root, .au-root *),\nh6:where(.au-root, .au-root *) {\n  font-size: inherit;\n  font-weight: inherit;\n}\na:where(.au-root, .au-root *) {\n  color: inherit;\n  text-decoration: inherit;\n}\nb:where(.au-root, .au-root *),\nstrong:where(.au-root, .au-root *) {\n  font-weight: bolder;\n}\ncode:where(.au-root, .au-root *),\nkbd:where(.au-root, .au-root *),\nsamp:where(.au-root, .au-root *),\npre:where(.au-root, .au-root *) {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-size: 1em;\n}\nsmall:where(.au-root, .au-root *) {\n  font-size: 80%;\n}\nsub:where(.au-root, .au-root *),\nsup:where(.au-root, .au-root *) {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub:where(.au-root, .au-root *) {\n  bottom: -0.25em;\n}\nsup:where(.au-root, .au-root *) {\n  top: -0.5em;\n}\ntable:where(.au-root, .au-root *) {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\nbutton:where(.au-root, .au-root *),\ninput:where(.au-root, .au-root *),\noptgroup:where(.au-root, .au-root *),\nselect:where(.au-root, .au-root *),\ntextarea:where(.au-root, .au-root *) {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\nbutton:where(.au-root, .au-root *),\nselect:where(.au-root, .au-root *) {\n  text-transform: none;\n}\nbutton:where(.au-root, .au-root *),\n[type=button]:where(.au-root, .au-root *),\n[type=reset]:where(.au-root, .au-root *),\n[type=submit]:where(.au-root, .au-root *) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:-moz-focusring:where(.au-root, .au-root *) {\n  outline: auto;\n}\n:-moz-ui-invalid:where(.au-root, .au-root *) {\n  box-shadow: none;\n}\nprogress:where(.au-root, .au-root *) {\n  vertical-align: baseline;\n}\n:where(.au-root, .au-root *) ::-webkit-inner-spin-button,\n:where(.au-root, .au-root *) ::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search]:where(.au-root, .au-root *) {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n:where(.au-root, .au-root *) ::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n:where(.au-root, .au-root *) ::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary:where(.au-root, .au-root *) {\n  display: list-item;\n}\nblockquote:where(.au-root, .au-root *),\ndl:where(.au-root, .au-root *),\ndd:where(.au-root, .au-root *),\nh1:where(.au-root, .au-root *),\nh2:where(.au-root, .au-root *),\nh3:where(.au-root, .au-root *),\nh4:where(.au-root, .au-root *),\nh5:where(.au-root, .au-root *),\nh6:where(.au-root, .au-root *),\nhr:where(.au-root, .au-root *),\nfigure:where(.au-root, .au-root *),\np:where(.au-root, .au-root *),\npre:where(.au-root, .au-root *) {\n  margin: 0;\n}\nfieldset:where(.au-root, .au-root *) {\n  margin: 0;\n  padding: 0;\n}\nlegend:where(.au-root, .au-root *) {\n  padding: 0;\n}\nol:where(.au-root, .au-root *),\nul:where(.au-root, .au-root *),\nmenu:where(.au-root, .au-root *) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\ndialog:where(.au-root, .au-root *) {\n  padding: 0;\n}\ntextarea:where(.au-root, .au-root *) {\n  resize: vertical;\n}\n:where(.au-root, .au-root *) input::-moz-placeholder,\n:where(.au-root, .au-root *) textarea::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n:where(.au-root, .au-root *) input::placeholder,\n:where(.au-root, .au-root *) textarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\nbutton:where(.au-root, .au-root *),\n[role=button]:where(.au-root, .au-root *) {\n  cursor: pointer;\n}\n:disabled:where(.au-root, .au-root *) {\n  cursor: default;\n}\nimg:where(.au-root, .au-root *),\nsvg:where(.au-root, .au-root *),\nvideo:where(.au-root, .au-root *),\ncanvas:where(.au-root, .au-root *),\naudio:where(.au-root, .au-root *),\niframe:where(.au-root, .au-root *),\nembed:where(.au-root, .au-root *),\nobject:where(.au-root, .au-root *) {\n  display: block;\n  vertical-align: middle;\n}\nimg:where(.au-root, .au-root *),\nvideo:where(.au-root, .au-root *) {\n  max-width: 100%;\n  height: auto;\n}\n[hidden]:where(.au-root, .au-root *) {\n  display: none;\n}\n* {\n  border-color: hsl(var(--au-border));\n}\nbody {\n  background-color: hsl(var(--au-background));\n  color: hsl(var(--au-foreground));\n}\n.au-root *,\n.au-root ::before,\n.au-root ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n.au-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.au-pointer-events-none {\n  pointer-events: none;\n}\n.au-fixed {\n  position: fixed;\n}\n.au-absolute {\n  position: absolute;\n}\n.au-relative {\n  position: relative;\n}\n.au-inset-0 {\n  inset: 0px;\n}\n.au-left-\\[50\\%\\] {\n  left: 50%;\n}\n.au-right-4 {\n  right: 1rem;\n}\n.au-right-\\[-1px\\] {\n  right: -1px;\n}\n.au-top-4 {\n  top: 1rem;\n}\n.au-top-\\[-1px\\] {\n  top: -1px;\n}\n.au-top-\\[50\\%\\] {\n  top: 50%;\n}\n.au-z-50 {\n  z-index: 50;\n}\n.au-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.au-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.au-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.au-mb-4 {\n  margin-bottom: 1rem;\n}\n.au-mb-6 {\n  margin-bottom: 1.5rem;\n}\n.au-mb-8 {\n  margin-bottom: 2rem;\n}\n.au-mr-2 {\n  margin-right: 0.5rem;\n}\n.au-mt-0 {\n  margin-top: 0px;\n}\n.au-mt-0\\.5 {\n  margin-top: 0.125rem;\n}\n.au-mt-1 {\n  margin-top: 0.25rem;\n}\n.au-mt-2 {\n  margin-top: 0.5rem;\n}\n.au-mt-4 {\n  margin-top: 1rem;\n}\n.au-line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.au-block {\n  display: block;\n}\n.au-flex {\n  display: flex;\n}\n.au-inline-flex {\n  display: inline-flex;\n}\n.au-grid {\n  display: grid;\n}\n.au-size-4 {\n  width: 1rem;\n  height: 1rem;\n}\n.\\!au-h-3 {\n  height: 0.75rem !important;\n}\n.au-h-10 {\n  height: 2.5rem;\n}\n.au-h-16 {\n  height: 4rem;\n}\n.au-h-4 {\n  height: 1rem;\n}\n.au-h-5 {\n  height: 1.25rem;\n}\n.au-h-6 {\n  height: 1.5rem;\n}\n.au-h-7 {\n  height: 1.75rem;\n}\n.au-h-8 {\n  height: 2rem;\n}\n.au-h-9 {\n  height: 2.25rem;\n}\n.au-h-full {\n  height: 100%;\n}\n.au-w-4 {\n  width: 1rem;\n}\n.au-w-6 {\n  width: 1.5rem;\n}\n.au-w-8 {\n  width: 2rem;\n}\n.au-w-9 {\n  width: 2.25rem;\n}\n.au-w-full {\n  width: 100%;\n}\n.au-min-w-16 {\n  min-width: 4rem;\n}\n.au-min-w-20 {\n  min-width: 5rem;\n}\n.au-max-w-lg {\n  max-width: 32rem;\n}\n.au-max-w-xl {\n  max-width: 36rem;\n}\n.au-flex-1 {\n  flex: 1 1 0%;\n}\n.au-flex-shrink-0 {\n  flex-shrink: 0;\n}\n.au-shrink-0 {\n  flex-shrink: 0;\n}\n.au-flex-grow {\n  flex-grow: 1;\n}\n.au--translate-y-12 {\n  --tw-translate-y: -3rem;\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.au--translate-y-6 {\n  --tw-translate-y: -1.5rem;\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.au-translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-0 {\n  --tw-translate-y: 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.au-translate-y-6 {\n  --tw-translate-y: 1.5rem;\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.au-translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-\\[130\\%\\] {\n  --tw-translate-y: 130%;\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@keyframes au-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.au-animate-spin {\n  animation: au-spin 1s linear infinite;\n}\n.au-cursor-pointer {\n  cursor: pointer;\n}\n.au-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.au-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.au-flex-row {\n  flex-direction: row;\n}\n.au-flex-col {\n  flex-direction: column;\n}\n.au-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.au-items-start {\n  align-items: flex-start;\n}\n.au-items-center {\n  align-items: center;\n}\n.au-justify-end {\n  justify-content: flex-end;\n}\n.au-justify-center {\n  justify-content: center;\n}\n.au-justify-between {\n  justify-content: space-between;\n}\n.au-gap-0 {\n  gap: 0px;\n}\n.au-gap-1 {\n  gap: 0.25rem;\n}\n.au-gap-2 {\n  gap: 0.5rem;\n}\n.au-gap-4 {\n  gap: 1rem;\n}\n.au-gap-x-4 {\n  -moz-column-gap: 1rem;\n  column-gap: 1rem;\n}\n.au-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.au-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.au-space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.au-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.au-overflow-hidden {\n  overflow: hidden;\n}\n.au-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.au-whitespace-nowrap {\n  white-space: nowrap;\n}\n.au-rounded-full {\n  border-radius: 9999px;\n}\n.au-rounded-lg {\n  border-radius: var(--au-radius);\n}\n.au-rounded-md {\n  border-radius: calc(var(--au-radius) - 2px);\n}\n.au-rounded-sm {\n  border-radius: calc(var(--au-radius) - 4px);\n}\n.au-rounded-bl-lg {\n  border-bottom-left-radius: var(--au-radius);\n}\n.au-border {\n  border-width: 1px;\n}\n.au-border-2 {\n  border-width: 2px;\n}\n.au-border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.au-border-t {\n  border-top-width: 1px;\n}\n.au-border-input {\n  border-color: hsl(var(--au-input));\n}\n.au-border-transparent {\n  border-color: transparent;\n}\n.au-bg-background {\n  background-color: hsl(var(--au-background));\n}\n.au-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.au-bg-black\\/80 {\n  background-color: rgb(0 0 0 / 0.8);\n}\n.au-bg-destructive {\n  background-color: hsl(var(--au-destructive));\n}\n.au-bg-primary {\n  background-color: hsl(var(--au-primary));\n}\n.au-bg-secondary {\n  background-color: hsl(var(--au-secondary));\n}\n.au-bg-secondary\\/40 {\n  background-color: hsl(var(--au-secondary) / 0.4);\n}\n.au-p-0 {\n  padding: 0px;\n}\n.au-p-6 {\n  padding: 1.5rem;\n}\n.\\!au-py-10 {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n.au-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.au-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.au-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.au-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.au-py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.au-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.au-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.au-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.au-pb-0 {\n  padding-bottom: 0px;\n}\n.au-pb-0\\.5 {\n  padding-bottom: 0.125rem;\n}\n.au-pb-4 {\n  padding-bottom: 1rem;\n}\n.au-pl-6 {\n  padding-left: 1.5rem;\n}\n.au-pr-3 {\n  padding-right: 0.75rem;\n}\n.au-pt-4 {\n  padding-top: 1rem;\n}\n.au-text-left {\n  text-align: left;\n}\n.au-text-center {\n  text-align: center;\n}\n.au-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.au-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.au-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.au-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.au-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.au-font-bold {\n  font-weight: 700;\n}\n.au-font-medium {\n  font-weight: 500;\n}\n.au-font-normal {\n  font-weight: 400;\n}\n.au-font-semibold {\n  font-weight: 600;\n}\n.au-leading-none {\n  line-height: 1;\n}\n.au-tracking-tight {\n  letter-spacing: -0.025em;\n}\n.au-text-destructive-foreground {\n  color: hsl(var(--au-destructive-foreground));\n}\n.au-text-foreground {\n  color: hsl(var(--au-foreground));\n}\n.au-text-muted-foreground {\n  color: hsl(var(--au-muted-foreground));\n}\n.au-text-primary {\n  color: hsl(var(--au-primary));\n}\n.au-text-primary-foreground {\n  color: hsl(var(--au-primary-foreground));\n}\n.au-text-secondary-foreground {\n  color: hsl(var(--au-secondary-foreground));\n}\n.au-text-zinc-400 {\n  --tw-text-opacity: 1;\n  color: rgb(161 161 170 / var(--tw-text-opacity));\n}\n.au-underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.au-opacity-70 {\n  opacity: 0.7;\n}\n.au-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:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-inner {\n  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-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:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-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:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-stone-400 {\n  --tw-shadow-color: #a8a29e;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-shadow-zinc-800 {\n  --tw-shadow-color: #27272a;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.au-ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.au-transition {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-duration-200 {\n  transition-duration: 200ms;\n}\n.au-duration-300 {\n  transition-duration: 300ms;\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.au-slide-in-from-left-1 {\n  --tw-enter-translate-x: -0.25rem;\n}\n.au-slide-out-to-left-1 {\n  --tw-exit-translate-x: -0.25rem;\n}\n.au-duration-200 {\n  animation-duration: 200ms;\n}\n.au-duration-300 {\n  animation-duration: 300ms;\n}\n:root {\n  --au-background: 0 0% 100%;\n  --au-foreground: 240 10% 3.9%;\n  --au-card: 0 0% 100%;\n  --au-card-foreground: 240 10% 3.9%;\n  --au-popover: 0 0% 100%;\n  --au-popover-foreground: 240 10% 3.9%;\n  --au-primary: 240 5.9% 10%;\n  --au-primary-foreground: 0 0% 98%;\n  --au-secondary: 240 4.8% 95.9%;\n  --au-secondary-foreground: 240 5.9% 10%;\n  --au-muted: 240 4.8% 95.9%;\n  --au-muted-foreground: 240 3.8% 46.1%;\n  --au-accent: 240 4.8% 95.9%;\n  --au-accent-foreground: 240 5.9% 10%;\n  --au-destructive: 0 84.2% 60.2%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 5.9% 90%;\n  --au-input: 240 5.9% 90%;\n  --au-ring: 240 10% 3.9%;\n  --au-chart-1: 12 76% 61%;\n  --au-chart-2: 173 58% 39%;\n  --au-chart-3: 197 37% 24%;\n  --au-chart-4: 43 74% 66%;\n  --au-chart-5: 27 87% 67%;\n  --au-radius: 0.5rem;\n  --au-sidebar-background: 0 0% 98%;\n  --au-sidebar-foreground: 240 5.3% 26.1%;\n  --au-sidebar-primary: 240 5.9% 10%;\n  --au-sidebar-primary-foreground: 0 0% 98%;\n  --au-sidebar-accent: 240 4.8% 95.9%;\n  --au-sidebar-accent-foreground: 240 5.9% 10%;\n  --au-sidebar-border: 220 13% 91%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.dark {\n  --au-background: 240 10% 3.9%;\n  --au-foreground: 0 0% 98%;\n  --au-card: 240 10% 3.9%;\n  --au-card-foreground: 0 0% 98%;\n  --au-popover: 240 10% 3.9%;\n  --au-popover-foreground: 0 0% 98%;\n  --au-primary: 0 0% 98%;\n  --au-primary-foreground: 240 5.9% 10%;\n  --au-secondary: 240 3.7% 15.9%;\n  --au-secondary-foreground: 0 0% 98%;\n  --au-muted: 240 3.7% 15.9%;\n  --au-muted-foreground: 240 5% 64.9%;\n  --au-accent: 240 3.7% 15.9%;\n  --au-accent-foreground: 0 0% 98%;\n  --au-destructive: 0 62.8% 30.6%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 3.7% 15.9%;\n  --au-input: 240 3.7% 15.9%;\n  --au-ring: 240 4.9% 83.9%;\n  --au-chart-1: 220 70% 50%;\n  --au-chart-2: 160 60% 45%;\n  --au-chart-3: 30 80% 55%;\n  --au-chart-4: 280 65% 60%;\n  --au-chart-5: 340 75% 55%;\n  --au-sidebar-background: 240 5.9% 10%;\n  --au-sidebar-foreground: 240 4.8% 95.9%;\n  --au-sidebar-primary: 224.3 76.3% 48%;\n  --au-sidebar-primary-foreground: 0 0% 100%;\n  --au-sidebar-accent: 240 3.7% 15.9%;\n  --au-sidebar-accent-foreground: 240 4.8% 95.9%;\n  --au-sidebar-border: 240 3.7% 15.9%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.hover\\:au-bg-accent:hover {\n  background-color: hsl(var(--au-accent));\n}\n.hover\\:au-bg-destructive\\/90:hover {\n  background-color: hsl(var(--au-destructive) / 0.9);\n}\n.hover\\:au-bg-primary\\/90:hover {\n  background-color: hsl(var(--au-primary) / 0.9);\n}\n.hover\\:au-bg-secondary\\/80:hover {\n  background-color: hsl(var(--au-secondary) / 0.8);\n}\n.hover\\:au-text-accent-foreground:hover {\n  color: hsl(var(--au-accent-foreground));\n}\n.hover\\:au-underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:au-opacity-100:hover {\n  opacity: 1;\n}\n.hover\\:au-brightness-90:hover {\n  --tw-brightness: brightness(.9);\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.focus\\:au-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:au-ring-ring:focus {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus\\:au-ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-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:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus-visible\\:au-ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.disabled\\:au-pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:au-opacity-50:disabled {\n  opacity: 0.5;\n}\n.au-group:hover .group-hover\\:au-mt-0 {\n  margin-top: 0px;\n}\n.au-group:hover .group-hover\\:au-translate-y-0 {\n  --tw-translate-y: 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.au-group:hover .group-hover\\:au-translate-y-\\[-130\\%\\] {\n  --tw-translate-y: -130%;\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.data-\\[state\\=checked\\]\\:au-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.data-\\[state\\=unchecked\\]\\:au-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.data-\\[state\\=checked\\]\\:au-bg-primary[data-state=checked] {\n  background-color: hsl(var(--au-primary));\n}\n.data-\\[state\\=open\\]\\:au-bg-accent[data-state=open] {\n  background-color: hsl(var(--au-accent));\n}\n.data-\\[state\\=unchecked\\]\\:au-bg-input[data-state=unchecked] {\n  background-color: hsl(var(--au-input));\n}\n.data-\\[state\\=open\\]\\:au-text-muted-foreground[data-state=open] {\n  color: hsl(var(--au-muted-foreground));\n}\n.data-\\[state\\=open\\]\\:au-animate-in[data-state=open] {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-animate-out[data-state=closed] {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-fade-out-0[data-state=closed] {\n  --tw-exit-opacity: 0;\n}\n.data-\\[state\\=open\\]\\:au-fade-in-0[data-state=open] {\n  --tw-enter-opacity: 0;\n}\n.data-\\[state\\=closed\\]\\:au-zoom-out-95[data-state=closed] {\n  --tw-exit-scale: .95;\n}\n.data-\\[state\\=open\\]\\:au-zoom-in-95[data-state=open] {\n  --tw-enter-scale: .95;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-left-1\\/2[data-state=closed] {\n  --tw-exit-translate-x: -50%;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-top-\\[48\\%\\][data-state=closed] {\n  --tw-exit-translate-y: -48%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-left-1\\/2[data-state=open] {\n  --tw-enter-translate-x: -50%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-top-\\[48\\%\\][data-state=open] {\n  --tw-enter-translate-y: -48%;\n}\n:is(.au-dark .dark\\:au-shadow-zinc-800\\/80) {\n  --tw-shadow-color: rgb(39 39 42 / 0.8);\n  --tw-shadow: var(--tw-shadow-colored);\n}\n@media (min-width: 640px) {\n  .sm\\:au-h-7 {\n    height: 1.75rem;\n  }\n  .sm\\:au-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .sm\\:au-flex-row {\n    flex-direction: row;\n  }\n  .sm\\:au-items-center {\n    align-items: center;\n  }\n  .sm\\:au-justify-end {\n    justify-content: flex-end;\n  }\n  .sm\\:au-gap-2 {\n    gap: 0.5rem;\n  }\n  .sm\\:au-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  .sm\\:au-rounded-lg {\n    border-radius: var(--au-radius);\n  }\n  .sm\\:au-pb-0 {\n    padding-bottom: 0px;\n  }\n  .sm\\:au-text-left {\n    text-align: left;\n  }\n}\n@media (min-width: 1024px) {\n  .lg\\:au-right-4 {\n    right: 1rem;\n  }\n  .lg\\:au-top-4 {\n    top: 1rem;\n  }\n  .lg\\:au-h-\\[calc\\(100\\%\\+48px\\)\\] {\n    height: calc(100% + 48px);\n  }\n  .lg\\:au--translate-y-12 {\n    --tw-translate-y: -3rem;\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  .lg\\:au--translate-y-6 {\n    --tw-translate-y: -1.5rem;\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  .lg\\:au-translate-y-6 {\n    --tw-translate-y: 1.5rem;\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  .lg\\:au-grid-cols-\\[repeat\\(auto-fit\\,minmax\\(200px\\,1fr\\)\\)\\] {\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  }\n  .lg\\:au-rounded-full {\n    border-radius: 9999px;\n  }\n  .lg\\:au-py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n  .lg\\:au-py-0\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .lg\\:au-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:\n      var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000),\n      var(--tw-shadow);\n  }\n}\n.\\[\\&_svg\\]\\:au-pointer-events-none svg {\n  pointer-events: none;\n}\n.\\[\\&_svg\\]\\:au-size-4 svg {\n  width: 1rem;\n  height: 1rem;\n}\n.\\[\\&_svg\\]\\:au-shrink-0 svg {\n  flex-shrink: 0;\n}\n');
 
 // src/libraries/react/BaseAutumnProvider.tsx
 import { useState as useState2 } from "react";
@@ -46,6 +46,22 @@ var useDialog = (component) => {
 // src/libraries/react/hooks/useCustomerBase.tsx
 import useSWR2 from "swr";
 
+// src/libraries/react/errorUtils/logAuthError.ts
+var logAuthError = async (response) => {
+  if (response.status === 401) {
+    let clonedResponse = response.clone();
+    let data = await clonedResponse.json();
+    if (data.message.includes("Missing authorization header")) {
+      console.error(`[Autumn] Missing authorization header.
+
+Use the getBearerToken prop in <AutumnProvider /> to set the authorization header.
+https://docs.useautumn.com/quickstart/quickstart#5-set-up-autumnprovider`);
+      return true;
+    }
+  }
+  return false;
+};
+
 // src/sdk/error.ts
 var AutumnError = class _AutumnError extends Error {
   message;
@@ -298,12 +314,18 @@ var redeemReferralCode = async ({
 };
 
 // src/sdk/response.ts
-var toContainerResult = async ({ response, logger: logger2 }) => {
+var toContainerResult = async ({
+  response,
+  logger: logger2,
+  logError = true
+}) => {
   if (response.status < 200 || response.status >= 300) {
     let error;
     try {
       error = await response.json();
-      logger2.error(`[Autumn] ${error.message}`);
+      if (logError) {
+        logger2.error(`[Autumn] ${error.message}`);
+      }
     } catch (error2) {
       throw error2;
       return {
@@ -649,7 +671,8 @@ var AutumnClient = class {
   getBearerToken;
   customerData;
   includeCredentials;
-  // protected readonly pathPrefix?: string;
+  corsDetected;
+  corsSupportsCredentials;
   constructor({
     backendUrl,
     getBearerToken,
@@ -661,6 +684,55 @@ var AutumnClient = class {
     this.customerData = customerData;
     this.includeCredentials = includeCredentials;
   }
+  /**
+   * Detects if the backend supports CORS credentials by making an OPTIONS request
+   */
+  async detectCors() {
+    const testEndpoint = `${this.backendUrl}/api/autumn/cors`;
+    try {
+      await fetch(testEndpoint, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" }
+      });
+      return { valid: true, includeCredentials: true };
+    } catch (error) {
+      try {
+        await fetch(testEndpoint, {
+          method: "POST",
+          credentials: "omit",
+          headers: { "Content-Type": "application/json" }
+        });
+        return { valid: true, includeCredentials: false };
+      } catch (error2) {
+        return { valid: false, includeCredentials: void 0 };
+      }
+    }
+  }
+  /**
+   * Automatically determines whether to include credentials based on CORS detection
+   */
+  async shouldIncludeCredentials() {
+    if (this.includeCredentials !== void 0) {
+      return this.includeCredentials;
+    }
+    try {
+      const corsResult = await this.detectCors();
+      if (corsResult.valid) {
+        console.warn(
+          `[Autumn] Detected CORS credentials: ${corsResult.includeCredentials}`
+        );
+        console.warn(
+          `[Autumn] To disable this warning, you can set includeCredentials={${corsResult.includeCredentials ? "true" : "false"}} in <AutumnProvider />`
+        );
+        this.includeCredentials = corsResult.includeCredentials;
+      }
+      return corsResult.includeCredentials || false;
+    } catch (error) {
+      console.error(`[Autumn] Error detecting CORS: ${error.message}`);
+      return false;
+    }
+  }
   async getHeaders() {
     let headers = {
       "Content-Type": "application/json"
@@ -684,14 +756,20 @@ var AutumnClient = class {
       ...body,
       customer_data: this.customerData || void 0
     }) : void 0;
+    const includeCredentials = await this.shouldIncludeCredentials();
     try {
       const response = await fetch(`${this.backendUrl}${path}`, {
         method,
         body,
         headers: await this.getHeaders(),
-        credentials: this.includeCredentials ? "include" : void 0
+        credentials: includeCredentials ? "include" : "omit"
+      });
+      const loggedError = await logAuthError(response);
+      return await toContainerResult({
+        response,
+        logger: console,
+        logError: !loggedError
       });
-      return await toContainerResult({ response, logger: console });
     } catch (error) {
       logFetchError({
         method,
@@ -1309,14 +1387,13 @@ function BaseAutumnProvider({
 }
 
 // src/libraries/react/ReactAutumnProvider.tsx
-import { useEffect as useEffect3 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var ReactAutumnProvider = ({
   children,
   getBearerToken,
   backendUrl,
   customerData,
-  includeCredentials = true,
+  includeCredentials,
   disableDialogs = false,
   authClient
 }) => {
@@ -1329,12 +1406,6 @@ var ReactAutumnProvider = ({
     customerData,
     includeCredentials
   });
-  const analyseAuthClient = async () => {
-    console.log("Auth client:", authClient);
-  };
-  useEffect3(() => {
-    analyseAuthClient();
-  }, [authClient]);
   return /* @__PURE__ */ jsx2(
     BaseAutumnProvider,
     {
@@ -1444,7 +1515,7 @@ var useAutumn = () => {
 };
 
 // src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
-import { useEffect as useEffect17, useState as useState12 } from "react";
+import { useEffect as useEffect16, useState as useState12 } from "react";
 
 // ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -6482,7 +6553,7 @@ function AttachDialog(params) {
     });
     return sum;
   };
-  useEffect17(() => {
+  useEffect16(() => {
     setOptionsInput(params?.preview?.options || []);
   }, [params?.preview?.options]);
   if (!params || !params.preview) {

package/dist/libraries/react/{response-CCcWrbaE.d.mts → response-CxtkXvb4.d.mts}

@@ -1,4 +1,4 @@
-import { C as CustomerData, j as CheckFeatureResult, k as CheckProductResult } from './cusTypes-JFEvVZLp.mjs';
+import { C as CustomerData, j as CheckFeatureResult, k as CheckProductResult } from './cusTypes-CO4FwQ_s.mjs';
 import { A as AutumnError } from './error-DHbclCVh.mjs';
 
 interface CancelResult {
@@ -40,4 +40,4 @@ type Failure<E> = {
 type Result<T, E> = Success<T> | Failure<E>;
 type AutumnPromise<T> = Promise<Result<T, AutumnError>>;
 
-export type { AttachResult as A, CheckResult as C, Result as R, SetupPaymentResult as S, TrackResult as T, AutumnPromise as a, CancelResult as b };
+export type { AutumnPromise as A, CancelResult as C, Result as R, SetupPaymentResult as S, TrackResult as T, AttachResult as a, CheckResult as b };

package/dist/libraries/react/{response-BIBRaj58.d.ts → response-Z4Yeokd8.d.ts}

@@ -1,4 +1,4 @@
-import { C as CustomerData, j as CheckFeatureResult, k as CheckProductResult } from './cusTypes-JFEvVZLp.js';
+import { C as CustomerData, j as CheckFeatureResult, k as CheckProductResult } from './cusTypes-CO4FwQ_s.js';
 import { A as AutumnError } from './error-DHbclCVh.js';
 
 interface CancelResult {
@@ -40,4 +40,4 @@ type Failure<E> = {
 type Result<T, E> = Success<T> | Failure<E>;
 type AutumnPromise<T> = Promise<Result<T, AutumnError>>;
 
-export type { AttachResult as A, CheckResult as C, Result as R, SetupPaymentResult as S, TrackResult as T, AutumnPromise as a, CancelResult as b };
+export type { AutumnPromise as A, CancelResult as C, Result as R, SetupPaymentResult as S, TrackResult as T, AttachResult as a, CheckResult as b };

package/dist/next/client/NextAutumnClient.d.mts

@@ -29,11 +29,21 @@ interface AutumnClientConfig {
     includeCredentials?: boolean;
 }
 declare class AutumnClient {
-    protected readonly backendUrl?: string;
+    readonly backendUrl?: string;
     protected readonly getBearerToken?: () => Promise<string | null | undefined>;
     protected readonly customerData?: CustomerData;
-    protected readonly includeCredentials?: boolean;
+    protected includeCredentials?: boolean;
+    private corsDetected?;
+    private corsSupportsCredentials?;
     constructor({ backendUrl, getBearerToken, customerData, includeCredentials, }: AutumnClientConfig);
+    /**
+     * Detects if the backend supports CORS credentials by making an OPTIONS request
+     */
+    private detectCors;
+    /**
+     * Automatically determines whether to include credentials based on CORS detection
+     */
+    private shouldIncludeCredentials;
     getHeaders(): Promise<any>;
     handleFetch({ path, method, body, }: {
         path: string;

package/dist/next/client/NextAutumnClient.d.ts

@@ -29,11 +29,21 @@ interface AutumnClientConfig {
     includeCredentials?: boolean;
 }
 declare class AutumnClient {
-    protected readonly backendUrl?: string;
+    readonly backendUrl?: string;
     protected readonly getBearerToken?: () => Promise<string | null | undefined>;
     protected readonly customerData?: CustomerData;
-    protected readonly includeCredentials?: boolean;
+    protected includeCredentials?: boolean;
+    private corsDetected?;
+    private corsSupportsCredentials?;
     constructor({ backendUrl, getBearerToken, customerData, includeCredentials, }: AutumnClientConfig);
+    /**
+     * Detects if the backend supports CORS credentials by making an OPTIONS request
+     */
+    private detectCors;
+    /**
+     * Automatically determines whether to include credentials based on CORS detection
+     */
+    private shouldIncludeCredentials;
     getHeaders(): Promise<any>;
     handleFetch({ path, method, body, }: {
         path: string;

package/dist/next/client/hooks/useAutumn.d.mts

@@ -1,9 +1,9 @@
-import { A as AttachParams, R as Result, C as CheckResult, a as AttachResult, b as CheckParams, c as AutumnPromise, T as TrackParams, d as TrackResult, e as CancelParams, f as CancelResult, O as OpenBillingPortalParams, S as SetupPaymentParams, g as SetupPaymentResult } from '../clientGenTypes-Dlpw9wy_.mjs';
+import { A as AttachParams, R as Result, a as AttachResult, C as CheckResult, b as CheckParams, c as AutumnPromise, T as TrackParams, d as TrackResult, e as CancelParams, f as CancelResult, O as OpenBillingPortalParams, S as SetupPaymentParams, g as SetupPaymentResult } from '../clientGenTypes-Dlpw9wy_.mjs';
 import { A as AutumnError } from '../error-DHbclCVh.mjs';
 import { B as BillingPortalResult } from '../cusTypes-CJI8rdlY.mjs';
 
 declare const useAutumn: () => {
-    attach: (params: AttachParams) => Promise<Result<CheckResult | AttachResult, AutumnError>>;
+    attach: (params: AttachParams) => Promise<Result<AttachResult | CheckResult, AutumnError>>;
     check: (params: CheckParams) => AutumnPromise<CheckResult>;
     track: (params: TrackParams) => AutumnPromise<TrackResult>;
     cancel: (params: CancelParams) => AutumnPromise<CancelResult>;

package/dist/next/client/hooks/useAutumn.d.ts

@@ -1,9 +1,9 @@
-import { A as AttachParams, R as Result, C as CheckResult, a as AttachResult, b as CheckParams, c as AutumnPromise, T as TrackParams, d as TrackResult, e as CancelParams, f as CancelResult, O as OpenBillingPortalParams, S as SetupPaymentParams, g as SetupPaymentResult } from '../clientGenTypes-CAv4hwb4.js';
+import { A as AttachParams, R as Result, a as AttachResult, C as CheckResult, b as CheckParams, c as AutumnPromise, T as TrackParams, d as TrackResult, e as CancelParams, f as CancelResult, O as OpenBillingPortalParams, S as SetupPaymentParams, g as SetupPaymentResult } from '../clientGenTypes-CAv4hwb4.js';
 import { A as AutumnError } from '../error-DHbclCVh.js';
 import { B as BillingPortalResult } from '../cusTypes-CJI8rdlY.js';
 
 declare const useAutumn: () => {
-    attach: (params: AttachParams) => Promise<Result<CheckResult | AttachResult, AutumnError>>;
+    attach: (params: AttachParams) => Promise<Result<AttachResult | CheckResult, AutumnError>>;
     check: (params: CheckParams) => AutumnPromise<CheckResult>;
     track: (params: TrackParams) => AutumnPromise<TrackResult>;
     cancel: (params: CancelParams) => AutumnPromise<CancelResult>;

package/dist/next/client/hooks/useEntity.d.mts

@@ -12,7 +12,7 @@ declare const useEntity: (entityId: string | null, params?: GetEntityParams) =>
     refetch: swr.KeyedMutator<Entity | null>;
     allowed: (params: AllowedParams) => boolean;
     check: (params: CheckParams) => AutumnPromise<CheckResult>;
-    attach: (params: AttachParams) => Promise<Result<CheckResult | AttachResult, AutumnError>>;
+    attach: (params: AttachParams) => Promise<Result<AttachResult | CheckResult, AutumnError>>;
     cancel: (params: CancelParams) => AutumnPromise<CancelResult>;
     track: (params: TrackParams) => AutumnPromise<TrackResult>;
 };

package/dist/next/client/hooks/useEntity.d.ts

@@ -12,7 +12,7 @@ declare const useEntity: (entityId: string | null, params?: GetEntityParams) =>
     refetch: swr.KeyedMutator<Entity | null>;
     allowed: (params: AllowedParams) => boolean;
     check: (params: CheckParams) => AutumnPromise<CheckResult>;
-    attach: (params: AttachParams) => Promise<Result<CheckResult | AttachResult, AutumnError>>;
+    attach: (params: AttachParams) => Promise<Result<AttachResult | CheckResult, AutumnError>>;
     cancel: (params: CancelParams) => AutumnPromise<CancelResult>;
     track: (params: TrackParams) => AutumnPromise<TrackResult>;
 };

package/dist/next/index.d.mts

@@ -194,11 +194,21 @@ interface AutumnClientConfig {
     includeCredentials?: boolean;
 }
 declare class AutumnClient {
-    protected readonly backendUrl?: string;
+    readonly backendUrl?: string;
     protected readonly getBearerToken?: () => Promise<string | null | undefined>;
     protected readonly customerData?: CustomerData;
-    protected readonly includeCredentials?: boolean;
+    protected includeCredentials?: boolean;
+    private corsDetected?;
+    private corsSupportsCredentials?;
     constructor({ backendUrl, getBearerToken, customerData, includeCredentials, }: AutumnClientConfig);
+    /**
+     * Detects if the backend supports CORS credentials by making an OPTIONS request
+     */
+    private detectCors;
+    /**
+     * Automatically determines whether to include credentials based on CORS detection
+     */
+    private shouldIncludeCredentials;
     getHeaders(): Promise<any>;
     handleFetch({ path, method, body, }: {
         path: string;

package/dist/next/index.d.ts

@@ -194,11 +194,21 @@ interface AutumnClientConfig {
     includeCredentials?: boolean;
 }
 declare class AutumnClient {
-    protected readonly backendUrl?: string;
+    readonly backendUrl?: string;
     protected readonly getBearerToken?: () => Promise<string | null | undefined>;
     protected readonly customerData?: CustomerData;
-    protected readonly includeCredentials?: boolean;
+    protected includeCredentials?: boolean;
+    private corsDetected?;
+    private corsSupportsCredentials?;
     constructor({ backendUrl, getBearerToken, customerData, includeCredentials, }: AutumnClientConfig);
+    /**
+     * Detects if the backend supports CORS credentials by making an OPTIONS request
+     */
+    private detectCors;
+    /**
+     * Automatically determines whether to include credentials based on CORS detection
+     */
+    private shouldIncludeCredentials;
     getHeaders(): Promise<any>;
     handleFetch({ path, method, body, }: {
         path: string;

package/dist/sdk/index.d.mts

@@ -397,9 +397,10 @@ type Failure<E> = {
     error: E;
     statusCode?: number;
 };
-declare const toContainerResult: ({ response, logger }: {
+declare const toContainerResult: ({ response, logger, logError }: {
     response: Response;
     logger: Console;
+    logError?: boolean;
 }) => Promise<Result<any, AutumnError>>;
 type Result<T, E> = Success<T> | Failure<E>;
 type AutumnPromise<T> = Promise<Result<T, AutumnError>>;

package/dist/sdk/index.d.ts

@@ -397,9 +397,10 @@ type Failure<E> = {
     error: E;
     statusCode?: number;
 };
-declare const toContainerResult: ({ response, logger }: {
+declare const toContainerResult: ({ response, logger, logError }: {
     response: Response;
     logger: Console;
+    logError?: boolean;
 }) => Promise<Result<any, AutumnError>>;
 type Result<T, E> = Success<T> | Failure<E>;
 type AutumnPromise<T> = Promise<Result<T, AutumnError>>;

package/dist/sdk/index.js

@@ -262,12 +262,18 @@ var redeemReferralCode = async ({
 };
 
 // src/sdk/response.ts
-var toContainerResult = async ({ response, logger: logger2 }) => {
+var toContainerResult = async ({
+  response,
+  logger: logger2,
+  logError = true
+}) => {
   if (response.status < 200 || response.status >= 300) {
     let error;
     try {
       error = await response.json();
-      logger2.error(`[Autumn] ${error.message}`);
+      if (logError) {
+        logger2.error(`[Autumn] ${error.message}`);
+      }
     } catch (error2) {
       throw error2;
     }

package/dist/sdk/index.mjs

@@ -256,12 +256,18 @@ var redeemReferralCode = async ({
 };
 
 // src/sdk/response.ts
-var toContainerResult = async ({ response, logger: logger2 }) => {
+var toContainerResult = async ({
+  response,
+  logger: logger2,
+  logError = true
+}) => {
   if (response.status < 200 || response.status >= 300) {
     let error;
     try {
       error = await response.json();
-      logger2.error(`[Autumn] ${error.message}`);
+      if (logError) {
+        logger2.error(`[Autumn] ${error.message}`);
+      }
     } catch (error2) {
       throw error2;
     }

package/dist/styles/global.css

@@ -222,6 +222,13 @@ video:where(.au-root, .au-root *) {
 [hidden]:where(.au-root, .au-root *) {
   display: none;
 }
+.au-root * {
+  border-color: hsl(var(--au-border));
+}
+body {
+  background-color: hsl(var(--au-background));
+  color: hsl(var(--au-foreground));
+}
 .au-root *,
 .au-root ::before,
 .au-root ::after {

package/dist/utils/encryptUtils.js

@@ -288,12 +288,18 @@ var redeemReferralCode = async ({
 };
 
 // src/sdk/response.ts
-var toContainerResult = async ({ response, logger: logger2 }) => {
+var toContainerResult = async ({
+  response,
+  logger: logger2,
+  logError = true
+}) => {
   if (response.status < 200 || response.status >= 300) {
     let error;
     try {
       error = await response.json();
-      logger2.error(`[Autumn] ${error.message}`);
+      if (logError) {
+        logger2.error(`[Autumn] ${error.message}`);
+      }
     } catch (error2) {
       throw error2;
       return {

package/dist/utils/encryptUtils.mjs

@@ -257,12 +257,18 @@ var redeemReferralCode = async ({
 };
 
 // src/sdk/response.ts
-var toContainerResult = async ({ response, logger: logger2 }) => {
+var toContainerResult = async ({
+  response,
+  logger: logger2,
+  logError = true
+}) => {
   if (response.status < 200 || response.status >= 300) {
     let error;
     try {
       error = await response.json();
-      logger2.error(`[Autumn] ${error.message}`);
+      if (logError) {
+        logger2.error(`[Autumn] ${error.message}`);
+      }
     } catch (error2) {
       throw error2;
       return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "autumn-js",
   "description": "Autumn JS Library",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "main": "./dist/index.js",
   "scripts": {
     "cli": "tsx src/cli/index.ts",