npm - autumn-js - Versions diffs - 0.0.79 → 0.0.81 - Mend

autumn-js 0.0.79 → 0.0.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (211) hide show

package/dist/libraries/react/index.mjs CHANGED Viewed

@@ -26,7 +26,7 @@ function styleInject(css, { insertAt } = {}) {
 styleInject('*:where(.au-root, .au-root *),\n:where(.au-root, .au-root *)::before,\n:where(.au-root, .au-root *)::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n:where(.au-root, .au-root *)::before,\n:where(.au-root, .au-root *)::after {\n  --tw-content: "";\n}\n.au-root {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n}\n.au-root {\n  margin: 0;\n  line-height: inherit;\n}\nhr:where(.au-root, .au-root *) {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\nabbr:where([title]):where(.au-root, .au-root *) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\nh1:where(.au-root, .au-root *),\nh2:where(.au-root, .au-root *),\nh3:where(.au-root, .au-root *),\nh4:where(.au-root, .au-root *),\nh5:where(.au-root, .au-root *),\nh6:where(.au-root, .au-root *) {\n  font-size: inherit;\n  font-weight: inherit;\n}\na:where(.au-root, .au-root *) {\n  color: inherit;\n  text-decoration: inherit;\n}\nb:where(.au-root, .au-root *),\nstrong:where(.au-root, .au-root *) {\n  font-weight: bolder;\n}\ncode:where(.au-root, .au-root *),\nkbd:where(.au-root, .au-root *),\nsamp:where(.au-root, .au-root *),\npre:where(.au-root, .au-root *) {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-size: 1em;\n}\nsmall:where(.au-root, .au-root *) {\n  font-size: 80%;\n}\nsub:where(.au-root, .au-root *),\nsup:where(.au-root, .au-root *) {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub:where(.au-root, .au-root *) {\n  bottom: -0.25em;\n}\nsup:where(.au-root, .au-root *) {\n  top: -0.5em;\n}\ntable:where(.au-root, .au-root *) {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\nbutton:where(.au-root, .au-root *),\ninput:where(.au-root, .au-root *),\noptgroup:where(.au-root, .au-root *),\nselect:where(.au-root, .au-root *),\ntextarea:where(.au-root, .au-root *) {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\nbutton:where(.au-root, .au-root *),\nselect:where(.au-root, .au-root *) {\n  text-transform: none;\n}\nbutton:where(.au-root, .au-root *),\n[type=button]:where(.au-root, .au-root *),\n[type=reset]:where(.au-root, .au-root *),\n[type=submit]:where(.au-root, .au-root *) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:-moz-focusring:where(.au-root, .au-root *) {\n  outline: auto;\n}\n:-moz-ui-invalid:where(.au-root, .au-root *) {\n  box-shadow: none;\n}\nprogress:where(.au-root, .au-root *) {\n  vertical-align: baseline;\n}\n:where(.au-root, .au-root *) ::-webkit-inner-spin-button,\n:where(.au-root, .au-root *) ::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search]:where(.au-root, .au-root *) {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n:where(.au-root, .au-root *) ::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n:where(.au-root, .au-root *) ::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary:where(.au-root, .au-root *) {\n  display: list-item;\n}\nblockquote:where(.au-root, .au-root *),\ndl:where(.au-root, .au-root *),\ndd:where(.au-root, .au-root *),\nh1:where(.au-root, .au-root *),\nh2:where(.au-root, .au-root *),\nh3:where(.au-root, .au-root *),\nh4:where(.au-root, .au-root *),\nh5:where(.au-root, .au-root *),\nh6:where(.au-root, .au-root *),\nhr:where(.au-root, .au-root *),\nfigure:where(.au-root, .au-root *),\np:where(.au-root, .au-root *),\npre:where(.au-root, .au-root *) {\n  margin: 0;\n}\nfieldset:where(.au-root, .au-root *) {\n  margin: 0;\n  padding: 0;\n}\nlegend:where(.au-root, .au-root *) {\n  padding: 0;\n}\nol:where(.au-root, .au-root *),\nul:where(.au-root, .au-root *),\nmenu:where(.au-root, .au-root *) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\ndialog:where(.au-root, .au-root *) {\n  padding: 0;\n}\ntextarea:where(.au-root, .au-root *) {\n  resize: vertical;\n}\n:where(.au-root, .au-root *) input::-moz-placeholder,\n:where(.au-root, .au-root *) textarea::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n:where(.au-root, .au-root *) input::placeholder,\n:where(.au-root, .au-root *) textarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\nbutton:where(.au-root, .au-root *),\n[role=button]:where(.au-root, .au-root *) {\n  cursor: pointer;\n}\n:disabled:where(.au-root, .au-root *) {\n  cursor: default;\n}\nimg:where(.au-root, .au-root *),\nsvg:where(.au-root, .au-root *),\nvideo:where(.au-root, .au-root *),\ncanvas:where(.au-root, .au-root *),\naudio:where(.au-root, .au-root *),\niframe:where(.au-root, .au-root *),\nembed:where(.au-root, .au-root *),\nobject:where(.au-root, .au-root *) {\n  display: block;\n  vertical-align: middle;\n}\nimg:where(.au-root, .au-root *),\nvideo:where(.au-root, .au-root *) {\n  max-width: 100%;\n  height: auto;\n}\n[hidden]:where(.au-root, .au-root *) {\n  display: none;\n}\n.au-root *,\n.au-root ::before,\n.au-root ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n.au-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.au-pointer-events-none {\n  pointer-events: none;\n}\n.au-fixed {\n  position: fixed;\n}\n.au-absolute {\n  position: absolute;\n}\n.au-relative {\n  position: relative;\n}\n.au-inset-0 {\n  inset: 0px;\n}\n.au-left-\\[50\\%\\] {\n  left: 50%;\n}\n.au-right-4 {\n  right: 1rem;\n}\n.au-right-\\[-1px\\] {\n  right: -1px;\n}\n.au-top-4 {\n  top: 1rem;\n}\n.au-top-\\[-1px\\] {\n  top: -1px;\n}\n.au-top-\\[50\\%\\] {\n  top: 50%;\n}\n.au-z-50 {\n  z-index: 50;\n}\n.au-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.au-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.au-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.au-mb-4 {\n  margin-bottom: 1rem;\n}\n.au-mb-6 {\n  margin-bottom: 1.5rem;\n}\n.au-mb-8 {\n  margin-bottom: 2rem;\n}\n.au-mr-2 {\n  margin-right: 0.5rem;\n}\n.au-mt-0 {\n  margin-top: 0px;\n}\n.au-mt-0\\.5 {\n  margin-top: 0.125rem;\n}\n.au-mt-1 {\n  margin-top: 0.25rem;\n}\n.au-mt-2 {\n  margin-top: 0.5rem;\n}\n.au-mt-4 {\n  margin-top: 1rem;\n}\n.au-line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.au-block {\n  display: block;\n}\n.au-flex {\n  display: flex;\n}\n.au-inline-flex {\n  display: inline-flex;\n}\n.au-grid {\n  display: grid;\n}\n.au-size-4 {\n  width: 1rem;\n  height: 1rem;\n}\n.\\!au-h-3 {\n  height: 0.75rem !important;\n}\n.au-h-10 {\n  height: 2.5rem;\n}\n.au-h-16 {\n  height: 4rem;\n}\n.au-h-4 {\n  height: 1rem;\n}\n.au-h-5 {\n  height: 1.25rem;\n}\n.au-h-6 {\n  height: 1.5rem;\n}\n.au-h-7 {\n  height: 1.75rem;\n}\n.au-h-8 {\n  height: 2rem;\n}\n.au-h-9 {\n  height: 2.25rem;\n}\n.au-h-full {\n  height: 100%;\n}\n.au-w-4 {\n  width: 1rem;\n}\n.au-w-6 {\n  width: 1.5rem;\n}\n.au-w-8 {\n  width: 2rem;\n}\n.au-w-9 {\n  width: 2.25rem;\n}\n.au-w-full {\n  width: 100%;\n}\n.au-min-w-16 {\n  min-width: 4rem;\n}\n.au-min-w-20 {\n  min-width: 5rem;\n}\n.au-max-w-lg {\n  max-width: 32rem;\n}\n.au-max-w-xl {\n  max-width: 36rem;\n}\n.au-flex-1 {\n  flex: 1 1 0%;\n}\n.au-flex-shrink-0 {\n  flex-shrink: 0;\n}\n.au-shrink-0 {\n  flex-shrink: 0;\n}\n.au-flex-grow {\n  flex-grow: 1;\n}\n.au--translate-y-12 {\n  --tw-translate-y: -3rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au--translate-y-6 {\n  --tw-translate-y: -1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-6 {\n  --tw-translate-y: 1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-\\[130\\%\\] {\n  --tw-translate-y: 130%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes au-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.au-animate-spin {\n  animation: au-spin 1s linear infinite;\n}\n.au-cursor-pointer {\n  cursor: pointer;\n}\n.au-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.au-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.au-flex-row {\n  flex-direction: row;\n}\n.au-flex-col {\n  flex-direction: column;\n}\n.au-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.au-items-start {\n  align-items: flex-start;\n}\n.au-items-center {\n  align-items: center;\n}\n.au-justify-end {\n  justify-content: flex-end;\n}\n.au-justify-center {\n  justify-content: center;\n}\n.au-justify-between {\n  justify-content: space-between;\n}\n.au-gap-0 {\n  gap: 0px;\n}\n.au-gap-1 {\n  gap: 0.25rem;\n}\n.au-gap-2 {\n  gap: 0.5rem;\n}\n.au-gap-4 {\n  gap: 1rem;\n}\n.au-gap-x-4 {\n  -moz-column-gap: 1rem;\n  column-gap: 1rem;\n}\n.au-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.au-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.au-space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.au-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.au-overflow-hidden {\n  overflow: hidden;\n}\n.au-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.au-whitespace-nowrap {\n  white-space: nowrap;\n}\n.au-rounded-full {\n  border-radius: 9999px;\n}\n.au-rounded-lg {\n  border-radius: var(--au-radius);\n}\n.au-rounded-md {\n  border-radius: calc(var(--au-radius) - 2px);\n}\n.au-rounded-sm {\n  border-radius: calc(var(--au-radius) - 4px);\n}\n.au-rounded-bl-lg {\n  border-bottom-left-radius: var(--au-radius);\n}\n.au-border {\n  border-width: 1px;\n}\n.au-border-2 {\n  border-width: 2px;\n}\n.au-border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.au-border-t {\n  border-top-width: 1px;\n}\n.au-border-input {\n  border-color: hsl(var(--au-input));\n}\n.au-border-transparent {\n  border-color: transparent;\n}\n.au-bg-background {\n  background-color: hsl(var(--au-background));\n}\n.au-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.au-bg-black\\/80 {\n  background-color: rgb(0 0 0 / 0.8);\n}\n.au-bg-destructive {\n  background-color: hsl(var(--au-destructive));\n}\n.au-bg-primary {\n  background-color: hsl(var(--au-primary));\n}\n.au-bg-secondary {\n  background-color: hsl(var(--au-secondary));\n}\n.au-bg-secondary\\/40 {\n  background-color: hsl(var(--au-secondary) / 0.4);\n}\n.au-p-0 {\n  padding: 0px;\n}\n.au-p-6 {\n  padding: 1.5rem;\n}\n.\\!au-py-10 {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n.au-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.au-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.au-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.au-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.au-py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.au-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.au-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.au-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.au-pb-0 {\n  padding-bottom: 0px;\n}\n.au-pb-0\\.5 {\n  padding-bottom: 0.125rem;\n}\n.au-pb-4 {\n  padding-bottom: 1rem;\n}\n.au-pl-6 {\n  padding-left: 1.5rem;\n}\n.au-pr-3 {\n  padding-right: 0.75rem;\n}\n.au-pt-4 {\n  padding-top: 1rem;\n}\n.au-text-left {\n  text-align: left;\n}\n.au-text-center {\n  text-align: center;\n}\n.au-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.au-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.au-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.au-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.au-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.au-font-bold {\n  font-weight: 700;\n}\n.au-font-medium {\n  font-weight: 500;\n}\n.au-font-normal {\n  font-weight: 400;\n}\n.au-font-semibold {\n  font-weight: 600;\n}\n.au-leading-none {\n  line-height: 1;\n}\n.au-tracking-tight {\n  letter-spacing: -0.025em;\n}\n.au-text-destructive-foreground {\n  color: hsl(var(--au-destructive-foreground));\n}\n.au-text-foreground {\n  color: hsl(var(--au-foreground));\n}\n.au-text-muted-foreground {\n  color: hsl(var(--au-muted-foreground));\n}\n.au-text-primary {\n  color: hsl(var(--au-primary));\n}\n.au-text-primary-foreground {\n  color: hsl(var(--au-primary-foreground));\n}\n.au-text-secondary-foreground {\n  color: hsl(var(--au-secondary-foreground));\n}\n.au-text-zinc-400 {\n  --tw-text-opacity: 1;\n  color: rgb(161 161 170 / var(--tw-text-opacity));\n}\n.au-underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.au-opacity-70 {\n  opacity: 0.7;\n}\n.au-shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-inner {\n  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-stone-400 {\n  --tw-shadow-color: #a8a29e;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-shadow-zinc-800 {\n  --tw-shadow-color: #27272a;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.au-ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.au-transition {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-duration-200 {\n  transition-duration: 200ms;\n}\n.au-duration-300 {\n  transition-duration: 300ms;\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.au-slide-in-from-left-1 {\n  --tw-enter-translate-x: -0.25rem;\n}\n.au-slide-out-to-left-1 {\n  --tw-exit-translate-x: -0.25rem;\n}\n.au-duration-200 {\n  animation-duration: 200ms;\n}\n.au-duration-300 {\n  animation-duration: 300ms;\n}\n:root {\n  --au-background: 0 0% 100%;\n  --au-foreground: 240 10% 3.9%;\n  --au-card: 0 0% 100%;\n  --au-card-foreground: 240 10% 3.9%;\n  --au-popover: 0 0% 100%;\n  --au-popover-foreground: 240 10% 3.9%;\n  --au-primary: 240 5.9% 10%;\n  --au-primary-foreground: 0 0% 98%;\n  --au-secondary: 240 4.8% 95.9%;\n  --au-secondary-foreground: 240 5.9% 10%;\n  --au-muted: 240 4.8% 95.9%;\n  --au-muted-foreground: 240 3.8% 46.1%;\n  --au-accent: 240 4.8% 95.9%;\n  --au-accent-foreground: 240 5.9% 10%;\n  --au-destructive: 0 84.2% 60.2%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 5.9% 90%;\n  --au-input: 240 5.9% 90%;\n  --au-ring: 240 10% 3.9%;\n  --au-chart-1: 12 76% 61%;\n  --au-chart-2: 173 58% 39%;\n  --au-chart-3: 197 37% 24%;\n  --au-chart-4: 43 74% 66%;\n  --au-chart-5: 27 87% 67%;\n  --au-radius: 0.5rem;\n  --au-sidebar-background: 0 0% 98%;\n  --au-sidebar-foreground: 240 5.3% 26.1%;\n  --au-sidebar-primary: 240 5.9% 10%;\n  --au-sidebar-primary-foreground: 0 0% 98%;\n  --au-sidebar-accent: 240 4.8% 95.9%;\n  --au-sidebar-accent-foreground: 240 5.9% 10%;\n  --au-sidebar-border: 220 13% 91%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.dark {\n  --au-background: 240 10% 3.9%;\n  --au-foreground: 0 0% 98%;\n  --au-card: 240 10% 3.9%;\n  --au-card-foreground: 0 0% 98%;\n  --au-popover: 240 10% 3.9%;\n  --au-popover-foreground: 0 0% 98%;\n  --au-primary: 0 0% 98%;\n  --au-primary-foreground: 240 5.9% 10%;\n  --au-secondary: 240 3.7% 15.9%;\n  --au-secondary-foreground: 0 0% 98%;\n  --au-muted: 240 3.7% 15.9%;\n  --au-muted-foreground: 240 5% 64.9%;\n  --au-accent: 240 3.7% 15.9%;\n  --au-accent-foreground: 0 0% 98%;\n  --au-destructive: 0 62.8% 30.6%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 3.7% 15.9%;\n  --au-input: 240 3.7% 15.9%;\n  --au-ring: 240 4.9% 83.9%;\n  --au-chart-1: 220 70% 50%;\n  --au-chart-2: 160 60% 45%;\n  --au-chart-3: 30 80% 55%;\n  --au-chart-4: 280 65% 60%;\n  --au-chart-5: 340 75% 55%;\n  --au-sidebar-background: 240 5.9% 10%;\n  --au-sidebar-foreground: 240 4.8% 95.9%;\n  --au-sidebar-primary: 224.3 76.3% 48%;\n  --au-sidebar-primary-foreground: 0 0% 100%;\n  --au-sidebar-accent: 240 3.7% 15.9%;\n  --au-sidebar-accent-foreground: 240 4.8% 95.9%;\n  --au-sidebar-border: 240 3.7% 15.9%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.hover\\:au-bg-accent:hover {\n  background-color: hsl(var(--au-accent));\n}\n.hover\\:au-bg-destructive\\/90:hover {\n  background-color: hsl(var(--au-destructive) / 0.9);\n}\n.hover\\:au-bg-primary\\/90:hover {\n  background-color: hsl(var(--au-primary) / 0.9);\n}\n.hover\\:au-bg-secondary\\/80:hover {\n  background-color: hsl(var(--au-secondary) / 0.8);\n}\n.hover\\:au-text-accent-foreground:hover {\n  color: hsl(var(--au-accent-foreground));\n}\n.hover\\:au-underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:au-opacity-100:hover {\n  opacity: 1;\n}\n.hover\\:au-brightness-90:hover {\n  --tw-brightness: brightness(.9);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.focus\\:au-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:au-ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:au-ring-ring:focus {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus\\:au-ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:au-ring-1:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus-visible\\:au-ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.disabled\\:au-pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:au-opacity-50:disabled {\n  opacity: 0.5;\n}\n.au-group:hover .group-hover\\:au-mt-0 {\n  margin-top: 0px;\n}\n.au-group:hover .group-hover\\:au-translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-group:hover .group-hover\\:au-translate-y-\\[-130\\%\\] {\n  --tw-translate-y: -130%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[state\\=checked\\]\\:au-translate-x-4[data-state=checked] {\n  --tw-translate-x: 1rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[state\\=unchecked\\]\\:au-translate-x-0[data-state=unchecked] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[state\\=checked\\]\\:au-bg-primary[data-state=checked] {\n  background-color: hsl(var(--au-primary));\n}\n.data-\\[state\\=open\\]\\:au-bg-accent[data-state=open] {\n  background-color: hsl(var(--au-accent));\n}\n.data-\\[state\\=unchecked\\]\\:au-bg-input[data-state=unchecked] {\n  background-color: hsl(var(--au-input));\n}\n.data-\\[state\\=open\\]\\:au-text-muted-foreground[data-state=open] {\n  color: hsl(var(--au-muted-foreground));\n}\n.data-\\[state\\=open\\]\\:au-animate-in[data-state=open] {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-animate-out[data-state=closed] {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-fade-out-0[data-state=closed] {\n  --tw-exit-opacity: 0;\n}\n.data-\\[state\\=open\\]\\:au-fade-in-0[data-state=open] {\n  --tw-enter-opacity: 0;\n}\n.data-\\[state\\=closed\\]\\:au-zoom-out-95[data-state=closed] {\n  --tw-exit-scale: .95;\n}\n.data-\\[state\\=open\\]\\:au-zoom-in-95[data-state=open] {\n  --tw-enter-scale: .95;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-left-1\\/2[data-state=closed] {\n  --tw-exit-translate-x: -50%;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-top-\\[48\\%\\][data-state=closed] {\n  --tw-exit-translate-y: -48%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-left-1\\/2[data-state=open] {\n  --tw-enter-translate-x: -50%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-top-\\[48\\%\\][data-state=open] {\n  --tw-enter-translate-y: -48%;\n}\n:is(.au-dark .dark\\:au-shadow-zinc-800\\/80) {\n  --tw-shadow-color: rgb(39 39 42 / 0.8);\n  --tw-shadow: var(--tw-shadow-colored);\n}\n@media (min-width: 640px) {\n  .sm\\:au-h-7 {\n    height: 1.75rem;\n  }\n  .sm\\:au-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .sm\\:au-flex-row {\n    flex-direction: row;\n  }\n  .sm\\:au-items-center {\n    align-items: center;\n  }\n  .sm\\:au-justify-end {\n    justify-content: flex-end;\n  }\n  .sm\\:au-gap-2 {\n    gap: 0.5rem;\n  }\n  .sm\\:au-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .sm\\:au-rounded-lg {\n    border-radius: var(--au-radius);\n  }\n  .sm\\:au-pb-0 {\n    padding-bottom: 0px;\n  }\n  .sm\\:au-text-left {\n    text-align: left;\n  }\n}\n@media (min-width: 1024px) {\n  .lg\\:au-right-4 {\n    right: 1rem;\n  }\n  .lg\\:au-top-4 {\n    top: 1rem;\n  }\n  .lg\\:au-h-\\[calc\\(100\\%\\+48px\\)\\] {\n    height: calc(100% + 48px);\n  }\n  .lg\\:au--translate-y-12 {\n    --tw-translate-y: -3rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .lg\\:au--translate-y-6 {\n    --tw-translate-y: -1.5rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .lg\\:au-translate-y-6 {\n    --tw-translate-y: 1.5rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .lg\\:au-grid-cols-\\[repeat\\(auto-fit\\,minmax\\(200px\\,1fr\\)\\)\\] {\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  }\n  .lg\\:au-rounded-full {\n    border-radius: 9999px;\n  }\n  .lg\\:au-py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n  .lg\\:au-py-0\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .lg\\:au-shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow:\n      var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000),\n      var(--tw-shadow);\n  }\n}\n.\\[\\&_svg\\]\\:au-pointer-events-none svg {\n  pointer-events: none;\n}\n.\\[\\&_svg\\]\\:au-size-4 svg {\n  width: 1rem;\n  height: 1rem;\n}\n.\\[\\&_svg\\]\\:au-shrink-0 svg {\n  flex-shrink: 0;\n}\n');
 // src/libraries/react/BaseAutumnProvider.tsx
-import { useState as useState12 } from "react";
+import { useState as useState2 } from "react";
 // src/libraries/react/hooks/useDialog.tsx
 import { useState, useEffect } from "react";
@@ -79,6 +79,12 @@ var handleAttach = async ({
 }) => {
   return instance.post("/attach", params);
 };
+var handleSetupPayment = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/setup_payment", params);
+};
 var handleCancel = async ({
   instance,
   params
@@ -445,6 +451,13 @@ var Autumn = class {
       params
     });
   }
+  static setupPayment = (params) => staticWrapper(handleSetupPayment, void 0, { params });
+  async setupPayment(params) {
+    return handleSetupPayment({
+      instance: this,
+      params
+    });
+  }
   static cancel = (params) => staticWrapper(handleCancel, void 0, { params });
   async cancel(params) {
     return handleCancel({
@@ -585,6 +598,11 @@ async function attachMethod(params) {
   const res = await this.post("/api/autumn/attach", snakeParams);
   return res;
 }
+async function setupPaymentMethod(params) {
+  let snakeParams = toSnakeCase(params, ["checkoutSessionParams"]);
+  const res = await this.post("/api/autumn/setup_payment", snakeParams);
+  return res;
+}
 async function cancelMethod(params) {
   let snakeParams = toSnakeCase(params);
   const res = await this.post("/api/autumn/cancel", snakeParams);
@@ -723,6 +741,7 @@ var AutumnClient = class {
   check = checkMethod.bind(this);
   track = trackMethod.bind(this);
   openBillingPortal = openBillingPortalMethod.bind(this);
+  setupPayment = setupPaymentMethod.bind(this);
   entities = {
     create: createEntityMethod.bind(this),
     get: getEntityMethod.bind(this),
@@ -954,328 +973,798 @@ var usePricingTableBase = ({
   };
 };
-// src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
-import { useEffect as useEffect15, useState as useState11 } from "react";
-// ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-// ../node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var CLASS_PART_SEPARATOR = "-";
-var createClassGroupUtils = (config) => {
-  const classMap = createClassMap(config);
-  const {
-    conflictingClassGroups,
-    conflictingClassGroupModifiers
-  } = config;
-  const getClassGroupId = (className) => {
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    if (classParts[0] === "" && classParts.length !== 1) {
-      classParts.shift();
+// src/libraries/react/hooks/useAutumnBase.tsx
+var useAutumnBase = ({
+  AutumnContext: AutumnContext2
+}) => {
+  const context = useAutumnContext({ AutumnContext: AutumnContext2, name: "useAutumn" });
+  const { attachDialog, paywallDialog } = context;
+  const client = context.client;
+  const { refetch: refetchPricingTable } = usePricingTableBase({
+    AutumnContext: AutumnContext2
+  });
+  let {
+    open: attachOpen,
+    setProps: setAttachProps,
+    setOpen: setAttachOpen,
+    setComponent: setAttachComponent
+  } = attachDialog;
+  let {
+    setProps: setCheckProps,
+    setOpen: setCheckOpen,
+    setComponent: setPaywallComponent
+  } = paywallDialog;
+  const attachWithoutDialog = async (params) => {
+    const result = await client.attach(params);
+    if (result.error) {
+      return result;
     }
-    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    const conflicts = conflictingClassGroups[classGroupId] || [];
-    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
+    let data = result.data;
+    if (data?.checkout_url && typeof window !== "undefined") {
+      if (params.openInNewTab) {
+        window.open(data.checkout_url, "_blank");
+      } else {
+        window.location.href = data.checkout_url;
+      }
     }
-    return conflicts;
+    await refetchPricingTable();
+    if (setAttachOpen) {
+      setAttachOpen(false);
+    }
+    return result;
   };
-  return {
-    getClassGroupId,
-    getConflictingClassGroupIds
+  const attachWithDialog = async (params) => {
+    let { dialog, ...rest } = params;
+    const { productId, entityId, entityData } = params;
+    const checkRes = await client.check({
+      productId,
+      entityId,
+      entityData,
+      withPreview: true
+    });
+    if (checkRes.error) {
+      return checkRes;
+    }
+    let preview = checkRes.data.preview;
+    if (!preview) {
+      return await attachWithoutDialog(rest);
+    } else {
+      setAttachProps({ preview, attachParams: rest });
+      setAttachOpen(true);
+    }
+    return checkRes;
   };
-};
-var getGroupRecursive = (classParts, classPartObject) => {
-  if (classParts.length === 0) {
-    return classPartObject.classGroupId;
-  }
-  const currentClassPart = classParts[0];
-  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
-  if (classGroupFromNextClassPart) {
-    return classGroupFromNextClassPart;
-  }
-  if (classPartObject.validators.length === 0) {
-    return void 0;
-  }
-  const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return classPartObject.validators.find(({
-    validator
-  }) => validator(classRest))?.classGroupId;
-};
-var arbitraryPropertyRegex = /^\[(.+)\]$/;
-var getGroupIdForArbitraryProperty = (className) => {
-  if (arbitraryPropertyRegex.test(className)) {
-    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
-    if (property) {
-      return "arbitrary.." + property;
+  const attach = async (params) => {
+    const { dialog, openInNewTab } = params;
+    let finalDialog = dialog;
+    if (finalDialog && !attachOpen) {
+      setAttachComponent(finalDialog);
+      return await attachWithDialog(params);
     }
-  }
-};
-var createClassMap = (config) => {
-  const {
-    theme,
-    prefix
-  } = config;
-  const classMap = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
+    return await attachWithoutDialog(params);
   };
-  const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
-  prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
-    processClassesRecursively(classGroup, classMap, classGroupId, theme);
-  });
-  return classMap;
-};
-var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-  classGroup.forEach((classDefinition) => {
-    if (typeof classDefinition === "string") {
-      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-      classPartObjectToEdit.classGroupId = classGroupId;
-      return;
+  const cancel = async (params) => {
+    const res = await client.cancel(params);
+    if (res.error) {
+      return res;
     }
-    if (typeof classDefinition === "function") {
-      if (isThemeGetter(classDefinition)) {
-        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
-        return;
-      }
-      classPartObject.validators.push({
-        validator: classDefinition,
-        classGroupId
-      });
-      return;
+    return res;
+  };
+  const check = async (params) => {
+    let { dialog, withPreview } = params;
+    if (dialog) {
+      setPaywallComponent(dialog);
     }
-    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
-      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
+    const res = await client.check({
+      ...params,
+      withPreview: withPreview || dialog ? true : false
     });
-  });
-};
-var getPart = (classPartObject, path) => {
-  let currentClassPartObject = classPartObject;
-  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
-    if (!currentClassPartObject.nextPart.has(pathPart)) {
-      currentClassPartObject.nextPart.set(pathPart, {
-        nextPart: /* @__PURE__ */ new Map(),
-        validators: []
-      });
+    if (res.error) {
+      return res;
     }
-    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
-  });
-  return currentClassPartObject;
-};
-var isThemeGetter = (func) => func.isThemeGetter;
-var getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
-  if (!prefix) {
-    return classGroupEntries;
-  }
-  return classGroupEntries.map(([classGroupId, classGroup]) => {
-    const prefixedClassGroup = classGroup.map((classDefinition) => {
-      if (typeof classDefinition === "string") {
-        return prefix + classDefinition;
-      }
-      if (typeof classDefinition === "object") {
-        return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
-      }
-      return classDefinition;
-    });
-    return [classGroupId, prefixedClassGroup];
-  });
-};
-var createLruCache = (maxCacheSize) => {
-  if (maxCacheSize < 1) {
-    return {
-      get: () => void 0,
-      set: () => {
-      }
-    };
-  }
-  let cacheSize = 0;
-  let cache = /* @__PURE__ */ new Map();
-  let previousCache = /* @__PURE__ */ new Map();
-  const update = (key, value) => {
-    cache.set(key, value);
-    cacheSize++;
-    if (cacheSize > maxCacheSize) {
-      cacheSize = 0;
-      previousCache = cache;
-      cache = /* @__PURE__ */ new Map();
+    let data = res.data;
+    if (data && data.preview && dialog) {
+      let preview = data.preview;
+      setCheckProps({ preview });
+      setCheckOpen(true);
     }
+    return res;
   };
-  return {
-    get(key) {
-      let value = cache.get(key);
-      if (value !== void 0) {
-        return value;
-      }
-      if ((value = previousCache.get(key)) !== void 0) {
-        update(key, value);
-        return value;
-      }
-    },
-    set(key, value) {
-      if (cache.has(key)) {
-        cache.set(key, value);
+  const track = async (params) => {
+    const res = await client.track(params);
+    if (res.error) {
+      return res;
+    }
+    return res;
+  };
+  const openBillingPortal = async (params) => {
+    let defaultParams = {
+      openInNewTab: false
+    };
+    let finalParams = {
+      ...defaultParams,
+      ...params
+    };
+    const res = await client.openBillingPortal(finalParams);
+    if (res.error) {
+      return res;
+    }
+    let data = res.data;
+    if (data?.url && typeof window !== "undefined") {
+      if (finalParams.openInNewTab) {
+        window.open(data.url, "_blank");
       } else {
-        update(key, value);
+        window.open(data.url, "_self");
       }
+      return res;
+    } else {
+      return res;
     }
   };
-};
-var IMPORTANT_MODIFIER = "!";
-var createParseClassName = (config) => {
-  const {
-    separator,
-    experimentalParseClassName
-  } = config;
-  const isSeparatorSingleCharacter = separator.length === 1;
-  const firstSeparatorCharacter = separator[0];
-  const separatorLength = separator.length;
-  const parseClassName = (className) => {
-    const modifiers = [];
-    let bracketDepth = 0;
-    let modifierStart = 0;
-    let postfixModifierPosition;
-    for (let index = 0; index < className.length; index++) {
-      let currentCharacter = className[index];
-      if (bracketDepth === 0) {
-        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
-          modifiers.push(className.slice(modifierStart, index));
-          modifierStart = index + separatorLength;
-          continue;
-        }
-        if (currentCharacter === "/") {
-          postfixModifierPosition = index;
-          continue;
-        }
-      }
-      if (currentCharacter === "[") {
-        bracketDepth++;
-      } else if (currentCharacter === "]") {
-        bracketDepth--;
+  const setupPayment = async (params) => {
+    let defaultParams = {
+      openInNewTab: false
+    };
+    let finalParams = {
+      ...defaultParams,
+      ...params || {}
+    };
+    const res = await client.setupPayment(finalParams);
+    if (res.data?.url && typeof window !== "undefined") {
+      if (finalParams.openInNewTab) {
+        window.open(res.data.url, "_blank");
+      } else {
+        window.open(res.data.url, "_self");
       }
+      return res;
+    } else {
+      return res;
     }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-    const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
-    const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
-    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
+  };
+  return {
+    attach,
+    check,
+    track,
+    cancel,
+    openBillingPortal,
+    setupPayment
+  };
+};
+// src/libraries/react/hooks/handleAllowed.ts
+var getCusFeature = ({
+  customer,
+  featureId,
+  requiredBalance = 1
+}) => {
+  let creditSchema = Object.values(customer.features).find((f) => f.credit_schema && f.credit_schema.some((c) => c.feature_id === featureId));
+  if (creditSchema) {
+    let schemaItem = creditSchema.credit_schema?.find((c) => c.feature_id === featureId);
     return {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
+      feature: creditSchema,
+      requiredBalance: schemaItem.credit_amount * requiredBalance
     };
-  };
-  if (experimentalParseClassName) {
-    return (className) => experimentalParseClassName({
-      className,
-      parseClassName
-    });
   }
-  return parseClassName;
+  return {
+    cusFeature: customer.features[featureId],
+    requiredBalance
+  };
 };
-var sortModifiers = (modifiers) => {
-  if (modifiers.length <= 1) {
-    return modifiers;
+var handleFeatureAllowed = ({ customer, params }) => {
+  let { cusFeature, requiredBalance } = getCusFeature({ customer, featureId: params.featureId });
+  if (!cusFeature) return false;
+  if (cusFeature.type == "static") return true;
+  if (cusFeature.unlimited || cusFeature.overage_allowed) return true;
+  return (cusFeature.balance || 0) >= requiredBalance;
+};
+var handleAllowed = ({ customer, params }) => {
+  if (!customer) return false;
+  if (!params.featureId && !params.productId) {
+    throw new Error("allowed() requires either featureId or productId");
   }
-  const sortedModifiers = [];
-  let unsortedModifiers = [];
-  modifiers.forEach((modifier) => {
-    const isArbitraryVariant = modifier[0] === "[";
-    if (isArbitraryVariant) {
-      sortedModifiers.push(...unsortedModifiers.sort(), modifier);
-      unsortedModifiers = [];
-    } else {
-      unsortedModifiers.push(modifier);
-    }
-  });
-  sortedModifiers.push(...unsortedModifiers.sort());
-  return sortedModifiers;
+  if (params.featureId) {
+    return handleFeatureAllowed({ customer, params });
+  }
+  if (params.productId) {
+    let product = customer.products.find((p) => p.id == params.productId);
+    if (!product) return false;
+    let status = product.status;
+    if (status == "scheduled") return false;
+    return true;
+  }
+  return false;
 };
-var createConfigUtils = (config) => ({
-  cache: createLruCache(config.cacheSize),
-  parseClassName: createParseClassName(config),
-  ...createClassGroupUtils(config)
-});
-var SPLIT_CLASSES_REGEX = /\s+/;
-var mergeClassList = (classList, configUtils) => {
-  const {
-    parseClassName,
-    getClassGroupId,
-    getConflictingClassGroupIds
-  } = configUtils;
-  const classGroupsInConflict = [];
-  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
-  let result = "";
-  for (let index = classNames.length - 1; index >= 0; index -= 1) {
-    const originalClassName = classNames[index];
-    const {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    } = parseClassName(originalClassName);
-    let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
-    let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
-    if (!classGroupId) {
-      if (!hasPostfixModifier) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
-      }
-      classGroupId = getClassGroupId(baseClassName);
-      if (!classGroupId) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
-      }
-      hasPostfixModifier = false;
-    }
-    const variantModifier = sortModifiers(modifiers).join(":");
-    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-    const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
-      continue;
+// src/libraries/react/hooks/useCustomerBase.tsx
+var emptyDefaultFunctions = {
+  attach: "",
+  check: "",
+  track: "",
+  cancel: "",
+  openBillingPortal: "",
+  setupPayment: ""
+};
+var useCustomerBase = ({
+  params,
+  AutumnContext: AutumnContext2,
+  client
+}) => {
+  const queryKey = ["customer", params?.expand];
+  let context;
+  if (AutumnContext2) {
+    context = useAutumnContext({ AutumnContext: AutumnContext2, name: "useCustomer" });
+  }
+  if (!client) {
+    client = context.client;
+  }
+  const fetchCustomer = async () => {
+    const { data, error: error2 } = await client.createCustomer({
+      errorOnNotFound: params?.errorOnNotFound,
+      expand: params?.expand
+    });
+    if (error2) {
+      throw error2;
     }
-    classGroupsInConflict.push(classId);
-    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
-    for (let i = 0; i < conflictGroups.length; ++i) {
-      const group = conflictGroups[i];
-      classGroupsInConflict.push(modifierId + group);
+    if (!data) {
+      return null;
     }
-    result = originalClassName + (result.length > 0 ? " " + result : result);
-  }
-  return result;
-};
-function twJoin() {
-  let index = 0;
-  let argument;
-  let resolvedValue;
-  let string = "";
-  while (index < arguments.length) {
-    if (argument = arguments[index++]) {
-      if (resolvedValue = toValue(argument)) {
-        string && (string += " ");
-        string += resolvedValue;
+    return data;
+  };
+  const { data: customer, error, isLoading, mutate } = useSWR2(queryKey, fetchCustomer, {
+    fallbackData: null,
+    onErrorRetry: (error2, key, config) => {
+      if (error2.code == "entity_not_found") {
+        return false;
       }
+      return true;
     }
+  });
+  let autumnFunctions = emptyDefaultFunctions;
+  if (AutumnContext2) {
+    autumnFunctions = useAutumnBase({ AutumnContext: AutumnContext2 });
   }
-  return string;
-}
-var toValue = (mix) => {
-  if (typeof mix === "string") {
+  return {
+    customer: error ? null : customer,
+    isLoading,
+    error,
+    refetch: mutate,
+    ...autumnFunctions,
+    createEntity: client.entities.create,
+    createReferralCode: client.referrals.createCode,
+    redeemReferralCode: client.referrals.redeemCode,
+    allowed: (params2) => handleAllowed({ customer, params: params2 })
+  };
+};
+// src/libraries/react/BaseAutumnProvider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function BaseAutumnProvider({
+  client,
+  children,
+  AutumnContext: AutumnContext2,
+  disableDialogs = false
+}) {
+  const [components, setComponents] = useState2({});
+  const [paywallProps, setPaywallProps, paywallOpen, setPaywallOpen] = useDialog(components.paywallDialog);
+  const [
+    productChangeProps,
+    setProductChangeProps,
+    productChangeOpen,
+    setProductChangeOpen
+  ] = useDialog(components.productChangeDialog);
+  useCustomerBase({ client, params: { errorOnNotFound: false } });
+  return /* @__PURE__ */ jsxs(
+    AutumnContext2.Provider,
+    {
+      value: {
+        initialized: true,
+        client,
+        disableDialogs,
+        paywallDialog: {
+          props: paywallProps,
+          setProps: setPaywallProps,
+          open: paywallOpen,
+          setOpen: setPaywallOpen,
+          setComponent: (component) => {
+            setComponents({
+              ...components,
+              paywallDialog: component
+            });
+          }
+        },
+        attachDialog: {
+          props: productChangeProps,
+          setProps: setProductChangeProps,
+          open: productChangeOpen,
+          setOpen: setProductChangeOpen,
+          setComponent: (component) => {
+            setComponents({
+              ...components,
+              productChangeDialog: component
+            });
+          }
+        }
+      },
+      children: [
+        components.paywallDialog && /* @__PURE__ */ jsx(
+          components.paywallDialog,
+          {
+            open: paywallOpen,
+            setOpen: setPaywallOpen,
+            ...paywallProps
+          }
+        ),
+        components.productChangeDialog && /* @__PURE__ */ jsx(
+          components.productChangeDialog,
+          {
+            open: productChangeOpen,
+            setOpen: setProductChangeOpen,
+            ...productChangeProps
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+// src/libraries/react/ReactAutumnProvider.tsx
+import { useEffect as useEffect3 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ReactAutumnProvider = ({
+  children,
+  getBearerToken,
+  backendUrl,
+  customerData,
+  includeCredentials = true,
+  disableDialogs = false,
+  authClient
+}) => {
+  if (backendUrl && !backendUrl.startsWith("http")) {
+    console.warn(`backendUrl is not a valid URL: ${backendUrl}`);
+  }
+  let client = new AutumnClient({
+    backendUrl: backendUrl || "",
+    getBearerToken,
+    customerData,
+    includeCredentials
+  });
+  const analyseAuthClient = async () => {
+    console.log("Auth client:", authClient);
+  };
+  useEffect3(() => {
+    analyseAuthClient();
+  }, [authClient]);
+  return /* @__PURE__ */ jsx2(
+    BaseAutumnProvider,
+    {
+      client,
+      AutumnContext,
+      disableDialogs,
+      children
+    }
+  );
+};
+// src/libraries/react/hooks/useCustomer.tsx
+var useCustomer = (params) => {
+  return useCustomerBase({
+    params,
+    AutumnContext
+  });
+};
+// src/libraries/react/hooks/usePricingTable.tsx
+var usePricingTable = (params) => {
+  return usePricingTableBase({
+    AutumnContext,
+    params
+  });
+};
+// src/libraries/react/hooks/useEntityBase.tsx
+import useSWR3 from "swr";
+import { useContext as useContext2 } from "react";
+var useEntityBase = ({
+  entityId,
+  params,
+  AutumnContext: AutumnContext2
+}) => {
+  const { client } = useContext2(AutumnContext2);
+  const queryKey = ["entity", entityId, params?.expand];
+  const fetchEntity = async () => {
+    if (!entityId) {
+      return null;
+    }
+    const { data: data2, error: error2 } = await client.entities.get(entityId, params);
+    if (error2) {
+      throw error2;
+    }
+    if (!data2) {
+      return null;
+    }
+    return data2;
+  };
+  const { data, error, isLoading, mutate } = useSWR3(queryKey, fetchEntity, {
+    fallbackData: null,
+    onErrorRetry: (error2, key, config) => {
+      if (error2.code == "entity_not_found") {
+        return false;
+      }
+      return true;
+    }
+  });
+  const {
+    check: checkAutumn,
+    attach: attachAutumn,
+    cancel: cancelAutumn,
+    track: trackAutumn
+  } = useAutumnBase({
+    AutumnContext: AutumnContext2
+  });
+  const allowed = (params2) => handleAllowed({ customer: data, params: params2 });
+  const check = (params2) => checkAutumn({ ...params2, entityId: entityId || void 0 });
+  const attach = (params2) => attachAutumn({ ...params2, entityId: entityId || void 0 });
+  const cancel = (params2) => cancelAutumn({ ...params2, entityId: entityId || void 0 });
+  const track = (params2) => trackAutumn({ ...params2, entityId: entityId || void 0 });
+  if (!entityId) {
+    return {
+      entity: null,
+      isLoading: false,
+      error: null,
+      refetch: mutate,
+      allowed,
+      check,
+      attach,
+      cancel,
+      track
+    };
+  }
+  return {
+    entity: error ? null : data,
+    isLoading,
+    error,
+    refetch: mutate,
+    allowed,
+    check,
+    attach,
+    cancel,
+    track
+  };
+};
+// src/libraries/react/hooks/useEntity.tsx
+var useEntity = (entityId, params) => {
+  return useEntityBase({ AutumnContext, entityId, params });
+};
+// src/libraries/react/hooks/useAutumn.tsx
+var useAutumn = () => {
+  return useAutumnBase({ AutumnContext });
+};
+// src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
+import { useEffect as useEffect17, useState as useState12 } from "react";
+// ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+// ../node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var CLASS_PART_SEPARATOR = "-";
+var createClassGroupUtils = (config) => {
+  const classMap = createClassMap(config);
+  const {
+    conflictingClassGroups,
+    conflictingClassGroupModifiers
+  } = config;
+  const getClassGroupId = (className) => {
+    const classParts = className.split(CLASS_PART_SEPARATOR);
+    if (classParts[0] === "" && classParts.length !== 1) {
+      classParts.shift();
+    }
+    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
+  };
+  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+    const conflicts = conflictingClassGroups[classGroupId] || [];
+    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
+      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
+    }
+    return conflicts;
+  };
+  return {
+    getClassGroupId,
+    getConflictingClassGroupIds
+  };
+};
+var getGroupRecursive = (classParts, classPartObject) => {
+  if (classParts.length === 0) {
+    return classPartObject.classGroupId;
+  }
+  const currentClassPart = classParts[0];
+  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : void 0;
+  if (classGroupFromNextClassPart) {
+    return classGroupFromNextClassPart;
+  }
+  if (classPartObject.validators.length === 0) {
+    return void 0;
+  }
+  const classRest = classParts.join(CLASS_PART_SEPARATOR);
+  return classPartObject.validators.find(({
+    validator
+  }) => validator(classRest))?.classGroupId;
+};
+var arbitraryPropertyRegex = /^\[(.+)\]$/;
+var getGroupIdForArbitraryProperty = (className) => {
+  if (arbitraryPropertyRegex.test(className)) {
+    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
+    const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
+    if (property) {
+      return "arbitrary.." + property;
+    }
+  }
+};
+var createClassMap = (config) => {
+  const {
+    theme,
+    prefix
+  } = config;
+  const classMap = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
+  prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
+    processClassesRecursively(classGroup, classMap, classGroupId, theme);
+  });
+  return classMap;
+};
+var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
+  classGroup.forEach((classDefinition) => {
+    if (typeof classDefinition === "string") {
+      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+      classPartObjectToEdit.classGroupId = classGroupId;
+      return;
+    }
+    if (typeof classDefinition === "function") {
+      if (isThemeGetter(classDefinition)) {
+        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
+        return;
+      }
+      classPartObject.validators.push({
+        validator: classDefinition,
+        classGroupId
+      });
+      return;
+    }
+    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
+      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
+    });
+  });
+};
+var getPart = (classPartObject, path) => {
+  let currentClassPartObject = classPartObject;
+  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
+    if (!currentClassPartObject.nextPart.has(pathPart)) {
+      currentClassPartObject.nextPart.set(pathPart, {
+        nextPart: /* @__PURE__ */ new Map(),
+        validators: []
+      });
+    }
+    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
+  });
+  return currentClassPartObject;
+};
+var isThemeGetter = (func) => func.isThemeGetter;
+var getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
+  if (!prefix) {
+    return classGroupEntries;
+  }
+  return classGroupEntries.map(([classGroupId, classGroup]) => {
+    const prefixedClassGroup = classGroup.map((classDefinition) => {
+      if (typeof classDefinition === "string") {
+        return prefix + classDefinition;
+      }
+      if (typeof classDefinition === "object") {
+        return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
+      }
+      return classDefinition;
+    });
+    return [classGroupId, prefixedClassGroup];
+  });
+};
+var createLruCache = (maxCacheSize) => {
+  if (maxCacheSize < 1) {
+    return {
+      get: () => void 0,
+      set: () => {
+      }
+    };
+  }
+  let cacheSize = 0;
+  let cache = /* @__PURE__ */ new Map();
+  let previousCache = /* @__PURE__ */ new Map();
+  const update = (key, value) => {
+    cache.set(key, value);
+    cacheSize++;
+    if (cacheSize > maxCacheSize) {
+      cacheSize = 0;
+      previousCache = cache;
+      cache = /* @__PURE__ */ new Map();
+    }
+  };
+  return {
+    get(key) {
+      let value = cache.get(key);
+      if (value !== void 0) {
+        return value;
+      }
+      if ((value = previousCache.get(key)) !== void 0) {
+        update(key, value);
+        return value;
+      }
+    },
+    set(key, value) {
+      if (cache.has(key)) {
+        cache.set(key, value);
+      } else {
+        update(key, value);
+      }
+    }
+  };
+};
+var IMPORTANT_MODIFIER = "!";
+var createParseClassName = (config) => {
+  const {
+    separator,
+    experimentalParseClassName
+  } = config;
+  const isSeparatorSingleCharacter = separator.length === 1;
+  const firstSeparatorCharacter = separator[0];
+  const separatorLength = separator.length;
+  const parseClassName = (className) => {
+    const modifiers = [];
+    let bracketDepth = 0;
+    let modifierStart = 0;
+    let postfixModifierPosition;
+    for (let index = 0; index < className.length; index++) {
+      let currentCharacter = className[index];
+      if (bracketDepth === 0) {
+        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
+          modifiers.push(className.slice(modifierStart, index));
+          modifierStart = index + separatorLength;
+          continue;
+        }
+        if (currentCharacter === "/") {
+          postfixModifierPosition = index;
+          continue;
+        }
+      }
+      if (currentCharacter === "[") {
+        bracketDepth++;
+      } else if (currentCharacter === "]") {
+        bracketDepth--;
+      }
+    }
+    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
+    const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
+    const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
+    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : void 0;
+    return {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    };
+  };
+  if (experimentalParseClassName) {
+    return (className) => experimentalParseClassName({
+      className,
+      parseClassName
+    });
+  }
+  return parseClassName;
+};
+var sortModifiers = (modifiers) => {
+  if (modifiers.length <= 1) {
+    return modifiers;
+  }
+  const sortedModifiers = [];
+  let unsortedModifiers = [];
+  modifiers.forEach((modifier) => {
+    const isArbitraryVariant = modifier[0] === "[";
+    if (isArbitraryVariant) {
+      sortedModifiers.push(...unsortedModifiers.sort(), modifier);
+      unsortedModifiers = [];
+    } else {
+      unsortedModifiers.push(modifier);
+    }
+  });
+  sortedModifiers.push(...unsortedModifiers.sort());
+  return sortedModifiers;
+};
+var createConfigUtils = (config) => ({
+  cache: createLruCache(config.cacheSize),
+  parseClassName: createParseClassName(config),
+  ...createClassGroupUtils(config)
+});
+var SPLIT_CLASSES_REGEX = /\s+/;
+var mergeClassList = (classList, configUtils) => {
+  const {
+    parseClassName,
+    getClassGroupId,
+    getConflictingClassGroupIds
+  } = configUtils;
+  const classGroupsInConflict = [];
+  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
+  let result = "";
+  for (let index = classNames.length - 1; index >= 0; index -= 1) {
+    const originalClassName = classNames[index];
+    const {
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    } = parseClassName(originalClassName);
+    let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
+    let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
+    if (!classGroupId) {
+      if (!hasPostfixModifier) {
+        result = originalClassName + (result.length > 0 ? " " + result : result);
+        continue;
+      }
+      classGroupId = getClassGroupId(baseClassName);
+      if (!classGroupId) {
+        result = originalClassName + (result.length > 0 ? " " + result : result);
+        continue;
+      }
+      hasPostfixModifier = false;
+    }
+    const variantModifier = sortModifiers(modifiers).join(":");
+    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
+    const classId = modifierId + classGroupId;
+    if (classGroupsInConflict.includes(classId)) {
+      continue;
+    }
+    classGroupsInConflict.push(classId);
+    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
+    for (let i = 0; i < conflictGroups.length; ++i) {
+      const group = conflictGroups[i];
+      classGroupsInConflict.push(modifierId + group);
+    }
+    result = originalClassName + (result.length > 0 ? " " + result : result);
+  }
+  return result;
+};
+function twJoin() {
+  let index = 0;
+  let argument;
+  let resolvedValue;
+  let string = "";
+  while (index < arguments.length) {
+    if (argument = arguments[index++]) {
+      if (resolvedValue = toValue(argument)) {
+        string && (string += " ");
+        string += resolvedValue;
+      }
+    }
+  }
+  return string;
+}
+var toValue = (mix) => {
+  if (typeof mix === "string") {
     return mix;
   }
   let resolvedValue;
@@ -3526,7 +4015,7 @@ function useComposedRefs(...refs) {
 }
 // ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@18.3.14_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.mjs
-import { Fragment as Fragment2, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -3544,9 +4033,9 @@ function createSlot(ownerName) {
           return child;
         }
       });
-      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsx3(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
     }
-    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ jsx3(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
   Slot22.displayName = `${ownerName}.Slot`;
   return Slot22;
@@ -3654,7 +4143,7 @@ var cva = (base, config) => (props) => {
 };
 // src/libraries/react/components/ui/button.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "au-inline-flex au-items-center au-justify-center au-gap-2 au-whitespace-nowrap au-rounded-md au-text-sm au-font-medium au-transition-colors focus-visible:au-outline-none focus-visible:au-ring-1 focus-visible:au-ring-ring disabled:au-pointer-events-none disabled:au-opacity-50 [&_svg]:au-pointer-events-none [&_svg]:au-size-4 [&_svg]:au-shrink-0",
   {
@@ -3683,7 +4172,7 @@ var buttonVariants = cva(
 var Button = React3.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx4(
       Comp,
       {
         className: cn(buttonVariants({ variant, size }), className),
@@ -3817,13 +4306,13 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 // ../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@18.3.14_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.mjs
 import * as React4 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function createContext22(rootComponentName, defaultContext) {
   const Context = React4.createContext(defaultContext);
   const Provider = (props) => {
     const { children, ...context } = props;
     const value = React4.useMemo(() => context, Object.values(context));
-    return /* @__PURE__ */ jsx3(Context.Provider, { value, children });
+    return /* @__PURE__ */ jsx5(Context.Provider, { value, children });
   };
   Provider.displayName = rootComponentName + "Provider";
   function useContext22(consumerName) {
@@ -3844,7 +4333,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index] || BaseContext;
       const value = React4.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsx3(Context.Provider, { value, children });
+      return /* @__PURE__ */ jsx5(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
@@ -3986,7 +4475,7 @@ import * as React11 from "react";
 // ../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@18.3.5_@types+react@18.3.14__@types+react@18_t6r7cxmbmoheujv3t43yqlikou/node_modules/@radix-ui/react-primitive/dist/index.mjs
 import * as React8 from "react";
 import * as ReactDOM from "react-dom";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var NODES = [
   "a",
   "button",
@@ -4014,7 +4503,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx4(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx6(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -4049,7 +4538,7 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 // ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@18.3.5_@types+react@18.3.14__@types_dcs2l2jzs5flmzhfcv6rimpkfe/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -4137,7 +4626,7 @@ var DismissableLayer = React11.forwardRef(
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx7(
       Primitive.div,
       {
         ...layerProps,
@@ -4171,7 +4660,7 @@ var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx5(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx7(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -4255,7 +4744,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 // ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@18.3.5_@types+react@18.3.14__@types+react@_r3i6zfw7jzc6qbfsmvmyzd6wgu/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
 import * as React12 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -4374,7 +4863,7 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsx6(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsx8(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -4460,14 +4949,14 @@ function removeLinks(items) {
 // ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@18.3.5_@types+react@18.3.14__@types+react@18.3._nlwlfidmfjbhuhdac2s4gonhum/node_modules/@radix-ui/react-portal/dist/index.mjs
 import * as React13 from "react";
 import ReactDOM2 from "react-dom";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var PORTAL_NAME = "Portal";
 var Portal = React13.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React13.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx7(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx9(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal.displayName = PORTAL_NAME;
@@ -4680,9 +5169,9 @@ function assignRef(ref, value) {
 }
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@18.3.14_react@18.3.1/node_modules/use-callback-ref/dist/es2015/useRef.js
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 function useCallbackRef2(initialValue, callback) {
-  var ref = useState8(function() {
+  var ref = useState9(function() {
     return {
       // value
       value: initialValue,
@@ -5350,1268 +5839,820 @@ var getDefaultParent = function(originalTarget) {
 var counterMap = /* @__PURE__ */ new WeakMap();
 var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
 var markerMap = {};
-var lockCount = 0;
-var unwrapHost = function(node) {
-  return node && (node.host || unwrapHost(node.parentNode));
-};
-var correctTargets = function(parent, targets) {
-  return targets.map(function(target) {
-    if (parent.contains(target)) {
-      return target;
-    }
-    var correctedTarget = unwrapHost(target);
-    if (correctedTarget && parent.contains(correctedTarget)) {
-      return correctedTarget;
-    }
-    console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
-    return null;
-  }).filter(function(x) {
-    return Boolean(x);
-  });
-};
-var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
-  var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-  if (!markerMap[markerName]) {
-    markerMap[markerName] = /* @__PURE__ */ new WeakMap();
-  }
-  var markerCounter = markerMap[markerName];
-  var hiddenNodes = [];
-  var elementsToKeep = /* @__PURE__ */ new Set();
-  var elementsToStop = new Set(targets);
-  var keep = function(el) {
-    if (!el || elementsToKeep.has(el)) {
-      return;
-    }
-    elementsToKeep.add(el);
-    keep(el.parentNode);
-  };
-  targets.forEach(keep);
-  var deep = function(parent) {
-    if (!parent || elementsToStop.has(parent)) {
-      return;
-    }
-    Array.prototype.forEach.call(parent.children, function(node) {
-      if (elementsToKeep.has(node)) {
-        deep(node);
-      } else {
-        try {
-          var attr = node.getAttribute(controlAttribute);
-          var alreadyHidden = attr !== null && attr !== "false";
-          var counterValue = (counterMap.get(node) || 0) + 1;
-          var markerValue = (markerCounter.get(node) || 0) + 1;
-          counterMap.set(node, counterValue);
-          markerCounter.set(node, markerValue);
-          hiddenNodes.push(node);
-          if (counterValue === 1 && alreadyHidden) {
-            uncontrolledNodes.set(node, true);
-          }
-          if (markerValue === 1) {
-            node.setAttribute(markerName, "true");
-          }
-          if (!alreadyHidden) {
-            node.setAttribute(controlAttribute, "true");
-          }
-        } catch (e) {
-          console.error("aria-hidden: cannot operate on ", node, e);
-        }
-      }
-    });
-  };
-  deep(parentNode);
-  elementsToKeep.clear();
-  lockCount++;
-  return function() {
-    hiddenNodes.forEach(function(node) {
-      var counterValue = counterMap.get(node) - 1;
-      var markerValue = markerCounter.get(node) - 1;
-      counterMap.set(node, counterValue);
-      markerCounter.set(node, markerValue);
-      if (!counterValue) {
-        if (!uncontrolledNodes.has(node)) {
-          node.removeAttribute(controlAttribute);
-        }
-        uncontrolledNodes.delete(node);
-      }
-      if (!markerValue) {
-        node.removeAttribute(markerName);
-      }
-    });
-    lockCount--;
-    if (!lockCount) {
-      counterMap = /* @__PURE__ */ new WeakMap();
-      counterMap = /* @__PURE__ */ new WeakMap();
-      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-      markerMap = {};
-    }
-  };
-};
-var hideOthers = function(originalTarget, parentNode, markerName) {
-  if (markerName === void 0) {
-    markerName = "data-aria-hidden";
-  }
-  var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-  var activeParentNode = parentNode || getDefaultParent(originalTarget);
-  if (!activeParentNode) {
-    return function() {
-      return null;
-    };
-  }
-  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
-  return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
-};
-// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@18.3.5_@types+react@18.3.14__@types+react@18.3_osy3texbcyy7oe3sqigksqvg74/node_modules/@radix-ui/react-dialog/dist/index.mjs
-import { Fragment as Fragment5, jsx as jsx8, jsxs } from "react/jsx-runtime";
-var DIALOG_NAME = "Dialog";
-var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
-var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
-var Dialog = (props) => {
-  const {
-    __scopeDialog,
-    children,
-    open: openProp,
-    defaultOpen,
-    onOpenChange,
-    modal = true
-  } = props;
-  const triggerRef = React25.useRef(null);
-  const contentRef = React25.useRef(null);
-  const [open, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: DIALOG_NAME
-  });
-  return /* @__PURE__ */ jsx8(
-    DialogProvider,
-    {
-      scope: __scopeDialog,
-      triggerRef,
-      contentRef,
-      contentId: useId(),
-      titleId: useId(),
-      descriptionId: useId(),
-      open,
-      onOpenChange: setOpen,
-      onOpenToggle: React25.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-      modal,
-      children
-    }
-  );
-};
-Dialog.displayName = DIALOG_NAME;
-var TRIGGER_NAME = "DialogTrigger";
-var DialogTrigger = React25.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDialog, ...triggerProps } = props;
-    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
-    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-    return /* @__PURE__ */ jsx8(
-      Primitive.button,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": context.open,
-        "aria-controls": context.contentId,
-        "data-state": getState(context.open),
-        ...triggerProps,
-        ref: composedTriggerRef,
-        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
-      }
-    );
-  }
-);
-DialogTrigger.displayName = TRIGGER_NAME;
-var PORTAL_NAME2 = "DialogPortal";
-var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
-  forceMount: void 0
-});
-var DialogPortal = (props) => {
-  const { __scopeDialog, forceMount, children, container } = props;
-  const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
-  return /* @__PURE__ */ jsx8(PortalProvider, { scope: __scopeDialog, forceMount, children: React25.Children.map(children, (child) => /* @__PURE__ */ jsx8(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx8(Portal, { asChild: true, container, children: child }) })) });
-};
-DialogPortal.displayName = PORTAL_NAME2;
-var OVERLAY_NAME = "DialogOverlay";
-var DialogOverlay = React25.forwardRef(
-  (props, forwardedRef) => {
-    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
-    const { forceMount = portalContext.forceMount, ...overlayProps } = props;
-    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-    return context.modal ? /* @__PURE__ */ jsx8(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx8(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
-  }
-);
-DialogOverlay.displayName = OVERLAY_NAME;
-var Slot2 = createSlot("DialogOverlay.RemoveScroll");
-var DialogOverlayImpl = React25.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDialog, ...overlayProps } = props;
-    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
-    return (
-      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-      // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsx8(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx8(
-        Primitive.div,
-        {
-          "data-state": getState(context.open),
-          ...overlayProps,
-          ref: forwardedRef,
-          style: { pointerEvents: "auto", ...overlayProps.style }
-        }
-      ) })
-    );
-  }
-);
-var CONTENT_NAME = "DialogContent";
-var DialogContent = React25.forwardRef(
-  (props, forwardedRef) => {
-    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
-    const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    return /* @__PURE__ */ jsx8(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx8(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx8(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
-  }
-);
-DialogContent.displayName = CONTENT_NAME;
-var DialogContentModal = React25.forwardRef(
-  (props, forwardedRef) => {
-    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const contentRef = React25.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    React25.useEffect(() => {
-      const content = contentRef.current;
-      if (content) return hideOthers(content);
-    }, []);
-    return /* @__PURE__ */ jsx8(
-      DialogContentImpl,
-      {
-        ...props,
-        ref: composedRefs,
-        trapFocus: context.open,
-        disableOutsidePointerEvents: true,
-        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-          event.preventDefault();
-          context.triggerRef.current?.focus();
-        }),
-        onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
-          const originalEvent = event.detail.originalEvent;
-          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-          if (isRightClick) event.preventDefault();
-        }),
-        onFocusOutside: composeEventHandlers(
-          props.onFocusOutside,
-          (event) => event.preventDefault()
-        )
-      }
-    );
+var lockCount = 0;
+var unwrapHost = function(node) {
+  return node && (node.host || unwrapHost(node.parentNode));
+};
+var correctTargets = function(parent, targets) {
+  return targets.map(function(target) {
+    if (parent.contains(target)) {
+      return target;
+    }
+    var correctedTarget = unwrapHost(target);
+    if (correctedTarget && parent.contains(correctedTarget)) {
+      return correctedTarget;
+    }
+    console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
+    return null;
+  }).filter(function(x) {
+    return Boolean(x);
+  });
+};
+var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
+  var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+  if (!markerMap[markerName]) {
+    markerMap[markerName] = /* @__PURE__ */ new WeakMap();
   }
-);
-var DialogContentNonModal = React25.forwardRef(
-  (props, forwardedRef) => {
-    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const hasInteractedOutsideRef = React25.useRef(false);
-    const hasPointerDownOutsideRef = React25.useRef(false);
-    return /* @__PURE__ */ jsx8(
-      DialogContentImpl,
-      {
-        ...props,
-        ref: forwardedRef,
-        trapFocus: false,
-        disableOutsidePointerEvents: false,
-        onCloseAutoFocus: (event) => {
-          props.onCloseAutoFocus?.(event);
-          if (!event.defaultPrevented) {
-            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
-            event.preventDefault();
+  var markerCounter = markerMap[markerName];
+  var hiddenNodes = [];
+  var elementsToKeep = /* @__PURE__ */ new Set();
+  var elementsToStop = new Set(targets);
+  var keep = function(el) {
+    if (!el || elementsToKeep.has(el)) {
+      return;
+    }
+    elementsToKeep.add(el);
+    keep(el.parentNode);
+  };
+  targets.forEach(keep);
+  var deep = function(parent) {
+    if (!parent || elementsToStop.has(parent)) {
+      return;
+    }
+    Array.prototype.forEach.call(parent.children, function(node) {
+      if (elementsToKeep.has(node)) {
+        deep(node);
+      } else {
+        try {
+          var attr = node.getAttribute(controlAttribute);
+          var alreadyHidden = attr !== null && attr !== "false";
+          var counterValue = (counterMap.get(node) || 0) + 1;
+          var markerValue = (markerCounter.get(node) || 0) + 1;
+          counterMap.set(node, counterValue);
+          markerCounter.set(node, markerValue);
+          hiddenNodes.push(node);
+          if (counterValue === 1 && alreadyHidden) {
+            uncontrolledNodes.set(node, true);
           }
-          hasInteractedOutsideRef.current = false;
-          hasPointerDownOutsideRef.current = false;
-        },
-        onInteractOutside: (event) => {
-          props.onInteractOutside?.(event);
-          if (!event.defaultPrevented) {
-            hasInteractedOutsideRef.current = true;
-            if (event.detail.originalEvent.type === "pointerdown") {
-              hasPointerDownOutsideRef.current = true;
-            }
+          if (markerValue === 1) {
+            node.setAttribute(markerName, "true");
           }
-          const target = event.target;
-          const targetIsTrigger = context.triggerRef.current?.contains(target);
-          if (targetIsTrigger) event.preventDefault();
-          if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
-            event.preventDefault();
+          if (!alreadyHidden) {
+            node.setAttribute(controlAttribute, "true");
           }
+        } catch (e) {
+          console.error("aria-hidden: cannot operate on ", node, e);
         }
       }
-    );
-  }
-);
-var DialogContentImpl = React25.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
-    const context = useDialogContext(CONTENT_NAME, __scopeDialog);
-    const contentRef = React25.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    useFocusGuards();
-    return /* @__PURE__ */ jsxs(Fragment5, { children: [
-      /* @__PURE__ */ jsx8(
-        FocusScope,
-        {
-          asChild: true,
-          loop: true,
-          trapped: trapFocus,
-          onMountAutoFocus: onOpenAutoFocus,
-          onUnmountAutoFocus: onCloseAutoFocus,
-          children: /* @__PURE__ */ jsx8(
-            DismissableLayer,
-            {
-              role: "dialog",
-              id: context.contentId,
-              "aria-describedby": context.descriptionId,
-              "aria-labelledby": context.titleId,
-              "data-state": getState(context.open),
-              ...contentProps,
-              ref: composedRefs,
-              onDismiss: () => context.onOpenChange(false)
-            }
-          )
+    });
+  };
+  deep(parentNode);
+  elementsToKeep.clear();
+  lockCount++;
+  return function() {
+    hiddenNodes.forEach(function(node) {
+      var counterValue = counterMap.get(node) - 1;
+      var markerValue = markerCounter.get(node) - 1;
+      counterMap.set(node, counterValue);
+      markerCounter.set(node, markerValue);
+      if (!counterValue) {
+        if (!uncontrolledNodes.has(node)) {
+          node.removeAttribute(controlAttribute);
         }
-      ),
-      /* @__PURE__ */ jsxs(Fragment5, { children: [
-        /* @__PURE__ */ jsx8(TitleWarning, { titleId: context.titleId }),
-        /* @__PURE__ */ jsx8(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
-      ] })
-    ] });
-  }
-);
-var TITLE_NAME = "DialogTitle";
-var DialogTitle = React25.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDialog, ...titleProps } = props;
-    const context = useDialogContext(TITLE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx8(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
-  }
-);
-DialogTitle.displayName = TITLE_NAME;
-var DESCRIPTION_NAME = "DialogDescription";
-var DialogDescription = React25.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDialog, ...descriptionProps } = props;
-    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx8(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
-  }
-);
-DialogDescription.displayName = DESCRIPTION_NAME;
-var CLOSE_NAME = "DialogClose";
-var DialogClose = React25.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeDialog, ...closeProps } = props;
-    const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsx8(
-      Primitive.button,
-      {
-        type: "button",
-        ...closeProps,
-        ref: forwardedRef,
-        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
+        uncontrolledNodes.delete(node);
       }
-    );
-  }
-);
-DialogClose.displayName = CLOSE_NAME;
-function getState(open) {
-  return open ? "open" : "closed";
-}
-var TITLE_WARNING_NAME = "DialogTitleWarning";
-var [WarningProvider, useWarningContext] = createContext22(TITLE_WARNING_NAME, {
-  contentName: CONTENT_NAME,
-  titleName: TITLE_NAME,
-  docsSlug: "dialog"
-});
-var TitleWarning = ({ titleId }) => {
-  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
-  const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
-If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
-For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
-  React25.useEffect(() => {
-    if (titleId) {
-      const hasTitle = document.getElementById(titleId);
-      if (!hasTitle) console.error(MESSAGE);
-    }
-  }, [MESSAGE, titleId]);
-  return null;
-};
-var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
-var DescriptionWarning = ({ contentRef, descriptionId }) => {
-  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
-  const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
-  React25.useEffect(() => {
-    const describedById = contentRef.current?.getAttribute("aria-describedby");
-    if (descriptionId && describedById) {
-      const hasDescription = document.getElementById(descriptionId);
-      if (!hasDescription) console.warn(MESSAGE);
+      if (!markerValue) {
+        node.removeAttribute(markerName);
+      }
+    });
+    lockCount--;
+    if (!lockCount) {
+      counterMap = /* @__PURE__ */ new WeakMap();
+      counterMap = /* @__PURE__ */ new WeakMap();
+      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
+      markerMap = {};
     }
-  }, [MESSAGE, contentRef, descriptionId]);
-  return null;
-};
-var Root = Dialog;
-var Portal2 = DialogPortal;
-var Overlay = DialogOverlay;
-var Content = DialogContent;
-var Title = DialogTitle;
-var Description = DialogDescription;
-var Close = DialogClose;
-// src/libraries/react/components/ui/dialog.tsx
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-var Dialog2 = Root;
-var DialogPortal2 = ({
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx9(Portal2, { ...props, children: /* @__PURE__ */ jsx9("div", { className: "au-root", children }) });
+  };
 };
-var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  Overlay,
-  {
-    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",
-      className
-    ),
-    ...props
+var hideOthers = function(originalTarget, parentNode, markerName) {
+  if (markerName === void 0) {
+    markerName = "data-aria-hidden";
   }
-));
-DialogOverlay2.displayName = Overlay.displayName;
-var DialogContent2 = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(DialogPortal2, { children: [
-  /* @__PURE__ */ jsx9(DialogOverlay2, {}),
-  /* @__PURE__ */ jsxs2(
-    Content,
+  var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
+  var activeParentNode = parentNode || getDefaultParent(originalTarget);
+  if (!activeParentNode) {
+    return function() {
+      return null;
+    };
+  }
+  targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
+  return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
+};
+// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@18.3.5_@types+react@18.3.14__@types+react@18.3_osy3texbcyy7oe3sqigksqvg74/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);
+var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
+var Dialog = (props) => {
+  const {
+    __scopeDialog,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    modal = true
+  } = props;
+  const triggerRef = React25.useRef(null);
+  const contentRef = React25.useRef(null);
+  const [open, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: DIALOG_NAME
+  });
+  return /* @__PURE__ */ jsx10(
+    DialogProvider,
     {
-      ref,
-      className: cn(
-        `au-fixed au-left-[50%] au-top-[50%] au-z-50 au-grid au-w-full au-max-w-lg au-translate-x-[-50%] au-translate-y-[-50%] au-gap-4 au-border au-bg-background au-p-6 au-shadow-lg au-duration-200 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-[state=closed]:au-slide-out-to-left-1/2 data-[state=closed]:au-slide-out-to-top-[48%] data-[state=open]:au-slide-in-from-left-1/2 data-[state=open]:au-slide-in-from-top-[48%] sm:au-rounded-lg`,
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs2(Close, { className: "au-absolute au-right-4 au-top-4 au-rounded-sm au-opacity-70 au-ring-offset-background au-transition-opacity hover:au-opacity-100 focus:au-outline-none focus:au-ring-2 focus:au-ring-ring focus:au-ring-offset-2 disabled:au-pointer-events-none data-[state=open]:au-bg-accent data-[state=open]:au-text-muted-foreground", children: [
-          /* @__PURE__ */ jsx9(X, { className: "au-h-4 au-w-4" }),
-          /* @__PURE__ */ jsx9("span", { className: "au-sr-only", children: "Close" })
-        ] })
-      ]
+      scope: __scopeDialog,
+      triggerRef,
+      contentRef,
+      contentId: useId(),
+      titleId: useId(),
+      descriptionId: useId(),
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: React25.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      modal,
+      children
     }
-  )
-] }));
-DialogContent2.displayName = Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx9(
-  "div",
-  {
-    className: cn(
-      "au-flex au-flex-col au-space-y-1.5 au-text-center sm:au-text-left",
-      className
-    ),
-    ...props
+  );
+};
+Dialog.displayName = DIALOG_NAME;
+var TRIGGER_NAME = "DialogTrigger";
+var DialogTrigger = React25.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...triggerProps } = props;
+    const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
+    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+    return /* @__PURE__ */ jsx10(
+      Primitive.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": context.open,
+        "aria-controls": context.contentId,
+        "data-state": getState(context.open),
+        ...triggerProps,
+        ref: composedTriggerRef,
+        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+      }
+    );
   }
 );
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx9(
-  "div",
-  {
-    className: cn(
-      "au-flex au-flex-col-reverse sm:au-flex-row sm:au-justify-end sm:au-space-x-2",
-      className
-    ),
-    ...props
+DialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME2 = "DialogPortal";
+var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
+  forceMount: void 0
+});
+var DialogPortal = (props) => {
+  const { __scopeDialog, forceMount, children, container } = props;
+  const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
+  return /* @__PURE__ */ jsx10(PortalProvider, { scope: __scopeDialog, forceMount, children: React25.Children.map(children, (child) => /* @__PURE__ */ jsx10(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx10(Portal, { asChild: true, container, children: child }) })) });
+};
+DialogPortal.displayName = PORTAL_NAME2;
+var OVERLAY_NAME = "DialogOverlay";
+var DialogOverlay = React25.forwardRef(
+  (props, forwardedRef) => {
+    const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
+    const { forceMount = portalContext.forceMount, ...overlayProps } = props;
+    const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
+    return context.modal ? /* @__PURE__ */ jsx10(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx10(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
   }
 );
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  Title,
-  {
-    ref,
-    className: cn(
-      "au-text-lg au-font-semibold au-leading-none au-tracking-tight",
-      className
-    ),
-    ...props
+DialogOverlay.displayName = OVERLAY_NAME;
+var Slot2 = createSlot("DialogOverlay.RemoveScroll");
+var DialogOverlayImpl = React25.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...overlayProps } = props;
+    const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ jsx10(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx10(
+        Primitive.div,
+        {
+          "data-state": getState(context.open),
+          ...overlayProps,
+          ref: forwardedRef,
+          style: { pointerEvents: "auto", ...overlayProps.style }
+        }
+      ) })
+    );
   }
-));
-DialogTitle2.displayName = Title.displayName;
-var DialogDescription2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-  Description,
-  {
-    ref,
-    className: cn("au-text-sm au-text-muted-foreground", className),
-    ...props
+);
+var CONTENT_NAME = "DialogContent";
+var DialogContent = React25.forwardRef(
+  (props, forwardedRef) => {
+    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
+    const { forceMount = portalContext.forceMount, ...contentProps } = props;
+    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+    return /* @__PURE__ */ jsx10(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx10(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx10(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
-));
-DialogDescription2.displayName = Description.displayName;
-// src/libraries/react/components/attach-dialog/lib/attach-content.tsx
-import { jsx as jsx10, jsxs as jsxs3 } 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;
-  switch (scenario) {
-    case "scheduled":
-      return {
-        title: /* @__PURE__ */ jsxs3("p", { children: [
-          product_name,
-          " product already scheduled"
-        ] }),
-        message: /* @__PURE__ */ jsxs3("p", { children: [
-          "You are currently on product ",
-          current_product_name,
-          " and are scheduled to start ",
-          product_name,
-          " on ",
-          nextCycleAtStr,
-          "."
-        ] })
-      };
-    case "active":
-      return {
-        title: /* @__PURE__ */ jsx10("p", { children: "Product already active" }),
-        message: /* @__PURE__ */ jsx10("p", { children: "You are already subscribed to this product." })
-      };
-    case "new":
-      if (recurring) {
-        return {
-          title: /* @__PURE__ */ jsxs3("p", { children: [
-            "Subscribe to ",
-            product_name
-          ] }),
-          message: /* @__PURE__ */ jsxs3("p", { children: [
-            "By clicking confirm, you will be subscribed to ",
-            product_name,
-            " and your card will be charged immediately."
-          ] })
-        };
-      } else {
-        return {
-          title: /* @__PURE__ */ jsxs3("p", { children: [
-            "Purchase ",
-            product_name
-          ] }),
-          message: /* @__PURE__ */ jsxs3("p", { children: [
-            "By clicking confirm, you will purchase ",
-            product_name,
-            " and your card will be charged immediately."
-          ] })
-        };
-      }
-    case "renew":
-      return {
-        title: /* @__PURE__ */ jsx10("p", { children: "Renew" }),
-        message: /* @__PURE__ */ jsxs3("p", { children: [
-          "By clicking confirm, you will renew your subscription to",
-          " ",
-          product_name,
-          "."
-        ] })
-      };
-    case "upgrade":
-      return {
-        title: /* @__PURE__ */ jsxs3("p", { children: [
-          "Upgrade to ",
-          product_name
-        ] }),
-        message: /* @__PURE__ */ jsxs3("p", { children: [
-          "By clicking confirm, you will upgrade to ",
-          product_name,
-          " and your payment method will be charged immediately."
-        ] })
-      };
-    case "downgrade":
-      return {
-        title: /* @__PURE__ */ jsxs3("p", { children: [
-          "Downgrade to ",
-          product_name
-        ] }),
-        message: /* @__PURE__ */ jsxs3("p", { children: [
-          "By clicking confirm, your current subscription to",
-          " ",
-          current_product_name,
-          " will be cancelled and a new subscription to",
-          " ",
-          product_name,
-          " will begin on ",
-          nextCycleAtStr,
-          "."
-        ] })
-      };
-    case "cancel":
-      return {
-        title: /* @__PURE__ */ jsx10("p", { children: "Cancel" }),
-        message: /* @__PURE__ */ jsxs3("p", { children: [
-          "By clicking confirm, your subscription to ",
-          current_product_name,
-          " ",
-          "will end on ",
-          nextCycleAtStr,
-          "."
-        ] })
-      };
-    default:
-      return {
-        title: /* @__PURE__ */ jsx10("p", { children: "Change Subscription" }),
-        message: /* @__PURE__ */ jsx10("p", { children: "You are about to change your subscription." })
-      };
+);
+DialogContent.displayName = CONTENT_NAME;
+var DialogContentModal = React25.forwardRef(
+  (props, forwardedRef) => {
+    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+    const contentRef = React25.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
+    React25.useEffect(() => {
+      const content = contentRef.current;
+      if (content) return hideOthers(content);
+    }, []);
+    return /* @__PURE__ */ jsx10(
+      DialogContentImpl,
+      {
+        ...props,
+        ref: composedRefs,
+        trapFocus: context.open,
+        disableOutsidePointerEvents: true,
+        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
+          event.preventDefault();
+          context.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          if (isRightClick) event.preventDefault();
+        }),
+        onFocusOutside: composeEventHandlers(
+          props.onFocusOutside,
+          (event) => event.preventDefault()
+        )
+      }
+    );
   }
-};
-// src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-function AttachDialog(params) {
-  const { attach } = useCustomer();
-  const [loading, setLoading] = useState11(false);
-  const [optionsInput, setOptionsInput] = useState11(
-    params?.preview?.options || []
-  );
-  const getTotalPrice = () => {
-    let sum = due_today?.price || 0;
-    optionsInput.forEach((option) => {
-      if (option.price && option.quantity) {
-        sum += option.price * (option.quantity / option.billing_units);
+);
+var DialogContentNonModal = React25.forwardRef(
+  (props, forwardedRef) => {
+    const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+    const hasInteractedOutsideRef = React25.useRef(false);
+    const hasPointerDownOutsideRef = React25.useRef(false);
+    return /* @__PURE__ */ jsx10(
+      DialogContentImpl,
+      {
+        ...props,
+        ref: forwardedRef,
+        trapFocus: false,
+        disableOutsidePointerEvents: false,
+        onCloseAutoFocus: (event) => {
+          props.onCloseAutoFocus?.(event);
+          if (!event.defaultPrevented) {
+            if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
+            event.preventDefault();
+          }
+          hasInteractedOutsideRef.current = false;
+          hasPointerDownOutsideRef.current = false;
+        },
+        onInteractOutside: (event) => {
+          props.onInteractOutside?.(event);
+          if (!event.defaultPrevented) {
+            hasInteractedOutsideRef.current = true;
+            if (event.detail.originalEvent.type === "pointerdown") {
+              hasPointerDownOutsideRef.current = true;
+            }
+          }
+          const target = event.target;
+          const targetIsTrigger = context.triggerRef.current?.contains(target);
+          if (targetIsTrigger) event.preventDefault();
+          if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
+            event.preventDefault();
+          }
+        }
       }
-    });
-    return sum;
-  };
-  useEffect15(() => {
-    setOptionsInput(params?.preview?.options || []);
-  }, [params?.preview?.options]);
-  if (!params || !params.preview) {
-    return /* @__PURE__ */ jsx11(Fragment6, {});
+    );
   }
-  const { open, setOpen, preview } = params;
-  const { items, due_today } = preview;
-  const { title, message } = getAttachContent(preview);
-  return /* @__PURE__ */ jsx11(Dialog2, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs4(
-    DialogContent2,
-    {
-      className: cn(
-        "au-p-0 au-pt-4 au-gap-0 au-text-foreground au-overflow-hidden au-text-sm"
-      ),
-      children: [
-        /* @__PURE__ */ jsx11(DialogTitle2, { className: cn("au-px-6 au-mb-1 "), children: title }),
-        /* @__PURE__ */ jsx11("div", { className: cn("au-px-6 au-mt-1 au-mb-4 au-text-muted-foreground"), children: message }),
-        (items || optionsInput.length > 0) && /* @__PURE__ */ jsxs4("div", { className: "au-mb-6 au-px-6", children: [
-          items?.map((item) => /* @__PURE__ */ jsxs4(PriceItem, { children: [
-            /* @__PURE__ */ jsx11("span", { className: "au-truncate au-flex-1", children: item.description }),
-            /* @__PURE__ */ jsx11("span", { children: item.price })
-          ] }, item.description)),
-          optionsInput?.map((option, index) => {
-            return /* @__PURE__ */ jsx11(
-              OptionsInput,
-              {
-                option,
-                optionsInput,
-                setOptionsInput,
-                index
-              },
-              option.feature_name
-            );
-          })
-        ] }),
-        /* @__PURE__ */ jsxs4(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__ */ jsxs4(TotalPrice, { children: [
-            /* @__PURE__ */ jsx11("span", { children: "Due Today" }),
-            /* @__PURE__ */ jsx11("span", { children: new Intl.NumberFormat("en-US", {
-              style: "currency",
-              currency: due_today.currency
-            }).format(getTotalPrice()) })
-          ] }),
-          /* @__PURE__ */ jsx11(
-            Button,
+);
+var DialogContentImpl = React25.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
+    const context = useDialogContext(CONTENT_NAME, __scopeDialog);
+    const contentRef = React25.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, contentRef);
+    useFocusGuards();
+    return /* @__PURE__ */ jsxs2(Fragment5, { children: [
+      /* @__PURE__ */ jsx10(
+        FocusScope,
+        {
+          asChild: true,
+          loop: true,
+          trapped: trapFocus,
+          onMountAutoFocus: onOpenAutoFocus,
+          onUnmountAutoFocus: onCloseAutoFocus,
+          children: /* @__PURE__ */ jsx10(
+            DismissableLayer,
             {
-              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",
-              children: loading ? /* @__PURE__ */ jsx11(LoaderCircle, { className: "au-w-4 au-h-4 au-animate-spin" }) : /* @__PURE__ */ jsx11(Fragment6, { children: /* @__PURE__ */ jsx11("span", { className: "au-whitespace-nowrap au-flex au-gap-1", children: "Confirm" }) })
+              role: "dialog",
+              id: context.contentId,
+              "aria-describedby": context.descriptionId,
+              "aria-labelledby": context.titleId,
+              "data-state": getState(context.open),
+              ...contentProps,
+              ref: composedRefs,
+              onDismiss: () => context.onOpenChange(false)
             }
           )
-        ] })
-      ]
-    }
-  ) });
-}
-var PriceItem = ({
-  children,
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx11(
-    "div",
-    {
-      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",
-        className
+        }
       ),
-      ...props,
-      children
+      /* @__PURE__ */ jsxs2(Fragment5, { children: [
+        /* @__PURE__ */ jsx10(TitleWarning, { titleId: context.titleId }),
+        /* @__PURE__ */ jsx10(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+      ] })
+    ] });
+  }
+);
+var TITLE_NAME = "DialogTitle";
+var DialogTitle = React25.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...titleProps } = props;
+    const context = useDialogContext(TITLE_NAME, __scopeDialog);
+    return /* @__PURE__ */ jsx10(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+  }
+);
+DialogTitle.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "DialogDescription";
+var DialogDescription = React25.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...descriptionProps } = props;
+    const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+    return /* @__PURE__ */ jsx10(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+  }
+);
+DialogDescription.displayName = DESCRIPTION_NAME;
+var CLOSE_NAME = "DialogClose";
+var DialogClose = React25.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...closeProps } = props;
+    const context = useDialogContext(CLOSE_NAME, __scopeDialog);
+    return /* @__PURE__ */ jsx10(
+      Primitive.button,
+      {
+        type: "button",
+        ...closeProps,
+        ref: forwardedRef,
+        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
+      }
+    );
+  }
+);
+DialogClose.displayName = CLOSE_NAME;
+function getState(open) {
+  return open ? "open" : "closed";
+}
+var TITLE_WARNING_NAME = "DialogTitleWarning";
+var [WarningProvider, useWarningContext] = createContext22(TITLE_WARNING_NAME, {
+  contentName: CONTENT_NAME,
+  titleName: TITLE_NAME,
+  docsSlug: "dialog"
+});
+var TitleWarning = ({ titleId }) => {
+  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
+  const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+  React25.useEffect(() => {
+    if (titleId) {
+      const hasTitle = document.getElementById(titleId);
+      if (!hasTitle) console.error(MESSAGE);
     }
-  );
+  }, [MESSAGE, titleId]);
+  return null;
 };
-var OptionsInput = ({
-  className,
-  option,
-  optionsInput,
-  setOptionsInput,
-  index,
-  ...props
-}) => {
-  const { feature_name, billing_units, quantity, price } = option;
-  return /* @__PURE__ */ jsxs4(PriceItem, { children: [
-    /* @__PURE__ */ jsx11("span", { children: feature_name }),
-    /* @__PURE__ */ jsx11(
-      QuantityInput,
-      {
-        value: quantity ? quantity / billing_units : "",
-        onChange: (e) => {
-          const newOptions = [...optionsInput];
-          newOptions[index].quantity = parseInt(e.target.value) * billing_units;
-          setOptionsInput(newOptions);
-        },
-        children: /* @__PURE__ */ jsxs4("span", { className: "", children: [
-          "\xD7 $",
-          price,
-          " per ",
-          billing_units === 1 ? " " : billing_units,
-          " ",
-          feature_name
-        ] })
-      },
-      feature_name
-    )
-  ] }, feature_name);
+var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
+var DescriptionWarning = ({ contentRef, descriptionId }) => {
+  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
+  const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+  React25.useEffect(() => {
+    const describedById = contentRef.current?.getAttribute("aria-describedby");
+    if (descriptionId && describedById) {
+      const hasDescription = document.getElementById(descriptionId);
+      if (!hasDescription) console.warn(MESSAGE);
+    }
+  }, [MESSAGE, contentRef, descriptionId]);
+  return null;
 };
-var QuantityInput = ({
+var Root = Dialog;
+var Portal2 = DialogPortal;
+var Overlay = DialogOverlay;
+var Content = DialogContent;
+var Title = DialogTitle;
+var Description = DialogDescription;
+var Close = DialogClose;
+// src/libraries/react/components/ui/dialog.tsx
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var Dialog2 = Root;
+var DialogPortal2 = ({
   children,
-  onChange,
-  value,
-  className,
   ...props
 }) => {
-  const currentValue = Number(value) || 0;
-  const handleValueChange = (newValue) => {
-    const syntheticEvent = {
-      target: { value: String(newValue) }
-    };
-    onChange(syntheticEvent);
-  };
-  return /* @__PURE__ */ jsxs4(
-    "div",
+  return /* @__PURE__ */ jsx11(Portal2, { ...props, children: /* @__PURE__ */ jsx11("div", { className: "au-root", children }) });
+};
+var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  Overlay,
+  {
+    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",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay2.displayName = Overlay.displayName;
+var DialogContent2 = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal2, { children: [
+  /* @__PURE__ */ jsx11(DialogOverlay2, {}),
+  /* @__PURE__ */ jsxs3(
+    Content,
     {
-      className: cn(className, "au-flex au-flex-row au-items-center au-gap-4"),
+      ref,
+      className: cn(
+        `au-fixed au-left-[50%] au-top-[50%] au-z-50 au-grid au-w-full au-max-w-lg au-translate-x-[-50%] au-translate-y-[-50%] au-gap-4 au-border au-bg-background au-p-6 au-shadow-lg au-duration-200 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-[state=closed]:au-slide-out-to-left-1/2 data-[state=closed]:au-slide-out-to-top-[48%] data-[state=open]:au-slide-in-from-left-1/2 data-[state=open]:au-slide-in-from-top-[48%] sm:au-rounded-lg`,
+        className
+      ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: "au-flex au-items-center au-gap-1", children: [
-          /* @__PURE__ */ jsx11(
-            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__ */ jsx11("span", { className: "au-w-8 au-text-center au-text-foreground", children: currentValue }),
-          /* @__PURE__ */ jsx11(
-            Button,
-            {
-              variant: "outline",
-              size: "icon",
-              onClick: () => handleValueChange(currentValue + 1),
-              className: "au-h-6 au-w-6 au-pb-0.5",
-              children: "+"
-            }
-          )
-        ] }),
-        children
+        children,
+        /* @__PURE__ */ jsxs3(Close, { className: "au-absolute au-right-4 au-top-4 au-rounded-sm au-opacity-70 au-ring-offset-background au-transition-opacity hover:au-opacity-100 focus:au-outline-none focus:au-ring-2 focus:au-ring-ring focus:au-ring-offset-2 disabled:au-pointer-events-none data-[state=open]:au-bg-accent data-[state=open]:au-text-muted-foreground", children: [
+          /* @__PURE__ */ jsx11(X, { className: "au-h-4 au-w-4" }),
+          /* @__PURE__ */ jsx11("span", { className: "au-sr-only", children: "Close" })
+        ] })
       ]
     }
-  );
-};
-var TotalPrice = ({ children }) => {
-  return /* @__PURE__ */ jsx11("div", { className: "au-w-full au-font-semibold au-flex au-justify-between au-items-center", children });
-};
-// src/libraries/react/hooks/useAutumnBase.tsx
-var useAutumnBase = ({
-  AutumnContext: AutumnContext2
-}) => {
-  const context = useAutumnContext({ AutumnContext: AutumnContext2, name: "useAutumn" });
-  const { attachDialog, paywallDialog } = context;
-  const client = context.client;
-  const { refetch: refetchPricingTable } = usePricingTableBase({
-    AutumnContext: AutumnContext2
-  });
-  let {
-    open: attachOpen,
-    setProps: setAttachProps,
-    setOpen: setAttachOpen,
-    setComponent: setAttachComponent
-  } = attachDialog;
-  let {
-    setProps: setCheckProps,
-    setOpen: setCheckOpen,
-    setComponent: setPaywallComponent
-  } = paywallDialog;
-  const attachWithoutDialog = async (params) => {
-    const result = await client.attach(params);
-    if (result.error) {
-      return result;
-    }
-    let data = result.data;
-    if (data?.checkout_url && typeof window !== "undefined") {
-      if (params.openInNewTab) {
-        window.open(data.checkout_url, "_blank");
-      } else {
-        window.location.href = data.checkout_url;
-      }
-    }
-    await refetchPricingTable();
-    if (setAttachOpen) {
-      setAttachOpen(false);
-    }
-    return result;
-  };
-  const attachWithDialog = async (params) => {
-    let { dialog, ...rest } = params;
-    const { productId, entityId, entityData } = params;
-    const checkRes = await client.check({
-      productId,
-      entityId,
-      entityData,
-      withPreview: true
-    });
-    if (checkRes.error) {
-      return checkRes;
-    }
-    let preview = checkRes.data.preview;
-    if (!preview) {
-      return await attachWithoutDialog(rest);
-    } else {
-      setAttachProps({ preview, attachParams: rest });
-      setAttachOpen(true);
-    }
-    return checkRes;
-  };
-  const attach = async (params) => {
-    const { dialog, openInNewTab } = params;
-    let finalDialog = dialog ? dialog : context.disableDialogs ? void 0 : AttachDialog;
-    if (finalDialog && !attachOpen) {
-      setAttachComponent(finalDialog);
-      return await attachWithDialog(params);
-    }
-    return await attachWithoutDialog(params);
-  };
-  const cancel = async (params) => {
-    const res = await client.cancel(params);
-    if (res.error) {
-      return res;
-    }
-    return res;
-  };
-  const check = async (params) => {
-    let { dialog, withPreview } = params;
-    if (dialog) {
-      setPaywallComponent(dialog);
-    }
-    const res = await client.check({
-      ...params,
-      withPreview: withPreview || dialog ? true : false
-    });
-    if (res.error) {
-      return res;
-    }
-    let data = res.data;
-    if (data && data.preview && dialog) {
-      let preview = data.preview;
-      setCheckProps({ preview });
-      setCheckOpen(true);
-    }
-    return res;
-  };
-  const track = async (params) => {
-    const res = await client.track(params);
-    if (res.error) {
-      return res;
-    }
-    return res;
-  };
-  const openBillingPortal = async (params) => {
-    let defaultParams = {
-      openInNewTab: false
-    };
-    let finalParams = {
-      ...defaultParams,
-      ...params
-    };
-    const res = await client.openBillingPortal(finalParams);
-    if (res.error) {
-      return res;
-    }
-    let data = res.data;
-    if (data?.url && typeof window !== "undefined") {
-      if (finalParams.openInNewTab) {
-        window.open(data.url, "_blank");
-      } else {
-        window.open(data.url, "_self");
-      }
-      return res;
-    } else {
-      return res;
-    }
-  };
-  return {
-    attach,
-    check,
-    track,
-    cancel,
-    openBillingPortal
-  };
-};
-// src/libraries/react/hooks/handleAllowed.ts
-var getCusFeature = ({
-  customer,
-  featureId,
-  requiredBalance = 1
-}) => {
-  let creditSchema = Object.values(customer.features).find((f) => f.credit_schema && f.credit_schema.some((c) => c.feature_id === featureId));
-  if (creditSchema) {
-    let schemaItem = creditSchema.credit_schema?.find((c) => c.feature_id === featureId);
-    return {
-      feature: creditSchema,
-      requiredBalance: schemaItem.credit_amount * requiredBalance
-    };
+  )
+] }));
+DialogContent2.displayName = Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx11(
+  "div",
+  {
+    className: cn(
+      "au-flex au-flex-col au-space-y-1.5 au-text-center sm:au-text-left",
+      className
+    ),
+    ...props
   }
-  return {
-    cusFeature: customer.features[featureId],
-    requiredBalance
-  };
-};
-var handleFeatureAllowed = ({ customer, params }) => {
-  let { cusFeature, requiredBalance } = getCusFeature({ customer, featureId: params.featureId });
-  if (!cusFeature) return false;
-  if (cusFeature.type == "static") return true;
-  if (cusFeature.unlimited || cusFeature.overage_allowed) return true;
-  return (cusFeature.balance || 0) >= requiredBalance;
-};
-var handleAllowed = ({ customer, params }) => {
-  if (!customer) return false;
-  if (!params.featureId && !params.productId) {
-    throw new Error("allowed() requires either featureId or productId");
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx11(
+  "div",
+  {
+    className: cn(
+      "au-flex au-flex-col-reverse sm:au-flex-row sm:au-justify-end sm:au-space-x-2",
+      className
+    ),
+    ...props
   }
-  if (params.featureId) {
-    return handleFeatureAllowed({ customer, params });
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  Title,
+  {
+    ref,
+    className: cn(
+      "au-text-lg au-font-semibold au-leading-none au-tracking-tight",
+      className
+    ),
+    ...props
   }
-  if (params.productId) {
-    let product = customer.products.find((p) => p.id == params.productId);
-    if (!product) return false;
-    let status = product.status;
-    if (status == "scheduled") return false;
-    return true;
+));
+DialogTitle2.displayName = Title.displayName;
+var DialogDescription2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+  Description,
+  {
+    ref,
+    className: cn("au-text-sm au-text-muted-foreground", className),
+    ...props
   }
-  return false;
-};
+));
+DialogDescription2.displayName = Description.displayName;
-// src/libraries/react/hooks/useCustomerBase.tsx
-var emptyDefaultFunctions = {
-  attach: "",
-  check: "",
-  track: "",
-  cancel: "",
-  openBillingPortal: ""
-};
-var useCustomerBase = ({
-  params,
-  AutumnContext: AutumnContext2,
-  client
-}) => {
-  const queryKey = ["customer", params?.expand];
-  let context;
-  if (AutumnContext2) {
-    context = useAutumnContext({ AutumnContext: AutumnContext2, name: "useCustomer" });
-  }
-  if (!client) {
-    client = context.client;
-  }
-  const fetchCustomer = async () => {
-    const { data, error: error2 } = await client.createCustomer({
-      errorOnNotFound: params?.errorOnNotFound,
-      expand: params?.expand
-    });
-    if (error2) {
-      throw error2;
-    }
-    if (!data) {
-      return null;
-    }
-    return data;
-  };
-  const { data: customer, error, isLoading, mutate } = useSWR2(queryKey, fetchCustomer, {
-    fallbackData: null,
-    onErrorRetry: (error2, key, config) => {
-      if (error2.code == "entity_not_found") {
-        return false;
+// 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;
+  switch (scenario) {
+    case "scheduled":
+      return {
+        title: /* @__PURE__ */ jsxs4("p", { children: [
+          product_name,
+          " product already scheduled"
+        ] }),
+        message: /* @__PURE__ */ jsxs4("p", { children: [
+          "You are currently on product ",
+          current_product_name,
+          " and are scheduled to start ",
+          product_name,
+          " on ",
+          nextCycleAtStr,
+          "."
+        ] })
+      };
+    case "active":
+      return {
+        title: /* @__PURE__ */ jsx12("p", { children: "Product already active" }),
+        message: /* @__PURE__ */ jsx12("p", { children: "You are already subscribed to this product." })
+      };
+    case "new":
+      if (recurring) {
+        return {
+          title: /* @__PURE__ */ jsxs4("p", { children: [
+            "Subscribe to ",
+            product_name
+          ] }),
+          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."
+          ] })
+        };
       }
-      return true;
-    }
-  });
-  let autumnFunctions = emptyDefaultFunctions;
-  if (AutumnContext2) {
-    autumnFunctions = useAutumnBase({ AutumnContext: AutumnContext2 });
+    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,
+          "."
+        ] })
+      };
+    case "upgrade":
+      return {
+        title: /* @__PURE__ */ jsxs4("p", { children: [
+          "Upgrade to ",
+          product_name
+        ] }),
+        message: /* @__PURE__ */ jsxs4("p", { children: [
+          "By clicking confirm, you will upgrade to ",
+          product_name,
+          " and your payment method will be charged immediately."
+        ] })
+      };
+    case "downgrade":
+      return {
+        title: /* @__PURE__ */ jsxs4("p", { children: [
+          "Downgrade to ",
+          product_name
+        ] }),
+        message: /* @__PURE__ */ jsxs4("p", { children: [
+          "By clicking confirm, your current subscription to",
+          " ",
+          current_product_name,
+          " will be cancelled and a new subscription to",
+          " ",
+          product_name,
+          " will begin on ",
+          nextCycleAtStr,
+          "."
+        ] })
+      };
+    case "cancel":
+      return {
+        title: /* @__PURE__ */ jsx12("p", { children: "Cancel" }),
+        message: /* @__PURE__ */ jsxs4("p", { children: [
+          "By clicking confirm, your subscription to ",
+          current_product_name,
+          " ",
+          "will end on ",
+          nextCycleAtStr,
+          "."
+        ] })
+      };
+    default:
+      return {
+        title: /* @__PURE__ */ jsx12("p", { children: "Change Subscription" }),
+        message: /* @__PURE__ */ jsx12("p", { children: "You are about to change your subscription." })
+      };
   }
-  return {
-    customer: error ? null : customer,
-    isLoading,
-    error,
-    refetch: mutate,
-    ...autumnFunctions,
-    createEntity: client.entities.create,
-    createReferralCode: client.referrals.createCode,
-    redeemReferralCode: client.referrals.redeemCode,
-    allowed: (params2) => handleAllowed({ customer, params: params2 })
-  };
 };
-// src/libraries/react/BaseAutumnProvider.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
-function BaseAutumnProvider({
-  client,
-  children,
-  AutumnContext: AutumnContext2,
-  disableDialogs = false
-}) {
-  const [components, setComponents] = useState12({});
-  const [paywallProps, setPaywallProps, paywallOpen, setPaywallOpen] = useDialog(components.paywallDialog);
-  const [
-    productChangeProps,
-    setProductChangeProps,
-    productChangeOpen,
-    setProductChangeOpen
-  ] = useDialog(components.productChangeDialog);
-  useCustomerBase({ client, params: { errorOnNotFound: false } });
-  return /* @__PURE__ */ jsxs5(
-    AutumnContext2.Provider,
-    {
-      value: {
-        initialized: true,
-        client,
-        disableDialogs,
-        paywallDialog: {
-          props: paywallProps,
-          setProps: setPaywallProps,
-          open: paywallOpen,
-          setOpen: setPaywallOpen,
-          setComponent: (component) => {
-            setComponents({
-              ...components,
-              paywallDialog: component
-            });
-          }
-        },
-        attachDialog: {
-          props: productChangeProps,
-          setProps: setProductChangeProps,
-          open: productChangeOpen,
-          setOpen: setProductChangeOpen,
-          setComponent: (component) => {
-            setComponents({
-              ...components,
-              productChangeDialog: component
-            });
-          }
-        }
-      },
+// src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+function AttachDialog(params) {
+  const { attach } = useCustomer();
+  const [loading, setLoading] = useState12(false);
+  const [optionsInput, setOptionsInput] = useState12(
+    params?.preview?.options || []
+  );
+  const getTotalPrice = () => {
+    let sum = due_today?.price || 0;
+    optionsInput.forEach((option) => {
+      if (option.price && option.quantity) {
+        sum += option.price * (option.quantity / option.billing_units);
+      }
+    });
+    return sum;
+  };
+  useEffect17(() => {
+    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: [
-        components.paywallDialog && /* @__PURE__ */ jsx12(
-          components.paywallDialog,
-          {
-            open: paywallOpen,
-            setOpen: setPaywallOpen,
-            ...paywallProps
-          }
-        ),
-        components.productChangeDialog && /* @__PURE__ */ jsx12(
-          components.productChangeDialog,
-          {
-            open: productChangeOpen,
-            setOpen: setProductChangeOpen,
-            ...productChangeProps
-          }
-        ),
-        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",
+              children: loading ? /* @__PURE__ */ jsx13(LoaderCircle, { className: "au-w-4 au-h-4 au-animate-spin" }) : /* @__PURE__ */ jsx13(Fragment6, { children: /* @__PURE__ */ jsx13("span", { className: "au-whitespace-nowrap au-flex au-gap-1", children: "Confirm" }) })
+            }
+          )
+        ] })
       ]
     }
-  );
+  ) });
 }
-// src/libraries/react/ReactAutumnProvider.tsx
-import { useEffect as useEffect17 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var ReactAutumnProvider = ({
+var PriceItem = ({
   children,
-  getBearerToken,
-  backendUrl,
-  customerData,
-  includeCredentials = true,
-  disableDialogs = false,
-  authClient
+  className,
+  ...props
 }) => {
-  if (backendUrl && !backendUrl.startsWith("http")) {
-    console.warn(`backendUrl is not a valid URL: ${backendUrl}`);
-  }
-  let client = new AutumnClient({
-    backendUrl: backendUrl || "",
-    getBearerToken,
-    customerData,
-    includeCredentials
-  });
-  const analyseAuthClient = async () => {
-    console.log("Auth client:", authClient);
-  };
-  useEffect17(() => {
-    analyseAuthClient();
-  }, [authClient]);
   return /* @__PURE__ */ jsx13(
-    BaseAutumnProvider,
+    "div",
     {
-      client,
-      AutumnContext,
-      disableDialogs,
+      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",
+        className
+      ),
+      ...props,
       children
     }
   );
 };
-// src/libraries/react/hooks/useCustomer.tsx
-var useCustomer = (params) => {
-  return useCustomerBase({
-    params,
-    AutumnContext
-  });
-};
-// src/libraries/react/hooks/usePricingTable.tsx
-var usePricingTable = (params) => {
-  return usePricingTableBase({
-    AutumnContext,
-    params
-  });
+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);
 };
-// src/libraries/react/hooks/useEntityBase.tsx
-import useSWR3 from "swr";
-import { useContext as useContext4 } from "react";
-var useEntityBase = ({
-  entityId,
-  params,
-  AutumnContext: AutumnContext2
+var QuantityInput = ({
+  children,
+  onChange,
+  value,
+  className,
+  ...props
 }) => {
-  const { client } = useContext4(AutumnContext2);
-  const queryKey = ["entity", entityId, params?.expand];
-  const fetchEntity = async () => {
-    if (!entityId) {
-      return null;
-    }
-    const { data: data2, error: error2 } = await client.entities.get(entityId, params);
-    if (error2) {
-      throw error2;
-    }
-    if (!data2) {
-      return null;
-    }
-    return data2;
-  };
-  const { data, error, isLoading, mutate } = useSWR3(queryKey, fetchEntity, {
-    fallbackData: null,
-    onErrorRetry: (error2, key, config) => {
-      if (error2.code == "entity_not_found") {
-        return false;
-      }
-      return true;
-    }
-  });
-  const {
-    check: checkAutumn,
-    attach: attachAutumn,
-    cancel: cancelAutumn,
-    track: trackAutumn
-  } = useAutumnBase({
-    AutumnContext: AutumnContext2
-  });
-  const allowed = (params2) => handleAllowed({ customer: data, params: params2 });
-  const check = (params2) => checkAutumn({ ...params2, entityId: entityId || void 0 });
-  const attach = (params2) => attachAutumn({ ...params2, entityId: entityId || void 0 });
-  const cancel = (params2) => cancelAutumn({ ...params2, entityId: entityId || void 0 });
-  const track = (params2) => trackAutumn({ ...params2, entityId: entityId || void 0 });
-  if (!entityId) {
-    return {
-      entity: null,
-      isLoading: false,
-      error: null,
-      refetch: mutate,
-      allowed,
-      check,
-      attach,
-      cancel,
-      track
+  const currentValue = Number(value) || 0;
+  const handleValueChange = (newValue) => {
+    const syntheticEvent = {
+      target: { value: String(newValue) }
     };
-  }
-  return {
-    entity: error ? null : data,
-    isLoading,
-    error,
-    refetch: mutate,
-    allowed,
-    check,
-    attach,
-    cancel,
-    track
+    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
+      ]
+    }
+  );
 };
-// src/libraries/react/hooks/useEntity.tsx
-var useEntity = (entityId, params) => {
-  return useEntityBase({ AutumnContext, entityId, params });
-};
-// src/libraries/react/hooks/useAutumn.tsx
-var useAutumn = () => {
-  return useAutumnBase({ AutumnContext });
+var TotalPrice = ({ children }) => {
+  return /* @__PURE__ */ jsx13("div", { className: "au-w-full au-font-semibold au-flex au-justify-between au-items-center", children });
 };
 // src/libraries/react/components/check-dialog/check-dialog-synced.tsx