autumn-js 0.0.102 → 0.0.104

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  border-color: hsl(var(--au-border));\n}\n.au-root body {\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.au-root ::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.au-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.au-root.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}.dark .au-root {\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.au-root * {\n  border-color: hsl(var(--au-border));\n}\n.au-root body {\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.au-root ::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-0 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n.au-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.au-mb-0 {\n  margin-bottom: 0px;\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-4 {\n  height: 1rem !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 !important;\n}\n.au-w-14 {\n  width: 3.5rem;\n}\n.au-w-16 {\n  width: 4rem;\n}\n.au-w-4 {\n  width: 1rem;\n}\n.au-w-6 {\n  width: 1.5rem;\n}\n.au-w-72 {\n  width: 18rem;\n}\n.au-w-8 {\n  width: 2rem;\n}\n.au-w-80 {\n  width: 20rem;\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-origin-\\[--radix-popover-content-transform-origin\\] {\n  transform-origin: var(--radix-popover-content-transform-origin);\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.au-rotate-90 {\n  --tw-rotate: 90deg;\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-end {\n  align-items: flex-end;\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-b {\n  border-bottom-width: 1px;\n}\n.au-border-b-0 {\n  border-bottom-width: 0px;\n}\n.au-border-t {\n  border-top-width: 1px;\n}\n.au-border-none {\n  border-style: none;\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-accent\\/80 {\n  background-color: hsl(var(--au-accent) / 0.8);\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\\/40 {\n  background-color: rgb(0 0 0 / 0.4);\n}\n.au-bg-destructive {\n  background-color: hsl(var(--au-destructive));\n}\n.au-bg-popover {\n  background-color: hsl(var(--au-popover));\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-bg-transparent {\n  background-color: transparent;\n}\n.au-p-0 {\n  padding: 0px;\n}\n.au-p-4 {\n  padding: 1rem;\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-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\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-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.au-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\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-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\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-2 {\n  padding-bottom: 0.5rem;\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-0 {\n  padding-top: 0px;\n}\n.au-pt-3 {\n  padding-top: 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-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\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-light {\n  font-weight: 300;\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-popover-foreground {\n  color: hsl(var(--au-popover-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-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\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-backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\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.au-ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\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.au-ease-in-out {\n  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.au-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.au-root.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}.dark .au-root {\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.file\\:au-border-0::file-selector-button {\n  border-width: 0px;\n}\n.file\\:au-bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.file\\:au-text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.file\\:au-font-medium::file-selector-button {\n  font-weight: 500;\n}\n.file\\:au-text-foreground::file-selector-button {\n  color: hsl(var(--au-foreground));\n}\n.placeholder\\:au-text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--au-muted-foreground));\n}\n.placeholder\\:au-text-muted-foreground::placeholder {\n  color: hsl(var(--au-muted-foreground));\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-text-foreground:hover {\n  color: hsl(var(--au-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) !important;\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000) !important;\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-border-ring:focus-visible {\n  border-color: hsl(var(--au-ring));\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-\\[3px\\]: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(3px + 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-ring\\/50:focus-visible {\n  --tw-ring-color: hsl(var(--au-ring) / 0.5);\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-cursor-not-allowed:disabled {\n  cursor: not-allowed;\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@keyframes au-accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.data-\\[state\\=closed\\]\\:au-animate-accordion-up[data-state=closed] {\n  animation: au-accordion-up 0.2s ease-out;\n}\n@keyframes au-accordion-down {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n.data-\\[state\\=open\\]\\:au-animate-accordion-down[data-state=open] {\n  animation: au-accordion-down 0.2s ease-out;\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-\\[side\\=bottom\\]\\:au-slide-in-from-top-2[data-side=bottom] {\n  --tw-enter-translate-y: -0.5rem;\n}\n.data-\\[side\\=left\\]\\:au-slide-in-from-right-2[data-side=left] {\n  --tw-enter-translate-x: 0.5rem;\n}\n.data-\\[side\\=right\\]\\:au-slide-in-from-left-2[data-side=right] {\n  --tw-enter-translate-x: -0.5rem;\n}\n.data-\\[side\\=top\\]\\:au-slide-in-from-bottom-2[data-side=top] {\n  --tw-enter-translate-y: 0.5rem;\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: 768px) {\n  .md\\:au-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\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.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:au-rotate-180[data-state=open] > svg {\n  --tw-rotate: 180deg;\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\\=open\\]_svg\\]\\:au-rotate-0[data-state=open] svg {\n  --tw-rotate: 0deg;\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.\\[\\&_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";
@@ -89,6 +89,12 @@ var AutumnError = class _AutumnError extends Error {
 };
 
 // src/sdk/general/genMethods.ts
+var handleCheckout = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/checkout", params);
+};
 var handleAttach = async ({
   instance,
   params
@@ -107,18 +113,6 @@ var handleCancel = async ({
 }) => {
   return instance.post("/cancel", params);
 };
-var handleEntitled = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/entitled", params);
-};
-var handleEvent = async ({
-  instance,
-  params
-}) => {
-  return instance.post("/events", params);
-};
 var handleTrack = async ({
   instance,
   params
@@ -465,6 +459,13 @@ var Autumn = class {
   products = productMethods(this);
   entities = entityMethods(this);
   referrals = referralMethods(this);
+  static checkout = (params) => staticWrapper(handleCheckout, void 0, { params });
+  async checkout(params) {
+    return handleCheckout({
+      instance: this,
+      params
+    });
+  }
   static attach = (params) => staticWrapper(handleAttach, void 0, { params });
   static usage = (params) => staticWrapper(handleUsage, void 0, { params });
   async attach(params) {
@@ -487,21 +488,6 @@ var Autumn = class {
       params
     });
   }
-  /**
-   * @deprecated This method is deprecated and will be removed in a future version.
-   * Please use the new check() method instead.
-   */
-  static entitled = (params) => staticWrapper(handleEntitled, void 0, { params });
-  /**
-   * @deprecated This method is deprecated and will be removed in a future version.
-   * Please use the new check() method instead.
-   */
-  async entitled(params) {
-    return handleEntitled({
-      instance: this,
-      params
-    });
-  }
   static check = (params) => staticWrapper(handleCheck, void 0, { params });
   async check(params) {
     return handleCheck({
@@ -509,21 +495,6 @@ var Autumn = class {
       params
     });
   }
-  /**
-   * @deprecated This method is deprecated and will be removed in a future version.
-   * Please use the new track() method instead.
-   */
-  static event = (params) => staticWrapper(handleEvent, void 0, { params });
-  /**
-   * @deprecated This method is deprecated and will be removed in a future version.
-   * Please use the new track() method instead.
-   */
-  async event(params) {
-    return handleEvent({
-      instance: this,
-      params
-    });
-  }
   static track = (params) => staticWrapper(handleTrack, void 0, { params });
   async track(params) {
     return handleTrack({
@@ -548,44 +519,6 @@ var EntityDataSchema = z.object({
 
 // src/sdk/general/genTypes.ts
 import { z as z2 } from "zod";
-var AttachFeatureOptionsSchema = z2.object({
-  feature_id: z2.string(),
-  quantity: z2.number()
-});
-var AttachParamsSchema = z2.object({
-  customer_id: z2.string(),
-  product_id: z2.string().optional(),
-  entity_id: z2.string().optional(),
-  options: z2.array(
-    z2.object({
-      feature_id: z2.string(),
-      quantity: z2.number()
-    })
-  ).optional(),
-  product_ids: z2.array(z2.string()).optional(),
-  // If set, will attach multiple products to the customer (cannot be used with product_id)
-  free_trial: z2.boolean().optional(),
-  // Default is true -- if set to false, will bypass product free trial
-  success_url: z2.string().optional(),
-  // Passed to Stripe
-  metadata: z2.record(z2.string()).optional(),
-  // Passed to Stripe
-  force_checkout: z2.boolean().optional(),
-  // Default is false -- if set to true, will force the customer to checkout (not allowed for upgrades / downgrades)
-  customer_data: z2.any().optional(),
-  entity_data: z2.any().optional(),
-  checkout_session_params: z2.record(z2.any()).optional(),
-  // Passed to Stripe
-  reward: z2.string().optional()
-});
-var AttachResultSchema = z2.object({
-  checkout_url: z2.string().optional(),
-  customer_id: z2.string(),
-  product_ids: z2.array(z2.string()),
-  code: z2.string(),
-  message: z2.string(),
-  customer_data: z2.any().optional()
-});
 var CancelParamsSchema = z2.object({
   customer_id: z2.string(),
   product_id: z2.string(),
@@ -639,6 +572,11 @@ var CustomerExpandEnum = z3.enum([
 
 // src/sdk/customers/cusTypes.ts
 import { z as z4 } from "zod";
+var CustomerDataSchema = z4.object({
+  name: z4.string().nullish(),
+  email: z4.string().nullish(),
+  fingerprint: z4.string().nullish()
+});
 var CreateCustomerParamsSchema = z4.object({
   id: z4.string().nullish(),
   email: z4.string().nullish(),
@@ -662,6 +600,44 @@ var RedeemReferralCodeParamsSchema = z5.object({
   customer_id: z5.string()
 });
 
+// src/sdk/general/attachTypes.ts
+import { z as z6 } from "zod";
+var AttachFeatureOptionsSchema = z6.object({
+  feature_id: z6.string(),
+  quantity: z6.number()
+});
+var AttachParamsSchema = z6.object({
+  customer_id: z6.string(),
+  product_id: z6.string().optional(),
+  entity_id: z6.string().optional(),
+  options: z6.array(AttachFeatureOptionsSchema).optional(),
+  product_ids: z6.array(z6.string()).optional(),
+  free_trial: z6.boolean().optional(),
+  success_url: z6.string().optional(),
+  metadata: z6.record(z6.string()).optional(),
+  force_checkout: z6.boolean().optional(),
+  customer_data: CustomerDataSchema.optional(),
+  entity_data: z6.any().optional(),
+  checkout_session_params: z6.record(z6.any()).optional(),
+  reward: z6.string().optional()
+});
+var AttachResultSchema = z6.object({
+  checkout_url: z6.string().optional(),
+  customer_id: z6.string(),
+  product_ids: z6.array(z6.string()),
+  code: z6.string(),
+  message: z6.string(),
+  customer_data: z6.any().optional()
+});
+var CheckoutParamsSchema = z6.object({
+  customer_id: z6.string(),
+  product_id: z6.string(),
+  entity_id: z6.string().optional(),
+  success_url: z6.string().optional(),
+  customer_data: CustomerDataSchema.optional(),
+  options: z6.array(AttachFeatureOptionsSchema).optional()
+});
+
 // src/libraries/react/errorUtils/logFetchError.ts
 var logFetchError = ({
   method,
@@ -737,9 +713,13 @@ async function deleteEntityMethod(entityId) {
 }
 
 // src/libraries/react/client/clientGenMethods.ts
+async function checkoutMethod(params) {
+  let snakeParams = toSnakeCase(params);
+  const res = await this.post(`${this.prefix}/checkout`, snakeParams);
+  return res;
+}
 async function attachMethod(params) {
-  let { dialog, ...rest } = params;
-  let snakeParams = toSnakeCase(rest, ["checkoutSessionparams"]);
+  let snakeParams = toSnakeCase(params, ["checkoutSessionparams"]);
   const res = await this.post(`${this.prefix}/attach`, snakeParams);
   return res;
 }
@@ -946,6 +926,7 @@ var AutumnClient = class {
     return await getPricingTableMethod.bind(this)();
   }
   attach = attachMethod.bind(this);
+  checkout = checkoutMethod.bind(this);
   cancel = cancelMethod.bind(this);
   check = checkMethod.bind(this);
   track = trackMethod.bind(this);
@@ -1166,15 +1147,13 @@ var defaultSWRConfig = {
 };
 var usePricingTableBase = ({
   AutumnContext: AutumnContext2,
-  params,
-  authClient
+  params
 }) => {
   const context = useAutumnContext({
     AutumnContext: AutumnContext2,
-    name: "usePricingTable",
-    errorIfNotInitialized: !authClient
+    name: "usePricingTable"
   });
-  const client = authClient ? authClient.autumn : context.client;
+  const client = context.client;
   const fetcher = async () => {
     try {
       const { data: data2, error: error2 } = await client.products.list();
@@ -1194,7 +1173,6 @@ var usePricingTableBase = ({
   );
   return {
     products: mergeProductDetails(data || [], params?.productDetails),
-    // products: data || [],
     isLoading: !error && !data,
     error,
     refetch: mutate
@@ -1204,20 +1182,16 @@ var usePricingTableBase = ({
 // src/libraries/react/hooks/useAutumnBase.tsx
 var useAutumnBase = ({
   AutumnContext: AutumnContext2,
-  authClient,
   refetchCustomer
 }) => {
   const context = useAutumnContext({
     AutumnContext: AutumnContext2,
-    name: "useAutumn",
-    errorIfNotInitialized: !authClient
+    name: "useAutumn"
   });
   const { attachDialog, paywallDialog } = context;
-  const client = authClient ? authClient.autumn : context.client;
-  const authClientExists = !!authClient;
+  const client = context.client;
   const { refetch: refetchPricingTable } = usePricingTableBase({
-    AutumnContext: AutumnContext2,
-    authClient
+    AutumnContext: AutumnContext2
   });
   let {
     open: attachOpen,
@@ -1252,8 +1226,29 @@ var useAutumnBase = ({
     }
     return result;
   };
+  const checkout = async (params) => {
+    const { data, error } = await client.checkout(params);
+    const { dialog, ...rest } = params;
+    if (error) {
+      return { data, error };
+    }
+    if (data.url) {
+      if (params.openInNewTab) {
+        window.open(data.url, "_blank");
+      } else {
+        window.location.href = data.url;
+      }
+      return { data, error };
+    }
+    if (params.dialog) {
+      setAttachProps({ checkoutResult: data, attachParams: rest });
+      setAttachComponent(params.dialog);
+      setAttachOpen(true);
+    }
+    return { data, error };
+  };
   const attachWithDialog = async (params) => {
-    let { dialog, ...rest } = params;
+    let { ...rest } = params;
     const { productId, entityId, entityData } = params;
     const checkRes = await client.check({
       productId,
@@ -1274,14 +1269,8 @@ var useAutumnBase = ({
     return checkRes;
   };
   const attach = async (params) => {
-    const { dialog, openInNewTab } = params;
+    const { dialog } = params;
     let finalDialog = dialog;
-    if (dialog && authClientExists) {
-      console.error(
-        "[Autumn] Attach dialog cannot be used with better auth plugin. To use this, please switch to <AutumnProvider /> and autumnHandler. Learn more here: https://docs.useautumn.com/quickstart/quickstart"
-      );
-      return void 0;
-    }
     if (finalDialog && !attachOpen) {
       setAttachComponent(finalDialog);
       return await attachWithDialog(params);
@@ -1297,12 +1286,6 @@ var useAutumnBase = ({
   };
   const check = async (params) => {
     let { dialog, withPreview } = params;
-    if (dialog && authClientExists) {
-      console.error(
-        "[Autumn] Check dialog cannot be used with better auth plugin. To use this, please switch to <AutumnProvider /> and autumnHandler. Learn more here: https://docs.useautumn.com/quickstart/quickstart"
-      );
-      return void 0;
-    }
     if (dialog) {
       setPaywallComponent(dialog);
     }
@@ -1378,7 +1361,8 @@ var useAutumnBase = ({
     track,
     cancel,
     openBillingPortal,
-    setupPayment
+    setupPayment,
+    checkout
   };
 };
 
@@ -1450,7 +1434,8 @@ var emptyDefaultFunctions = {
   track: "",
   cancel: "",
   openBillingPortal: "",
-  setupPayment: ""
+  setupPayment: "",
+  checkout: ""
 };
 var useCustomerBase = ({
   params,
@@ -1709,6 +1694,7 @@ var useAutumn = () => {
 };
 
 // src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
+import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
 import { useEffect as useEffect16, useState as useState12 } from "react";
 
 // ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -4239,10 +4225,10 @@ function cn(...inputs) {
 // src/libraries/react/components/ui/button.tsx
 import * as React3 from "react";
 
-// ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React2 from "react";
 
-// ../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
 import * as React from "react";
 function setRef(ref, value) {
   if (typeof ref === "function") {
@@ -4279,7 +4265,7 @@ function useComposedRefs(...refs) {
   return React.useCallback(composeRefs(...refs), refs);
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
@@ -4452,7 +4438,7 @@ Button.displayName = "Button";
 // src/libraries/react/components/ui/dialog.tsx
 import * as React26 from "react";
 
-// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@18.3_6jqxb3tj3w4wyxj7ukcjjle5fm/node_modules/@radix-ui/react-dialog/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1._xkx6efnpqhhb4lkirxfs4qofci/node_modules/@radix-ui/react-dialog/dist/index.mjs
 import * as React25 from "react";
 
 // ../node_modules/.pnpm/@radix-ui+primitive@1.1.2/node_modules/@radix-ui/primitive/dist/index.mjs
@@ -4465,7 +4451,7 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
   };
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.mjs
 import * as React4 from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 function createContext22(rootComponentName, defaultContext) {
@@ -4542,15 +4528,15 @@ function composeContextScopes(...scopes) {
   return createScope;
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
 import * as React6 from "react";
 
-// ../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
 import * as React5 from "react";
 var useLayoutEffect2 = globalThis?.document ? React5.useLayoutEffect : () => {
 };
 
-// ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
 var useReactId = React6[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
@@ -4561,7 +4547,7 @@ function useId(deterministicId) {
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
 import * as React7 from "react";
 import * as React22 from "react";
 var useInsertionEffect = React7[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
@@ -4630,10 +4616,10 @@ function isFunction(value) {
 }
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 
-// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.6_@types+react@18.3.23__@types_drwlkfjdq4wgdhzmir3o6m26pm/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.6_@types+react@19.1.8__@types+_ya5augm4xgo65hmrlxfyu743vi/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
 import * as React11 from "react";
 
-// ../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@18_nioct6cchui7iasnxutwakzwo4/node_modules/@radix-ui/react-primitive/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19._sqnj4wa3mllckai5din6afvope/node_modules/@radix-ui/react-primitive/dist/index.mjs
 import * as React8 from "react";
 import * as ReactDOM from "react-dom";
 import { jsx as jsx6 } from "react/jsx-runtime";
@@ -4673,7 +4659,7 @@ function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
 import * as React9 from "react";
 function useCallbackRef(callback) {
   const callbackRef = React9.useRef(callback);
@@ -4683,7 +4669,7 @@ function useCallbackRef(callback) {
   return React9.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
 import * as React10 from "react";
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
@@ -4698,7 +4684,7 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
   }, [onEscapeKeyDown, ownerDocument]);
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.6_@types+react@18.3.23__@types_drwlkfjdq4wgdhzmir3o6m26pm/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.6_@types+react@19.1.8__@types+_ya5augm4xgo65hmrlxfyu743vi/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
 import { jsx as jsx7 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
@@ -4903,7 +4889,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
   }
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@_tzcmconc5ragkl5g7l4v5nw77e/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@1_7liqdxmess7vaws2bkjw22mwva/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
 import * as React12 from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
@@ -5107,7 +5093,7 @@ function removeLinks(items) {
   return items.filter((item) => item.tagName !== "A");
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@18.3._i6nxrodwqs37ebgrrch2pubydm/node_modules/@radix-ui/react-portal/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1.8_5jmzxxd65wsdfod4yurl7mkae4/node_modules/@radix-ui/react-portal/dist/index.mjs
 import * as React13 from "react";
 import ReactDOM2 from "react-dom";
 import { jsx as jsx9 } from "react/jsx-runtime";
@@ -5121,7 +5107,7 @@ var Portal = React13.forwardRef((props, forwardedRef) => {
 });
 Portal.displayName = PORTAL_NAME;
 
-// ../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@18._bzol5sev26xbtplj3ab5nkoo5a/node_modules/@radix-ui/react-presence/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1_2lguv7jzxii6s3eigxktbpwkji/node_modules/@radix-ui/react-presence/dist/index.mjs
 import * as React23 from "react";
 import * as React14 from "react";
 function useStateMachine(initialState, machine) {
@@ -5247,7 +5233,7 @@ function getElementRef2(element) {
   return element.props.ref || element.ref;
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
 import * as React15 from "react";
 var count2 = 0;
 function useFocusGuards() {
@@ -5307,19 +5293,19 @@ function __spreadArray(to, from, pack) {
   return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
 import * as React24 from "react";
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
 import * as React18 from "react";
 
-// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
+// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
 var fullWidthClassName = "width-before-scroll-bar";
 var noScrollbarsClassName = "with-scroll-bars-hidden";
 var removedBarSizeVariable = "--removed-body-scroll-bar-size";
 
-// ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.23_react@19.1.0/node_modules/use-callback-ref/dist/es2015/assignRef.js
+// ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.8_react@19.1.0/node_modules/use-callback-ref/dist/es2015/assignRef.js
 function assignRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -5329,7 +5315,7 @@ function assignRef(ref, value) {
   return ref;
 }
 
-// ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.23_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useRef.js
+// ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.8_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useRef.js
 import { useState as useState9 } from "react";
 function useCallbackRef2(initialValue, callback) {
   var ref = useState9(function() {
@@ -5357,7 +5343,7 @@ function useCallbackRef2(initialValue, callback) {
   return ref.facade;
 }
 
-// ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.23_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
+// ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.8_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
 import * as React16 from "react";
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React16.useLayoutEffect : React16.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
@@ -5389,7 +5375,7 @@ function useMergeRefs(refs, defaultValue) {
   return callbackRef;
 }
 
-// ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@18.3.23_react@19.1.0/node_modules/use-sidecar/dist/es2015/medium.js
+// ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.8_react@19.1.0/node_modules/use-sidecar/dist/es2015/medium.js
 function ItoI(a) {
   return a;
 }
@@ -5475,7 +5461,7 @@ function createSidecarMedium(options) {
   return medium;
 }
 
-// ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@18.3.23_react@19.1.0/node_modules/use-sidecar/dist/es2015/exports.js
+// ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.8_react@19.1.0/node_modules/use-sidecar/dist/es2015/exports.js
 import * as React17 from "react";
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
@@ -5494,10 +5480,10 @@ function exportSidecar(medium, exported) {
   return SideCar;
 }
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/medium.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/medium.js
 var effectCar = createSidecarMedium();
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
 var nothing = function() {
   return;
 };
@@ -5529,13 +5515,13 @@ RemoveScroll.classNames = {
   zeroRight: zeroRightClassName
 };
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
 import * as React21 from "react";
 
-// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
+// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
 import * as React20 from "react";
 
-// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.23_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
+// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.8_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
 import * as React19 from "react";
 
 // ../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
@@ -5550,7 +5536,7 @@ var getNonce = function() {
   return void 0;
 };
 
-// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.23_react@19.1.0/node_modules/react-style-singleton/dist/es2015/singleton.js
+// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.8_react@19.1.0/node_modules/react-style-singleton/dist/es2015/singleton.js
 function makeStyleTag() {
   if (!document)
     return null;
@@ -5596,7 +5582,7 @@ var stylesheetSingleton = function() {
   };
 };
 
-// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.23_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
+// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.8_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
@@ -5609,7 +5595,7 @@ var styleHookSingleton = function() {
   };
 };
 
-// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.23_react@19.1.0/node_modules/react-style-singleton/dist/es2015/component.js
+// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.8_react@19.1.0/node_modules/react-style-singleton/dist/es2015/component.js
 var styleSingleton = function() {
   var useStyle = styleHookSingleton();
   var Sheet = function(_a) {
@@ -5620,7 +5606,7 @@ var styleSingleton = function() {
   return Sheet;
 };
 
-// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/utils.js
+// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/utils.js
 var zeroGap = {
   left: 0,
   top: 0,
@@ -5655,7 +5641,7 @@ var getGapWidth = function(gapMode) {
   };
 };
 
-// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
+// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
 var Style = styleSingleton();
 var lockAttribute = "data-scroll-locked";
 var getStyles = function(_a, allowRelative, gapMode, important) {
@@ -5695,7 +5681,7 @@ var RemoveScrollBar = function(_a) {
   return React20.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
 var passiveSupported = false;
 if (typeof window !== "undefined") {
   try {
@@ -5714,7 +5700,7 @@ if (typeof window !== "undefined") {
 var options;
 var nonPassive = passiveSupported ? { passive: false } : false;
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/handleScroll.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/handleScroll.js
 var alwaysContainsScroll = function(node) {
   return node.tagName === "TEXTAREA";
 };
@@ -5814,7 +5800,7 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
   return shouldCancelScroll;
 };
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
 var getTouchXY = function(event) {
   return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
 };
@@ -5979,10 +5965,10 @@ function getOutermostShadowParent(node) {
   return shadowParent;
 }
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/sidecar.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/sidecar.js
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
-// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@18.3.23_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
+// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
 var ReactRemoveScroll = React24.forwardRef(function(props, ref) {
   return React24.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
@@ -6110,7 +6096,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
   return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 
-// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@18.3_6jqxb3tj3w4wyxj7ukcjjle5fm/node_modules/@radix-ui/react-dialog/dist/index.mjs
+// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1._xkx6efnpqhhb4lkirxfs4qofci/node_modules/@radix-ui/react-dialog/dist/index.mjs
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 var DIALOG_NAME = "Dialog";
 var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
@@ -6428,7 +6414,7 @@ var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__
   {
     ref,
     className: cn(
-      "au-fixed au-inset-0 au-z-50 au-bg-black/80  data-[state=open]:au-animate-in data-[state=closed]:au-animate-out data-[state=closed]:au-fade-out-0 data-[state=open]:au-fade-in-0",
+      "au-fixed au-inset-0 au-z-50  data-[state=open]:au-animate-in data-[state=closed]:au-animate-out data-[state=closed]:au-fade-out-0 data-[state=open]:au-fade-in-0 au-backdrop-blur-sm au-bg-black/40",
       className
     ),
     ...props
@@ -6506,27 +6492,61 @@ DialogDescription2.displayName = Description.displayName;
 
 // src/libraries/react/components/attach-dialog/lib/attach-content.tsx
 import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var getAttachContent = (preview) => {
-  const {
-    scenario,
-    product_name,
-    recurring,
-    current_product_name,
-    next_cycle_at
-  } = preview;
-  const nextCycleAtStr = next_cycle_at ? new Date(next_cycle_at).toLocaleDateString() : void 0;
+var getAttachContent = (checkoutResult) => {
+  const { product, current_product, next_cycle } = checkoutResult;
+  const { is_one_off, is_free, has_trial, has_prepaid } = product.properties;
+  const scenario = product.scenario;
+  const nextCycleAtStr = next_cycle ? new Date(next_cycle.starts_at).toLocaleDateString() : void 0;
+  const productName = product.name;
+  if (is_one_off) {
+    return {
+      title: /* @__PURE__ */ jsxs4("p", { children: [
+        "Purchase ",
+        productName
+      ] }),
+      message: /* @__PURE__ */ jsxs4("p", { children: [
+        "By clicking confirm, you will purchase ",
+        productName,
+        " and your card will be charged immediately."
+      ] })
+    };
+  }
+  if (scenario == "active" && has_prepaid) {
+    if (has_prepaid) {
+      return {
+        title: /* @__PURE__ */ jsx12("p", { children: "Update Plan" }),
+        message: /* @__PURE__ */ jsx12("p", { children: "Update your prepaid quantity. You'll be charged or credited the prorated difference based on your current billing cycle." })
+      };
+    }
+  }
+  if (has_trial) {
+    return {
+      title: /* @__PURE__ */ jsxs4("p", { children: [
+        "Start trial for ",
+        productName
+      ] }),
+      message: /* @__PURE__ */ jsxs4("p", { children: [
+        "By clicking confirm, you will start a free trial of ",
+        productName,
+        " ",
+        "which ends on ",
+        nextCycleAtStr,
+        "."
+      ] })
+    };
+  }
   switch (scenario) {
     case "scheduled":
       return {
         title: /* @__PURE__ */ jsxs4("p", { children: [
-          product_name,
+          productName,
           " product already scheduled"
         ] }),
         message: /* @__PURE__ */ jsxs4("p", { children: [
           "You are currently on product ",
-          current_product_name,
+          current_product.name,
           " and are scheduled to start ",
-          product_name,
+          productName,
           " on ",
           nextCycleAtStr,
           "."
@@ -6538,38 +6558,37 @@ var getAttachContent = (preview) => {
         message: /* @__PURE__ */ jsx12("p", { children: "You are already subscribed to this product." })
       };
     case "new":
-      if (recurring) {
+      if (is_free) {
         return {
           title: /* @__PURE__ */ jsxs4("p", { children: [
-            "Subscribe to ",
-            product_name
+            "Enable ",
+            productName
           ] }),
           message: /* @__PURE__ */ jsxs4("p", { children: [
-            "By clicking confirm, you will be subscribed to ",
-            product_name,
-            " and your card will be charged immediately."
-          ] })
-        };
-      } else {
-        return {
-          title: /* @__PURE__ */ jsxs4("p", { children: [
-            "Purchase ",
-            product_name
-          ] }),
-          message: /* @__PURE__ */ jsxs4("p", { children: [
-            "By clicking confirm, you will purchase ",
-            product_name,
-            " and your card will be charged immediately."
+            "By clicking confirm, ",
+            productName,
+            " will be enabled immediately."
           ] })
         };
       }
+      return {
+        title: /* @__PURE__ */ jsxs4("p", { children: [
+          "Subscribe to ",
+          productName
+        ] }),
+        message: /* @__PURE__ */ jsxs4("p", { children: [
+          "By clicking confirm, you will be subscribed to ",
+          productName,
+          " and your card will be charged immediately."
+        ] })
+      };
     case "renew":
       return {
         title: /* @__PURE__ */ jsx12("p", { children: "Renew" }),
         message: /* @__PURE__ */ jsxs4("p", { children: [
           "By clicking confirm, you will renew your subscription to",
           " ",
-          product_name,
+          productName,
           "."
         ] })
       };
@@ -6577,11 +6596,11 @@ var getAttachContent = (preview) => {
       return {
         title: /* @__PURE__ */ jsxs4("p", { children: [
           "Upgrade to ",
-          product_name
+          productName
         ] }),
         message: /* @__PURE__ */ jsxs4("p", { children: [
           "By clicking confirm, you will upgrade to ",
-          product_name,
+          productName,
           " and your payment method will be charged immediately."
         ] })
       };
@@ -6589,15 +6608,15 @@ var getAttachContent = (preview) => {
       return {
         title: /* @__PURE__ */ jsxs4("p", { children: [
           "Downgrade to ",
-          product_name
+          productName
         ] }),
         message: /* @__PURE__ */ jsxs4("p", { children: [
           "By clicking confirm, your current subscription to",
           " ",
-          current_product_name,
+          current_product.name,
           " will be cancelled and a new subscription to",
           " ",
-          product_name,
+          productName,
           " will begin on ",
           nextCycleAtStr,
           "."
@@ -6608,7 +6627,7 @@ var getAttachContent = (preview) => {
         title: /* @__PURE__ */ jsx12("p", { children: "Cancel" }),
         message: /* @__PURE__ */ jsxs4("p", { children: [
           "By clicking confirm, your subscription to ",
-          current_product_name,
+          current_product.name,
           " ",
           "will end on ",
           nextCycleAtStr,
@@ -6623,193 +6642,475 @@ var getAttachContent = (preview) => {
   }
 };
 
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef12, createElement as createElement7 } from "react";
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef as forwardRef11, createElement as createElement6 } from "react";
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef11(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement6(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement6(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef12(
+    ({ className, ...props }, ref) => createElement7(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode);
+
+// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/loader-circle.js
+var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
+
+// src/libraries/react/components/ui/accordion.tsx
+import * as React27 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("au-border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx13(AccordionPrimitive.Header, { className: "au-flex", children: /* @__PURE__ */ jsxs5(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "au-flex au-flex-1 au-items-center au-justify-between au-py-4 au-text-sm au-font-medium au-transition-all hover:au-underline au-text-left [&[data-state=open]>svg]:au-rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx13(ChevronDown, { className: "au-h-4 au-w-4 au-shrink-0 au-text-muted-foreground au-transition-transform au-duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx13(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "au-overflow-hidden au-text-sm data-[state=closed]:au-animate-accordion-up data-[state=open]:au-animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx13("div", { className: cn("au-pb-4 au-pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/libraries/react/components/ui/popover.tsx
+import * as React28 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx14(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "au-z-50 au-w-72 au-rounded-md au-border au-bg-popover au-p-4 au-text-popover-foreground au-shadow-md au-outline-none data-[state=open]:au-animate-in data-[state=closed]:au-animate-out data-[state=closed]:au-fade-out-0 data-[state=open]:au-fade-in-0 data-[state=closed]:au-zoom-out-95 data-[state=open]:au-zoom-in-95 data-[side=bottom]:au-slide-in-from-top-2 data-[side=left]:au-slide-in-from-right-2 data-[side=right]:au-slide-in-from-left-2 data-[side=top]:au-slide-in-from-bottom-2 au-origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/libraries/react/components/ui/input.tsx
+import * as React29 from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Input = React29.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx15(
+      "input",
+      {
+        type,
+        className: cn(
+          "au-flex au-h-9 au-w-full au-rounded-md au-border au-border-input au-bg-transparent au-px-3 au-py-1 au-text-base au-shadow-sm au-transition-colors file:au-border-0 file:au-bg-transparent file:au-text-sm file:au-font-medium file:au-text-foreground placeholder:au-text-muted-foreground focus-visible:au-outline-none focus-visible:au-ring-1 focus-visible:au-ring-ring disabled:au-cursor-not-allowed disabled:au-opacity-50 md:au-text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
 // src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+var formatCurrency = ({
+  amount,
+  currency
+}) => {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency
+  }).format(amount);
+};
 function AttachDialog(params) {
   const { attach } = useCustomer();
+  const [checkoutResult, setCheckoutResult] = useState12(params?.checkoutResult);
+  useEffect16(() => {
+    if (params.checkoutResult) {
+      setCheckoutResult(params.checkoutResult);
+    }
+  }, [params.checkoutResult]);
   const [loading, setLoading] = useState12(false);
-  const [optionsInput, setOptionsInput] = useState12(
-    params?.preview?.options || []
+  if (!checkoutResult) {
+    return /* @__PURE__ */ jsx16(Fragment6, {});
+  }
+  const { open, setOpen } = params;
+  const { title, message } = getAttachContent(checkoutResult);
+  const isFree = checkoutResult?.product.properties?.is_free;
+  const isPaid = isFree === false;
+  return /* @__PURE__ */ jsx16(Dialog2, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs6(DialogContent2, { className: "au-p-0 au-pt-4 au-gap-0 au-text-foreground au-overflow-hidden au-text-sm", children: [
+    /* @__PURE__ */ jsx16(DialogTitle2, { className: "au-px-6 au-mb-1", children: title }),
+    /* @__PURE__ */ jsx16("div", { className: "au-px-6 au-mt-1 au-mb-4 au-text-muted-foreground", children: message }),
+    isPaid && checkoutResult && /* @__PURE__ */ jsx16(
+      PriceInformation,
+      {
+        checkoutResult,
+        setCheckoutResult
+      }
+    ),
+    /* @__PURE__ */ jsx16(DialogFooter, { className: "au-flex au-flex-col sm:au-flex-row au-justify-between au-gap-x-4 au-py-2 au-pl-6 au-pr-3 au-bg-secondary au-border-t au-shadow-inner", children: /* @__PURE__ */ jsx16(
+      Button,
+      {
+        size: "sm",
+        onClick: async () => {
+          setLoading(true);
+          const options = checkoutResult.options.map((option) => {
+            return {
+              featureId: option.feature_id,
+              quantity: option.quantity
+            };
+          });
+          await attach({
+            productId: checkoutResult.product.id,
+            options
+          });
+          setOpen(false);
+          setLoading(false);
+        },
+        disabled: loading,
+        className: "au-min-w-16 au-flex au-items-center au-gap-2",
+        children: loading ? /* @__PURE__ */ jsx16(LoaderCircle, { className: "au-w-4 au-h-4 au-animate-spin" }) : /* @__PURE__ */ jsx16(Fragment6, { children: /* @__PURE__ */ jsx16("span", { className: "au-whitespace-nowrap au-flex au-gap-1", children: "Confirm" }) })
+      }
+    ) })
+  ] }) });
+}
+function PriceInformation({
+  checkoutResult,
+  setCheckoutResult
+}) {
+  return /* @__PURE__ */ jsxs6("div", { className: "au-px-6 au-mb-4 au-flex au-flex-col au-gap-4", children: [
+    /* @__PURE__ */ jsx16(
+      ProductItems,
+      {
+        checkoutResult,
+        setCheckoutResult
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "au-flex au-flex-col au-gap-2", children: [
+      checkoutResult?.has_prorations && checkoutResult.lines.length > 0 && /* @__PURE__ */ jsx16(CheckoutLines, { checkoutResult }),
+      /* @__PURE__ */ jsx16(DueAmounts, { checkoutResult })
+    ] })
+  ] });
+}
+function DueAmounts({ checkoutResult }) {
+  const { next_cycle, product } = checkoutResult;
+  const nextCycleAtStr = next_cycle ? new Date(next_cycle.starts_at).toLocaleDateString() : void 0;
+  const hasUsagePrice = product.items.some(
+    (item) => item.usage_model === "pay_per_use"
   );
-  const getTotalPrice = () => {
-    let sum = due_today?.price || 0;
-    optionsInput.forEach((option) => {
-      if (option.price && option.quantity) {
-        sum += option.price * (option.quantity / option.billing_units);
+  const showNextCycle = next_cycle && next_cycle.total !== checkoutResult.total;
+  return /* @__PURE__ */ jsxs6("div", { className: "au-flex au-flex-col au-gap-1", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "au-flex au-justify-between", children: [
+      /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16("p", { className: "au-font-medium au-text-md", children: "Total due today" }) }),
+      /* @__PURE__ */ jsx16("p", { className: "au-font-medium au-text-md", children: formatCurrency({
+        amount: checkoutResult?.total,
+        currency: checkoutResult?.currency
+      }) })
+    ] }),
+    showNextCycle && /* @__PURE__ */ jsxs6("div", { className: "au-flex au-justify-between au-text-muted-foreground", children: [
+      /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsxs6("p", { className: "au-text-md", children: [
+        "Due next cycle (",
+        nextCycleAtStr,
+        ")"
+      ] }) }),
+      /* @__PURE__ */ jsxs6("p", { className: "au-text-md", children: [
+        formatCurrency({
+          amount: next_cycle.total,
+          currency: checkoutResult?.currency
+        }),
+        hasUsagePrice && /* @__PURE__ */ jsx16("span", { children: " + usage prices" })
+      ] })
+    ] })
+  ] });
+}
+function ProductItems({
+  checkoutResult,
+  setCheckoutResult
+}) {
+  const isUpdateQuantity = checkoutResult?.product.scenario === "active" && checkoutResult.product.properties.has_prepaid;
+  return /* @__PURE__ */ jsxs6("div", { className: "au-flex au-flex-col au-gap-2", children: [
+    /* @__PURE__ */ jsx16("p", { className: "au-text-sm au-font-medium", children: "Price" }),
+    checkoutResult?.product.items.filter((item) => item.type !== "feature").map((item, index) => {
+      if (item.usage_model == "prepaid") {
+        return /* @__PURE__ */ jsx16(
+          PrepaidItem,
+          {
+            item,
+            checkoutResult,
+            setCheckoutResult
+          },
+          index
+        );
       }
-    });
-    return sum;
-  };
-  useEffect16(() => {
-    setOptionsInput(params?.preview?.options || []);
-  }, [params?.preview?.options]);
-  if (!params || !params.preview) {
-    return /* @__PURE__ */ jsx13(Fragment6, {});
-  }
-  const { open, setOpen, preview } = params;
-  const { items, due_today } = preview;
-  const { title, message } = getAttachContent(preview);
-  return /* @__PURE__ */ jsx13(Dialog2, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs5(
-    DialogContent2,
-    {
-      className: cn(
-        "au-p-0 au-pt-4 au-gap-0 au-text-foreground au-overflow-hidden au-text-sm"
-      ),
-      children: [
-        /* @__PURE__ */ jsx13(DialogTitle2, { className: cn("au-px-6 au-mb-1 "), children: title }),
-        /* @__PURE__ */ jsx13("div", { className: cn("au-px-6 au-mt-1 au-mb-4 au-text-muted-foreground"), children: message }),
-        (items || optionsInput.length > 0) && /* @__PURE__ */ jsxs5("div", { className: "au-mb-6 au-px-6", children: [
-          items?.map((item) => /* @__PURE__ */ jsxs5(PriceItem, { children: [
-            /* @__PURE__ */ jsx13("span", { className: "au-truncate au-flex-1", children: item.description }),
-            /* @__PURE__ */ jsx13("span", { children: item.price })
-          ] }, item.description)),
-          optionsInput?.map((option, index) => {
-            return /* @__PURE__ */ jsx13(
-              OptionsInput,
-              {
-                option,
-                optionsInput,
-                setOptionsInput,
-                index
-              },
-              option.feature_name
-            );
-          })
-        ] }),
-        /* @__PURE__ */ jsxs5(DialogFooter, { className: "au-flex au-flex-col sm:au-flex-row au-justify-between au-gap-x-4 au-py-2 au-pl-6 au-pr-3 au-bg-secondary au-border-t au-shadow-inner", children: [
-          due_today && /* @__PURE__ */ jsxs5(TotalPrice, { children: [
-            /* @__PURE__ */ jsx13("span", { children: "Due Today" }),
-            /* @__PURE__ */ jsx13("span", { children: new Intl.NumberFormat("en-US", {
-              style: "currency",
-              currency: due_today.currency
-            }).format(getTotalPrice()) })
-          ] }),
-          /* @__PURE__ */ jsx13(
-            Button,
-            {
-              size: "sm",
-              onClick: async () => {
-                setLoading(true);
-                await attach({
-                  productId: preview.product_id,
-                  options: optionsInput.map((option) => ({
-                    featureId: option.feature_id,
-                    quantity: option.quantity || 0
-                  }))
-                });
-                setOpen(false);
-                setLoading(false);
-              },
-              disabled: loading,
-              className: "au-min-w-16 au-flex au-items-center au-gap-2"
-            }
-          )
+      if (isUpdateQuantity) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxs6("div", { className: "au-flex au-justify-between", children: [
+        /* @__PURE__ */ jsx16("p", { className: "au-text-muted-foreground", children: item.feature ? item.feature.name : "Subscription" }),
+        /* @__PURE__ */ jsxs6("p", { children: [
+          item.display?.primary_text,
+          " ",
+          item.display?.secondary_text
         ] })
-      ]
-    }
-  ) });
+      ] }, index);
+    })
+  ] });
 }
-var PriceItem = ({
-  children,
+function CheckoutLines({ checkoutResult }) {
+  return /* @__PURE__ */ jsx16(Accordion, { type: "single", collapsible: true, children: /* @__PURE__ */ jsxs6(AccordionItem, { value: "total", className: "au-border-b-0", children: [
+    /* @__PURE__ */ jsx16(CustomAccordionTrigger, { className: "au-justify-between au-w-full au-my-0 au-py-0 au-border-none", children: /* @__PURE__ */ jsxs6("div", { className: "au-cursor-pointer au-flex au-items-center au-gap-1 au-w-full au-justify-end", children: [
+      /* @__PURE__ */ jsx16("p", { className: "au-font-light au-text-muted-foreground", children: "View details" }),
+      /* @__PURE__ */ jsx16(
+        ChevronDown,
+        {
+          className: "au-text-muted-foreground au-mt-0.5 au-rotate-90 au-transition-transform au-duration-200 au-ease-in-out",
+          size: 14
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx16(AccordionContent, { className: "au-mt-2 au-mb-0 au-pb-2 au-flex au-flex-col au-gap-2", children: checkoutResult?.lines.filter((line) => line.amount != 0).map((line, index) => {
+      return /* @__PURE__ */ jsxs6("div", { className: "au-flex au-justify-between", children: [
+        /* @__PURE__ */ jsx16("p", { className: "au-text-muted-foreground", children: line.description }),
+        /* @__PURE__ */ jsx16("p", { className: "au-text-muted-foreground", children: new Intl.NumberFormat("en-US", {
+          style: "currency",
+          currency: checkoutResult?.currency
+        }).format(line.amount) })
+      ] }, index);
+    }) })
+  ] }) });
+}
+function CustomAccordionTrigger({
   className,
+  children,
   ...props
-}) => {
-  return /* @__PURE__ */ jsx13(
-    "div",
+}) {
+  return /* @__PURE__ */ jsx16(AccordionPrimitive2.Header, { className: "au-flex", children: /* @__PURE__ */ jsx16(
+    AccordionPrimitive2.Trigger,
     {
+      "data-slot": "accordion-trigger",
       className: cn(
-        "au-flex au-flex-col au-pb-4 sm:au-pb-0 au-gap-1 sm:au-flex-row au-justify-between sm:au-h-7 sm:au-gap-2 sm:au-items-center",
+        "focus-visible:au-border-ring focus-visible:au-ring-ring/50 au-flex au-flex-1 au-items-start au-justify-between au-gap-4 au-rounded-md au-py-4 au-text-left au-text-sm au-font-medium au-transition-all au-outline-none focus-visible:au-ring-[3px] disabled:au-pointer-events-none disabled:au-opacity-50 [&[data-state=open]_svg]:au-rotate-0",
         className
       ),
       ...props,
       children
     }
-  );
-};
-var OptionsInput = ({
-  className,
-  option,
-  optionsInput,
-  setOptionsInput,
-  index,
-  ...props
-}) => {
-  const { feature_name, billing_units, quantity, price } = option;
-  return /* @__PURE__ */ jsxs5(PriceItem, { children: [
-    /* @__PURE__ */ jsx13("span", { children: feature_name }),
-    /* @__PURE__ */ jsx13(
-      QuantityInput,
-      {
-        value: quantity ? quantity / billing_units : "",
-        onChange: (e) => {
-          const newOptions = [...optionsInput];
-          newOptions[index].quantity = parseInt(e.target.value) * billing_units;
-          setOptionsInput(newOptions);
-        },
-        children: /* @__PURE__ */ jsxs5("span", { className: "", children: [
-          "\xD7 $",
-          price,
-          " per ",
-          billing_units === 1 ? " " : billing_units,
-          " ",
-          feature_name
-        ] })
-      },
-      feature_name
-    )
-  ] }, feature_name);
-};
-var QuantityInput = ({
-  children,
-  onChange,
-  value,
-  className,
-  ...props
+  ) });
+}
+var PrepaidItem = ({
+  item,
+  checkoutResult,
+  setCheckoutResult
 }) => {
-  const currentValue = Number(value) || 0;
-  const handleValueChange = (newValue) => {
-    const syntheticEvent = {
-      target: { value: String(newValue) }
-    };
-    onChange(syntheticEvent);
-  };
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      className: cn(className, "au-flex au-flex-row au-items-center au-gap-4"),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs5("div", { className: "au-flex au-items-center au-gap-1", children: [
-          /* @__PURE__ */ jsx13(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => currentValue > 0 && handleValueChange(currentValue - 1),
-              disabled: currentValue <= 0,
-              className: "au-h-6 au-w-6 au-pb-0.5",
-              children: "-"
-            }
-          ),
-          /* @__PURE__ */ jsx13("span", { className: "au-w-8 au-text-center au-text-foreground", children: currentValue }),
-          /* @__PURE__ */ jsx13(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => handleValueChange(currentValue + 1),
-              className: "au-h-6 au-w-6 au-pb-0.5",
-              children: "+"
-            }
-          )
-        ] }),
-        children
-      ]
-    }
+  const { quantity = 0, billing_units: billingUnits = 1 } = item;
+  const [quantityInput, setQuantityInput] = useState12(
+    (quantity / billingUnits).toString()
   );
-};
-var TotalPrice = ({ children }) => {
-  return /* @__PURE__ */ jsx13("div", { className: "au-w-full au-font-semibold au-flex au-justify-between au-items-center", children });
+  const { checkout } = useCustomer();
+  const [loading, setLoading] = useState12(false);
+  const [open, setOpen] = useState12(false);
+  const scenario = checkoutResult.product.scenario;
+  const handleSave = async () => {
+    setLoading(true);
+    try {
+      const newOptions = checkoutResult.options.filter((option) => option.feature_id !== item.feature_id).map((option) => {
+        return {
+          featureId: option.feature_id,
+          quantity: option.quantity
+        };
+      });
+      newOptions.push({
+        featureId: item.feature_id,
+        quantity: Number(quantityInput) * billingUnits
+      });
+      const { data, error } = await checkout({
+        productId: checkoutResult.product.id,
+        options: newOptions
+      });
+      if (error) {
+        console.error(error);
+        return;
+      }
+      setCheckoutResult(data);
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+      setOpen(false);
+    }
+  };
+  const disableSelection = scenario === "renew";
+  return /* @__PURE__ */ jsxs6("div", { className: "au-flex au-justify-between", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "au-flex au-gap-2", children: [
+      /* @__PURE__ */ jsx16("p", { className: "au-text-muted-foreground", children: item.feature?.name }),
+      /* @__PURE__ */ jsxs6(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsxs6(
+          PopoverTrigger,
+          {
+            className: cn(
+              "au-text-muted-foreground au-text-xs au-px-1 au-py-0.5 au-rounded-md au-flex au-items-center au-gap-1 au-bg-accent/80 hover:au-bg-accent hover:au-text-foreground"
+            ),
+            disabled: disableSelection,
+            children: [
+              "Qty: ",
+              quantity,
+              /* @__PURE__ */ jsx16(ChevronDown, { size: 12 })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs6(
+          PopoverContent,
+          {
+            align: "start",
+            className: "au-w-80 au-text-sm au-p-4 au-pt-3 au-flex au-flex-col au-gap-4",
+            children: [
+              /* @__PURE__ */ jsxs6("div", { className: "au-flex au-flex-col au-gap-1", children: [
+                /* @__PURE__ */ jsx16("p", { className: "au-text-sm au-font-medium", children: item.feature?.name }),
+                /* @__PURE__ */ jsxs6("p", { className: "au-text-muted-foreground", children: [
+                  item.display?.primary_text,
+                  " ",
+                  item.display?.secondary_text
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs6("div", { className: "au-flex au-justify-between au-items-end", children: [
+                /* @__PURE__ */ jsxs6("div", { className: "au-flex au-gap-2 au-items-center", children: [
+                  /* @__PURE__ */ jsx16(
+                    Input,
+                    {
+                      className: "au-h-7 au-w-16 focus:!au-ring-2",
+                      value: quantityInput,
+                      onChange: (e) => setQuantityInput(e.target.value)
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs6("p", { className: "au-text-muted-foreground", children: [
+                    billingUnits > 1 && `x ${billingUnits} `,
+                    item.feature?.name
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx16(Button, { onClick: handleSave, className: "au-w-14", children: loading ? /* @__PURE__ */ jsx16(LoaderCircle, { className: "au-text-muted-foreground au-animate-spin !au-w-4 !au-h-4" }) : "Save" })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("p", { children: [
+      item.display?.primary_text,
+      " ",
+      item.display?.secondary_text
+    ] })
+  ] });
 };
 
 // src/libraries/react/components/check-dialog/check-dialog-synced.tsx
@@ -6861,19 +7162,19 @@ var getCheckContent = (preview) => {
 };
 
 // src/libraries/react/components/check-dialog/check-dialog-synced.tsx
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 function CheckDialog(params) {
   const [loading] = useState13(false);
   if (!params || !params.preview) {
-    return /* @__PURE__ */ jsx14(Fragment7, {});
+    return /* @__PURE__ */ jsx17(Fragment7, {});
   }
   const { open, setOpen } = params;
   const { products } = params.preview;
   const { title, message } = getCheckContent(params.preview);
-  return /* @__PURE__ */ jsx14(Dialog2, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs6(DialogContent2, { className: "au-p-0 au-pt-4 au-gap-0 au-text-foreground au-overflow-hidden au-text-sm", children: [
-    /* @__PURE__ */ jsx14(DialogTitle2, { className: cn("au-font-bold au-text-xl au-px-6"), children: title }),
-    /* @__PURE__ */ jsx14("div", { className: "au-px-6 au-my-2", children: message }),
-    /* @__PURE__ */ jsx14(DialogFooter, { className: "au-flex au-flex-col sm:au-flex-row au-justify-between au-gap-x-4 au-py-2 au-mt-4 au-pl-6 au-pr-3 au-bg-secondary au-border-t", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(Dialog2, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs7(DialogContent2, { className: "au-p-0 au-pt-4 au-gap-0 au-text-foreground au-overflow-hidden au-text-sm", children: [
+    /* @__PURE__ */ jsx17(DialogTitle2, { className: cn("au-font-bold au-text-xl au-px-6"), children: title }),
+    /* @__PURE__ */ jsx17("div", { className: "au-px-6 au-my-2", children: message }),
+    /* @__PURE__ */ jsx17(DialogFooter, { className: "au-flex au-flex-col sm:au-flex-row au-justify-between au-gap-x-4 au-py-2 au-mt-4 au-pl-6 au-pr-3 au-bg-secondary au-border-t", children: /* @__PURE__ */ jsx17(
       Button,
       {
         size: "sm",
@@ -6888,20 +7189,20 @@ function CheckDialog(params) {
 }
 
 // src/libraries/react/components/pricing-table/pricing-table-synced.tsx
-import React32 from "react";
+import React35 from "react";
 import { createContext as createContext4, useContext as useContext5, useState as useState16 } from "react";
 
 // src/libraries/react/components/ui/switch.tsx
-import * as React31 from "react";
+import * as React34 from "react";
 
-// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@18.3._6zzey5cj563f4jvdnd6324q4ry/node_modules/@radix-ui/react-switch/dist/index.mjs
-import * as React30 from "react";
+// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1.8_uhx276sbw7dr3tfricp4xfbxsq/node_modules/@radix-ui/react-switch/dist/index.mjs
+import * as React33 from "react";
 
-// ../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs
-import * as React28 from "react";
+// ../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs
+import * as React31 from "react";
 function usePrevious(value) {
-  const ref = React28.useRef({ value, previous: value });
-  return React28.useMemo(() => {
+  const ref = React31.useRef({ value, previous: value });
+  return React31.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -6910,10 +7211,10 @@ function usePrevious(value) {
   }, [value]);
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@18.3.23_react@19.1.0/node_modules/@radix-ui/react-use-size/dist/index.mjs
-import * as React29 from "react";
+// ../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-size/dist/index.mjs
+import * as React32 from "react";
 function useSize(element) {
-  const [size, setSize] = React29.useState(void 0);
+  const [size, setSize] = React32.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -6947,12 +7248,12 @@ function useSize(element) {
   return size;
 }
 
-// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.6_@types+react@18.3.23__@types+react@18.3._6zzey5cj563f4jvdnd6324q4ry/node_modules/@radix-ui/react-switch/dist/index.mjs
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1.8_uhx276sbw7dr3tfricp4xfbxsq/node_modules/@radix-ui/react-switch/dist/index.mjs
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var SWITCH_NAME = "Switch";
 var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
 var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch = React30.forwardRef(
+var Switch = React33.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSwitch,
@@ -6966,9 +7267,9 @@ var Switch = React30.forwardRef(
       form,
       ...switchProps
     } = props;
-    const [button, setButton] = React30.useState(null);
+    const [button, setButton] = React33.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React30.useRef(false);
+    const hasConsumerStoppedPropagationRef = React33.useRef(false);
     const isFormControl = button ? form || !!button.closest("form") : true;
     const [checked, setChecked] = useControllableState({
       prop: checkedProp,
@@ -6976,8 +7277,8 @@ var Switch = React30.forwardRef(
       onChange: onCheckedChange,
       caller: SWITCH_NAME
     });
-    return /* @__PURE__ */ jsxs7(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
-      /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsxs8(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
+      /* @__PURE__ */ jsx18(
         Primitive.button,
         {
           type: "button",
@@ -6999,7 +7300,7 @@ var Switch = React30.forwardRef(
           })
         }
       ),
-      isFormControl && /* @__PURE__ */ jsx15(
+      isFormControl && /* @__PURE__ */ jsx18(
         SwitchBubbleInput,
         {
           control: button,
@@ -7018,11 +7319,11 @@ var Switch = React30.forwardRef(
 );
 Switch.displayName = SWITCH_NAME;
 var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = React30.forwardRef(
+var SwitchThumb = React33.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSwitch, ...thumbProps } = props;
     const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx18(
       Primitive.span,
       {
         "data-state": getState2(context.checked),
@@ -7035,7 +7336,7 @@ var SwitchThumb = React30.forwardRef(
 );
 SwitchThumb.displayName = THUMB_NAME;
 var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = React30.forwardRef(
+var SwitchBubbleInput = React33.forwardRef(
   ({
     __scopeSwitch,
     control,
@@ -7043,11 +7344,11 @@ var SwitchBubbleInput = React30.forwardRef(
     bubbles = true,
     ...props
   }, forwardedRef) => {
-    const ref = React30.useRef(null);
+    const ref = React33.useRef(null);
     const composedRefs = useComposedRefs(ref, forwardedRef);
     const prevChecked = usePrevious(checked);
     const controlSize = useSize(control);
-    React30.useEffect(() => {
+    React33.useEffect(() => {
       const input = ref.current;
       if (!input) return;
       const inputProto = window.HTMLInputElement.prototype;
@@ -7062,7 +7363,7 @@ var SwitchBubbleInput = React30.forwardRef(
         input.dispatchEvent(event);
       }
     }, [prevChecked, checked, bubbles]);
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx18(
       "input",
       {
         type: "checkbox",
@@ -7087,13 +7388,13 @@ SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;
 function getState2(checked) {
   return checked ? "checked" : "unchecked";
 }
-var Root2 = Switch;
+var Root4 = Switch;
 var Thumb = SwitchThumb;
 
 // src/libraries/react/components/ui/switch.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Switch2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  Root2,
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Switch2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  Root4,
   {
     className: cn(
       "au-peer au-inline-flex au-h-5 au-w-9 au-shrink-0 au-cursor-pointer au-items-center au-rounded-full au-border-2 au-border-transparent au-shadow-sm au-transition-colors focus-visible:au-outline-none focus-visible:au-ring-2 focus-visible:au-ring-ring focus-visible:au-ring-offset-2 focus-visible:au-ring-offset-background au-disabled:cursor-not-allowed au-disabled:opacity-50 data-[state=checked]:au-bg-primary data-[state=unchecked]:au-bg-input",
@@ -7101,7 +7402,7 @@ var Switch2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx16(
+    children: /* @__PURE__ */ jsx19(
       Thumb,
       {
         className: cn(
@@ -7111,55 +7412,60 @@ var Switch2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     )
   }
 ));
-Switch2.displayName = Root2.displayName;
+Switch2.displayName = Root4.displayName;
 
 // src/libraries/react/components/pricing-table/lib/pricing-table-content.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var getPricingTableContent = (product) => {
-  const { scenario, free_trial } = product;
-  if (free_trial && free_trial.trial_available) {
+  const { scenario, free_trial, properties } = product;
+  const { is_one_off, has_prepaid, has_trial } = properties;
+  if (has_trial) {
     return {
-      buttonText: /* @__PURE__ */ jsx17("p", { children: "Start Free Trial" })
+      buttonText: /* @__PURE__ */ jsx20("p", { children: "Start Free Trial" })
     };
   }
   switch (scenario) {
     case "scheduled":
       return {
-        buttonText: /* @__PURE__ */ jsx17("p", { children: "Plan Scheduled" })
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Plan Scheduled" })
       };
     case "active":
+      if (has_prepaid) {
+        return {
+          buttonText: /* @__PURE__ */ jsx20("p", { children: "Update Plan" })
+        };
+      }
       return {
-        buttonText: /* @__PURE__ */ jsx17("p", { children: "Current Plan" })
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Current Plan" })
       };
     case "new":
-      if (product.properties?.is_one_off) {
-        return {
-          buttonText: /* @__PURE__ */ jsx17("p", { children: "Purchase" })
-        };
-      } else {
+      if (is_one_off) {
         return {
-          buttonText: /* @__PURE__ */ jsx17("p", { children: "Get started" })
+          buttonText: /* @__PURE__ */ jsx20("p", { children: "Purchase" })
         };
       }
+      return {
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Get started" })
+      };
     case "renew":
       return {
-        buttonText: /* @__PURE__ */ jsx17("p", { children: "Renew" })
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Renew" })
       };
     case "upgrade":
       return {
-        buttonText: /* @__PURE__ */ jsx17("p", { children: "Upgrade" })
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Upgrade" })
       };
     case "downgrade":
       return {
-        buttonText: /* @__PURE__ */ jsx17("p", { children: "Downgrade" })
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Downgrade" })
       };
     case "cancel":
       return {
-        buttonText: /* @__PURE__ */ jsx17("p", { children: "Cancel Plan" })
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Cancel Plan" })
       };
     default:
       return {
-        buttonText: /* @__PURE__ */ jsx17("p", { children: "Get Started" })
+        buttonText: /* @__PURE__ */ jsx20("p", { children: "Get Started" })
       };
   }
 };
@@ -7173,6 +7479,12 @@ var loadingStyles = {
   alignItems: "center",
   minHeight: "300px"
 };
+var spinnerStyles = {
+  width: "1.5rem",
+  height: "1.5rem",
+  color: "rgb(161 161 170)",
+  animation: "spin 1s linear infinite"
+};
 if (typeof document !== "undefined") {
   const styleId = "au-spinner-keyframes";
   if (!document.getElementById(styleId)) {
@@ -7189,18 +7501,18 @@ if (typeof document !== "undefined") {
 }
 
 // src/libraries/react/components/pricing-table/pricing-table-synced.tsx
-import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 function PricingTable({
   productDetails
 }) {
-  const { attach } = useCustomer();
+  const { checkout } = useCustomer();
   const [isAnnual, setIsAnnual] = useState16(false);
   const { products, isLoading, error } = usePricingTable({ productDetails });
   if (isLoading) {
-    return /* @__PURE__ */ jsx18("div", { style: loadingStyles });
+    return /* @__PURE__ */ jsx21("div", { style: loadingStyles, children: /* @__PURE__ */ jsx21(LoaderCircle, { style: spinnerStyles }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx18("div", { children: " Something went wrong..." });
+    return /* @__PURE__ */ jsx21("div", { children: " Something went wrong..." });
   }
   const intervals = Array.from(
     new Set(
@@ -7221,14 +7533,14 @@ function PricingTable({
     }
     return true;
   };
-  return /* @__PURE__ */ jsx18("div", { className: cn("au-root"), children: products && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx21("div", { className: cn("au-root"), children: products && /* @__PURE__ */ jsx21(
     PricingTableContainer,
     {
       products,
       isAnnualToggle: isAnnual,
       setIsAnnualToggle: setIsAnnual,
       multiInterval,
-      children: products.filter(intervalFilter).map((product, index) => /* @__PURE__ */ jsx18(
+      children: products.filter(intervalFilter).map((product, index) => /* @__PURE__ */ jsx21(
         PricingCard,
         {
           productId: product.id,
@@ -7236,7 +7548,7 @@ function PricingTable({
             disabled: product.scenario === "active" || product.scenario === "scheduled",
             onClick: async () => {
               if (product.id) {
-                await attach({
+                await checkout({
                   productId: product.id,
                   dialog: AttachDialog
                 });
@@ -7278,14 +7590,14 @@ var PricingTableContainer = ({
     throw new Error("products is required in <PricingTable />");
   }
   if (products.length === 0) {
-    return /* @__PURE__ */ jsx18(Fragment8, {});
+    return /* @__PURE__ */ jsx21(Fragment8, {});
   }
   const hasRecommended = products?.some((p) => p.display?.recommend_text);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx21(
     PricingTableContext.Provider,
     {
       value: { isAnnualToggle, setIsAnnualToggle, products, showFeatures },
-      children: /* @__PURE__ */ jsxs8(
+      children: /* @__PURE__ */ jsxs9(
         "div",
         {
           className: cn(
@@ -7293,13 +7605,13 @@ var PricingTableContainer = ({
             hasRecommended && "!au-py-10"
           ),
           children: [
-            multiInterval && /* @__PURE__ */ jsx18(
+            multiInterval && /* @__PURE__ */ jsx21(
               "div",
               {
                 className: cn(
                   products.some((p) => p.display?.recommend_text) && "au-mb-8"
                 ),
-                children: /* @__PURE__ */ jsx18(
+                children: /* @__PURE__ */ jsx21(
                   AnnualSwitch,
                   {
                     isAnnualToggle,
@@ -7308,7 +7620,7 @@ var PricingTableContainer = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx21(
               "div",
               {
                 className: cn(
@@ -7341,7 +7653,7 @@ var PricingCard = ({
     primary_text: "Free"
   } : product.items[0].display;
   const featureItems = product.properties?.is_free ? product.items : product.items.slice(1);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -7350,8 +7662,8 @@ var PricingCard = ({
         className
       ),
       children: [
-        productDisplay?.recommend_text && /* @__PURE__ */ jsx18(RecommendedBadge, { recommended: productDisplay?.recommend_text }),
-        /* @__PURE__ */ jsxs8(
+        productDisplay?.recommend_text && /* @__PURE__ */ jsx21(RecommendedBadge, { recommended: productDisplay?.recommend_text }),
+        /* @__PURE__ */ jsxs9(
           "div",
           {
             className: cn(
@@ -7359,19 +7671,19 @@ var PricingCard = ({
               isRecommended && "lg:au-translate-y-6"
             ),
             children: [
-              /* @__PURE__ */ jsxs8("div", { className: "au-h-full", children: [
-                /* @__PURE__ */ jsxs8("div", { className: "au-flex au-flex-col", children: [
-                  /* @__PURE__ */ jsxs8("div", { className: "au-pb-4", children: [
-                    /* @__PURE__ */ jsx18("h2", { className: "au-text-2xl au-font-semibold au-px-6 au-truncate", children: productDisplay?.name || name }),
-                    productDisplay?.description && /* @__PURE__ */ jsx18("div", { className: "au-text-sm au-text-muted-foreground au-px-6 au-h-8", children: /* @__PURE__ */ jsx18("p", { className: "au-line-clamp-2", children: productDisplay?.description }) })
+              /* @__PURE__ */ jsxs9("div", { className: "au-h-full", children: [
+                /* @__PURE__ */ jsxs9("div", { className: "au-flex au-flex-col", children: [
+                  /* @__PURE__ */ jsxs9("div", { className: "au-pb-4", children: [
+                    /* @__PURE__ */ jsx21("h2", { className: "au-text-2xl au-font-semibold au-px-6 au-truncate", children: productDisplay?.name || name }),
+                    productDisplay?.description && /* @__PURE__ */ jsx21("div", { className: "au-text-sm au-text-muted-foreground au-px-6 au-h-8", children: /* @__PURE__ */ jsx21("p", { className: "au-line-clamp-2", children: productDisplay?.description }) })
                   ] }),
-                  /* @__PURE__ */ jsx18("div", { className: "au-mb-2", children: /* @__PURE__ */ jsx18("h3", { className: "au-font-semibold au-h-16 au-flex au-px-6 au-items-center au-border-y au-mb-4 au-bg-secondary/40", children: /* @__PURE__ */ jsxs8("div", { className: "au-line-clamp-2", children: [
+                  /* @__PURE__ */ jsx21("div", { className: "au-mb-2", children: /* @__PURE__ */ jsx21("h3", { className: "au-font-semibold au-h-16 au-flex au-px-6 au-items-center au-border-y au-mb-4 au-bg-secondary/40", children: /* @__PURE__ */ jsxs9("div", { className: "au-line-clamp-2", children: [
                     mainPriceDisplay?.primary_text,
                     " ",
-                    mainPriceDisplay?.secondary_text && /* @__PURE__ */ jsx18("span", { className: "au-font-normal au-text-muted-foreground au-mt-1", children: mainPriceDisplay?.secondary_text })
+                    mainPriceDisplay?.secondary_text && /* @__PURE__ */ jsx21("span", { className: "au-font-normal au-text-muted-foreground au-mt-1", children: mainPriceDisplay?.secondary_text })
                   ] }) }) })
                 ] }),
-                showFeatures && featureItems.length > 0 && /* @__PURE__ */ jsx18("div", { className: "au-flex-grow au-px-6 au-mb-6", children: /* @__PURE__ */ jsx18(
+                showFeatures && featureItems.length > 0 && /* @__PURE__ */ jsx21("div", { className: "au-flex-grow au-px-6 au-mb-6", children: /* @__PURE__ */ jsx21(
                   PricingFeatureList,
                   {
                     items: featureItems,
@@ -7380,11 +7692,11 @@ var PricingCard = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx21(
                 "div",
                 {
                   className: cn(" au-px-6 ", isRecommended && "lg:au--translate-y-12"),
-                  children: /* @__PURE__ */ jsx18(
+                  children: /* @__PURE__ */ jsx21(
                     PricingCardButton,
                     {
                       recommended: productDisplay?.recommend_text ? true : false,
@@ -7407,26 +7719,26 @@ var PricingFeatureList = ({
   everythingFrom,
   className
 }) => {
-  return /* @__PURE__ */ jsxs8("div", { className: cn("au-flex-grow", className), children: [
-    everythingFrom && /* @__PURE__ */ jsxs8("p", { className: "au-text-sm au-mb-4", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: cn("au-flex-grow", className), children: [
+    everythingFrom && /* @__PURE__ */ jsxs9("p", { className: "au-text-sm au-mb-4", children: [
       "Everything from ",
       everythingFrom,
       ", plus:"
     ] }),
-    /* @__PURE__ */ jsx18("div", { className: "au-space-y-3", children: items.map((item, index) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx21("div", { className: "au-space-y-3", children: items.map((item, index) => /* @__PURE__ */ jsx21(
       "div",
       {
         className: "au-flex au-items-start au-gap-2 au-text-sm",
-        children: /* @__PURE__ */ jsxs8("div", { className: "au-flex au-flex-col", children: [
-          /* @__PURE__ */ jsx18("span", { children: item.display?.primary_text }),
-          item.display?.secondary_text && /* @__PURE__ */ jsx18("span", { className: "au-text-sm au-text-muted-foreground", children: item.display?.secondary_text })
+        children: /* @__PURE__ */ jsxs9("div", { className: "au-flex au-flex-col", children: [
+          /* @__PURE__ */ jsx21("span", { children: item.display?.primary_text }),
+          item.display?.secondary_text && /* @__PURE__ */ jsx21("span", { className: "au-text-sm au-text-muted-foreground", children: item.display?.secondary_text })
         ] })
       },
       index
     )) })
   ] });
 };
-var PricingCardButton = React32.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
+var PricingCardButton = React35.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
   const [loading, setLoading] = useState16(false);
   const handleClick = async (e) => {
     setLoading(true);
@@ -7438,7 +7750,7 @@ var PricingCardButton = React32.forwardRef(({ recommended, children, className,
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx21(
     Button,
     {
       className: cn(
@@ -7449,7 +7761,17 @@ var PricingCardButton = React32.forwardRef(({ recommended, children, className,
       variant: recommended ? "default" : "secondary",
       ref,
       disabled: loading || props.disabled,
-      onClick: handleClick
+      onClick: handleClick,
+      children: loading ? /* @__PURE__ */ jsx21(LoaderCircle, { className: "au-h-4 au-w-4 au-animate-spin" }) : /* @__PURE__ */ jsxs9(Fragment8, { children: [
+        /* @__PURE__ */ jsxs9("div", { className: "au-flex au-items-center au-justify-between au-w-full au-transition-transform au-duration-300 group-hover:au-translate-y-[-130%]", children: [
+          /* @__PURE__ */ jsx21("span", { children }),
+          /* @__PURE__ */ jsx21("span", { className: "au-text-sm", children: "\u2192" })
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "au-flex au-items-center au-justify-between au-w-full au-absolute au-px-4 au-translate-y-[130%] au-transition-transform au-duration-300 group-hover:au-translate-y-0 au-mt-2 group-hover:au-mt-0", children: [
+          /* @__PURE__ */ jsx21("span", { children }),
+          /* @__PURE__ */ jsx21("span", { className: "au-text-sm", children: "\u2192" })
+        ] })
+      ] })
     }
   );
 });
@@ -7458,9 +7780,9 @@ var AnnualSwitch = ({
   isAnnualToggle,
   setIsAnnualToggle
 }) => {
-  return /* @__PURE__ */ jsxs8("div", { className: "au-flex au-items-center au-space-x-2 au-mb-4", children: [
-    /* @__PURE__ */ jsx18("span", { className: "au-text-sm au-text-muted-foreground", children: "Monthly" }),
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs9("div", { className: "au-flex au-items-center au-space-x-2 au-mb-4", children: [
+    /* @__PURE__ */ jsx21("span", { className: "au-text-sm au-text-muted-foreground", children: "Monthly" }),
+    /* @__PURE__ */ jsx21(
       Switch2,
       {
         id: "annual-billing",
@@ -7468,11 +7790,11 @@ var AnnualSwitch = ({
         onCheckedChange: setIsAnnualToggle
       }
     ),
-    /* @__PURE__ */ jsx18("span", { className: "au-text-sm au-text-muted-foreground", children: "Annual" })
+    /* @__PURE__ */ jsx21("span", { className: "au-text-sm au-text-muted-foreground", children: "Annual" })
   ] });
 };
 var RecommendedBadge = ({ recommended }) => {
-  return /* @__PURE__ */ jsx18("div", { className: "au-bg-secondary au-absolute au-border au-text-muted-foreground au-text-sm au-font-medium lg:au-rounded-full au-px-3 lg:au-py-0.5 lg:au-top-4 lg:au-right-4 au-top-[-1px] au-right-[-1px] au-rounded-bl-lg", children: recommended });
+  return /* @__PURE__ */ jsx21("div", { className: "au-bg-secondary au-absolute au-border au-text-muted-foreground au-text-sm au-font-medium lg:au-rounded-full au-px-3 lg:au-py-0.5 lg:au-top-4 lg:au-right-4 au-top-[-1px] au-right-[-1px] au-rounded-bl-lg", children: recommended });
 };
 export {
   AttachDialog,
@@ -7484,3 +7806,19 @@ export {
   useEntity,
   usePricingTable
 };
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/loader-circle.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.523.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/