autumn-js 0.0.108 → 0.0.109

package/dist/libraries/react/index.js

@@ -35,9 +35,11 @@ __export(index_exports, {
   AutumnProvider: () => ReactAutumnProvider,
   CheckDialog: () => CheckDialog,
   PricingTable: () => PricingTable,
+  useAnalytics: () => useAnalytics,
   useAutumn: () => useAutumn,
   useCustomer: () => useCustomer,
   useEntity: () => useEntity,
+  usePaywall: () => usePaywall,
   usePricingTable: () => usePricingTable
 });
 module.exports = __toCommonJS(index_exports);
@@ -68,9 +70,10 @@ 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  border-color: hsl(var(--au-border));\n}\n.au-root body {\n  background-color: hsl(var(--au-background));\n  color: hsl(var(--au-foreground));\n}\n.au-root *,\n.au-root ::before,\n.au-root ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n.au-root ::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n}\n.au-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.au-pointer-events-none {\n  pointer-events: none;\n}\n.au-fixed {\n  position: fixed;\n}\n.au-absolute {\n  position: absolute;\n}\n.au-relative {\n  position: relative;\n}\n.au-inset-0 {\n  inset: 0px;\n}\n.au-left-\\[50\\%\\] {\n  left: 50%;\n}\n.au-right-4 {\n  right: 1rem;\n}\n.au-right-\\[-1px\\] {\n  right: -1px;\n}\n.au-top-4 {\n  top: 1rem;\n}\n.au-top-\\[-1px\\] {\n  top: -1px;\n}\n.au-top-\\[50\\%\\] {\n  top: 50%;\n}\n.au-z-50 {\n  z-index: 50;\n}\n.au-z-\\[9999\\] {\n  z-index: 9999;\n}\n.au-my-0 {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n.au-my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.au-mb-0 {\n  margin-bottom: 0px;\n}\n.au-mb-1 {\n  margin-bottom: 0.25rem;\n}\n.au-mb-2 {\n  margin-bottom: 0.5rem;\n}\n.au-mb-4 {\n  margin-bottom: 1rem;\n}\n.au-mb-6 {\n  margin-bottom: 1.5rem;\n}\n.au-mb-8 {\n  margin-bottom: 2rem;\n}\n.au-mr-2 {\n  margin-right: 0.5rem;\n}\n.au-mt-0 {\n  margin-top: 0px;\n}\n.au-mt-0\\.5 {\n  margin-top: 0.125rem;\n}\n.au-mt-1 {\n  margin-top: 0.25rem;\n}\n.au-mt-2 {\n  margin-top: 0.5rem;\n}\n.au-mt-4 {\n  margin-top: 1rem;\n}\n.au-line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.au-block {\n  display: block;\n}\n.au-flex {\n  display: flex;\n}\n.au-inline-flex {\n  display: inline-flex;\n}\n.au-grid {\n  display: grid;\n}\n.au-size-4 {\n  width: 1rem;\n  height: 1rem;\n}\n.\\!au-h-3 {\n  height: 0.75rem !important;\n}\n.\\!au-h-4 {\n  height: 1rem !important;\n}\n.\\!au-h-7 {\n  height: 1.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 !important;\n}\n.au-w-14 {\n  width: 3.5rem;\n}\n.au-w-16 {\n  width: 4rem;\n}\n.au-w-4 {\n  width: 1rem;\n}\n.au-w-6 {\n  width: 1.5rem;\n}\n.au-w-72 {\n  width: 18rem;\n}\n.au-w-8 {\n  width: 2rem;\n}\n.au-w-80 {\n  width: 20rem;\n}\n.au-w-9 {\n  width: 2.25rem;\n}\n.au-w-full {\n  width: 100%;\n}\n.au-min-w-0 {\n  min-width: 0px;\n}\n.au-min-w-16 {\n  min-width: 4rem;\n}\n.au-min-w-20 {\n  min-width: 5rem;\n}\n.au-max-w-lg {\n  max-width: 32rem;\n}\n.au-max-w-xl {\n  max-width: 36rem;\n}\n.au-flex-1 {\n  flex: 1 1 0%;\n}\n.au-flex-shrink-0 {\n  flex-shrink: 0;\n}\n.au-shrink-0 {\n  flex-shrink: 0;\n}\n.au-flex-grow {\n  flex-grow: 1;\n}\n.au-origin-\\[--radix-popover-content-transform-origin\\] {\n  transform-origin: var(--radix-popover-content-transform-origin);\n}\n.au--translate-y-12 {\n  --tw-translate-y: -3rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au--translate-y-6 {\n  --tw-translate-y: -1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-x-\\[-50\\%\\] {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-6 {\n  --tw-translate-y: 1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-\\[-50\\%\\] {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-translate-y-\\[130\\%\\] {\n  --tw-translate-y: 130%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes au-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.au-animate-spin {\n  animation: au-spin 1s linear infinite;\n}\n.au-cursor-pointer {\n  cursor: pointer;\n}\n.au-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.au-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.au-flex-row {\n  flex-direction: row;\n}\n.au-flex-col {\n  flex-direction: column;\n}\n.au-flex-col-reverse {\n  flex-direction: column-reverse;\n}\n.au-items-start {\n  align-items: flex-start;\n}\n.au-items-end {\n  align-items: flex-end;\n}\n.au-items-center {\n  align-items: center;\n}\n.au-justify-end {\n  justify-content: flex-end;\n}\n.au-justify-center {\n  justify-content: center;\n}\n.au-justify-between {\n  justify-content: space-between;\n}\n.au-gap-0 {\n  gap: 0px;\n}\n.au-gap-1 {\n  gap: 0.25rem;\n}\n.au-gap-2 {\n  gap: 0.5rem;\n}\n.au-gap-4 {\n  gap: 1rem;\n}\n.au-gap-x-4 {\n  -moz-column-gap: 1rem;\n  column-gap: 1rem;\n}\n.au-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.au-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\n.au-space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));\n}\n.au-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.au-overflow-hidden {\n  overflow: hidden;\n}\n.au-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.au-whitespace-nowrap {\n  white-space: nowrap;\n}\n.au-rounded-full {\n  border-radius: 9999px;\n}\n.au-rounded-lg {\n  border-radius: var(--au-radius);\n}\n.au-rounded-md {\n  border-radius: calc(var(--au-radius) - 2px);\n}\n.au-rounded-sm {\n  border-radius: calc(var(--au-radius) - 4px);\n}\n.au-rounded-bl-lg {\n  border-bottom-left-radius: var(--au-radius);\n}\n.au-border {\n  border-width: 1px;\n}\n.au-border-2 {\n  border-width: 2px;\n}\n.au-border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.au-border-b {\n  border-bottom-width: 1px;\n}\n.au-border-b-0 {\n  border-bottom-width: 0px;\n}\n.au-border-t {\n  border-top-width: 1px;\n}\n.au-border-none {\n  border-style: none;\n}\n.au-border-input {\n  border-color: hsl(var(--au-input));\n}\n.au-border-transparent {\n  border-color: transparent;\n}\n.au-border-zinc-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(228 228 231 / var(--tw-border-opacity));\n}\n.au-bg-accent\\/80 {\n  background-color: hsl(var(--au-accent) / 0.8);\n}\n.au-bg-background {\n  background-color: hsl(var(--au-background));\n}\n.au-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.au-bg-black\\/40 {\n  background-color: rgb(0 0 0 / 0.4);\n}\n.au-bg-destructive {\n  background-color: hsl(var(--au-destructive));\n}\n.au-bg-popover {\n  background-color: hsl(var(--au-popover));\n}\n.au-bg-primary {\n  background-color: hsl(var(--au-primary));\n}\n.au-bg-secondary {\n  background-color: hsl(var(--au-secondary));\n}\n.au-bg-secondary\\/40 {\n  background-color: hsl(var(--au-secondary) / 0.4);\n}\n.au-bg-transparent {\n  background-color: transparent;\n}\n.au-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.au-p-0 {\n  padding: 0px;\n}\n.au-p-4 {\n  padding: 1rem;\n}\n.au-p-6 {\n  padding: 1.5rem;\n}\n.\\!au-py-10 {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n.au-px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.au-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.au-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.au-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.au-px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.au-py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.au-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.au-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.au-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.au-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.au-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.au-py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.au-pb-0 {\n  padding-bottom: 0px;\n}\n.au-pb-2 {\n  padding-bottom: 0.5rem;\n}\n.au-pb-4 {\n  padding-bottom: 1rem;\n}\n.au-pl-6 {\n  padding-left: 1.5rem;\n}\n.au-pr-3 {\n  padding-right: 0.75rem;\n}\n.au-pt-0 {\n  padding-top: 0px;\n}\n.au-pt-3 {\n  padding-top: 0.75rem;\n}\n.au-pt-4 {\n  padding-top: 1rem;\n}\n.au-text-left {\n  text-align: left;\n}\n.au-text-center {\n  text-align: center;\n}\n.au-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.au-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n.au-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.au-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.au-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.au-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.au-font-bold {\n  font-weight: 700;\n}\n.au-font-light {\n  font-weight: 300;\n}\n.au-font-medium {\n  font-weight: 500;\n}\n.au-font-normal {\n  font-weight: 400;\n}\n.au-font-semibold {\n  font-weight: 600;\n}\n.au-leading-none {\n  line-height: 1;\n}\n.au-tracking-tight {\n  letter-spacing: -0.025em;\n}\n.au-text-destructive-foreground {\n  color: hsl(var(--au-destructive-foreground));\n}\n.au-text-foreground {\n  color: hsl(var(--au-foreground));\n}\n.au-text-muted-foreground {\n  color: hsl(var(--au-muted-foreground));\n}\n.au-text-popover-foreground {\n  color: hsl(var(--au-popover-foreground));\n}\n.au-text-primary {\n  color: hsl(var(--au-primary));\n}\n.au-text-primary-foreground {\n  color: hsl(var(--au-primary-foreground));\n}\n.au-text-secondary-foreground {\n  color: hsl(var(--au-secondary-foreground));\n}\n.au-text-zinc-400 {\n  --tw-text-opacity: 1;\n  color: rgb(161 161 170 / var(--tw-text-opacity));\n}\n.au-underline-offset-4 {\n  text-underline-offset: 4px;\n}\n.au-opacity-70 {\n  opacity: 0.7;\n}\n.au-shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-inner {\n  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.au-shadow-stone-400 {\n  --tw-shadow-color: #a8a29e;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-shadow-zinc-800 {\n  --tw-shadow-color: #27272a;\n  --tw-shadow: var(--tw-shadow-colored);\n}\n.au-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.au-ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.au-ring-offset-background {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.au-backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.au-transition {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter;\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-\\[color\\,box-shadow\\] {\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.au-duration-200 {\n  transition-duration: 200ms;\n}\n.au-duration-300 {\n  transition-duration: 300ms;\n}\n.au-ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n  }\n}\n.au-slide-in-from-left-1 {\n  --tw-enter-translate-x: -0.25rem;\n}\n.au-slide-out-to-left-1 {\n  --tw-exit-translate-x: -0.25rem;\n}\n.au-duration-200 {\n  animation-duration: 200ms;\n}\n.au-duration-300 {\n  animation-duration: 300ms;\n}\n.au-ease-in-out {\n  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.au-root {\n  --au-background: 0 0% 100%;\n  --au-foreground: 240 10% 3.9%;\n  --au-card: 0 0% 100%;\n  --au-card-foreground: 240 10% 3.9%;\n  --au-popover: 0 0% 100%;\n  --au-popover-foreground: 240 10% 3.9%;\n  --au-primary: 240 5.9% 10%;\n  --au-primary-foreground: 0 0% 98%;\n  --au-secondary: 240 4.8% 95.9%;\n  --au-secondary-foreground: 240 5.9% 10%;\n  --au-muted: 240 4.8% 95.9%;\n  --au-muted-foreground: 240 3.8% 46.1%;\n  --au-accent: 240 4.8% 95.9%;\n  --au-accent-foreground: 240 5.9% 10%;\n  --au-destructive: 0 84.2% 60.2%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 5.9% 90%;\n  --au-input: 240 5.9% 90%;\n  --au-ring: 240 10% 3.9%;\n  --au-chart-1: 12 76% 61%;\n  --au-chart-2: 173 58% 39%;\n  --au-chart-3: 197 37% 24%;\n  --au-chart-4: 43 74% 66%;\n  --au-chart-5: 27 87% 67%;\n  --au-radius: 0.5rem;\n  --au-sidebar-background: 0 0% 98%;\n  --au-sidebar-foreground: 240 5.3% 26.1%;\n  --au-sidebar-primary: 240 5.9% 10%;\n  --au-sidebar-primary-foreground: 0 0% 98%;\n  --au-sidebar-accent: 240 4.8% 95.9%;\n  --au-sidebar-accent-foreground: 240 5.9% 10%;\n  --au-sidebar-border: 220 13% 91%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.au-root.dark {\n  --au-background: 240 10% 3.9%;\n  --au-foreground: 0 0% 98%;\n  --au-card: 240 10% 3.9%;\n  --au-card-foreground: 0 0% 98%;\n  --au-popover: 240 10% 3.9%;\n  --au-popover-foreground: 0 0% 98%;\n  --au-primary: 0 0% 98%;\n  --au-primary-foreground: 240 5.9% 10%;\n  --au-secondary: 240 3.7% 15.9%;\n  --au-secondary-foreground: 0 0% 98%;\n  --au-muted: 240 3.7% 15.9%;\n  --au-muted-foreground: 240 5% 64.9%;\n  --au-accent: 240 3.7% 15.9%;\n  --au-accent-foreground: 0 0% 98%;\n  --au-destructive: 0 62.8% 30.6%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 3.7% 15.9%;\n  --au-input: 240 3.7% 15.9%;\n  --au-ring: 240 4.9% 83.9%;\n  --au-chart-1: 220 70% 50%;\n  --au-chart-2: 160 60% 45%;\n  --au-chart-3: 30 80% 55%;\n  --au-chart-4: 280 65% 60%;\n  --au-chart-5: 340 75% 55%;\n  --au-sidebar-background: 240 5.9% 10%;\n  --au-sidebar-foreground: 240 4.8% 95.9%;\n  --au-sidebar-primary: 224.3 76.3% 48%;\n  --au-sidebar-primary-foreground: 0 0% 100%;\n  --au-sidebar-accent: 240 3.7% 15.9%;\n  --au-sidebar-accent-foreground: 240 4.8% 95.9%;\n  --au-sidebar-border: 240 3.7% 15.9%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}.dark .au-root {\n  --au-background: 240 10% 3.9%;\n  --au-foreground: 0 0% 98%;\n  --au-card: 240 10% 3.9%;\n  --au-card-foreground: 0 0% 98%;\n  --au-popover: 240 10% 3.9%;\n  --au-popover-foreground: 0 0% 98%;\n  --au-primary: 0 0% 98%;\n  --au-primary-foreground: 240 5.9% 10%;\n  --au-secondary: 240 3.7% 15.9%;\n  --au-secondary-foreground: 0 0% 98%;\n  --au-muted: 240 3.7% 15.9%;\n  --au-muted-foreground: 240 5% 64.9%;\n  --au-accent: 240 3.7% 15.9%;\n  --au-accent-foreground: 0 0% 98%;\n  --au-destructive: 0 62.8% 30.6%;\n  --au-destructive-foreground: 0 0% 98%;\n  --au-border: 240 3.7% 15.9%;\n  --au-input: 240 3.7% 15.9%;\n  --au-ring: 240 4.9% 83.9%;\n  --au-chart-1: 220 70% 50%;\n  --au-chart-2: 160 60% 45%;\n  --au-chart-3: 30 80% 55%;\n  --au-chart-4: 280 65% 60%;\n  --au-chart-5: 340 75% 55%;\n  --au-sidebar-background: 240 5.9% 10%;\n  --au-sidebar-foreground: 240 4.8% 95.9%;\n  --au-sidebar-primary: 224.3 76.3% 48%;\n  --au-sidebar-primary-foreground: 0 0% 100%;\n  --au-sidebar-accent: 240 3.7% 15.9%;\n  --au-sidebar-accent-foreground: 240 4.8% 95.9%;\n  --au-sidebar-border: 240 3.7% 15.9%;\n  --au-sidebar-ring: 217.2 91.2% 59.8%;\n}\n.selection\\:au-bg-primary *::-moz-selection {\n  background-color: hsl(var(--au-primary));\n}\n.selection\\:au-bg-primary *::selection {\n  background-color: hsl(var(--au-primary));\n}\n.selection\\:au-text-primary-foreground *::-moz-selection {\n  color: hsl(var(--au-primary-foreground));\n}\n.selection\\:au-text-primary-foreground *::selection {\n  color: hsl(var(--au-primary-foreground));\n}\n.selection\\:au-bg-primary::-moz-selection {\n  background-color: hsl(var(--au-primary));\n}\n.selection\\:au-bg-primary::selection {\n  background-color: hsl(var(--au-primary));\n}\n.selection\\:au-text-primary-foreground::-moz-selection {\n  color: hsl(var(--au-primary-foreground));\n}\n.selection\\:au-text-primary-foreground::selection {\n  color: hsl(var(--au-primary-foreground));\n}\n.file\\:au-inline-flex::file-selector-button {\n  display: inline-flex;\n}\n.file\\:au-h-7::file-selector-button {\n  height: 1.75rem;\n}\n.file\\:au-border-0::file-selector-button {\n  border-width: 0px;\n}\n.file\\:au-bg-transparent::file-selector-button {\n  background-color: transparent;\n}\n.file\\:au-text-sm::file-selector-button {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.file\\:au-font-medium::file-selector-button {\n  font-weight: 500;\n}\n.file\\:au-text-foreground::file-selector-button {\n  color: hsl(var(--au-foreground));\n}\n.placeholder\\:au-text-muted-foreground::-moz-placeholder {\n  color: hsl(var(--au-muted-foreground));\n}\n.placeholder\\:au-text-muted-foreground::placeholder {\n  color: hsl(var(--au-muted-foreground));\n}\n.hover\\:au-bg-accent:hover {\n  background-color: hsl(var(--au-accent));\n}\n.hover\\:au-bg-destructive\\/90:hover {\n  background-color: hsl(var(--au-destructive) / 0.9);\n}\n.hover\\:au-bg-primary\\/90:hover {\n  background-color: hsl(var(--au-primary) / 0.9);\n}\n.hover\\:au-bg-secondary\\/80:hover {\n  background-color: hsl(var(--au-secondary) / 0.8);\n}\n.hover\\:au-bg-zinc-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(244 244 245 / var(--tw-bg-opacity));\n}\n.hover\\:au-text-accent-foreground:hover {\n  color: hsl(var(--au-accent-foreground));\n}\n.hover\\:au-text-foreground:hover {\n  color: hsl(var(--au-foreground));\n}\n.hover\\:au-underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:au-opacity-100:hover {\n  opacity: 1;\n}\n.hover\\:au-brightness-90:hover {\n  --tw-brightness: brightness(.9);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.focus\\:au-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:\\!au-ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000) !important;\n}\n.focus\\:au-ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:au-ring-ring:focus {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus\\:au-ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-border-ring:focus-visible {\n  border-color: hsl(var(--au-ring));\n}\n.focus-visible\\:au-outline-none:focus-visible {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus-visible\\:au-ring-1:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-ring-2:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-ring-\\[3px\\]:focus-visible {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus-visible\\:au-ring-ring:focus-visible {\n  --tw-ring-color: hsl(var(--au-ring));\n}\n.focus-visible\\:au-ring-ring\\/50:focus-visible {\n  --tw-ring-color: hsl(var(--au-ring) / 0.5);\n}\n.focus-visible\\:au-ring-offset-2:focus-visible {\n  --tw-ring-offset-width: 2px;\n}\n.focus-visible\\:au-ring-offset-background:focus-visible {\n  --tw-ring-offset-color: hsl(var(--au-background));\n}\n.disabled\\:au-pointer-events-none:disabled {\n  pointer-events: none;\n}\n.disabled\\:au-cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:au-opacity-50:disabled {\n  opacity: 0.5;\n}\n.au-group:hover .group-hover\\:au-mt-0 {\n  margin-top: 0px;\n}\n.au-group:hover .group-hover\\:au-translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.au-group:hover .group-hover\\:au-translate-y-\\[-130\\%\\] {\n  --tw-translate-y: -130%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[state\\=checked\\]\\:au-translate-x-4[data-state=checked] {\n  --tw-translate-x: 1rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.data-\\[state\\=unchecked\\]\\:au-translate-x-0[data-state=unchecked] {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes au-accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.data-\\[state\\=closed\\]\\:au-animate-accordion-up[data-state=closed] {\n  animation: au-accordion-up 0.2s ease-out;\n}\n@keyframes au-accordion-down {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n.data-\\[state\\=open\\]\\:au-animate-accordion-down[data-state=open] {\n  animation: au-accordion-down 0.2s ease-out;\n}\n.data-\\[state\\=checked\\]\\:au-bg-primary[data-state=checked] {\n  background-color: hsl(var(--au-primary));\n}\n.data-\\[state\\=open\\]\\:au-bg-accent[data-state=open] {\n  background-color: hsl(var(--au-accent));\n}\n.data-\\[state\\=unchecked\\]\\:au-bg-input[data-state=unchecked] {\n  background-color: hsl(var(--au-input));\n}\n.data-\\[state\\=open\\]\\:au-text-muted-foreground[data-state=open] {\n  color: hsl(var(--au-muted-foreground));\n}\n.data-\\[state\\=open\\]\\:au-animate-in[data-state=open] {\n  animation-name: enter;\n  animation-duration: 150ms;\n  --tw-enter-opacity: initial;\n  --tw-enter-scale: initial;\n  --tw-enter-rotate: initial;\n  --tw-enter-translate-x: initial;\n  --tw-enter-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-animate-out[data-state=closed] {\n  animation-name: exit;\n  animation-duration: 150ms;\n  --tw-exit-opacity: initial;\n  --tw-exit-scale: initial;\n  --tw-exit-rotate: initial;\n  --tw-exit-translate-x: initial;\n  --tw-exit-translate-y: initial;\n}\n.data-\\[state\\=closed\\]\\:au-fade-out-0[data-state=closed] {\n  --tw-exit-opacity: 0;\n}\n.data-\\[state\\=open\\]\\:au-fade-in-0[data-state=open] {\n  --tw-enter-opacity: 0;\n}\n.data-\\[state\\=closed\\]\\:au-zoom-out-95[data-state=closed] {\n  --tw-exit-scale: .95;\n}\n.data-\\[state\\=open\\]\\:au-zoom-in-95[data-state=open] {\n  --tw-enter-scale: .95;\n}\n.data-\\[side\\=bottom\\]\\:au-slide-in-from-top-2[data-side=bottom] {\n  --tw-enter-translate-y: -0.5rem;\n}\n.data-\\[side\\=left\\]\\:au-slide-in-from-right-2[data-side=left] {\n  --tw-enter-translate-x: 0.5rem;\n}\n.data-\\[side\\=right\\]\\:au-slide-in-from-left-2[data-side=right] {\n  --tw-enter-translate-x: -0.5rem;\n}\n.data-\\[side\\=top\\]\\:au-slide-in-from-bottom-2[data-side=top] {\n  --tw-enter-translate-y: 0.5rem;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-left-1\\/2[data-state=closed] {\n  --tw-exit-translate-x: -50%;\n}\n.data-\\[state\\=closed\\]\\:au-slide-out-to-top-\\[48\\%\\][data-state=closed] {\n  --tw-exit-translate-y: -48%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-left-1\\/2[data-state=open] {\n  --tw-enter-translate-x: -50%;\n}\n.data-\\[state\\=open\\]\\:au-slide-in-from-top-\\[48\\%\\][data-state=open] {\n  --tw-enter-translate-y: -48%;\n}\n:is(.au-dark .dark\\:au-bg-input\\/30) {\n  background-color: hsl(var(--au-input) / 0.3);\n}\n:is(.au-dark .dark\\:au-shadow-zinc-800\\/80) {\n  --tw-shadow-color: rgb(39 39 42 / 0.8);\n  --tw-shadow: var(--tw-shadow-colored);\n}\n@media (min-width: 640px) {\n  .sm\\:au-h-7 {\n    height: 1.75rem;\n  }\n  .sm\\:au-grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .sm\\:au-flex-row {\n    flex-direction: row;\n  }\n  .sm\\:au-items-center {\n    align-items: center;\n  }\n  .sm\\:au-justify-end {\n    justify-content: flex-end;\n  }\n  .sm\\:au-gap-2 {\n    gap: 0.5rem;\n  }\n  .sm\\:au-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .sm\\:au-rounded-lg {\n    border-radius: var(--au-radius);\n  }\n  .sm\\:au-pb-0 {\n    padding-bottom: 0px;\n  }\n  .sm\\:au-text-left {\n    text-align: left;\n  }\n}\n@media (min-width: 768px) {\n  .md\\:au-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n}\n@media (min-width: 1024px) {\n  .lg\\:au-right-4 {\n    right: 1rem;\n  }\n  .lg\\:au-top-4 {\n    top: 1rem;\n  }\n  .lg\\:au-h-\\[calc\\(100\\%\\+48px\\)\\] {\n    height: calc(100% + 48px);\n  }\n  .lg\\:au--translate-y-12 {\n    --tw-translate-y: -3rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .lg\\:au--translate-y-6 {\n    --tw-translate-y: -1.5rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .lg\\:au-translate-y-6 {\n    --tw-translate-y: 1.5rem;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n  .lg\\:au-grid-cols-\\[repeat\\(auto-fit\\,minmax\\(200px\\,1fr\\)\\)\\] {\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  }\n  .lg\\:au-rounded-full {\n    border-radius: 9999px;\n  }\n  .lg\\:au-py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n  .lg\\:au-py-0\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n  .lg\\:au-shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow:\n      var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000),\n      var(--tw-shadow);\n  }\n}\n.\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:au-rotate-180[data-state=open] > svg {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.\\[\\&\\[data-state\\=open\\]_svg\\]\\:au-rotate-0[data-state=open] svg {\n  --tw-rotate: 0deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.\\[\\&_svg\\]\\:au-pointer-events-none svg {\n  pointer-events: none;\n}\n.\\[\\&_svg\\]\\:au-size-4 svg {\n  width: 1rem;\n  height: 1rem;\n}\n.\\[\\&_svg\\]\\:au-shrink-0 svg {\n  flex-shrink: 0;\n}\n');
 
 // src/libraries/react/BaseAutumnProvider.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
+var import_react5 = require("react");
 
-// src/libraries/react/hooks/useDialog.tsx
+// src/libraries/react/hooks/helpers/useDialog.tsx
 var import_react = require("react");
 var useDialog = (component) => {
   const [dialogProps, setDialogProps] = (0, import_react.useState)(null);
@@ -87,6 +90,7 @@ var useDialog = (component) => {
 
 // src/libraries/react/hooks/useCustomerBase.tsx
 var import_swr2 = __toESM(require("swr"));
+var import_react3 = require("react");
 
 // src/libraries/react/errorUtils/logAuthError.ts
 var logAuthError = async (response) => {
@@ -173,6 +177,12 @@ var handleCheck = async ({
 }) => {
   return instance.post("/check", params);
 };
+var handleQuery = async ({
+  instance,
+  params
+}) => {
+  return instance.post("/query", params);
+};
 
 // src/libraries/backend/constants.ts
 var autumnApiUrl = "https://api.useautumn.com/v1";
@@ -550,60 +560,32 @@ var Autumn = class {
       params
     });
   }
+  static query = (params) => staticWrapper(handleQuery, void 0, { params });
+  async query(params) {
+    return handleQuery({
+      instance: this,
+      params
+    });
+  }
 };
 
-// src/sdk/customers/entities/entTypes.ts
-var import_zod = require("zod");
-var EntityDataSchema = import_zod.z.object({
-  name: import_zod.z.string().optional(),
-  feature_id: import_zod.z.string()
-});
-
-// src/sdk/general/genTypes.ts
-var import_zod2 = require("zod");
-var CancelParamsSchema = import_zod2.z.object({
-  customer_id: import_zod2.z.string(),
-  product_id: import_zod2.z.string(),
-  entity_id: import_zod2.z.string().optional(),
-  cancel_immediately: import_zod2.z.boolean().optional()
-});
-var CancelResultSchema = import_zod2.z.object({
-  success: import_zod2.z.boolean(),
-  customer_id: import_zod2.z.string(),
-  product_id: import_zod2.z.string()
-});
-var TrackParamsSchema = import_zod2.z.object({
-  customer_id: import_zod2.z.string(),
-  value: import_zod2.z.number().optional(),
-  feature_id: import_zod2.z.string().optional(),
-  event_name: import_zod2.z.string().optional(),
-  entity_id: import_zod2.z.string().optional(),
-  customer_data: import_zod2.z.any().optional(),
-  idempotency_key: import_zod2.z.string().optional(),
-  entity_data: import_zod2.z.any().optional()
-});
-var TrackResultSchema = import_zod2.z.object({
-  id: import_zod2.z.string(),
-  code: import_zod2.z.string(),
-  customer_id: import_zod2.z.string(),
-  feature_id: import_zod2.z.string().optional(),
-  event_name: import_zod2.z.string().optional()
-});
-var CheckParamsSchema = import_zod2.z.object({
-  customer_id: import_zod2.z.string(),
-  feature_id: import_zod2.z.string().optional(),
-  product_id: import_zod2.z.string().optional(),
-  entity_id: import_zod2.z.string().optional(),
-  customer_data: import_zod2.z.any().optional(),
-  required_balance: import_zod2.z.number().optional(),
-  send_event: import_zod2.z.boolean().optional(),
-  with_preview: import_zod2.z.boolean().optional(),
-  entity_data: EntityDataSchema.optional()
-});
+// src/sdk/products/prodEnums.ts
+var ProductItemInterval = /* @__PURE__ */ ((ProductItemInterval2) => {
+  ProductItemInterval2["Minute"] = "minute";
+  ProductItemInterval2["Hour"] = "hour";
+  ProductItemInterval2["Day"] = "day";
+  ProductItemInterval2["Week"] = "week";
+  ProductItemInterval2["Month"] = "month";
+  ProductItemInterval2["Quarter"] = "quarter";
+  ProductItemInterval2["SemiAnnual"] = "semi_annual";
+  ProductItemInterval2["Year"] = "year";
+  ProductItemInterval2["Multiple"] = "multiple";
+  return ProductItemInterval2;
+})(ProductItemInterval || {});
 
 // src/sdk/customers/cusEnums.ts
-var import_zod3 = require("zod");
-var CustomerExpandEnum = import_zod3.z.enum([
+var import_zod = require("zod");
+var CustomerExpandEnum = import_zod.z.enum([
   "invoices",
   "rewards",
   "trials_used",
@@ -613,71 +595,161 @@ var CustomerExpandEnum = import_zod3.z.enum([
 ]);
 
 // src/sdk/customers/cusTypes.ts
-var import_zod4 = require("zod");
-var CustomerDataSchema = import_zod4.z.object({
-  name: import_zod4.z.string().nullish(),
-  email: import_zod4.z.string().nullish(),
-  fingerprint: import_zod4.z.string().nullish()
+var import_zod2 = require("zod");
+var CoreCusFeatureSchema = import_zod2.z.object({
+  unlimited: import_zod2.z.boolean().optional(),
+  interval: import_zod2.z.nativeEnum(ProductItemInterval).optional(),
+  balance: import_zod2.z.number().optional(),
+  usage: import_zod2.z.number().optional(),
+  included_usage: import_zod2.z.number().optional(),
+  next_reset_at: import_zod2.z.number().optional(),
+  overage_allowed: import_zod2.z.boolean().optional(),
+  usage_limit: import_zod2.z.number().optional(),
+  breakdown: import_zod2.z.array(
+    import_zod2.z.object({
+      interval: import_zod2.z.nativeEnum(ProductItemInterval),
+      balance: import_zod2.z.number().optional(),
+      usage: import_zod2.z.number().optional(),
+      included_usage: import_zod2.z.number().optional(),
+      next_reset_at: import_zod2.z.number().optional()
+    })
+  ).optional(),
+  credit_schema: import_zod2.z.array(
+    import_zod2.z.object({
+      feature_id: import_zod2.z.string(),
+      credit_amount: import_zod2.z.number()
+    })
+  ).optional()
+});
+var CustomerDataSchema = import_zod2.z.object({
+  name: import_zod2.z.string().nullish(),
+  email: import_zod2.z.string().nullish(),
+  fingerprint: import_zod2.z.string().nullish()
 });
-var CreateCustomerParamsSchema = import_zod4.z.object({
-  id: import_zod4.z.string().nullish(),
-  email: import_zod4.z.string().nullish(),
-  name: import_zod4.z.string().nullish(),
-  fingerprint: import_zod4.z.string().nullish(),
-  metadata: import_zod4.z.record(import_zod4.z.any()).optional(),
-  expand: import_zod4.z.array(CustomerExpandEnum).optional()
+var CreateCustomerParamsSchema = import_zod2.z.object({
+  id: import_zod2.z.string().nullish(),
+  email: import_zod2.z.string().nullish(),
+  name: import_zod2.z.string().nullish(),
+  fingerprint: import_zod2.z.string().nullish(),
+  metadata: import_zod2.z.record(import_zod2.z.any()).optional(),
+  expand: import_zod2.z.array(CustomerExpandEnum).optional()
 });
-var BillingPortalParamsSchema = import_zod4.z.object({
-  return_url: import_zod4.z.string().optional()
+var BillingPortalParamsSchema = import_zod2.z.object({
+  return_url: import_zod2.z.string().optional()
 });
 
-// src/sdk/referrals/referralTypes.ts
+// src/sdk/general/checkTypes.ts
+var import_zod3 = require("zod");
+var CheckFeatureResultSchema = import_zod3.z.object({
+  allowed: import_zod3.z.boolean(),
+  feature_id: import_zod3.z.string(),
+  customer_id: import_zod3.z.string(),
+  entity_id: import_zod3.z.string().optional(),
+  required_balance: import_zod3.z.number()
+}).extend(CoreCusFeatureSchema.shape);
+
+// src/sdk/customers/entities/entTypes.ts
+var import_zod4 = require("zod");
+var EntityDataSchema = import_zod4.z.object({
+  name: import_zod4.z.string().optional(),
+  feature_id: import_zod4.z.string()
+});
+
+// src/sdk/general/genTypes.ts
 var import_zod5 = require("zod");
-var CreateReferralCodeParamsSchema = import_zod5.z.object({
+var CancelParamsSchema = import_zod5.z.object({
+  customer_id: import_zod5.z.string(),
+  product_id: import_zod5.z.string(),
+  entity_id: import_zod5.z.string().optional(),
+  cancel_immediately: import_zod5.z.boolean().optional()
+});
+var CancelResultSchema = import_zod5.z.object({
+  success: import_zod5.z.boolean(),
   customer_id: import_zod5.z.string(),
-  program_id: import_zod5.z.string()
+  product_id: import_zod5.z.string()
 });
-var RedeemReferralCodeParamsSchema = import_zod5.z.object({
+var TrackParamsSchema = import_zod5.z.object({
+  customer_id: import_zod5.z.string(),
+  value: import_zod5.z.number().optional(),
+  feature_id: import_zod5.z.string().optional(),
+  event_name: import_zod5.z.string().optional(),
+  entity_id: import_zod5.z.string().optional(),
+  customer_data: import_zod5.z.any().optional(),
+  idempotency_key: import_zod5.z.string().optional(),
+  entity_data: import_zod5.z.any().optional()
+});
+var TrackResultSchema = import_zod5.z.object({
+  id: import_zod5.z.string(),
   code: import_zod5.z.string(),
-  customer_id: import_zod5.z.string()
+  customer_id: import_zod5.z.string(),
+  feature_id: import_zod5.z.string().optional(),
+  event_name: import_zod5.z.string().optional()
+});
+var CheckParamsSchema = import_zod5.z.object({
+  customer_id: import_zod5.z.string(),
+  feature_id: import_zod5.z.string().optional(),
+  product_id: import_zod5.z.string().optional(),
+  entity_id: import_zod5.z.string().optional(),
+  customer_data: import_zod5.z.any().optional(),
+  required_balance: import_zod5.z.number().optional(),
+  send_event: import_zod5.z.boolean().optional(),
+  with_preview: import_zod5.z.boolean().optional(),
+  entity_data: EntityDataSchema.optional()
+});
+var QueryRangeEnum = import_zod5.z.enum(["24h", "7d", "30d", "90d", "last_cycle"]);
+var QueryParamsSchema = import_zod5.z.object({
+  customer_id: import_zod5.z.string(),
+  feature_id: import_zod5.z.string().or(import_zod5.z.array(import_zod5.z.string())),
+  range: QueryRangeEnum.optional()
 });
 
-// src/sdk/general/attachTypes.ts
+// src/sdk/referrals/referralTypes.ts
 var import_zod6 = require("zod");
-var AttachFeatureOptionsSchema = import_zod6.z.object({
-  feature_id: import_zod6.z.string(),
-  quantity: import_zod6.z.number()
-});
-var AttachParamsSchema = import_zod6.z.object({
+var CreateReferralCodeParamsSchema = import_zod6.z.object({
   customer_id: import_zod6.z.string(),
-  product_id: import_zod6.z.string().optional(),
-  entity_id: import_zod6.z.string().optional(),
-  options: import_zod6.z.array(AttachFeatureOptionsSchema).optional(),
-  product_ids: import_zod6.z.array(import_zod6.z.string()).optional(),
-  free_trial: import_zod6.z.boolean().optional(),
-  success_url: import_zod6.z.string().optional(),
-  metadata: import_zod6.z.record(import_zod6.z.string()).optional(),
-  force_checkout: import_zod6.z.boolean().optional(),
-  customer_data: CustomerDataSchema.optional(),
-  entity_data: import_zod6.z.any().optional(),
-  checkout_session_params: import_zod6.z.record(import_zod6.z.any()).optional(),
-  reward: import_zod6.z.string().optional()
+  program_id: import_zod6.z.string()
 });
-var AttachResultSchema = import_zod6.z.object({
-  checkout_url: import_zod6.z.string().optional(),
-  customer_id: import_zod6.z.string(),
-  product_ids: import_zod6.z.array(import_zod6.z.string()),
+var RedeemReferralCodeParamsSchema = import_zod6.z.object({
   code: import_zod6.z.string(),
-  message: import_zod6.z.string(),
-  customer_data: import_zod6.z.any().optional()
+  customer_id: import_zod6.z.string()
 });
-var CheckoutParamsSchema = import_zod6.z.object({
-  customer_id: import_zod6.z.string(),
-  product_id: import_zod6.z.string(),
-  entity_id: import_zod6.z.string().optional(),
-  success_url: import_zod6.z.string().optional(),
+
+// src/sdk/general/attachTypes.ts
+var import_zod7 = require("zod");
+var AttachFeatureOptionsSchema = import_zod7.z.object({
+  feature_id: import_zod7.z.string(),
+  quantity: import_zod7.z.number()
+});
+var AttachParamsSchema = import_zod7.z.object({
+  customer_id: import_zod7.z.string(),
+  product_id: import_zod7.z.string().optional(),
+  entity_id: import_zod7.z.string().optional(),
+  options: import_zod7.z.array(AttachFeatureOptionsSchema).optional(),
+  product_ids: import_zod7.z.array(import_zod7.z.string()).optional(),
+  free_trial: import_zod7.z.boolean().optional(),
+  success_url: import_zod7.z.string().optional(),
+  metadata: import_zod7.z.record(import_zod7.z.string()).optional(),
+  force_checkout: import_zod7.z.boolean().optional(),
   customer_data: CustomerDataSchema.optional(),
-  options: import_zod6.z.array(AttachFeatureOptionsSchema).optional()
+  entity_data: import_zod7.z.any().optional(),
+  checkout_session_params: import_zod7.z.record(import_zod7.z.any()).optional(),
+  reward: import_zod7.z.string().optional()
+});
+var AttachResultSchema = import_zod7.z.object({
+  checkout_url: import_zod7.z.string().optional(),
+  customer_id: import_zod7.z.string(),
+  product_ids: import_zod7.z.array(import_zod7.z.string()),
+  code: import_zod7.z.string(),
+  message: import_zod7.z.string(),
+  customer_data: import_zod7.z.any().optional()
+});
+var CheckoutParamsSchema = import_zod7.z.object({
+  customer_id: import_zod7.z.string(),
+  product_id: import_zod7.z.string(),
+  entity_id: import_zod7.z.string().optional(),
+  success_url: import_zod7.z.string().optional(),
+  customer_data: CustomerDataSchema.optional(),
+  options: import_zod7.z.array(AttachFeatureOptionsSchema).optional()
 });
 
 // src/libraries/react/errorUtils/logFetchError.ts
@@ -791,6 +863,11 @@ async function openBillingPortalMethod(params) {
   const res = await this.post(`${this.prefix}/billing_portal`, snakeParams);
   return res;
 }
+async function queryMethod(params) {
+  let snakeParams = toSnakeCase(params);
+  const res = await this.post(`${this.prefix}/query`, snakeParams);
+  return res;
+}
 
 // src/libraries/react/client/clientProdMethods.ts
 async function listProductsMethod() {
@@ -974,6 +1051,7 @@ var AutumnClient = class {
   track = trackMethod.bind(this);
   openBillingPortal = openBillingPortalMethod.bind(this);
   setupPayment = setupPaymentMethod.bind(this);
+  query = queryMethod.bind(this);
   entities = {
     create: createEntityMethod.bind(this),
     get: getEntityMethod.bind(this),
@@ -1013,7 +1091,8 @@ var AutumnContext = (0, import_react2.createContext)({
     },
     setComponent: () => {
     }
-  }
+  },
+  paywallRef: { current: null }
 });
 var useAutumnContext = ({
   AutumnContext: AutumnContext2,
@@ -1188,14 +1267,9 @@ var defaultSWRConfig = {
   refreshInterval: 0
 };
 var usePricingTableBase = ({
-  AutumnContext: AutumnContext2,
+  client,
   params
 }) => {
-  const context = useAutumnContext({
-    AutumnContext: AutumnContext2,
-    name: "usePricingTable"
-  });
-  const client = context.client;
   const fetcher = async () => {
     try {
       const { data: data2, error: error2 } = await client.products.list();
@@ -1221,31 +1295,15 @@ var usePricingTableBase = ({
   };
 };
 
-// src/libraries/react/hooks/useAutumnBase.tsx
+// src/libraries/react/hooks/helpers/useAutumnBase.tsx
 var useAutumnBase = ({
-  AutumnContext: AutumnContext2,
+  // AutumnContext,
+  context,
+  client,
   refetchCustomer
 }) => {
-  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 { attachDialog, paywallDialog } = context || {};
+  const { refetch: refetchPricingTable } = usePricingTableBase({ client });
   const attachWithoutDialog = async (params) => {
     const result = await client.attach(params);
     if (result.error) {
@@ -1263,9 +1321,7 @@ var useAutumnBase = ({
     if (refetchCustomer) {
       await refetchCustomer();
     }
-    if (setAttachOpen) {
-      setAttachOpen(false);
-    }
+    attachDialog?.setOpen(false);
     return result;
   };
   const checkout = async (params) => {
@@ -1283,9 +1339,9 @@ var useAutumnBase = ({
       return { data, error };
     }
     if (params.dialog) {
-      setAttachProps({ checkoutResult: data, attachParams: rest });
-      setAttachComponent(params.dialog);
-      setAttachOpen(true);
+      attachDialog?.setProps({ checkoutResult: data, attachParams: rest });
+      attachDialog?.setComponent(params.dialog);
+      attachDialog?.setOpen(true);
     }
     return { data, error };
   };
@@ -1305,16 +1361,15 @@ var useAutumnBase = ({
     if (!preview) {
       return await attachWithoutDialog(rest);
     } else {
-      setAttachProps({ preview, attachParams: rest });
-      setAttachOpen(true);
+      attachDialog?.setProps({ preview, attachParams: rest });
+      attachDialog?.setOpen(true);
     }
     return checkRes;
   };
   const attach = async (params) => {
     const { dialog } = params;
-    let finalDialog = dialog;
-    if (finalDialog && !attachOpen) {
-      setAttachComponent(finalDialog);
+    if (dialog && !attachDialog?.open) {
+      attachDialog?.setComponent(dialog);
       return await attachWithDialog(params);
     }
     return await attachWithoutDialog(params);
@@ -1326,26 +1381,6 @@ var useAutumnBase = ({
     }
     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) {
@@ -1399,7 +1434,7 @@ var useAutumnBase = ({
   };
   return {
     attach,
-    check,
+    // check,
     track,
     cancel,
     openBillingPortal,
@@ -1408,7 +1443,7 @@ var useAutumnBase = ({
   };
 };
 
-// src/libraries/react/hooks/handleAllowed.ts
+// src/libraries/react/hooks/helpers/handleCheck.ts
 var getCusFeature = ({
   customer,
   featureId,
@@ -1431,14 +1466,10 @@ var getCusFeature = ({
     requiredBalance
   };
 };
-var handleFeatureAllowed = ({
-  customer,
-  params
+var getFeatureAllowed = ({
+  cusFeature,
+  requiredBalance
 }) => {
-  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;
@@ -1448,37 +1479,97 @@ var handleFeatureAllowed = ({
   }
   return (cusFeature.balance || 0) >= requiredBalance;
 };
-var handleAllowed = ({
+var handleFeatureCheck = ({
   customer,
+  isEntity,
   params
 }) => {
-  if (!customer) return false;
-  if (!params.featureId && !params.productId) {
-    throw new Error("allowed() requires either featureId or productId");
+  let { cusFeature, requiredBalance } = getCusFeature({
+    customer,
+    featureId: params.featureId
+  });
+  let allowed = getFeatureAllowed({ cusFeature, requiredBalance });
+  let result = {
+    allowed,
+    feature_id: params.featureId,
+    customer_id: isEntity ? customer.customer_id : customer.id,
+    required_balance: requiredBalance,
+    ...cusFeature
+  };
+  if (isEntity) {
+    result.entity_id = customer.id;
   }
-  if (params.featureId) {
-    return handleFeatureAllowed({ customer, params });
+  return CheckFeatureResultSchema.parse(result);
+};
+var handleProductCheck = ({
+  customer,
+  isEntity,
+  params
+}) => {
+  let product = customer.products.find((p) => p.id == params.productId);
+  let allowed = product?.status === "active";
+  let result = {
+    allowed,
+    customer_id: isEntity ? customer.customer_id : customer.id,
+    product_id: params.productId
+  };
+  if (product) {
+    result.status = product.status;
   }
-  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;
+  if (isEntity) {
+    result.entity_id = customer.id;
   }
-  return false;
+  return result;
+};
+var openDialog = ({
+  result,
+  params,
+  context
+}) => {
+  let open = result.allowed === false && params.dialog && context;
+  if (!open) return;
+  const isInRenderCycle = (() => {
+    const stack = new Error().stack || "";
+    return stack.includes("renderWithHooks") || stack.includes("updateFunctionComponent") || stack.includes("beginWork") || stack.includes("performUnitOfWork") || stack.includes("workLoop") || stack.includes("Component.render") || stack.includes("FunctionComponent");
+  })();
+  if (isInRenderCycle) {
+    context.paywallRef.current = {
+      component: params.dialog,
+      open: true,
+      props: params
+    };
+  } else {
+    context.paywallDialog.setComponent(params.dialog);
+    context.paywallDialog.setProps(params);
+    context.paywallDialog.setOpen(true);
+  }
+};
+var handleCheck2 = ({
+  customer,
+  isEntity,
+  params,
+  context
+}) => {
+  if (!customer) {
+    return {
+      allowed: false,
+      feature_id: "",
+      customer_id: "",
+      required_balance: 0
+    };
+  }
+  if (!params.featureId && !params.productId) {
+    throw new Error("allowed() requires either featureId or productId");
+  }
+  let result;
+  if (params.featureId)
+    result = handleFeatureCheck({ customer, params, isEntity });
+  if (params.productId)
+    result = handleProductCheck({ customer, params, isEntity });
+  return result;
 };
 
 // src/libraries/react/hooks/useCustomerBase.tsx
-var emptyDefaultFunctions = {
-  attach: "",
-  check: "",
-  track: "",
-  cancel: "",
-  openBillingPortal: "",
-  setupPayment: "",
-  checkout: ""
-};
 var useCustomerBase = ({
   params,
   AutumnContext: AutumnContext2,
@@ -1489,7 +1580,6 @@ var useCustomerBase = ({
     context = useAutumnContext({
       AutumnContext: AutumnContext2,
       name: "useCustomer"
-      // errorIfNotInitialized: !authClientExists,
     });
   }
   if (!client) {
@@ -1519,13 +1609,13 @@ var useCustomerBase = ({
     fallbackData: null,
     ...params?.swrConfig
   });
-  let autumnFunctions = emptyDefaultFunctions;
-  if (AutumnContext2) {
-    autumnFunctions = useAutumnBase({
-      AutumnContext: AutumnContext2,
-      refetchCustomer: mutate
-    });
-  }
+  const autumnFunctions = useAutumnBase({
+    context,
+    client,
+    refetchCustomer: mutate
+  });
+  (0, import_react3.useEffect)(() => {
+  }, [context?.paywallRef.current]);
   return {
     customer: error ? null : customer,
     isLoading,
@@ -1535,7 +1625,30 @@ var useCustomerBase = ({
     createEntity: client.entities.create,
     createReferralCode: client.referrals.createCode,
     redeemReferralCode: client.referrals.redeemCode,
-    allowed: (params2) => handleAllowed({ customer, params: params2 })
+    check: (params2) => {
+      const result = handleCheck2({
+        customer,
+        params: params2,
+        isEntity: false,
+        context
+      });
+      openDialog({
+        result,
+        params: params2,
+        context
+      });
+      return result;
+    },
+    /** @deprecated Use check() instead */
+    allowed: (params2) => {
+      const result = handleCheck2({
+        customer,
+        params: params2,
+        isEntity: false,
+        context
+      });
+      return result.allowed;
+    }
   };
 };
 
@@ -1546,7 +1659,7 @@ function BaseAutumnProvider({
   children,
   AutumnContext: AutumnContext2
 }) {
-  const [components, setComponents] = (0, import_react3.useState)({});
+  const [components, setComponents] = (0, import_react5.useState)({});
   const [paywallProps, setPaywallProps, paywallOpen, setPaywallOpen] = useDialog(components.paywallDialog);
   const [
     productChangeProps,
@@ -1555,6 +1668,8 @@ function BaseAutumnProvider({
     setProductChangeOpen
   ] = useDialog(components.productChangeDialog);
   useCustomerBase({ client, params: { errorOnNotFound: false } });
+  const paywallRef = (0, import_react4.useRef)(null);
+  const [refresh, setRefresh] = (0, import_react5.useState)(0);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     AutumnContext2.Provider,
     {
@@ -1584,9 +1699,20 @@ function BaseAutumnProvider({
               productChangeDialog: component
             });
           }
-        }
+        },
+        paywallRef,
+        refresh,
+        setRefresh
       },
       children: [
+        paywallRef.current && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          paywallRef.current.component,
+          {
+            open: paywallRef.current.open,
+            setOpen: paywallRef.current.setOpen,
+            ...paywallRef.current.props
+          }
+        ),
         components.paywallDialog && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           components.paywallDialog,
           {
@@ -1648,22 +1774,30 @@ var useCustomer = (params) => {
 
 // src/libraries/react/hooks/usePricingTable.tsx
 var usePricingTable = (params) => {
-  return usePricingTableBase({
+  const context = useAutumnContext({
     AutumnContext,
+    name: "usePricingTable"
+  });
+  return usePricingTableBase({
+    client: context.client,
     params
   });
 };
 
 // src/libraries/react/hooks/useEntityBase.tsx
 var import_swr3 = __toESM(require("swr"));
-var import_react4 = require("react");
+var import_react6 = require("react");
 var useEntityBase = ({
   entityId,
   params,
   AutumnContext: AutumnContext2
 }) => {
-  const { client } = (0, import_react4.useContext)(AutumnContext2);
+  const { client } = (0, import_react6.useContext)(AutumnContext2);
   const queryKey = ["entity", entityId, params?.expand];
+  const context = useAutumnContext({
+    AutumnContext: AutumnContext2,
+    name: "useEntity"
+  });
   const fetchEntity = async () => {
     if (!entityId) {
       return null;
@@ -1687,15 +1821,11 @@ var useEntityBase = ({
     }
   });
   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 });
+  } = useAutumnBase({ context, client });
+  const check = (params2) => handleCheck2({ customer: data, params: params2, isEntity: true });
   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 });
@@ -1705,7 +1835,6 @@ var useEntityBase = ({
       isLoading: false,
       error: null,
       refetch: mutate,
-      allowed,
       check,
       attach,
       cancel,
@@ -1717,7 +1846,6 @@ var useEntityBase = ({
     isLoading,
     error,
     refetch: mutate,
-    allowed,
     check,
     attach,
     cancel,
@@ -1730,14 +1858,76 @@ var useEntity = (entityId, params) => {
   return useEntityBase({ AutumnContext, entityId, params });
 };
 
-// src/libraries/react/hooks/useAutumn.tsx
-var useAutumn = () => {
-  return useAutumnBase({ AutumnContext });
+// src/libraries/react/hooks/useAnalytics.tsx
+var import_swr4 = __toESM(require("swr"));
+var useAnalytics = (params) => {
+  const context = useAutumnContext({
+    AutumnContext,
+    name: "useAnalytics"
+  });
+  const client = context.client;
+  const fetcher = async () => {
+    try {
+      const { data: data2, error: error2 } = await client.query(params);
+      if (error2) throw error2;
+      return data2;
+    } catch (error2) {
+      throw new AutumnError({
+        message: "Failed to fetch analytics",
+        code: "fetch_analytics_failed"
+      });
+    }
+  };
+  const { data, error, mutate } = (0, import_swr4.default)(
+    "analytics",
+    fetcher,
+    { refreshInterval: 0 }
+  );
+  return {
+    data: data?.list,
+    isLoading: !error && !data,
+    error,
+    refetch: mutate
+  };
+};
+
+// src/libraries/react/hooks/usePaywall.tsx
+var import_swr5 = __toESM(require("swr"));
+var usePaywall = ({
+  featureId,
+  entityId
+}) => {
+  const context = useAutumnContext({
+    AutumnContext,
+    name: "usePaywall"
+  });
+  const enabled = !!featureId && !!context;
+  const fetcher = async () => {
+    if (!featureId) {
+      return { preview: void 0 };
+    }
+    const { data: data2, error: error2 } = await context.client.check({
+      featureId,
+      withPreview: true
+    });
+    if (error2) throw error2;
+    return data2;
+  };
+  const queryKey = [`check`, featureId, entityId];
+  const { data, error, isLoading } = (0, import_swr5.default)(queryKey, fetcher, {
+    refreshInterval: 0,
+    enabled
+  });
+  return {
+    data: data?.preview,
+    error,
+    isLoading
+  };
 };
 
 // src/libraries/react/components/attach-dialog/attach-dialog-synced.tsx
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
-var import_react8 = require("react");
+var import_react10 = require("react");
 
 // ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -4265,13 +4455,13 @@ function cn(...inputs) {
 }
 
 // src/libraries/react/components/ui/button.tsx
-var React3 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
-var React2 = __toESM(require("react"), 1);
+var React4 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var React = __toESM(require("react"), 1);
+var React3 = __toESM(require("react"), 1);
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -4304,7 +4494,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React.useCallback(composeRefs(...refs), refs);
+  return React3.useCallback(composeRefs(...refs), refs);
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
@@ -4312,21 +4502,21 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot22 = React2.forwardRef((props, forwardedRef) => {
+  const Slot22 = React4.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    const childrenArray = React2.Children.toArray(children);
+    const childrenArray = React4.Children.toArray(children);
     const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
         if (child === slottable) {
-          if (React2.Children.count(newElement) > 1) return React2.Children.only(null);
-          return React2.isValidElement(newElement) ? newElement.props.children : null;
+          if (React4.Children.count(newElement) > 1) return React4.Children.only(null);
+          return React4.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React4.isValidElement(newElement) ? React4.cloneElement(newElement, void 0, newChildren) : null });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
@@ -4336,24 +4526,24 @@ function createSlot(ownerName) {
 var Slot = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
-  const SlotClone = React2.forwardRef((props, forwardedRef) => {
+  const SlotClone = React4.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    if (React2.isValidElement(children)) {
+    if (React4.isValidElement(children)) {
       const childrenRef = getElementRef(children);
       const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React2.Fragment) {
+      if (children.type !== React4.Fragment) {
         props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React2.cloneElement(children, props2);
+      return React4.cloneElement(children, props2);
     }
-    return React2.Children.count(children) > 1 ? React2.Children.only(null) : null;
+    return React4.Children.count(children) > 1 ? React4.Children.only(null) : null;
   });
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
 var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
 function isSlottable(child) {
-  return React2.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React4.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -4462,7 +4652,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React3.forwardRef(
+var Button = React5.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -4478,10 +4668,10 @@ var Button = React3.forwardRef(
 Button.displayName = "Button";
 
 // src/libraries/react/components/ui/dialog.tsx
-var React26 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1._xkx6efnpqhhb4lkirxfs4qofci/node_modules/@radix-ui/react-dialog/dist/index.mjs
-var React25 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+primitive@1.1.2/node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
@@ -4494,18 +4684,18 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.mjs
-var React4 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function createContext22(rootComponentName, defaultContext) {
-  const Context = React4.createContext(defaultContext);
+  const Context = React6.createContext(defaultContext);
   const Provider = (props) => {
     const { children, ...context } = props;
-    const value = React4.useMemo(() => context, Object.values(context));
+    const value = React6.useMemo(() => context, Object.values(context));
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Context.Provider, { value, children });
   };
   Provider.displayName = rootComponentName + "Provider";
   function useContext22(consumerName) {
-    const context = React4.useContext(Context);
+    const context = React6.useContext(Context);
     if (context) return context;
     if (defaultContext !== void 0) return defaultContext;
     throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -4515,19 +4705,19 @@ function createContext22(rootComponentName, defaultContext) {
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React4.createContext(defaultContext);
+    const BaseContext = React6.createContext(defaultContext);
     const index = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider = (props) => {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React4.useMemo(() => context, Object.values(context));
+      const value = React6.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React4.useContext(Context);
+      const context = React6.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -4536,11 +4726,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React4.createContext(defaultContext);
+      return React6.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React4.useMemo(
+      return React6.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -4563,7 +4753,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React4.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React6.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -4571,18 +4761,18 @@ function composeContextScopes(...scopes) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
-var React6 = __toESM(require("react"), 1);
+var React8 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-var React5 = __toESM(require("react"), 1);
-var useLayoutEffect2 = globalThis?.document ? React5.useLayoutEffect : () => {
+var React7 = __toESM(require("react"), 1);
+var useLayoutEffect2 = globalThis?.document ? React7.useLayoutEffect : () => {
 };
 
 // ../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React6[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React8[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
-  const [id, setId] = React6.useState(useReactId());
+  const [id, setId] = React8.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
@@ -4590,9 +4780,9 @@ function useId(deterministicId) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var React7 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 var React22 = __toESM(require("react"), 1);
-var useInsertionEffect = React7[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React9[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -4607,8 +4797,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React7.useRef(prop !== void 0);
-    React7.useEffect(() => {
+    const isControlledRef = React9.useRef(prop !== void 0);
+    React9.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -4620,7 +4810,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React7.useCallback(
+  const setValue = React9.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -4639,13 +4829,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React7.useState(defaultProp);
-  const prevValueRef = React7.useRef(value);
-  const onChangeRef = React7.useRef(onChange);
+  const [value, setValue] = React9.useState(defaultProp);
+  const prevValueRef = React9.useRef(value);
+  const onChangeRef = React9.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React7.useEffect(() => {
+  React9.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -4659,10 +4849,10 @@ function isFunction(value) {
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 
 // ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.6_@types+react@19.1.8__@types+_ya5augm4xgo65hmrlxfyu743vi/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var React11 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19._sqnj4wa3mllckai5din6afvope/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var React8 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 var ReactDOM = __toESM(require("react-dom"), 1);
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var NODES = [
@@ -4686,7 +4876,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = createSlot(`Primitive.${node}`);
-  const Node2 = React8.forwardRef((props, forwardedRef) => {
+  const Node2 = React10.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
@@ -4702,20 +4892,20 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-var React9 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 function useCallbackRef(callback) {
-  const callbackRef = React9.useRef(callback);
-  React9.useEffect(() => {
+  const callbackRef = React11.useRef(callback);
+  React11.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React9.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React11.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-var React10 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React10.useEffect(() => {
+  React12.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -4733,12 +4923,12 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React11.createContext({
+var DismissableLayerContext = React13.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React11.forwardRef(
+var DismissableLayer = React13.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -4749,10 +4939,10 @@ var DismissableLayer = React11.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React11.useContext(DismissableLayerContext);
-    const [node, setNode] = React11.useState(null);
+    const context = React13.useContext(DismissableLayerContext);
+    const [node, setNode] = React13.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React11.useState({});
+    const [, force] = React13.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -4785,7 +4975,7 @@ var DismissableLayer = React11.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React11.useEffect(() => {
+    React13.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -4802,7 +4992,7 @@ var DismissableLayer = React11.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React11.useEffect(() => {
+    React13.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -4810,7 +5000,7 @@ var DismissableLayer = React11.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React11.useEffect(() => {
+    React13.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
@@ -4836,11 +5026,11 @@ var DismissableLayer = React11.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
-  const context = React11.useContext(DismissableLayerContext);
-  const ref = React11.useRef(null);
+var DismissableLayerBranch = React13.forwardRef((props, forwardedRef) => {
+  const context = React13.useContext(DismissableLayerContext);
+  const ref = React13.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -4854,10 +5044,10 @@ var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React11.useRef(false);
-  const handleClickRef = React11.useRef(() => {
+  const isPointerInsideReactTreeRef = React13.useRef(false);
+  const handleClickRef = React13.useRef(() => {
   });
-  React11.useEffect(() => {
+  React13.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -4898,8 +5088,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React11.useRef(false);
-  React11.useEffect(() => {
+  const isFocusInsideReactTreeRef = React13.useRef(false);
+  React13.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -4932,13 +5122,13 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@1_7liqdxmess7vaws2bkjw22mwva/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-var React12 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React12.forwardRef((props, forwardedRef) => {
+var FocusScope = React14.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -4946,12 +5136,12 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React12.useState(null);
+  const [container, setContainer] = React14.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React12.useRef(null);
+  const lastFocusedElementRef = React14.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React12.useRef({
+  const focusScope = React14.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -4960,7 +5150,7 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -4996,7 +5186,7 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React12.useEffect(() => {
+  React14.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -5027,7 +5217,7 @@ var FocusScope = React12.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React14.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -5136,13 +5326,13 @@ function removeLinks(items) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1.8_5jmzxxd65wsdfod4yurl7mkae4/node_modules/@radix-ui/react-portal/dist/index.mjs
-var React13 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var PORTAL_NAME = "Portal";
-var Portal = React13.forwardRef((props, forwardedRef) => {
+var Portal = React15.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React13.useState(false);
+  const [mounted, setMounted] = React15.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
@@ -5151,9 +5341,9 @@ Portal.displayName = PORTAL_NAME;
 
 // ../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1_2lguv7jzxii6s3eigxktbpwkji/node_modules/@radix-ui/react-presence/dist/index.mjs
 var React23 = __toESM(require("react"), 1);
-var React14 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 function useStateMachine(initialState, machine) {
-  return React14.useReducer((state, event) => {
+  return React16.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -5276,10 +5466,10 @@ function getElementRef2(element) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-var React15 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var count2 = 0;
 function useFocusGuards() {
-  React15.useEffect(() => {
+  React17.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -5336,10 +5526,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var React24 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
-var React18 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -5358,9 +5548,9 @@ function assignRef(ref, value) {
 }
 
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.8_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useRef.js
-var import_react5 = require("react");
+var import_react7 = require("react");
 function useCallbackRef2(initialValue, callback) {
-  var ref = (0, import_react5.useState)(function() {
+  var ref = (0, import_react7.useState)(function() {
     return {
       // value
       value: initialValue,
@@ -5386,8 +5576,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.8_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-var React16 = __toESM(require("react"));
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React16.useLayoutEffect : React16.useEffect;
+var React18 = __toESM(require("react"));
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React18.useLayoutEffect : React18.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -5504,7 +5694,7 @@ function createSidecarMedium(options) {
 }
 
 // ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.8_react@19.1.0/node_modules/use-sidecar/dist/es2015/exports.js
-var React17 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -5514,7 +5704,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React17.createElement(Target, __assign({}, rest));
+  return React19.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -5529,9 +5719,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React18.forwardRef(function(props, parentRef) {
-  var ref = React18.useRef(null);
-  var _a = React18.useState({
+var RemoveScroll = React20.forwardRef(function(props, parentRef) {
+  var ref = React20.useRef(null);
+  var _a = React20.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -5540,11 +5730,11 @@ var RemoveScroll = React18.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React18.createElement(
-    React18.Fragment,
+  return React20.createElement(
+    React20.Fragment,
     null,
-    enabled && React18.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React18.cloneElement(React18.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React18.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React20.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React20.cloneElement(React20.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React20.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -5558,13 +5748,13 @@ RemoveScroll.classNames = {
 };
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-var React21 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
-var React20 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.8_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
-var React19 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -5628,7 +5818,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React19.useEffect(function() {
+    React21.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -5702,7 +5892,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React20.useEffect(function() {
+  React24.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -5717,10 +5907,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React20.useMemo(function() {
+  var gap = React24.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React20.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React24.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -5861,16 +6051,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React21.useRef([]);
-  var touchStartRef = React21.useRef([0, 0]);
-  var activeAxis = React21.useRef();
-  var id = React21.useState(idCounter++)[0];
-  var Style2 = React21.useState(styleSingleton)[0];
-  var lastProps = React21.useRef(props);
-  React21.useEffect(function() {
+  var shouldPreventQueue = React25.useRef([]);
+  var touchStartRef = React25.useRef([0, 0]);
+  var activeAxis = React25.useRef();
+  var id = React25.useState(idCounter++)[0];
+  var Style2 = React25.useState(styleSingleton)[0];
+  var lastProps = React25.useRef(props);
+  React25.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React21.useEffect(function() {
+  React25.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -5886,7 +6076,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React21.useCallback(function(event, parent) {
+  var shouldCancelEvent = React25.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -5922,7 +6112,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React21.useCallback(function(_event) {
+  var shouldPrevent = React25.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -5949,7 +6139,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React21.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React25.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -5958,17 +6148,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React21.useCallback(function(event) {
+  var scrollTouchStart = React25.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React21.useCallback(function(event) {
+  var scrollWheel = React25.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React21.useCallback(function(event) {
+  var scrollTouchMove = React25.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React21.useEffect(function() {
+  React25.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -5988,11 +6178,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React21.createElement(
-    React21.Fragment,
+  return React25.createElement(
+    React25.Fragment,
     null,
-    inert ? React21.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React21.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React25.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React25.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -6011,8 +6201,8 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.8_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React24.forwardRef(function(props, ref) {
-  return React24.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React26.forwardRef(function(props, ref) {
+  return React26.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
@@ -6152,8 +6342,8 @@ var Dialog = (props) => {
     onOpenChange,
     modal = true
   } = props;
-  const triggerRef = React25.useRef(null);
-  const contentRef = React25.useRef(null);
+  const triggerRef = React27.useRef(null);
+  const contentRef = React27.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -6171,7 +6361,7 @@ var Dialog = (props) => {
       descriptionId: useId(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React25.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React27.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
       children
     }
@@ -6179,7 +6369,7 @@ var Dialog = (props) => {
 };
 Dialog.displayName = DIALOG_NAME;
 var TRIGGER_NAME = "DialogTrigger";
-var DialogTrigger = React25.forwardRef(
+var DialogTrigger = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
     const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
@@ -6207,11 +6397,11 @@ var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
 var DialogPortal = (props) => {
   const { __scopeDialog, forceMount, children, container } = props;
   const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React25.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Portal, { asChild: true, container, children: child }) })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React27.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Portal, { asChild: true, container, children: child }) })) });
 };
 DialogPortal.displayName = PORTAL_NAME2;
 var OVERLAY_NAME = "DialogOverlay";
-var DialogOverlay = React25.forwardRef(
+var DialogOverlay = React27.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props;
@@ -6221,7 +6411,7 @@ var DialogOverlay = React25.forwardRef(
 );
 DialogOverlay.displayName = OVERLAY_NAME;
 var Slot2 = createSlot("DialogOverlay.RemoveScroll");
-var DialogOverlayImpl = React25.forwardRef(
+var DialogOverlayImpl = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
     const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
@@ -6241,7 +6431,7 @@ var DialogOverlayImpl = React25.forwardRef(
   }
 );
 var CONTENT_NAME = "DialogContent";
-var DialogContent = React25.forwardRef(
+var DialogContent = React27.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -6250,12 +6440,12 @@ var DialogContent = React25.forwardRef(
   }
 );
 DialogContent.displayName = CONTENT_NAME;
-var DialogContentModal = React25.forwardRef(
+var DialogContentModal = React27.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const contentRef = React25.useRef(null);
+    const contentRef = React27.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    React25.useEffect(() => {
+    React27.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
@@ -6284,11 +6474,11 @@ var DialogContentModal = React25.forwardRef(
     );
   }
 );
-var DialogContentNonModal = React25.forwardRef(
+var DialogContentNonModal = React27.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-    const hasInteractedOutsideRef = React25.useRef(false);
-    const hasPointerDownOutsideRef = React25.useRef(false);
+    const hasInteractedOutsideRef = React27.useRef(false);
+    const hasPointerDownOutsideRef = React27.useRef(false);
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       DialogContentImpl,
       {
@@ -6324,11 +6514,11 @@ var DialogContentNonModal = React25.forwardRef(
     );
   }
 );
-var DialogContentImpl = React25.forwardRef(
+var DialogContentImpl = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME, __scopeDialog);
-    const contentRef = React25.useRef(null);
+    const contentRef = React27.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
@@ -6363,7 +6553,7 @@ var DialogContentImpl = React25.forwardRef(
   }
 );
 var TITLE_NAME = "DialogTitle";
-var DialogTitle = React25.forwardRef(
+var DialogTitle = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
@@ -6372,7 +6562,7 @@ var DialogTitle = React25.forwardRef(
 );
 DialogTitle.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "DialogDescription";
-var DialogDescription = React25.forwardRef(
+var DialogDescription = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
@@ -6381,7 +6571,7 @@ var DialogDescription = React25.forwardRef(
 );
 DialogDescription.displayName = DESCRIPTION_NAME;
 var CLOSE_NAME = "DialogClose";
-var DialogClose = React25.forwardRef(
+var DialogClose = React27.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME, __scopeDialog);
@@ -6413,7 +6603,7 @@ var TitleWarning = ({ titleId }) => {
 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(() => {
+  React27.useEffect(() => {
     if (titleId) {
       const hasTitle = document.getElementById(titleId);
       if (!hasTitle) console.error(MESSAGE);
@@ -6425,7 +6615,7 @@ 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(() => {
+  React27.useEffect(() => {
     const describedById = contentRef.current?.getAttribute("aria-describedby");
     if (descriptionId && describedById) {
       const hasDescription = document.getElementById(descriptionId);
@@ -6443,7 +6633,7 @@ var Description = DialogDescription;
 var Close = DialogClose;
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react7 = require("react");
+var import_react9 = require("react");
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -6467,7 +6657,7 @@ var hasA11yProp = (props) => {
 };
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
@@ -6483,7 +6673,7 @@ var defaultAttributes = {
 };
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/Icon.js
-var Icon = (0, import_react6.forwardRef)(
+var Icon = (0, import_react8.forwardRef)(
   ({
     color = "currentColor",
     size = 24,
@@ -6493,7 +6683,7 @@ var Icon = (0, import_react6.forwardRef)(
     children,
     iconNode,
     ...rest
-  }, ref) => (0, import_react6.createElement)(
+  }, ref) => (0, import_react8.createElement)(
     "svg",
     {
       ref,
@@ -6507,7 +6697,7 @@ var Icon = (0, import_react6.forwardRef)(
       ...rest
     },
     [
-      ...iconNode.map(([tag, attrs]) => (0, import_react6.createElement)(tag, attrs)),
+      ...iconNode.map(([tag, attrs]) => (0, import_react8.createElement)(tag, attrs)),
       ...Array.isArray(children) ? children : [children]
     ]
   )
@@ -6515,8 +6705,8 @@ var Icon = (0, import_react6.forwardRef)(
 
 // ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.0/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react7.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react7.createElement)(Icon, {
+  const Component = (0, import_react9.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react9.createElement)(Icon, {
       ref,
       iconNode,
       className: mergeClasses(
@@ -6555,7 +6745,7 @@ var DialogPortal2 = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Portal2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "au-root", children }) });
 };
-var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var DialogOverlay2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   Overlay,
   {
     ref,
@@ -6567,7 +6757,7 @@ var DialogOverlay2 = React26.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 DialogOverlay2.displayName = Overlay.displayName;
-var DialogContent2 = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortal2, { children: [
+var DialogContent2 = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortal2, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlay2, {}),
   /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     Content,
@@ -6617,7 +6807,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var DialogTitle2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   Title,
   {
     ref,
@@ -6629,7 +6819,7 @@ var DialogTitle2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogTitle2.displayName = Title.displayName;
-var DialogDescription2 = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var DialogDescription2 = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   Description,
   {
     ref,
@@ -6792,11 +6982,11 @@ var getAttachContent = (checkoutResult) => {
 };
 
 // src/libraries/react/components/ui/accordion.tsx
-var React27 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var AccordionItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AccordionPrimitive.Item,
   {
     ref,
@@ -6805,7 +6995,7 @@ var AccordionItem = React27.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccordionPrimitive.Header, { className: "au-flex", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var AccordionTrigger = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AccordionPrimitive.Header, { className: "au-flex", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -6821,7 +7011,7 @@ var AccordionTrigger = React27.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var AccordionContent = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AccordionPrimitive.Content,
   {
     ref,
@@ -6833,12 +7023,12 @@ var AccordionContent = React27.forwardRef(({ className, children, ...props }, re
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // src/libraries/react/components/ui/popover.tsx
-var React28 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var PopoverContent = React30.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -6854,9 +7044,9 @@ var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/libraries/react/components/ui/input.tsx
-var React29 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var Input = React29.forwardRef(
+var Input = React31.forwardRef(
   ({ className, type, onClick, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
@@ -6887,13 +7077,13 @@ var formatCurrency = ({
 };
 function AttachDialog(params) {
   const { attach } = useCustomer();
-  const [checkoutResult, setCheckoutResult] = (0, import_react8.useState)(params?.checkoutResult);
-  (0, import_react8.useEffect)(() => {
+  const [checkoutResult, setCheckoutResult] = (0, import_react10.useState)(params?.checkoutResult);
+  (0, import_react10.useEffect)(() => {
     if (params.checkoutResult) {
       setCheckoutResult(params.checkoutResult);
     }
   }, [params.checkoutResult]);
-  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [loading, setLoading] = (0, import_react10.useState)(false);
   if (!checkoutResult) {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, {});
   }
@@ -7066,12 +7256,12 @@ var PrepaidItem = ({
   setCheckoutResult
 }) => {
   const { quantity = 0, billing_units: billingUnits = 1 } = item;
-  const [quantityInput, setQuantityInput] = (0, import_react8.useState)(
+  const [quantityInput, setQuantityInput] = (0, import_react10.useState)(
     (quantity / billingUnits).toString()
   );
   const { checkout } = useCustomer();
-  const [loading, setLoading] = (0, import_react8.useState)(false);
-  const [open, setOpen] = (0, import_react8.useState)(false);
+  const [loading, setLoading] = (0, import_react10.useState)(false);
+  const [open, setOpen] = (0, import_react10.useState)(false);
   const scenario = checkoutResult.product.scenario;
   const handleSave = async () => {
     setLoading(true);
@@ -7174,11 +7364,14 @@ var PrepaidItem = ({
   ] });
 };
 
-// src/libraries/react/components/check-dialog/check-dialog-synced.tsx
-var import_react9 = require("react");
-
 // src/libraries/react/components/check-dialog/lib/check-content.tsx
 var getCheckContent = (preview) => {
+  if (!preview) {
+    return {
+      title: "Feature Unavailable",
+      message: "This feature is not available for your account."
+    };
+  }
   const { scenario, products, feature_name } = preview;
   if (products.length == 0) {
     switch (scenario) {
@@ -7225,13 +7418,15 @@ var getCheckContent = (preview) => {
 // src/libraries/react/components/check-dialog/check-dialog-synced.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function CheckDialog(params) {
-  const [loading] = (0, import_react9.useState)(false);
-  if (!params || !params.preview) {
+  const { data: preview } = usePaywall({
+    featureId: params?.featureId,
+    entityId: params?.entityId
+  });
+  if (!params || !preview) {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {});
   }
   const { open, setOpen } = params;
-  const { products } = params.preview;
-  const { title, message } = getCheckContent(params.preview);
+  const { title, message } = getCheckContent(preview);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Dialog2, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogContent2, { className: "au-p-0 au-pt-4 au-gap-0 au-text-foreground au-overflow-hidden au-text-sm", children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogTitle2, { className: cn("au-font-bold au-text-xl au-px-6"), children: title }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "au-px-6 au-my-2", children: message }),
@@ -7250,20 +7445,20 @@ function CheckDialog(params) {
 }
 
 // src/libraries/react/components/pricing-table/pricing-table-synced.tsx
-var import_react10 = __toESM(require("react"));
-var import_react11 = require("react");
+var import_react11 = __toESM(require("react"));
+var import_react12 = require("react");
 
 // src/libraries/react/components/ui/switch.tsx
-var React34 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 
 // ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.6_@types+react@19.1.8__@types+react@19.1.8_uhx276sbw7dr3tfricp4xfbxsq/node_modules/@radix-ui/react-switch/dist/index.mjs
-var React33 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 
 // ../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-previous/dist/index.mjs
-var React31 = __toESM(require("react"), 1);
+var React33 = __toESM(require("react"), 1);
 function usePrevious(value) {
-  const ref = React31.useRef({ value, previous: value });
-  return React31.useMemo(() => {
+  const ref = React33.useRef({ value, previous: value });
+  return React33.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -7273,9 +7468,9 @@ function usePrevious(value) {
 }
 
 // ../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.1.8_react@19.1.0/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var React32 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 function useSize(element) {
-  const [size, setSize] = React32.useState(void 0);
+  const [size, setSize] = React34.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -7314,7 +7509,7 @@ var import_jsx_runtime18 = require("react/jsx-runtime");
 var SWITCH_NAME = "Switch";
 var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
 var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch = React33.forwardRef(
+var Switch = React35.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSwitch,
@@ -7328,9 +7523,9 @@ var Switch = React33.forwardRef(
       form,
       ...switchProps
     } = props;
-    const [button, setButton] = React33.useState(null);
+    const [button, setButton] = React35.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React33.useRef(false);
+    const hasConsumerStoppedPropagationRef = React35.useRef(false);
     const isFormControl = button ? form || !!button.closest("form") : true;
     const [checked, setChecked] = useControllableState({
       prop: checkedProp,
@@ -7380,7 +7575,7 @@ var Switch = React33.forwardRef(
 );
 Switch.displayName = SWITCH_NAME;
 var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = React33.forwardRef(
+var SwitchThumb = React35.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSwitch, ...thumbProps } = props;
     const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
@@ -7397,7 +7592,7 @@ var SwitchThumb = React33.forwardRef(
 );
 SwitchThumb.displayName = THUMB_NAME;
 var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = React33.forwardRef(
+var SwitchBubbleInput = React35.forwardRef(
   ({
     __scopeSwitch,
     control,
@@ -7405,11 +7600,11 @@ var SwitchBubbleInput = React33.forwardRef(
     bubbles = true,
     ...props
   }, forwardedRef) => {
-    const ref = React33.useRef(null);
+    const ref = React35.useRef(null);
     const composedRefs = useComposedRefs(ref, forwardedRef);
     const prevChecked = usePrevious(checked);
     const controlSize = useSize(control);
-    React33.useEffect(() => {
+    React35.useEffect(() => {
       const input = ref.current;
       if (!input) return;
       const inputProto = window.HTMLInputElement.prototype;
@@ -7454,7 +7649,7 @@ var Thumb = SwitchThumb;
 
 // src/libraries/react/components/ui/switch.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var Switch2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var Switch2 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   Root4,
   {
     className: cn(
@@ -7567,7 +7762,7 @@ function PricingTable({
   productDetails
 }) {
   const { checkout } = useCustomer();
-  const [isAnnual, setIsAnnual] = (0, import_react11.useState)(false);
+  const [isAnnual, setIsAnnual] = (0, import_react12.useState)(false);
   const { products, isLoading, error } = usePricingTable({ productDetails });
   if (isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: loadingStyles, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LoaderCircle, { style: spinnerStyles }) });
@@ -7624,7 +7819,7 @@ function PricingTable({
     }
   ) });
 }
-var PricingTableContext = (0, import_react11.createContext)({
+var PricingTableContext = (0, import_react12.createContext)({
   isAnnualToggle: false,
   setIsAnnualToggle: () => {
   },
@@ -7632,7 +7827,7 @@ var PricingTableContext = (0, import_react11.createContext)({
   showFeatures: true
 });
 var usePricingTableContext = (componentName) => {
-  const context = (0, import_react11.useContext)(PricingTableContext);
+  const context = (0, import_react12.useContext)(PricingTableContext);
   if (context === void 0) {
     throw new Error(`${componentName} must be used within <PricingTable />`);
   }
@@ -7799,8 +7994,8 @@ var PricingFeatureList = ({
     )) })
   ] });
 };
-var PricingCardButton = import_react10.default.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
-  const [loading, setLoading] = (0, import_react11.useState)(false);
+var PricingCardButton = import_react11.default.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
+  const [loading, setLoading] = (0, import_react12.useState)(false);
   const handleClick = async (e) => {
     setLoading(true);
     try {
@@ -7857,15 +8052,21 @@ var AnnualSwitch = ({
 var RecommendedBadge = ({ recommended }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "au-bg-secondary au-absolute au-border au-text-muted-foreground au-text-sm au-font-medium lg:au-rounded-full au-px-3 lg:au-py-0.5 lg:au-top-4 lg:au-right-4 au-top-[-1px] au-right-[-1px] au-rounded-bl-lg", children: recommended });
 };
+
+// src/libraries/react/index.ts
+var useAutumn = () => {
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AttachDialog,
   AutumnProvider,
   CheckDialog,
   PricingTable,
+  useAnalytics,
   useAutumn,
   useCustomer,
   useEntity,
+  usePaywall,
   usePricingTable
 });
 /*! Bundled license information: