autumn-js 0.1.39 → 0.1.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/libraries/backend/better-auth.d.mts +2 -1
- package/dist/libraries/backend/better-auth.d.ts +2 -1
- package/dist/libraries/react/AutumnContext.mjs +4 -4
- package/dist/libraries/react/BaseAutumnProvider.mjs +6 -6
- package/dist/libraries/react/ReactAutumnProvider.mjs +7 -7
- package/dist/libraries/react/{chunk-HSSN3DVD.mjs → chunk-35JJUJGK.mjs} +1 -1
- package/dist/libraries/react/{chunk-EUDPGYST.mjs → chunk-3VPXKYJ3.mjs} +3 -3
- package/dist/libraries/react/{chunk-P2R2JPDF.mjs → chunk-7K7ME43L.mjs} +1 -1
- package/dist/libraries/react/{chunk-WRKSH6S6.mjs → chunk-DIDEEVJB.mjs} +2 -2
- package/dist/libraries/react/{chunk-74O4DLZY.mjs → chunk-DTAJR247.mjs} +1 -1
- package/dist/libraries/react/{chunk-QX2NP5QY.mjs → chunk-GGJKNVL6.mjs} +14 -13
- package/dist/libraries/react/{chunk-733BYSMJ.mjs → chunk-HEKBPI6U.mjs} +2 -2
- package/dist/libraries/react/{chunk-YSD4K25G.mjs → chunk-IZEOJCTN.mjs} +1 -1
- package/dist/libraries/react/{chunk-J4VVJBJY.mjs → chunk-P2SWE4OD.mjs} +1 -1
- package/dist/libraries/react/{chunk-WL6GWGY5.mjs → chunk-XHXYZVYG.mjs} +1 -1
- package/dist/libraries/react/{chunk-NZC2FJEG.mjs → chunk-ZQPCEJFK.mjs} +1 -1
- package/dist/libraries/react/client/ReactAutumnClient.mjs +3 -3
- package/dist/libraries/react/components/checkout-dialog/checkout-dialog-synced.css +6 -0
- package/dist/libraries/react/components/checkout-dialog/checkout-dialog-synced.d.mts +1 -1
- package/dist/libraries/react/components/checkout-dialog/checkout-dialog-synced.d.ts +1 -1
- package/dist/libraries/react/components/checkout-dialog/checkout-dialog-synced.js +4894 -4891
- package/dist/libraries/react/components/checkout-dialog/checkout-dialog-synced.mjs +16 -16
- package/dist/libraries/react/components/paywall-dialog/paywall-dialog-synced.css +6 -0
- package/dist/libraries/react/components/paywall-dialog/paywall-dialog-synced.js +94 -94
- package/dist/libraries/react/components/paywall-dialog/paywall-dialog-synced.mjs +16 -16
- package/dist/libraries/react/components/pricing-table/pricing-table-synced.css +6 -0
- package/dist/libraries/react/components/pricing-table/pricing-table-synced.js +543 -540
- package/dist/libraries/react/components/pricing-table/pricing-table-synced.mjs +16 -16
- package/dist/libraries/react/hooks/useAnalytics.mjs +5 -5
- package/dist/libraries/react/hooks/useCustomer.mjs +6 -6
- package/dist/libraries/react/hooks/useCustomerBase.mjs +5 -5
- package/dist/libraries/react/hooks/useEntity.mjs +6 -6
- package/dist/libraries/react/hooks/useEntityBase.mjs +5 -5
- package/dist/libraries/react/hooks/usePaywall.mjs +5 -5
- package/dist/libraries/react/hooks/usePricingTable.mjs +5 -5
- package/dist/libraries/react/index.js +544 -541
- package/dist/libraries/react/index.mjs +545 -542
- package/dist/styles/global.css +6 -0
- package/package.json +1 -1
- package/dist/libraries/react/{chunk-VKSWZMFC.mjs → chunk-TLAWG4JC.mjs} +8 -8
|
@@ -23,7 +23,7 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
// src/styles/global.css
|
|
26
|
-
styleInject('.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 --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\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 --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n*: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 letter-spacing: 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 *),\ninput:where([type=button]):where(.au-root, .au-root *),\ninput:where([type=reset]):where(.au-root, .au-root *),\ninput:where([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(:not([hidden=until-found])):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-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, 1));\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, 1));\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, 1));\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-end {\n text-align: end;\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, 1));\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 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 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, 1));\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.dark\\:au-bg-input\\/30:is(.au-dark *) {\n background-color: hsl(var(--au-input) / 0.3);\n}\n.dark\\:au-shadow-zinc-800\\/80:is(.au-dark *) {\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\\.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');
|
|
26
|
+
styleInject('.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 --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\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 --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n*: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 letter-spacing: 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 *),\ninput:where([type=button]):where(.au-root, .au-root *),\ninput:where([type=reset]):where(.au-root, .au-root *),\ninput:where([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(:not([hidden=until-found])):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-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-not-allowed {\n cursor: not-allowed;\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, 1));\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, 1));\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, 1));\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-end {\n text-align: end;\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, 1));\n}\n.au-underline-offset-4 {\n text-underline-offset: 4px;\n}\n.au-opacity-70 {\n opacity: 0.7;\n}\n.au-opacity-80 {\n opacity: 0.8;\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 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 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, 1));\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.dark\\:au-bg-input\\/30:is(.au-dark *) {\n background-color: hsl(var(--au-input) / 0.3);\n}\n.dark\\:au-shadow-zinc-800\\/80:is(.au-dark *) {\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\\.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');
|
|
27
27
|
|
|
28
28
|
// src/libraries/react/BaseAutumnProvider.tsx
|
|
29
29
|
import { useRef } from "react";
|
|
@@ -3497,9 +3497,116 @@ var Header = AccordionHeader;
|
|
|
3497
3497
|
var Trigger2 = AccordionTrigger;
|
|
3498
3498
|
var Content2 = AccordionContent;
|
|
3499
3499
|
|
|
3500
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
3501
|
+
import { forwardRef as forwardRef5, createElement as createElement2 } from "react";
|
|
3502
|
+
|
|
3503
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
|
|
3504
|
+
var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
3505
|
+
var toCamelCase = (string) => string.replace(
|
|
3506
|
+
/^([A-Z])|[\s-_]+(\w)/g,
|
|
3507
|
+
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
3508
|
+
);
|
|
3509
|
+
var toPascalCase = (string) => {
|
|
3510
|
+
const camelCase = toCamelCase(string);
|
|
3511
|
+
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
3512
|
+
};
|
|
3513
|
+
var mergeClasses = (...classes) => classes.filter((className, index2, array) => {
|
|
3514
|
+
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
|
|
3515
|
+
}).join(" ").trim();
|
|
3516
|
+
var hasA11yProp = (props) => {
|
|
3517
|
+
for (const prop in props) {
|
|
3518
|
+
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
3519
|
+
return true;
|
|
3520
|
+
}
|
|
3521
|
+
}
|
|
3522
|
+
};
|
|
3523
|
+
|
|
3524
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
|
|
3525
|
+
import { forwardRef as forwardRef4, createElement } from "react";
|
|
3526
|
+
|
|
3527
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
|
|
3528
|
+
var defaultAttributes = {
|
|
3529
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3530
|
+
width: 24,
|
|
3531
|
+
height: 24,
|
|
3532
|
+
viewBox: "0 0 24 24",
|
|
3533
|
+
fill: "none",
|
|
3534
|
+
stroke: "currentColor",
|
|
3535
|
+
strokeWidth: 2,
|
|
3536
|
+
strokeLinecap: "round",
|
|
3537
|
+
strokeLinejoin: "round"
|
|
3538
|
+
};
|
|
3539
|
+
|
|
3540
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
|
|
3541
|
+
var Icon = forwardRef4(
|
|
3542
|
+
({
|
|
3543
|
+
color = "currentColor",
|
|
3544
|
+
size: size4 = 24,
|
|
3545
|
+
strokeWidth = 2,
|
|
3546
|
+
absoluteStrokeWidth,
|
|
3547
|
+
className = "",
|
|
3548
|
+
children,
|
|
3549
|
+
iconNode,
|
|
3550
|
+
...rest
|
|
3551
|
+
}, ref) => createElement(
|
|
3552
|
+
"svg",
|
|
3553
|
+
{
|
|
3554
|
+
ref,
|
|
3555
|
+
...defaultAttributes,
|
|
3556
|
+
width: size4,
|
|
3557
|
+
height: size4,
|
|
3558
|
+
stroke: color,
|
|
3559
|
+
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
|
|
3560
|
+
className: mergeClasses("lucide", className),
|
|
3561
|
+
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
3562
|
+
...rest
|
|
3563
|
+
},
|
|
3564
|
+
[
|
|
3565
|
+
...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
|
|
3566
|
+
...Array.isArray(children) ? children : [children]
|
|
3567
|
+
]
|
|
3568
|
+
)
|
|
3569
|
+
);
|
|
3570
|
+
|
|
3571
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
3572
|
+
var createLucideIcon = (iconName, iconNode) => {
|
|
3573
|
+
const Component = forwardRef5(
|
|
3574
|
+
({ className, ...props }, ref) => createElement2(Icon, {
|
|
3575
|
+
ref,
|
|
3576
|
+
iconNode,
|
|
3577
|
+
className: mergeClasses(
|
|
3578
|
+
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
3579
|
+
`lucide-${iconName}`,
|
|
3580
|
+
className
|
|
3581
|
+
),
|
|
3582
|
+
...props
|
|
3583
|
+
})
|
|
3584
|
+
);
|
|
3585
|
+
Component.displayName = toPascalCase(iconName);
|
|
3586
|
+
return Component;
|
|
3587
|
+
};
|
|
3588
|
+
|
|
3589
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
|
|
3590
|
+
var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
3591
|
+
var ChevronDown = createLucideIcon("chevron-down", __iconNode);
|
|
3592
|
+
|
|
3593
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
|
|
3594
|
+
var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
|
|
3595
|
+
var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
|
|
3596
|
+
|
|
3597
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/x.js
|
|
3598
|
+
var __iconNode3 = [
|
|
3599
|
+
["path", { d: "M18 6 6 18", key: "1bl5f8" }],
|
|
3600
|
+
["path", { d: "m6 6 12 12", key: "d8bk6v" }]
|
|
3601
|
+
];
|
|
3602
|
+
var X = createLucideIcon("x", __iconNode3);
|
|
3603
|
+
|
|
3500
3604
|
// src/libraries/react/components/checkout-dialog/checkout-dialog-synced.tsx
|
|
3501
3605
|
import { useEffect as useEffect19, useState as useState17 } from "react";
|
|
3502
3606
|
|
|
3607
|
+
// src/libraries/react/components/ui/accordion.tsx
|
|
3608
|
+
import * as React14 from "react";
|
|
3609
|
+
|
|
3503
3610
|
// ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
3504
3611
|
function r(e) {
|
|
3505
3612
|
var t, f, n = "";
|
|
@@ -6025,8 +6132,47 @@ function cn(...inputs) {
|
|
|
6025
6132
|
return twMerge(clsx(inputs));
|
|
6026
6133
|
}
|
|
6027
6134
|
|
|
6135
|
+
// src/libraries/react/components/ui/accordion.tsx
|
|
6136
|
+
import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
6137
|
+
var Accordion2 = Root2;
|
|
6138
|
+
var AccordionItem2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
|
|
6139
|
+
Item,
|
|
6140
|
+
{
|
|
6141
|
+
ref,
|
|
6142
|
+
className: cn("au-border-b", className),
|
|
6143
|
+
...props
|
|
6144
|
+
}
|
|
6145
|
+
));
|
|
6146
|
+
AccordionItem2.displayName = "AccordionItem";
|
|
6147
|
+
var AccordionTrigger2 = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx10(Header, { className: "au-flex", children: /* @__PURE__ */ jsxs2(
|
|
6148
|
+
Trigger2,
|
|
6149
|
+
{
|
|
6150
|
+
ref,
|
|
6151
|
+
className: cn(
|
|
6152
|
+
"au-flex au-flex-1 au-items-center au-justify-between au-py-4 au-text-sm au-font-medium au-transition-all hover:au-underline au-text-left [&[data-state=open]>svg]:au-rotate-180",
|
|
6153
|
+
className
|
|
6154
|
+
),
|
|
6155
|
+
...props,
|
|
6156
|
+
children: [
|
|
6157
|
+
children,
|
|
6158
|
+
/* @__PURE__ */ jsx10(ChevronDown, { className: "au-h-4 au-w-4 au-shrink-0 au-text-muted-foreground au-transition-transform au-duration-200" })
|
|
6159
|
+
]
|
|
6160
|
+
}
|
|
6161
|
+
) }));
|
|
6162
|
+
AccordionTrigger2.displayName = Trigger2.displayName;
|
|
6163
|
+
var AccordionContent2 = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx10(
|
|
6164
|
+
Content2,
|
|
6165
|
+
{
|
|
6166
|
+
ref,
|
|
6167
|
+
className: "au-overflow-hidden au-text-sm data-[state=closed]:au-animate-accordion-up data-[state=open]:au-animate-accordion-down",
|
|
6168
|
+
...props,
|
|
6169
|
+
children: /* @__PURE__ */ jsx10("div", { className: cn("au-pb-4 au-pt-0", className), children })
|
|
6170
|
+
}
|
|
6171
|
+
));
|
|
6172
|
+
AccordionContent2.displayName = Content2.displayName;
|
|
6173
|
+
|
|
6028
6174
|
// src/libraries/react/components/ui/button.tsx
|
|
6029
|
-
import * as
|
|
6175
|
+
import * as React15 from "react";
|
|
6030
6176
|
|
|
6031
6177
|
// ../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
|
|
6032
6178
|
var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
|
|
@@ -6071,7 +6217,7 @@ var cva = (base, config) => (props) => {
|
|
|
6071
6217
|
};
|
|
6072
6218
|
|
|
6073
6219
|
// src/libraries/react/components/ui/button.tsx
|
|
6074
|
-
import { jsx as
|
|
6220
|
+
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
6075
6221
|
var buttonVariants = cva(
|
|
6076
6222
|
"au-inline-flex au-items-center au-justify-center au-gap-2 au-whitespace-nowrap au-rounded-md au-text-sm au-font-medium au-transition-colors focus-visible:au-outline-none focus-visible:au-ring-1 focus-visible:au-ring-ring disabled:au-pointer-events-none disabled:au-opacity-50 [&_svg]:au-pointer-events-none [&_svg]:au-size-4 [&_svg]:au-shrink-0",
|
|
6077
6223
|
{
|
|
@@ -6097,10 +6243,10 @@ var buttonVariants = cva(
|
|
|
6097
6243
|
}
|
|
6098
6244
|
}
|
|
6099
6245
|
);
|
|
6100
|
-
var Button =
|
|
6246
|
+
var Button = React15.forwardRef(
|
|
6101
6247
|
({ className, variant, size: size4, asChild = false, ...props }, ref) => {
|
|
6102
6248
|
const Comp = asChild ? Slot : "button";
|
|
6103
|
-
return /* @__PURE__ */
|
|
6249
|
+
return /* @__PURE__ */ jsx11(
|
|
6104
6250
|
Comp,
|
|
6105
6251
|
{
|
|
6106
6252
|
className: cn(buttonVariants({ variant, size: size4 }), className),
|
|
@@ -6113,29 +6259,29 @@ var Button = React14.forwardRef(
|
|
|
6113
6259
|
Button.displayName = "Button";
|
|
6114
6260
|
|
|
6115
6261
|
// src/libraries/react/components/ui/dialog.tsx
|
|
6116
|
-
import * as
|
|
6262
|
+
import * as React33 from "react";
|
|
6117
6263
|
|
|
6118
6264
|
// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1_7xipnhxsrwjfttlgycirhttgoi/node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
6119
|
-
import * as
|
|
6265
|
+
import * as React32 from "react";
|
|
6120
6266
|
|
|
6121
6267
|
// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.9_@types+react@19.1.10__@types_recfemx4gbocxquotpq6g6r6si/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
6122
|
-
import * as
|
|
6268
|
+
import * as React18 from "react";
|
|
6123
6269
|
|
|
6124
6270
|
// ../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
|
|
6125
|
-
import * as
|
|
6271
|
+
import * as React16 from "react";
|
|
6126
6272
|
function useCallbackRef(callback) {
|
|
6127
|
-
const callbackRef =
|
|
6128
|
-
|
|
6273
|
+
const callbackRef = React16.useRef(callback);
|
|
6274
|
+
React16.useEffect(() => {
|
|
6129
6275
|
callbackRef.current = callback;
|
|
6130
6276
|
});
|
|
6131
|
-
return
|
|
6277
|
+
return React16.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
6132
6278
|
}
|
|
6133
6279
|
|
|
6134
6280
|
// ../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
|
|
6135
|
-
import * as
|
|
6281
|
+
import * as React17 from "react";
|
|
6136
6282
|
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
6137
6283
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
6138
|
-
|
|
6284
|
+
React17.useEffect(() => {
|
|
6139
6285
|
const handleKeyDown = (event) => {
|
|
6140
6286
|
if (event.key === "Escape") {
|
|
6141
6287
|
onEscapeKeyDown(event);
|
|
@@ -6147,18 +6293,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
6147
6293
|
}
|
|
6148
6294
|
|
|
6149
6295
|
// ../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.9_@types+react@19.1.10__@types_recfemx4gbocxquotpq6g6r6si/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
6150
|
-
import { jsx as
|
|
6296
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
6151
6297
|
var DISMISSABLE_LAYER_NAME = "DismissableLayer";
|
|
6152
6298
|
var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
6153
6299
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
6154
6300
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
6155
6301
|
var originalBodyPointerEvents;
|
|
6156
|
-
var DismissableLayerContext =
|
|
6302
|
+
var DismissableLayerContext = React18.createContext({
|
|
6157
6303
|
layers: /* @__PURE__ */ new Set(),
|
|
6158
6304
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
6159
6305
|
branches: /* @__PURE__ */ new Set()
|
|
6160
6306
|
});
|
|
6161
|
-
var DismissableLayer =
|
|
6307
|
+
var DismissableLayer = React18.forwardRef(
|
|
6162
6308
|
(props, forwardedRef) => {
|
|
6163
6309
|
const {
|
|
6164
6310
|
disableOutsidePointerEvents = false,
|
|
@@ -6169,10 +6315,10 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6169
6315
|
onDismiss,
|
|
6170
6316
|
...layerProps
|
|
6171
6317
|
} = props;
|
|
6172
|
-
const context =
|
|
6173
|
-
const [node, setNode] =
|
|
6318
|
+
const context = React18.useContext(DismissableLayerContext);
|
|
6319
|
+
const [node, setNode] = React18.useState(null);
|
|
6174
6320
|
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
6175
|
-
const [, force] =
|
|
6321
|
+
const [, force] = React18.useState({});
|
|
6176
6322
|
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
6177
6323
|
const layers = Array.from(context.layers);
|
|
6178
6324
|
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
@@ -6205,7 +6351,7 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6205
6351
|
onDismiss();
|
|
6206
6352
|
}
|
|
6207
6353
|
}, ownerDocument);
|
|
6208
|
-
|
|
6354
|
+
React18.useEffect(() => {
|
|
6209
6355
|
if (!node) return;
|
|
6210
6356
|
if (disableOutsidePointerEvents) {
|
|
6211
6357
|
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
@@ -6222,7 +6368,7 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6222
6368
|
}
|
|
6223
6369
|
};
|
|
6224
6370
|
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
6225
|
-
|
|
6371
|
+
React18.useEffect(() => {
|
|
6226
6372
|
return () => {
|
|
6227
6373
|
if (!node) return;
|
|
6228
6374
|
context.layers.delete(node);
|
|
@@ -6230,12 +6376,12 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6230
6376
|
dispatchUpdate();
|
|
6231
6377
|
};
|
|
6232
6378
|
}, [node, context]);
|
|
6233
|
-
|
|
6379
|
+
React18.useEffect(() => {
|
|
6234
6380
|
const handleUpdate = () => force({});
|
|
6235
6381
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
6236
6382
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
6237
6383
|
}, []);
|
|
6238
|
-
return /* @__PURE__ */
|
|
6384
|
+
return /* @__PURE__ */ jsx12(
|
|
6239
6385
|
Primitive.div,
|
|
6240
6386
|
{
|
|
6241
6387
|
...layerProps,
|
|
@@ -6256,11 +6402,11 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6256
6402
|
);
|
|
6257
6403
|
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
6258
6404
|
var BRANCH_NAME = "DismissableLayerBranch";
|
|
6259
|
-
var DismissableLayerBranch =
|
|
6260
|
-
const context =
|
|
6261
|
-
const ref =
|
|
6405
|
+
var DismissableLayerBranch = React18.forwardRef((props, forwardedRef) => {
|
|
6406
|
+
const context = React18.useContext(DismissableLayerContext);
|
|
6407
|
+
const ref = React18.useRef(null);
|
|
6262
6408
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
6263
|
-
|
|
6409
|
+
React18.useEffect(() => {
|
|
6264
6410
|
const node = ref.current;
|
|
6265
6411
|
if (node) {
|
|
6266
6412
|
context.branches.add(node);
|
|
@@ -6269,15 +6415,15 @@ var DismissableLayerBranch = React17.forwardRef((props, forwardedRef) => {
|
|
|
6269
6415
|
};
|
|
6270
6416
|
}
|
|
6271
6417
|
}, [context.branches]);
|
|
6272
|
-
return /* @__PURE__ */
|
|
6418
|
+
return /* @__PURE__ */ jsx12(Primitive.div, { ...props, ref: composedRefs });
|
|
6273
6419
|
});
|
|
6274
6420
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
6275
6421
|
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
6276
6422
|
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
6277
|
-
const isPointerInsideReactTreeRef =
|
|
6278
|
-
const handleClickRef =
|
|
6423
|
+
const isPointerInsideReactTreeRef = React18.useRef(false);
|
|
6424
|
+
const handleClickRef = React18.useRef(() => {
|
|
6279
6425
|
});
|
|
6280
|
-
|
|
6426
|
+
React18.useEffect(() => {
|
|
6281
6427
|
const handlePointerDown = (event) => {
|
|
6282
6428
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
6283
6429
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
@@ -6318,8 +6464,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
6318
6464
|
}
|
|
6319
6465
|
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
6320
6466
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
6321
|
-
const isFocusInsideReactTreeRef =
|
|
6322
|
-
|
|
6467
|
+
const isFocusInsideReactTreeRef = React18.useRef(false);
|
|
6468
|
+
React18.useEffect(() => {
|
|
6323
6469
|
const handleFocus = (event) => {
|
|
6324
6470
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
6325
6471
|
const eventDetail = { originalEvent: event };
|
|
@@ -6352,13 +6498,13 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
|
6352
6498
|
}
|
|
6353
6499
|
|
|
6354
6500
|
// ../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@_a6spdpnjpgxlsfsxwjh6tjh7gm/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
6355
|
-
import * as
|
|
6356
|
-
import { jsx as
|
|
6501
|
+
import * as React19 from "react";
|
|
6502
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
6357
6503
|
var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
|
|
6358
6504
|
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
6359
6505
|
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
6360
6506
|
var FOCUS_SCOPE_NAME = "FocusScope";
|
|
6361
|
-
var FocusScope =
|
|
6507
|
+
var FocusScope = React19.forwardRef((props, forwardedRef) => {
|
|
6362
6508
|
const {
|
|
6363
6509
|
loop = false,
|
|
6364
6510
|
trapped = false,
|
|
@@ -6366,12 +6512,12 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6366
6512
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
6367
6513
|
...scopeProps
|
|
6368
6514
|
} = props;
|
|
6369
|
-
const [container, setContainer] =
|
|
6515
|
+
const [container, setContainer] = React19.useState(null);
|
|
6370
6516
|
const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
|
|
6371
6517
|
const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
|
|
6372
|
-
const lastFocusedElementRef =
|
|
6518
|
+
const lastFocusedElementRef = React19.useRef(null);
|
|
6373
6519
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
|
|
6374
|
-
const focusScope =
|
|
6520
|
+
const focusScope = React19.useRef({
|
|
6375
6521
|
paused: false,
|
|
6376
6522
|
pause() {
|
|
6377
6523
|
this.paused = true;
|
|
@@ -6380,7 +6526,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6380
6526
|
this.paused = false;
|
|
6381
6527
|
}
|
|
6382
6528
|
}).current;
|
|
6383
|
-
|
|
6529
|
+
React19.useEffect(() => {
|
|
6384
6530
|
if (trapped) {
|
|
6385
6531
|
let handleFocusIn2 = function(event) {
|
|
6386
6532
|
if (focusScope.paused || !container) return;
|
|
@@ -6416,7 +6562,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6416
6562
|
};
|
|
6417
6563
|
}
|
|
6418
6564
|
}, [trapped, container, focusScope.paused]);
|
|
6419
|
-
|
|
6565
|
+
React19.useEffect(() => {
|
|
6420
6566
|
if (container) {
|
|
6421
6567
|
focusScopesStack.add(focusScope);
|
|
6422
6568
|
const previouslyFocusedElement = document.activeElement;
|
|
@@ -6447,7 +6593,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6447
6593
|
};
|
|
6448
6594
|
}
|
|
6449
6595
|
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
6450
|
-
const handleKeyDown =
|
|
6596
|
+
const handleKeyDown = React19.useCallback(
|
|
6451
6597
|
(event) => {
|
|
6452
6598
|
if (!loop && !trapped) return;
|
|
6453
6599
|
if (focusScope.paused) return;
|
|
@@ -6472,7 +6618,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6472
6618
|
},
|
|
6473
6619
|
[loop, trapped, focusScope.paused]
|
|
6474
6620
|
);
|
|
6475
|
-
return /* @__PURE__ */
|
|
6621
|
+
return /* @__PURE__ */ jsx13(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
6476
6622
|
});
|
|
6477
6623
|
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
6478
6624
|
function focusFirst(candidates, { select = false } = {}) {
|
|
@@ -6556,24 +6702,24 @@ function removeLinks(items) {
|
|
|
6556
6702
|
}
|
|
6557
6703
|
|
|
6558
6704
|
// ../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._o5qf2sukaqjy2xztyed32jp6ia/node_modules/@radix-ui/react-portal/dist/index.mjs
|
|
6559
|
-
import * as
|
|
6705
|
+
import * as React20 from "react";
|
|
6560
6706
|
import ReactDOM2 from "react-dom";
|
|
6561
|
-
import { jsx as
|
|
6707
|
+
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
6562
6708
|
var PORTAL_NAME = "Portal";
|
|
6563
|
-
var Portal =
|
|
6709
|
+
var Portal = React20.forwardRef((props, forwardedRef) => {
|
|
6564
6710
|
const { container: containerProp, ...portalProps } = props;
|
|
6565
|
-
const [mounted, setMounted] =
|
|
6711
|
+
const [mounted, setMounted] = React20.useState(false);
|
|
6566
6712
|
useLayoutEffect2(() => setMounted(true), []);
|
|
6567
6713
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
6568
|
-
return container ? ReactDOM2.createPortal(/* @__PURE__ */
|
|
6714
|
+
return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx14(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
6569
6715
|
});
|
|
6570
6716
|
Portal.displayName = PORTAL_NAME;
|
|
6571
6717
|
|
|
6572
6718
|
// ../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
|
6573
|
-
import * as
|
|
6719
|
+
import * as React21 from "react";
|
|
6574
6720
|
var count2 = 0;
|
|
6575
6721
|
function useFocusGuards() {
|
|
6576
|
-
|
|
6722
|
+
React21.useEffect(() => {
|
|
6577
6723
|
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
6578
6724
|
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
|
|
6579
6725
|
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
|
|
@@ -6630,10 +6776,10 @@ function __spreadArray(to, from, pack) {
|
|
|
6630
6776
|
}
|
|
6631
6777
|
|
|
6632
6778
|
// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
6633
|
-
import * as
|
|
6779
|
+
import * as React31 from "react";
|
|
6634
6780
|
|
|
6635
6781
|
// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
6636
|
-
import * as
|
|
6782
|
+
import * as React27 from "react";
|
|
6637
6783
|
|
|
6638
6784
|
// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
|
|
6639
6785
|
var zeroRightClassName = "right-scroll-bar-position";
|
|
@@ -6680,8 +6826,8 @@ function useCallbackRef2(initialValue, callback) {
|
|
|
6680
6826
|
}
|
|
6681
6827
|
|
|
6682
6828
|
// ../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.10_react@19.1.1/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
|
|
6683
|
-
import * as
|
|
6684
|
-
var useIsomorphicLayoutEffect = typeof window !== "undefined" ?
|
|
6829
|
+
import * as React25 from "react";
|
|
6830
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React25.useLayoutEffect : React25.useEffect;
|
|
6685
6831
|
var currentValues = /* @__PURE__ */ new WeakMap();
|
|
6686
6832
|
function useMergeRefs(refs, defaultValue) {
|
|
6687
6833
|
var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
|
|
@@ -6798,7 +6944,7 @@ function createSidecarMedium(options) {
|
|
|
6798
6944
|
}
|
|
6799
6945
|
|
|
6800
6946
|
// ../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.10_react@19.1.1/node_modules/use-sidecar/dist/es2015/exports.js
|
|
6801
|
-
import * as
|
|
6947
|
+
import * as React26 from "react";
|
|
6802
6948
|
var SideCar = function(_a) {
|
|
6803
6949
|
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
|
6804
6950
|
if (!sideCar) {
|
|
@@ -6808,7 +6954,7 @@ var SideCar = function(_a) {
|
|
|
6808
6954
|
if (!Target) {
|
|
6809
6955
|
throw new Error("Sidecar medium not found");
|
|
6810
6956
|
}
|
|
6811
|
-
return
|
|
6957
|
+
return React26.createElement(Target, __assign({}, rest));
|
|
6812
6958
|
};
|
|
6813
6959
|
SideCar.isSideCarExport = true;
|
|
6814
6960
|
function exportSidecar(medium, exported) {
|
|
@@ -6823,9 +6969,9 @@ var effectCar = createSidecarMedium();
|
|
|
6823
6969
|
var nothing = function() {
|
|
6824
6970
|
return;
|
|
6825
6971
|
};
|
|
6826
|
-
var RemoveScroll =
|
|
6827
|
-
var ref =
|
|
6828
|
-
var _a =
|
|
6972
|
+
var RemoveScroll = React27.forwardRef(function(props, parentRef) {
|
|
6973
|
+
var ref = React27.useRef(null);
|
|
6974
|
+
var _a = React27.useState({
|
|
6829
6975
|
onScrollCapture: nothing,
|
|
6830
6976
|
onWheelCapture: nothing,
|
|
6831
6977
|
onTouchMoveCapture: nothing
|
|
@@ -6834,11 +6980,11 @@ var RemoveScroll = React26.forwardRef(function(props, parentRef) {
|
|
|
6834
6980
|
var SideCar2 = sideCar;
|
|
6835
6981
|
var containerRef = useMergeRefs([ref, parentRef]);
|
|
6836
6982
|
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
6837
|
-
return
|
|
6838
|
-
|
|
6983
|
+
return React27.createElement(
|
|
6984
|
+
React27.Fragment,
|
|
6839
6985
|
null,
|
|
6840
|
-
enabled &&
|
|
6841
|
-
forwardProps ?
|
|
6986
|
+
enabled && React27.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
6987
|
+
forwardProps ? React27.cloneElement(React27.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React27.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
6842
6988
|
);
|
|
6843
6989
|
});
|
|
6844
6990
|
RemoveScroll.defaultProps = {
|
|
@@ -6852,13 +6998,13 @@ RemoveScroll.classNames = {
|
|
|
6852
6998
|
};
|
|
6853
6999
|
|
|
6854
7000
|
// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
6855
|
-
import * as
|
|
7001
|
+
import * as React30 from "react";
|
|
6856
7002
|
|
|
6857
7003
|
// ../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll-bar/dist/es2015/component.js
|
|
6858
|
-
import * as
|
|
7004
|
+
import * as React29 from "react";
|
|
6859
7005
|
|
|
6860
7006
|
// ../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.10_react@19.1.1/node_modules/react-style-singleton/dist/es2015/hook.js
|
|
6861
|
-
import * as
|
|
7007
|
+
import * as React28 from "react";
|
|
6862
7008
|
|
|
6863
7009
|
// ../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
|
|
6864
7010
|
var currentNonce;
|
|
@@ -6922,7 +7068,7 @@ var stylesheetSingleton = function() {
|
|
|
6922
7068
|
var styleHookSingleton = function() {
|
|
6923
7069
|
var sheet = stylesheetSingleton();
|
|
6924
7070
|
return function(styles, isDynamic) {
|
|
6925
|
-
|
|
7071
|
+
React28.useEffect(function() {
|
|
6926
7072
|
sheet.add(styles);
|
|
6927
7073
|
return function() {
|
|
6928
7074
|
sheet.remove();
|
|
@@ -6996,7 +7142,7 @@ var getCurrentUseCounter = function() {
|
|
|
6996
7142
|
return isFinite(counter) ? counter : 0;
|
|
6997
7143
|
};
|
|
6998
7144
|
var useLockAttribute = function() {
|
|
6999
|
-
|
|
7145
|
+
React29.useEffect(function() {
|
|
7000
7146
|
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
|
7001
7147
|
return function() {
|
|
7002
7148
|
var newCounter = getCurrentUseCounter() - 1;
|
|
@@ -7011,10 +7157,10 @@ var useLockAttribute = function() {
|
|
|
7011
7157
|
var RemoveScrollBar = function(_a) {
|
|
7012
7158
|
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
|
|
7013
7159
|
useLockAttribute();
|
|
7014
|
-
var gap =
|
|
7160
|
+
var gap = React29.useMemo(function() {
|
|
7015
7161
|
return getGapWidth(gapMode);
|
|
7016
7162
|
}, [gapMode]);
|
|
7017
|
-
return
|
|
7163
|
+
return React29.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
|
|
7018
7164
|
};
|
|
7019
7165
|
|
|
7020
7166
|
// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
|
|
@@ -7155,16 +7301,16 @@ var generateStyle = function(id) {
|
|
|
7155
7301
|
var idCounter = 0;
|
|
7156
7302
|
var lockStack = [];
|
|
7157
7303
|
function RemoveScrollSideCar(props) {
|
|
7158
|
-
var shouldPreventQueue =
|
|
7159
|
-
var touchStartRef =
|
|
7160
|
-
var activeAxis =
|
|
7161
|
-
var id =
|
|
7162
|
-
var Style2 =
|
|
7163
|
-
var lastProps =
|
|
7164
|
-
|
|
7304
|
+
var shouldPreventQueue = React30.useRef([]);
|
|
7305
|
+
var touchStartRef = React30.useRef([0, 0]);
|
|
7306
|
+
var activeAxis = React30.useRef();
|
|
7307
|
+
var id = React30.useState(idCounter++)[0];
|
|
7308
|
+
var Style2 = React30.useState(styleSingleton)[0];
|
|
7309
|
+
var lastProps = React30.useRef(props);
|
|
7310
|
+
React30.useEffect(function() {
|
|
7165
7311
|
lastProps.current = props;
|
|
7166
7312
|
}, [props]);
|
|
7167
|
-
|
|
7313
|
+
React30.useEffect(function() {
|
|
7168
7314
|
if (props.inert) {
|
|
7169
7315
|
document.body.classList.add("block-interactivity-".concat(id));
|
|
7170
7316
|
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
@@ -7180,7 +7326,7 @@ function RemoveScrollSideCar(props) {
|
|
|
7180
7326
|
}
|
|
7181
7327
|
return;
|
|
7182
7328
|
}, [props.inert, props.lockRef.current, props.shards]);
|
|
7183
|
-
var shouldCancelEvent =
|
|
7329
|
+
var shouldCancelEvent = React30.useCallback(function(event, parent) {
|
|
7184
7330
|
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
7185
7331
|
return !lastProps.current.allowPinchZoom;
|
|
7186
7332
|
}
|
|
@@ -7216,7 +7362,7 @@ function RemoveScrollSideCar(props) {
|
|
|
7216
7362
|
var cancelingAxis = activeAxis.current || currentAxis;
|
|
7217
7363
|
return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
7218
7364
|
}, []);
|
|
7219
|
-
var shouldPrevent =
|
|
7365
|
+
var shouldPrevent = React30.useCallback(function(_event) {
|
|
7220
7366
|
var event = _event;
|
|
7221
7367
|
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
|
|
7222
7368
|
return;
|
|
@@ -7243,7 +7389,7 @@ function RemoveScrollSideCar(props) {
|
|
|
7243
7389
|
}
|
|
7244
7390
|
}
|
|
7245
7391
|
}, []);
|
|
7246
|
-
var shouldCancel =
|
|
7392
|
+
var shouldCancel = React30.useCallback(function(name, delta, target, should) {
|
|
7247
7393
|
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
7248
7394
|
shouldPreventQueue.current.push(event);
|
|
7249
7395
|
setTimeout(function() {
|
|
@@ -7252,17 +7398,17 @@ function RemoveScrollSideCar(props) {
|
|
|
7252
7398
|
});
|
|
7253
7399
|
}, 1);
|
|
7254
7400
|
}, []);
|
|
7255
|
-
var scrollTouchStart =
|
|
7401
|
+
var scrollTouchStart = React30.useCallback(function(event) {
|
|
7256
7402
|
touchStartRef.current = getTouchXY(event);
|
|
7257
7403
|
activeAxis.current = void 0;
|
|
7258
7404
|
}, []);
|
|
7259
|
-
var scrollWheel =
|
|
7405
|
+
var scrollWheel = React30.useCallback(function(event) {
|
|
7260
7406
|
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
7261
7407
|
}, []);
|
|
7262
|
-
var scrollTouchMove =
|
|
7408
|
+
var scrollTouchMove = React30.useCallback(function(event) {
|
|
7263
7409
|
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
7264
7410
|
}, []);
|
|
7265
|
-
|
|
7411
|
+
React30.useEffect(function() {
|
|
7266
7412
|
lockStack.push(Style2);
|
|
7267
7413
|
props.setCallbacks({
|
|
7268
7414
|
onScrollCapture: scrollWheel,
|
|
@@ -7282,11 +7428,11 @@ function RemoveScrollSideCar(props) {
|
|
|
7282
7428
|
};
|
|
7283
7429
|
}, []);
|
|
7284
7430
|
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
7285
|
-
return
|
|
7286
|
-
|
|
7431
|
+
return React30.createElement(
|
|
7432
|
+
React30.Fragment,
|
|
7287
7433
|
null,
|
|
7288
|
-
inert ?
|
|
7289
|
-
removeScrollBar ?
|
|
7434
|
+
inert ? React30.createElement(Style2, { styles: generateStyle(id) }) : null,
|
|
7435
|
+
removeScrollBar ? React30.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
|
|
7290
7436
|
);
|
|
7291
7437
|
}
|
|
7292
7438
|
function getOutermostShadowParent(node) {
|
|
@@ -7305,8 +7451,8 @@ function getOutermostShadowParent(node) {
|
|
|
7305
7451
|
var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
|
|
7306
7452
|
|
|
7307
7453
|
// ../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.10_react@19.1.1/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
7308
|
-
var ReactRemoveScroll =
|
|
7309
|
-
return
|
|
7454
|
+
var ReactRemoveScroll = React31.forwardRef(function(props, ref) {
|
|
7455
|
+
return React31.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
|
|
7310
7456
|
});
|
|
7311
7457
|
ReactRemoveScroll.classNames = RemoveScroll.classNames;
|
|
7312
7458
|
var Combination_default = ReactRemoveScroll;
|
|
@@ -7433,7 +7579,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
|
|
|
7433
7579
|
};
|
|
7434
7580
|
|
|
7435
7581
|
// ../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1_7xipnhxsrwjfttlgycirhttgoi/node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
7436
|
-
import { Fragment as Fragment5, jsx as
|
|
7582
|
+
import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
7437
7583
|
var DIALOG_NAME = "Dialog";
|
|
7438
7584
|
var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
|
|
7439
7585
|
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
@@ -7446,15 +7592,15 @@ var Dialog = (props) => {
|
|
|
7446
7592
|
onOpenChange,
|
|
7447
7593
|
modal = true
|
|
7448
7594
|
} = props;
|
|
7449
|
-
const triggerRef =
|
|
7450
|
-
const contentRef =
|
|
7595
|
+
const triggerRef = React32.useRef(null);
|
|
7596
|
+
const contentRef = React32.useRef(null);
|
|
7451
7597
|
const [open, setOpen] = useControllableState({
|
|
7452
7598
|
prop: openProp,
|
|
7453
7599
|
defaultProp: defaultOpen ?? false,
|
|
7454
7600
|
onChange: onOpenChange,
|
|
7455
7601
|
caller: DIALOG_NAME
|
|
7456
7602
|
});
|
|
7457
|
-
return /* @__PURE__ */
|
|
7603
|
+
return /* @__PURE__ */ jsx15(
|
|
7458
7604
|
DialogProvider,
|
|
7459
7605
|
{
|
|
7460
7606
|
scope: __scopeDialog,
|
|
@@ -7465,7 +7611,7 @@ var Dialog = (props) => {
|
|
|
7465
7611
|
descriptionId: useId(),
|
|
7466
7612
|
open,
|
|
7467
7613
|
onOpenChange: setOpen,
|
|
7468
|
-
onOpenToggle:
|
|
7614
|
+
onOpenToggle: React32.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
7469
7615
|
modal,
|
|
7470
7616
|
children
|
|
7471
7617
|
}
|
|
@@ -7473,12 +7619,12 @@ var Dialog = (props) => {
|
|
|
7473
7619
|
};
|
|
7474
7620
|
Dialog.displayName = DIALOG_NAME;
|
|
7475
7621
|
var TRIGGER_NAME3 = "DialogTrigger";
|
|
7476
|
-
var DialogTrigger =
|
|
7622
|
+
var DialogTrigger = React32.forwardRef(
|
|
7477
7623
|
(props, forwardedRef) => {
|
|
7478
7624
|
const { __scopeDialog, ...triggerProps } = props;
|
|
7479
7625
|
const context = useDialogContext(TRIGGER_NAME3, __scopeDialog);
|
|
7480
7626
|
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
7481
|
-
return /* @__PURE__ */
|
|
7627
|
+
return /* @__PURE__ */ jsx15(
|
|
7482
7628
|
Primitive.button,
|
|
7483
7629
|
{
|
|
7484
7630
|
type: "button",
|
|
@@ -7501,28 +7647,28 @@ var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
|
|
|
7501
7647
|
var DialogPortal = (props) => {
|
|
7502
7648
|
const { __scopeDialog, forceMount, children, container } = props;
|
|
7503
7649
|
const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
|
|
7504
|
-
return /* @__PURE__ */
|
|
7650
|
+
return /* @__PURE__ */ jsx15(PortalProvider, { scope: __scopeDialog, forceMount, children: React32.Children.map(children, (child) => /* @__PURE__ */ jsx15(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx15(Portal, { asChild: true, container, children: child }) })) });
|
|
7505
7651
|
};
|
|
7506
7652
|
DialogPortal.displayName = PORTAL_NAME2;
|
|
7507
7653
|
var OVERLAY_NAME = "DialogOverlay";
|
|
7508
|
-
var DialogOverlay =
|
|
7654
|
+
var DialogOverlay = React32.forwardRef(
|
|
7509
7655
|
(props, forwardedRef) => {
|
|
7510
7656
|
const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
|
|
7511
7657
|
const { forceMount = portalContext.forceMount, ...overlayProps } = props;
|
|
7512
7658
|
const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
|
|
7513
|
-
return context.modal ? /* @__PURE__ */
|
|
7659
|
+
return context.modal ? /* @__PURE__ */ jsx15(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx15(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
|
|
7514
7660
|
}
|
|
7515
7661
|
);
|
|
7516
7662
|
DialogOverlay.displayName = OVERLAY_NAME;
|
|
7517
7663
|
var Slot2 = createSlot("DialogOverlay.RemoveScroll");
|
|
7518
|
-
var DialogOverlayImpl =
|
|
7664
|
+
var DialogOverlayImpl = React32.forwardRef(
|
|
7519
7665
|
(props, forwardedRef) => {
|
|
7520
7666
|
const { __scopeDialog, ...overlayProps } = props;
|
|
7521
7667
|
const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
|
|
7522
7668
|
return (
|
|
7523
7669
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
7524
7670
|
// ie. when `Overlay` and `Content` are siblings
|
|
7525
|
-
/* @__PURE__ */
|
|
7671
|
+
/* @__PURE__ */ jsx15(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx15(
|
|
7526
7672
|
Primitive.div,
|
|
7527
7673
|
{
|
|
7528
7674
|
"data-state": getState3(context.open),
|
|
@@ -7535,25 +7681,25 @@ var DialogOverlayImpl = React31.forwardRef(
|
|
|
7535
7681
|
}
|
|
7536
7682
|
);
|
|
7537
7683
|
var CONTENT_NAME3 = "DialogContent";
|
|
7538
|
-
var DialogContent =
|
|
7684
|
+
var DialogContent = React32.forwardRef(
|
|
7539
7685
|
(props, forwardedRef) => {
|
|
7540
7686
|
const portalContext = usePortalContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7541
7687
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
7542
7688
|
const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7543
|
-
return /* @__PURE__ */
|
|
7689
|
+
return /* @__PURE__ */ jsx15(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx15(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx15(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
7544
7690
|
}
|
|
7545
7691
|
);
|
|
7546
7692
|
DialogContent.displayName = CONTENT_NAME3;
|
|
7547
|
-
var DialogContentModal =
|
|
7693
|
+
var DialogContentModal = React32.forwardRef(
|
|
7548
7694
|
(props, forwardedRef) => {
|
|
7549
7695
|
const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7550
|
-
const contentRef =
|
|
7696
|
+
const contentRef = React32.useRef(null);
|
|
7551
7697
|
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
7552
|
-
|
|
7698
|
+
React32.useEffect(() => {
|
|
7553
7699
|
const content = contentRef.current;
|
|
7554
7700
|
if (content) return hideOthers(content);
|
|
7555
7701
|
}, []);
|
|
7556
|
-
return /* @__PURE__ */
|
|
7702
|
+
return /* @__PURE__ */ jsx15(
|
|
7557
7703
|
DialogContentImpl,
|
|
7558
7704
|
{
|
|
7559
7705
|
...props,
|
|
@@ -7578,12 +7724,12 @@ var DialogContentModal = React31.forwardRef(
|
|
|
7578
7724
|
);
|
|
7579
7725
|
}
|
|
7580
7726
|
);
|
|
7581
|
-
var DialogContentNonModal =
|
|
7727
|
+
var DialogContentNonModal = React32.forwardRef(
|
|
7582
7728
|
(props, forwardedRef) => {
|
|
7583
7729
|
const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7584
|
-
const hasInteractedOutsideRef =
|
|
7585
|
-
const hasPointerDownOutsideRef =
|
|
7586
|
-
return /* @__PURE__ */
|
|
7730
|
+
const hasInteractedOutsideRef = React32.useRef(false);
|
|
7731
|
+
const hasPointerDownOutsideRef = React32.useRef(false);
|
|
7732
|
+
return /* @__PURE__ */ jsx15(
|
|
7587
7733
|
DialogContentImpl,
|
|
7588
7734
|
{
|
|
7589
7735
|
...props,
|
|
@@ -7618,15 +7764,15 @@ var DialogContentNonModal = React31.forwardRef(
|
|
|
7618
7764
|
);
|
|
7619
7765
|
}
|
|
7620
7766
|
);
|
|
7621
|
-
var DialogContentImpl =
|
|
7767
|
+
var DialogContentImpl = React32.forwardRef(
|
|
7622
7768
|
(props, forwardedRef) => {
|
|
7623
7769
|
const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
|
|
7624
7770
|
const context = useDialogContext(CONTENT_NAME3, __scopeDialog);
|
|
7625
|
-
const contentRef =
|
|
7771
|
+
const contentRef = React32.useRef(null);
|
|
7626
7772
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
7627
7773
|
useFocusGuards();
|
|
7628
|
-
return /* @__PURE__ */
|
|
7629
|
-
/* @__PURE__ */
|
|
7774
|
+
return /* @__PURE__ */ jsxs3(Fragment5, { children: [
|
|
7775
|
+
/* @__PURE__ */ jsx15(
|
|
7630
7776
|
FocusScope,
|
|
7631
7777
|
{
|
|
7632
7778
|
asChild: true,
|
|
@@ -7634,7 +7780,7 @@ var DialogContentImpl = React31.forwardRef(
|
|
|
7634
7780
|
trapped: trapFocus,
|
|
7635
7781
|
onMountAutoFocus: onOpenAutoFocus,
|
|
7636
7782
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
7637
|
-
children: /* @__PURE__ */
|
|
7783
|
+
children: /* @__PURE__ */ jsx15(
|
|
7638
7784
|
DismissableLayer,
|
|
7639
7785
|
{
|
|
7640
7786
|
role: "dialog",
|
|
@@ -7649,37 +7795,37 @@ var DialogContentImpl = React31.forwardRef(
|
|
|
7649
7795
|
)
|
|
7650
7796
|
}
|
|
7651
7797
|
),
|
|
7652
|
-
/* @__PURE__ */
|
|
7653
|
-
/* @__PURE__ */
|
|
7654
|
-
/* @__PURE__ */
|
|
7798
|
+
/* @__PURE__ */ jsxs3(Fragment5, { children: [
|
|
7799
|
+
/* @__PURE__ */ jsx15(TitleWarning, { titleId: context.titleId }),
|
|
7800
|
+
/* @__PURE__ */ jsx15(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
|
|
7655
7801
|
] })
|
|
7656
7802
|
] });
|
|
7657
7803
|
}
|
|
7658
7804
|
);
|
|
7659
7805
|
var TITLE_NAME = "DialogTitle";
|
|
7660
|
-
var DialogTitle =
|
|
7806
|
+
var DialogTitle = React32.forwardRef(
|
|
7661
7807
|
(props, forwardedRef) => {
|
|
7662
7808
|
const { __scopeDialog, ...titleProps } = props;
|
|
7663
7809
|
const context = useDialogContext(TITLE_NAME, __scopeDialog);
|
|
7664
|
-
return /* @__PURE__ */
|
|
7810
|
+
return /* @__PURE__ */ jsx15(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
|
|
7665
7811
|
}
|
|
7666
7812
|
);
|
|
7667
7813
|
DialogTitle.displayName = TITLE_NAME;
|
|
7668
7814
|
var DESCRIPTION_NAME = "DialogDescription";
|
|
7669
|
-
var DialogDescription =
|
|
7815
|
+
var DialogDescription = React32.forwardRef(
|
|
7670
7816
|
(props, forwardedRef) => {
|
|
7671
7817
|
const { __scopeDialog, ...descriptionProps } = props;
|
|
7672
7818
|
const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
|
|
7673
|
-
return /* @__PURE__ */
|
|
7819
|
+
return /* @__PURE__ */ jsx15(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
|
|
7674
7820
|
}
|
|
7675
7821
|
);
|
|
7676
7822
|
DialogDescription.displayName = DESCRIPTION_NAME;
|
|
7677
7823
|
var CLOSE_NAME = "DialogClose";
|
|
7678
|
-
var DialogClose =
|
|
7824
|
+
var DialogClose = React32.forwardRef(
|
|
7679
7825
|
(props, forwardedRef) => {
|
|
7680
7826
|
const { __scopeDialog, ...closeProps } = props;
|
|
7681
7827
|
const context = useDialogContext(CLOSE_NAME, __scopeDialog);
|
|
7682
|
-
return /* @__PURE__ */
|
|
7828
|
+
return /* @__PURE__ */ jsx15(
|
|
7683
7829
|
Primitive.button,
|
|
7684
7830
|
{
|
|
7685
7831
|
type: "button",
|
|
@@ -7707,7 +7853,7 @@ var TitleWarning = ({ titleId }) => {
|
|
|
7707
7853
|
If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
7708
7854
|
|
|
7709
7855
|
For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
|
|
7710
|
-
|
|
7856
|
+
React32.useEffect(() => {
|
|
7711
7857
|
if (titleId) {
|
|
7712
7858
|
const hasTitle = document.getElementById(titleId);
|
|
7713
7859
|
if (!hasTitle) console.error(MESSAGE);
|
|
@@ -7719,7 +7865,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
|
|
|
7719
7865
|
var DescriptionWarning = ({ contentRef, descriptionId }) => {
|
|
7720
7866
|
const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
|
|
7721
7867
|
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
|
|
7722
|
-
|
|
7868
|
+
React32.useEffect(() => {
|
|
7723
7869
|
const describedById = contentRef.current?.getAttribute("aria-describedby");
|
|
7724
7870
|
if (descriptionId && describedById) {
|
|
7725
7871
|
const hasDescription = document.getElementById(descriptionId);
|
|
@@ -7736,135 +7882,31 @@ var Title = DialogTitle;
|
|
|
7736
7882
|
var Description = DialogDescription;
|
|
7737
7883
|
var Close = DialogClose;
|
|
7738
7884
|
|
|
7739
|
-
//
|
|
7740
|
-
import {
|
|
7741
|
-
|
|
7742
|
-
|
|
7743
|
-
|
|
7744
|
-
|
|
7745
|
-
|
|
7746
|
-
(
|
|
7747
|
-
);
|
|
7748
|
-
var toPascalCase = (string) => {
|
|
7749
|
-
const camelCase = toCamelCase(string);
|
|
7750
|
-
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
7885
|
+
// src/libraries/react/components/ui/dialog.tsx
|
|
7886
|
+
import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
7887
|
+
var Dialog2 = Root3;
|
|
7888
|
+
var DialogPortal2 = ({
|
|
7889
|
+
children,
|
|
7890
|
+
...props
|
|
7891
|
+
}) => {
|
|
7892
|
+
return /* @__PURE__ */ jsx16(Portal2, { ...props, children: /* @__PURE__ */ jsx16("div", { className: "au-root", children }) });
|
|
7751
7893
|
};
|
|
7752
|
-
var
|
|
7753
|
-
|
|
7754
|
-
|
|
7755
|
-
|
|
7756
|
-
|
|
7757
|
-
|
|
7758
|
-
|
|
7759
|
-
|
|
7894
|
+
var DialogOverlay2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
7895
|
+
Overlay,
|
|
7896
|
+
{
|
|
7897
|
+
ref,
|
|
7898
|
+
className: cn(
|
|
7899
|
+
"au-fixed au-inset-0 au-z-50 data-[state=open]:au-animate-in data-[state=closed]:au-animate-out data-[state=closed]:au-fade-out-0 data-[state=open]:au-fade-in-0 au-backdrop-blur-sm au-bg-black/40",
|
|
7900
|
+
className
|
|
7901
|
+
),
|
|
7902
|
+
...props
|
|
7760
7903
|
}
|
|
7761
|
-
|
|
7762
|
-
|
|
7763
|
-
|
|
7764
|
-
|
|
7765
|
-
|
|
7766
|
-
|
|
7767
|
-
var defaultAttributes = {
|
|
7768
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
7769
|
-
width: 24,
|
|
7770
|
-
height: 24,
|
|
7771
|
-
viewBox: "0 0 24 24",
|
|
7772
|
-
fill: "none",
|
|
7773
|
-
stroke: "currentColor",
|
|
7774
|
-
strokeWidth: 2,
|
|
7775
|
-
strokeLinecap: "round",
|
|
7776
|
-
strokeLinejoin: "round"
|
|
7777
|
-
};
|
|
7778
|
-
|
|
7779
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
|
|
7780
|
-
var Icon = forwardRef11(
|
|
7781
|
-
({
|
|
7782
|
-
color = "currentColor",
|
|
7783
|
-
size: size4 = 24,
|
|
7784
|
-
strokeWidth = 2,
|
|
7785
|
-
absoluteStrokeWidth,
|
|
7786
|
-
className = "",
|
|
7787
|
-
children,
|
|
7788
|
-
iconNode,
|
|
7789
|
-
...rest
|
|
7790
|
-
}, ref) => createElement6(
|
|
7791
|
-
"svg",
|
|
7792
|
-
{
|
|
7793
|
-
ref,
|
|
7794
|
-
...defaultAttributes,
|
|
7795
|
-
width: size4,
|
|
7796
|
-
height: size4,
|
|
7797
|
-
stroke: color,
|
|
7798
|
-
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
|
|
7799
|
-
className: mergeClasses("lucide", className),
|
|
7800
|
-
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
7801
|
-
...rest
|
|
7802
|
-
},
|
|
7803
|
-
[
|
|
7804
|
-
...iconNode.map(([tag, attrs]) => createElement6(tag, attrs)),
|
|
7805
|
-
...Array.isArray(children) ? children : [children]
|
|
7806
|
-
]
|
|
7807
|
-
)
|
|
7808
|
-
);
|
|
7809
|
-
|
|
7810
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
7811
|
-
var createLucideIcon = (iconName, iconNode) => {
|
|
7812
|
-
const Component = forwardRef12(
|
|
7813
|
-
({ className, ...props }, ref) => createElement7(Icon, {
|
|
7814
|
-
ref,
|
|
7815
|
-
iconNode,
|
|
7816
|
-
className: mergeClasses(
|
|
7817
|
-
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
7818
|
-
`lucide-${iconName}`,
|
|
7819
|
-
className
|
|
7820
|
-
),
|
|
7821
|
-
...props
|
|
7822
|
-
})
|
|
7823
|
-
);
|
|
7824
|
-
Component.displayName = toPascalCase(iconName);
|
|
7825
|
-
return Component;
|
|
7826
|
-
};
|
|
7827
|
-
|
|
7828
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
|
|
7829
|
-
var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
7830
|
-
var ChevronDown = createLucideIcon("chevron-down", __iconNode);
|
|
7831
|
-
|
|
7832
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
|
|
7833
|
-
var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
|
|
7834
|
-
var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
|
|
7835
|
-
|
|
7836
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/x.js
|
|
7837
|
-
var __iconNode3 = [
|
|
7838
|
-
["path", { d: "M18 6 6 18", key: "1bl5f8" }],
|
|
7839
|
-
["path", { d: "m6 6 12 12", key: "d8bk6v" }]
|
|
7840
|
-
];
|
|
7841
|
-
var X = createLucideIcon("x", __iconNode3);
|
|
7842
|
-
|
|
7843
|
-
// src/libraries/react/components/ui/dialog.tsx
|
|
7844
|
-
import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
7845
|
-
var Dialog2 = Root3;
|
|
7846
|
-
var DialogPortal2 = ({
|
|
7847
|
-
children,
|
|
7848
|
-
...props
|
|
7849
|
-
}) => {
|
|
7850
|
-
return /* @__PURE__ */ jsx15(Portal2, { ...props, children: /* @__PURE__ */ jsx15("div", { className: "au-root", children }) });
|
|
7851
|
-
};
|
|
7852
|
-
var DialogOverlay2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
|
|
7853
|
-
Overlay,
|
|
7854
|
-
{
|
|
7855
|
-
ref,
|
|
7856
|
-
className: cn(
|
|
7857
|
-
"au-fixed au-inset-0 au-z-50 data-[state=open]:au-animate-in data-[state=closed]:au-animate-out data-[state=closed]:au-fade-out-0 data-[state=open]:au-fade-in-0 au-backdrop-blur-sm au-bg-black/40",
|
|
7858
|
-
className
|
|
7859
|
-
),
|
|
7860
|
-
...props
|
|
7861
|
-
}
|
|
7862
|
-
));
|
|
7863
|
-
DialogOverlay2.displayName = Overlay.displayName;
|
|
7864
|
-
var DialogContent2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal2, { children: [
|
|
7865
|
-
/* @__PURE__ */ jsx15(DialogOverlay2, {}),
|
|
7866
|
-
/* @__PURE__ */ jsxs3(
|
|
7867
|
-
Content3,
|
|
7904
|
+
));
|
|
7905
|
+
DialogOverlay2.displayName = Overlay.displayName;
|
|
7906
|
+
var DialogContent2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(DialogPortal2, { children: [
|
|
7907
|
+
/* @__PURE__ */ jsx16(DialogOverlay2, {}),
|
|
7908
|
+
/* @__PURE__ */ jsxs4(
|
|
7909
|
+
Content3,
|
|
7868
7910
|
{
|
|
7869
7911
|
ref,
|
|
7870
7912
|
className: cn(
|
|
@@ -7874,9 +7916,9 @@ var DialogContent2 = React32.forwardRef(({ className, children, ...props }, ref)
|
|
|
7874
7916
|
...props,
|
|
7875
7917
|
children: [
|
|
7876
7918
|
children,
|
|
7877
|
-
/* @__PURE__ */
|
|
7878
|
-
/* @__PURE__ */
|
|
7879
|
-
/* @__PURE__ */
|
|
7919
|
+
/* @__PURE__ */ jsxs4(Close, { className: "au-absolute au-right-4 au-top-4 au-rounded-sm au-opacity-70 au-ring-offset-background au-transition-opacity hover:au-opacity-100 focus:au-outline-none focus:au-ring-2 focus:au-ring-ring focus:au-ring-offset-2 disabled:au-pointer-events-none data-[state=open]:au-bg-accent data-[state=open]:au-text-muted-foreground", children: [
|
|
7920
|
+
/* @__PURE__ */ jsx16(X, { className: "au-h-4 au-w-4" }),
|
|
7921
|
+
/* @__PURE__ */ jsx16("span", { className: "au-sr-only", children: "Close" })
|
|
7880
7922
|
] })
|
|
7881
7923
|
]
|
|
7882
7924
|
}
|
|
@@ -7886,7 +7928,7 @@ DialogContent2.displayName = Content3.displayName;
|
|
|
7886
7928
|
var DialogHeader = ({
|
|
7887
7929
|
className,
|
|
7888
7930
|
...props
|
|
7889
|
-
}) => /* @__PURE__ */
|
|
7931
|
+
}) => /* @__PURE__ */ jsx16(
|
|
7890
7932
|
"div",
|
|
7891
7933
|
{
|
|
7892
7934
|
className: cn(
|
|
@@ -7900,7 +7942,7 @@ DialogHeader.displayName = "DialogHeader";
|
|
|
7900
7942
|
var DialogFooter = ({
|
|
7901
7943
|
className,
|
|
7902
7944
|
...props
|
|
7903
|
-
}) => /* @__PURE__ */
|
|
7945
|
+
}) => /* @__PURE__ */ jsx16(
|
|
7904
7946
|
"div",
|
|
7905
7947
|
{
|
|
7906
7948
|
className: cn(
|
|
@@ -7911,7 +7953,7 @@ var DialogFooter = ({
|
|
|
7911
7953
|
}
|
|
7912
7954
|
);
|
|
7913
7955
|
DialogFooter.displayName = "DialogFooter";
|
|
7914
|
-
var DialogTitle2 =
|
|
7956
|
+
var DialogTitle2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
7915
7957
|
Title,
|
|
7916
7958
|
{
|
|
7917
7959
|
ref,
|
|
@@ -7923,7 +7965,7 @@ var DialogTitle2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
7923
7965
|
}
|
|
7924
7966
|
));
|
|
7925
7967
|
DialogTitle2.displayName = Title.displayName;
|
|
7926
|
-
var DialogDescription2 =
|
|
7968
|
+
var DialogDescription2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
|
|
7927
7969
|
Description,
|
|
7928
7970
|
{
|
|
7929
7971
|
ref,
|
|
@@ -7933,206 +7975,35 @@ var DialogDescription2 = React32.forwardRef(({ className, ...props }, ref) => /*
|
|
|
7933
7975
|
));
|
|
7934
7976
|
DialogDescription2.displayName = Description.displayName;
|
|
7935
7977
|
|
|
7936
|
-
// src/libraries/react/components/
|
|
7937
|
-
import
|
|
7938
|
-
|
|
7939
|
-
|
|
7940
|
-
|
|
7941
|
-
|
|
7942
|
-
|
|
7943
|
-
|
|
7944
|
-
|
|
7945
|
-
|
|
7946
|
-
|
|
7947
|
-
|
|
7948
|
-
|
|
7949
|
-
|
|
7950
|
-
|
|
7951
|
-
"By clicking confirm, you will purchase ",
|
|
7952
|
-
productName,
|
|
7953
|
-
" and your card will be charged immediately."
|
|
7954
|
-
] })
|
|
7955
|
-
};
|
|
7956
|
-
}
|
|
7957
|
-
if (scenario == "active" && updateable) {
|
|
7958
|
-
if (updateable) {
|
|
7959
|
-
return {
|
|
7960
|
-
title: /* @__PURE__ */ jsx16("p", { children: "Update Plan" }),
|
|
7961
|
-
message: /* @__PURE__ */ jsx16("p", { children: "Update your prepaid quantity. You'll be charged or credited the prorated difference based on your current billing cycle." })
|
|
7962
|
-
};
|
|
7963
|
-
}
|
|
7964
|
-
}
|
|
7965
|
-
if (has_trial) {
|
|
7966
|
-
return {
|
|
7967
|
-
title: /* @__PURE__ */ jsxs4("p", { children: [
|
|
7968
|
-
"Start trial for ",
|
|
7969
|
-
productName
|
|
7970
|
-
] }),
|
|
7971
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
7972
|
-
"By clicking confirm, you will start a free trial of ",
|
|
7973
|
-
productName,
|
|
7974
|
-
" ",
|
|
7975
|
-
"which ends on ",
|
|
7976
|
-
nextCycleAtStr,
|
|
7977
|
-
"."
|
|
7978
|
-
] })
|
|
7979
|
-
};
|
|
7980
|
-
}
|
|
7981
|
-
switch (scenario) {
|
|
7982
|
-
case "scheduled":
|
|
7983
|
-
return {
|
|
7984
|
-
title: /* @__PURE__ */ jsxs4("p", { children: [
|
|
7985
|
-
productName,
|
|
7986
|
-
" product already scheduled"
|
|
7987
|
-
] }),
|
|
7988
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
7989
|
-
"You are currently on product ",
|
|
7990
|
-
current_product.name,
|
|
7991
|
-
" and are scheduled to start ",
|
|
7992
|
-
productName,
|
|
7993
|
-
" on ",
|
|
7994
|
-
nextCycleAtStr,
|
|
7995
|
-
"."
|
|
7996
|
-
] })
|
|
7997
|
-
};
|
|
7998
|
-
case "active":
|
|
7999
|
-
return {
|
|
8000
|
-
title: /* @__PURE__ */ jsx16("p", { children: "Product already active" }),
|
|
8001
|
-
message: /* @__PURE__ */ jsx16("p", { children: "You are already subscribed to this product." })
|
|
8002
|
-
};
|
|
8003
|
-
case "new":
|
|
8004
|
-
if (is_free) {
|
|
8005
|
-
return {
|
|
8006
|
-
title: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8007
|
-
"Enable ",
|
|
8008
|
-
productName
|
|
8009
|
-
] }),
|
|
8010
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8011
|
-
"By clicking confirm, ",
|
|
8012
|
-
productName,
|
|
8013
|
-
" will be enabled immediately."
|
|
8014
|
-
] })
|
|
8015
|
-
};
|
|
7978
|
+
// src/libraries/react/components/ui/input.tsx
|
|
7979
|
+
import * as React34 from "react";
|
|
7980
|
+
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
7981
|
+
var Input = React34.forwardRef(
|
|
7982
|
+
({ className, type, onClick, ...props }, ref) => {
|
|
7983
|
+
return /* @__PURE__ */ jsx17(
|
|
7984
|
+
"input",
|
|
7985
|
+
{
|
|
7986
|
+
type,
|
|
7987
|
+
className: cn(
|
|
7988
|
+
"file:au-text-foreground placeholder:au-text-muted-foreground selection:au-bg-primary selection:au-text-primary-foreground dark:au-bg-input/30 au-border-input au-flex au-h-9 au-w-full au-min-w-0 au-rounded-md au-border au-bg-transparent au-px-3 au-py-1 au-text-base au-shadow-xs au-transition-[color,box-shadow] au-outline-none file:au-inline-flex file:au-h-7 file:au-border-0 file:au-bg-transparent file:au-text-sm file:au-font-medium disabled:au-pointer-events-none disabled:au-cursor-not-allowed disabled:au-opacity-50 md:au-text-sm focus-visible:au-border-ring focus-visible:au-ring-ring/50 focus-visible:au-ring-[3px] aria-invalid:au-ring-destructive/20 dark:aria-invalid:au-ring-destructive/40 aria-invalid:au-border-destructive",
|
|
7989
|
+
className
|
|
7990
|
+
),
|
|
7991
|
+
ref,
|
|
7992
|
+
...props
|
|
8016
7993
|
}
|
|
8017
|
-
|
|
8018
|
-
title: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8019
|
-
"Subscribe to ",
|
|
8020
|
-
productName
|
|
8021
|
-
] }),
|
|
8022
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8023
|
-
"By clicking confirm, you will be subscribed to ",
|
|
8024
|
-
productName,
|
|
8025
|
-
" and your card will be charged immediately."
|
|
8026
|
-
] })
|
|
8027
|
-
};
|
|
8028
|
-
case "renew":
|
|
8029
|
-
return {
|
|
8030
|
-
title: /* @__PURE__ */ jsx16("p", { children: "Renew" }),
|
|
8031
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8032
|
-
"By clicking confirm, you will renew your subscription to",
|
|
8033
|
-
" ",
|
|
8034
|
-
productName,
|
|
8035
|
-
"."
|
|
8036
|
-
] })
|
|
8037
|
-
};
|
|
8038
|
-
case "upgrade":
|
|
8039
|
-
return {
|
|
8040
|
-
title: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8041
|
-
"Upgrade to ",
|
|
8042
|
-
productName
|
|
8043
|
-
] }),
|
|
8044
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8045
|
-
"By clicking confirm, you will upgrade to ",
|
|
8046
|
-
productName,
|
|
8047
|
-
" and your payment method will be charged immediately."
|
|
8048
|
-
] })
|
|
8049
|
-
};
|
|
8050
|
-
case "downgrade":
|
|
8051
|
-
return {
|
|
8052
|
-
title: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8053
|
-
"Downgrade to ",
|
|
8054
|
-
productName
|
|
8055
|
-
] }),
|
|
8056
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8057
|
-
"By clicking confirm, your current subscription to",
|
|
8058
|
-
" ",
|
|
8059
|
-
current_product.name,
|
|
8060
|
-
" will be cancelled and a new subscription to",
|
|
8061
|
-
" ",
|
|
8062
|
-
productName,
|
|
8063
|
-
" will begin on ",
|
|
8064
|
-
nextCycleAtStr,
|
|
8065
|
-
"."
|
|
8066
|
-
] })
|
|
8067
|
-
};
|
|
8068
|
-
case "cancel":
|
|
8069
|
-
return {
|
|
8070
|
-
title: /* @__PURE__ */ jsx16("p", { children: "Cancel" }),
|
|
8071
|
-
message: /* @__PURE__ */ jsxs4("p", { children: [
|
|
8072
|
-
"By clicking confirm, your subscription to ",
|
|
8073
|
-
current_product.name,
|
|
8074
|
-
" ",
|
|
8075
|
-
"will end on ",
|
|
8076
|
-
nextCycleAtStr,
|
|
8077
|
-
"."
|
|
8078
|
-
] })
|
|
8079
|
-
};
|
|
8080
|
-
default:
|
|
8081
|
-
return {
|
|
8082
|
-
title: /* @__PURE__ */ jsx16("p", { children: "Change Subscription" }),
|
|
8083
|
-
message: /* @__PURE__ */ jsx16("p", { children: "You are about to change your subscription." })
|
|
8084
|
-
};
|
|
8085
|
-
}
|
|
8086
|
-
};
|
|
8087
|
-
|
|
8088
|
-
// src/libraries/react/components/ui/accordion.tsx
|
|
8089
|
-
import * as React33 from "react";
|
|
8090
|
-
import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
8091
|
-
var Accordion2 = Root2;
|
|
8092
|
-
var AccordionItem2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
|
|
8093
|
-
Item,
|
|
8094
|
-
{
|
|
8095
|
-
ref,
|
|
8096
|
-
className: cn("au-border-b", className),
|
|
8097
|
-
...props
|
|
8098
|
-
}
|
|
8099
|
-
));
|
|
8100
|
-
AccordionItem2.displayName = "AccordionItem";
|
|
8101
|
-
var AccordionTrigger2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx17(Header, { className: "au-flex", children: /* @__PURE__ */ jsxs5(
|
|
8102
|
-
Trigger2,
|
|
8103
|
-
{
|
|
8104
|
-
ref,
|
|
8105
|
-
className: cn(
|
|
8106
|
-
"au-flex au-flex-1 au-items-center au-justify-between au-py-4 au-text-sm au-font-medium au-transition-all hover:au-underline au-text-left [&[data-state=open]>svg]:au-rotate-180",
|
|
8107
|
-
className
|
|
8108
|
-
),
|
|
8109
|
-
...props,
|
|
8110
|
-
children: [
|
|
8111
|
-
children,
|
|
8112
|
-
/* @__PURE__ */ jsx17(ChevronDown, { className: "au-h-4 au-w-4 au-shrink-0 au-text-muted-foreground au-transition-transform au-duration-200" })
|
|
8113
|
-
]
|
|
8114
|
-
}
|
|
8115
|
-
) }));
|
|
8116
|
-
AccordionTrigger2.displayName = Trigger2.displayName;
|
|
8117
|
-
var AccordionContent2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx17(
|
|
8118
|
-
Content2,
|
|
8119
|
-
{
|
|
8120
|
-
ref,
|
|
8121
|
-
className: "au-overflow-hidden au-text-sm data-[state=closed]:au-animate-accordion-up data-[state=open]:au-animate-accordion-down",
|
|
8122
|
-
...props,
|
|
8123
|
-
children: /* @__PURE__ */ jsx17("div", { className: cn("au-pb-4 au-pt-0", className), children })
|
|
7994
|
+
);
|
|
8124
7995
|
}
|
|
8125
|
-
)
|
|
8126
|
-
|
|
7996
|
+
);
|
|
7997
|
+
Input.displayName = "Input";
|
|
8127
7998
|
|
|
8128
7999
|
// src/libraries/react/components/ui/popover.tsx
|
|
8129
|
-
import * as
|
|
8000
|
+
import * as React40 from "react";
|
|
8130
8001
|
|
|
8131
8002
|
// ../node_modules/.pnpm/@radix-ui+react-popover@1.1.14_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19._2d5qzp46jobjymz4ef7wsko3em/node_modules/@radix-ui/react-popover/dist/index.mjs
|
|
8132
|
-
import * as
|
|
8003
|
+
import * as React39 from "react";
|
|
8133
8004
|
|
|
8134
8005
|
// ../node_modules/.pnpm/@radix-ui+react-popper@1.2.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._rx2bw5lpqtxi7ji4o3uo2rsuda/node_modules/@radix-ui/react-popper/dist/index.mjs
|
|
8135
|
-
import * as
|
|
8006
|
+
import * as React38 from "react";
|
|
8136
8007
|
|
|
8137
8008
|
// ../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
|
|
8138
8009
|
var sides = ["top", "right", "bottom", "left"];
|
|
@@ -9733,7 +9604,7 @@ var computePosition2 = (reference, floating, options) => {
|
|
|
9733
9604
|
};
|
|
9734
9605
|
|
|
9735
9606
|
// ../node_modules/.pnpm/@floating-ui+react-dom@2.1.5_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
|
|
9736
|
-
import * as
|
|
9607
|
+
import * as React35 from "react";
|
|
9737
9608
|
import { useLayoutEffect as useLayoutEffect4 } from "react";
|
|
9738
9609
|
import * as ReactDOM3 from "react-dom";
|
|
9739
9610
|
var isClient = typeof document !== "undefined";
|
|
@@ -9799,7 +9670,7 @@ function roundByDPR(element, value) {
|
|
|
9799
9670
|
return Math.round(value * dpr) / dpr;
|
|
9800
9671
|
}
|
|
9801
9672
|
function useLatestRef(value) {
|
|
9802
|
-
const ref =
|
|
9673
|
+
const ref = React35.useRef(value);
|
|
9803
9674
|
index(() => {
|
|
9804
9675
|
ref.current = value;
|
|
9805
9676
|
});
|
|
@@ -9822,7 +9693,7 @@ function useFloating(options) {
|
|
|
9822
9693
|
whileElementsMounted,
|
|
9823
9694
|
open
|
|
9824
9695
|
} = options;
|
|
9825
|
-
const [data, setData] =
|
|
9696
|
+
const [data, setData] = React35.useState({
|
|
9826
9697
|
x: 0,
|
|
9827
9698
|
y: 0,
|
|
9828
9699
|
strategy,
|
|
@@ -9830,19 +9701,19 @@ function useFloating(options) {
|
|
|
9830
9701
|
middlewareData: {},
|
|
9831
9702
|
isPositioned: false
|
|
9832
9703
|
});
|
|
9833
|
-
const [latestMiddleware, setLatestMiddleware] =
|
|
9704
|
+
const [latestMiddleware, setLatestMiddleware] = React35.useState(middleware);
|
|
9834
9705
|
if (!deepEqual(latestMiddleware, middleware)) {
|
|
9835
9706
|
setLatestMiddleware(middleware);
|
|
9836
9707
|
}
|
|
9837
|
-
const [_reference, _setReference] =
|
|
9838
|
-
const [_floating, _setFloating] =
|
|
9839
|
-
const setReference =
|
|
9708
|
+
const [_reference, _setReference] = React35.useState(null);
|
|
9709
|
+
const [_floating, _setFloating] = React35.useState(null);
|
|
9710
|
+
const setReference = React35.useCallback((node) => {
|
|
9840
9711
|
if (node !== referenceRef.current) {
|
|
9841
9712
|
referenceRef.current = node;
|
|
9842
9713
|
_setReference(node);
|
|
9843
9714
|
}
|
|
9844
9715
|
}, []);
|
|
9845
|
-
const setFloating =
|
|
9716
|
+
const setFloating = React35.useCallback((node) => {
|
|
9846
9717
|
if (node !== floatingRef.current) {
|
|
9847
9718
|
floatingRef.current = node;
|
|
9848
9719
|
_setFloating(node);
|
|
@@ -9850,14 +9721,14 @@ function useFloating(options) {
|
|
|
9850
9721
|
}, []);
|
|
9851
9722
|
const referenceEl = externalReference || _reference;
|
|
9852
9723
|
const floatingEl = externalFloating || _floating;
|
|
9853
|
-
const referenceRef =
|
|
9854
|
-
const floatingRef =
|
|
9855
|
-
const dataRef =
|
|
9724
|
+
const referenceRef = React35.useRef(null);
|
|
9725
|
+
const floatingRef = React35.useRef(null);
|
|
9726
|
+
const dataRef = React35.useRef(data);
|
|
9856
9727
|
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
9857
9728
|
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
9858
9729
|
const platformRef = useLatestRef(platform2);
|
|
9859
9730
|
const openRef = useLatestRef(open);
|
|
9860
|
-
const update =
|
|
9731
|
+
const update = React35.useCallback(() => {
|
|
9861
9732
|
if (!referenceRef.current || !floatingRef.current) {
|
|
9862
9733
|
return;
|
|
9863
9734
|
}
|
|
@@ -9895,7 +9766,7 @@ function useFloating(options) {
|
|
|
9895
9766
|
}));
|
|
9896
9767
|
}
|
|
9897
9768
|
}, [open]);
|
|
9898
|
-
const isMountedRef =
|
|
9769
|
+
const isMountedRef = React35.useRef(false);
|
|
9899
9770
|
index(() => {
|
|
9900
9771
|
isMountedRef.current = true;
|
|
9901
9772
|
return () => {
|
|
@@ -9912,17 +9783,17 @@ function useFloating(options) {
|
|
|
9912
9783
|
update();
|
|
9913
9784
|
}
|
|
9914
9785
|
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
9915
|
-
const refs =
|
|
9786
|
+
const refs = React35.useMemo(() => ({
|
|
9916
9787
|
reference: referenceRef,
|
|
9917
9788
|
floating: floatingRef,
|
|
9918
9789
|
setReference,
|
|
9919
9790
|
setFloating
|
|
9920
9791
|
}), [setReference, setFloating]);
|
|
9921
|
-
const elements =
|
|
9792
|
+
const elements = React35.useMemo(() => ({
|
|
9922
9793
|
reference: referenceEl,
|
|
9923
9794
|
floating: floatingEl
|
|
9924
9795
|
}), [referenceEl, floatingEl]);
|
|
9925
|
-
const floatingStyles =
|
|
9796
|
+
const floatingStyles = React35.useMemo(() => {
|
|
9926
9797
|
const initialStyles = {
|
|
9927
9798
|
position: strategy,
|
|
9928
9799
|
left: 0,
|
|
@@ -9948,7 +9819,7 @@ function useFloating(options) {
|
|
|
9948
9819
|
top: y
|
|
9949
9820
|
};
|
|
9950
9821
|
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
9951
|
-
return
|
|
9822
|
+
return React35.useMemo(() => ({
|
|
9952
9823
|
...data,
|
|
9953
9824
|
update,
|
|
9954
9825
|
refs,
|
|
@@ -10017,10 +9888,10 @@ var arrow3 = (options, deps) => ({
|
|
|
10017
9888
|
});
|
|
10018
9889
|
|
|
10019
9890
|
// ../node_modules/.pnpm/@radix-ui+react-arrow@1.1.7_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1.1_7w5nl47bqckuaclutkvv5v7iie/node_modules/@radix-ui/react-arrow/dist/index.mjs
|
|
10020
|
-
import * as
|
|
9891
|
+
import * as React36 from "react";
|
|
10021
9892
|
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
10022
9893
|
var NAME = "Arrow";
|
|
10023
|
-
var Arrow =
|
|
9894
|
+
var Arrow = React36.forwardRef((props, forwardedRef) => {
|
|
10024
9895
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
10025
9896
|
return /* @__PURE__ */ jsx18(
|
|
10026
9897
|
Primitive.svg,
|
|
@@ -10039,9 +9910,9 @@ Arrow.displayName = NAME;
|
|
|
10039
9910
|
var Root4 = Arrow;
|
|
10040
9911
|
|
|
10041
9912
|
// ../node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-size/dist/index.mjs
|
|
10042
|
-
import * as
|
|
9913
|
+
import * as React37 from "react";
|
|
10043
9914
|
function useSize(element) {
|
|
10044
|
-
const [size4, setSize] =
|
|
9915
|
+
const [size4, setSize] = React37.useState(void 0);
|
|
10045
9916
|
useLayoutEffect2(() => {
|
|
10046
9917
|
if (element) {
|
|
10047
9918
|
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
@@ -10082,18 +9953,18 @@ var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
|
|
|
10082
9953
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
10083
9954
|
var Popper = (props) => {
|
|
10084
9955
|
const { __scopePopper, children } = props;
|
|
10085
|
-
const [anchor, setAnchor] =
|
|
9956
|
+
const [anchor, setAnchor] = React38.useState(null);
|
|
10086
9957
|
return /* @__PURE__ */ jsx19(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
10087
9958
|
};
|
|
10088
9959
|
Popper.displayName = POPPER_NAME;
|
|
10089
9960
|
var ANCHOR_NAME = "PopperAnchor";
|
|
10090
|
-
var PopperAnchor =
|
|
9961
|
+
var PopperAnchor = React38.forwardRef(
|
|
10091
9962
|
(props, forwardedRef) => {
|
|
10092
9963
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
10093
9964
|
const context = usePopperContext(ANCHOR_NAME, __scopePopper);
|
|
10094
|
-
const ref =
|
|
9965
|
+
const ref = React38.useRef(null);
|
|
10095
9966
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
10096
|
-
|
|
9967
|
+
React38.useEffect(() => {
|
|
10097
9968
|
context.onAnchorChange(virtualRef?.current || ref.current);
|
|
10098
9969
|
});
|
|
10099
9970
|
return virtualRef ? null : /* @__PURE__ */ jsx19(Primitive.div, { ...anchorProps, ref: composedRefs });
|
|
@@ -10102,7 +9973,7 @@ var PopperAnchor = React37.forwardRef(
|
|
|
10102
9973
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
10103
9974
|
var CONTENT_NAME4 = "PopperContent";
|
|
10104
9975
|
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME4);
|
|
10105
|
-
var PopperContent =
|
|
9976
|
+
var PopperContent = React38.forwardRef(
|
|
10106
9977
|
(props, forwardedRef) => {
|
|
10107
9978
|
const {
|
|
10108
9979
|
__scopePopper,
|
|
@@ -10121,9 +9992,9 @@ var PopperContent = React37.forwardRef(
|
|
|
10121
9992
|
...contentProps
|
|
10122
9993
|
} = props;
|
|
10123
9994
|
const context = usePopperContext(CONTENT_NAME4, __scopePopper);
|
|
10124
|
-
const [content, setContent] =
|
|
9995
|
+
const [content, setContent] = React38.useState(null);
|
|
10125
9996
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
10126
|
-
const [arrow4, setArrow] =
|
|
9997
|
+
const [arrow4, setArrow] = React38.useState(null);
|
|
10127
9998
|
const arrowSize = useSize(arrow4);
|
|
10128
9999
|
const arrowWidth = arrowSize?.width ?? 0;
|
|
10129
10000
|
const arrowHeight = arrowSize?.height ?? 0;
|
|
@@ -10185,7 +10056,7 @@ var PopperContent = React37.forwardRef(
|
|
|
10185
10056
|
const arrowX = middlewareData.arrow?.x;
|
|
10186
10057
|
const arrowY = middlewareData.arrow?.y;
|
|
10187
10058
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
10188
|
-
const [contentZIndex, setContentZIndex] =
|
|
10059
|
+
const [contentZIndex, setContentZIndex] = React38.useState();
|
|
10189
10060
|
useLayoutEffect2(() => {
|
|
10190
10061
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
10191
10062
|
}, [content]);
|
|
@@ -10251,7 +10122,7 @@ var OPPOSITE_SIDE = {
|
|
|
10251
10122
|
bottom: "top",
|
|
10252
10123
|
left: "right"
|
|
10253
10124
|
};
|
|
10254
|
-
var PopperArrow =
|
|
10125
|
+
var PopperArrow = React38.forwardRef(function PopperArrow2(props, forwardedRef) {
|
|
10255
10126
|
const { __scopePopper, ...arrowProps } = props;
|
|
10256
10127
|
const contentContext = useContentContext(ARROW_NAME, __scopePopper);
|
|
10257
10128
|
const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
|
|
@@ -10360,8 +10231,8 @@ var Popover = (props) => {
|
|
|
10360
10231
|
modal = false
|
|
10361
10232
|
} = props;
|
|
10362
10233
|
const popperScope = usePopperScope(__scopePopover);
|
|
10363
|
-
const triggerRef =
|
|
10364
|
-
const [hasCustomAnchor, setHasCustomAnchor] =
|
|
10234
|
+
const triggerRef = React39.useRef(null);
|
|
10235
|
+
const [hasCustomAnchor, setHasCustomAnchor] = React39.useState(false);
|
|
10365
10236
|
const [open, setOpen] = useControllableState({
|
|
10366
10237
|
prop: openProp,
|
|
10367
10238
|
defaultProp: defaultOpen ?? false,
|
|
@@ -10376,10 +10247,10 @@ var Popover = (props) => {
|
|
|
10376
10247
|
triggerRef,
|
|
10377
10248
|
open,
|
|
10378
10249
|
onOpenChange: setOpen,
|
|
10379
|
-
onOpenToggle:
|
|
10250
|
+
onOpenToggle: React39.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
10380
10251
|
hasCustomAnchor,
|
|
10381
|
-
onCustomAnchorAdd:
|
|
10382
|
-
onCustomAnchorRemove:
|
|
10252
|
+
onCustomAnchorAdd: React39.useCallback(() => setHasCustomAnchor(true), []),
|
|
10253
|
+
onCustomAnchorRemove: React39.useCallback(() => setHasCustomAnchor(false), []),
|
|
10383
10254
|
modal,
|
|
10384
10255
|
children
|
|
10385
10256
|
}
|
|
@@ -10387,13 +10258,13 @@ var Popover = (props) => {
|
|
|
10387
10258
|
};
|
|
10388
10259
|
Popover.displayName = POPOVER_NAME;
|
|
10389
10260
|
var ANCHOR_NAME2 = "PopoverAnchor";
|
|
10390
|
-
var PopoverAnchor =
|
|
10261
|
+
var PopoverAnchor = React39.forwardRef(
|
|
10391
10262
|
(props, forwardedRef) => {
|
|
10392
10263
|
const { __scopePopover, ...anchorProps } = props;
|
|
10393
10264
|
const context = usePopoverContext(ANCHOR_NAME2, __scopePopover);
|
|
10394
10265
|
const popperScope = usePopperScope(__scopePopover);
|
|
10395
10266
|
const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
|
|
10396
|
-
|
|
10267
|
+
React39.useEffect(() => {
|
|
10397
10268
|
onCustomAnchorAdd();
|
|
10398
10269
|
return () => onCustomAnchorRemove();
|
|
10399
10270
|
}, [onCustomAnchorAdd, onCustomAnchorRemove]);
|
|
@@ -10402,7 +10273,7 @@ var PopoverAnchor = React38.forwardRef(
|
|
|
10402
10273
|
);
|
|
10403
10274
|
PopoverAnchor.displayName = ANCHOR_NAME2;
|
|
10404
10275
|
var TRIGGER_NAME4 = "PopoverTrigger";
|
|
10405
|
-
var PopoverTrigger =
|
|
10276
|
+
var PopoverTrigger = React39.forwardRef(
|
|
10406
10277
|
(props, forwardedRef) => {
|
|
10407
10278
|
const { __scopePopover, ...triggerProps } = props;
|
|
10408
10279
|
const context = usePopoverContext(TRIGGER_NAME4, __scopePopover);
|
|
@@ -10436,7 +10307,7 @@ var PopoverPortal = (props) => {
|
|
|
10436
10307
|
};
|
|
10437
10308
|
PopoverPortal.displayName = PORTAL_NAME3;
|
|
10438
10309
|
var CONTENT_NAME5 = "PopoverContent";
|
|
10439
|
-
var PopoverContent =
|
|
10310
|
+
var PopoverContent = React39.forwardRef(
|
|
10440
10311
|
(props, forwardedRef) => {
|
|
10441
10312
|
const portalContext = usePortalContext2(CONTENT_NAME5, props.__scopePopover);
|
|
10442
10313
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
@@ -10446,13 +10317,13 @@ var PopoverContent = React38.forwardRef(
|
|
|
10446
10317
|
);
|
|
10447
10318
|
PopoverContent.displayName = CONTENT_NAME5;
|
|
10448
10319
|
var Slot3 = createSlot("PopoverContent.RemoveScroll");
|
|
10449
|
-
var PopoverContentModal =
|
|
10320
|
+
var PopoverContentModal = React39.forwardRef(
|
|
10450
10321
|
(props, forwardedRef) => {
|
|
10451
10322
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
10452
|
-
const contentRef =
|
|
10323
|
+
const contentRef = React39.useRef(null);
|
|
10453
10324
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
10454
|
-
const isRightClickOutsideRef =
|
|
10455
|
-
|
|
10325
|
+
const isRightClickOutsideRef = React39.useRef(false);
|
|
10326
|
+
React39.useEffect(() => {
|
|
10456
10327
|
const content = contentRef.current;
|
|
10457
10328
|
if (content) return hideOthers(content);
|
|
10458
10329
|
}, []);
|
|
@@ -10486,11 +10357,11 @@ var PopoverContentModal = React38.forwardRef(
|
|
|
10486
10357
|
) });
|
|
10487
10358
|
}
|
|
10488
10359
|
);
|
|
10489
|
-
var PopoverContentNonModal =
|
|
10360
|
+
var PopoverContentNonModal = React39.forwardRef(
|
|
10490
10361
|
(props, forwardedRef) => {
|
|
10491
10362
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
10492
|
-
const hasInteractedOutsideRef =
|
|
10493
|
-
const hasPointerDownOutsideRef =
|
|
10363
|
+
const hasInteractedOutsideRef = React39.useRef(false);
|
|
10364
|
+
const hasPointerDownOutsideRef = React39.useRef(false);
|
|
10494
10365
|
return /* @__PURE__ */ jsx20(
|
|
10495
10366
|
PopoverContentImpl,
|
|
10496
10367
|
{
|
|
@@ -10526,7 +10397,7 @@ var PopoverContentNonModal = React38.forwardRef(
|
|
|
10526
10397
|
);
|
|
10527
10398
|
}
|
|
10528
10399
|
);
|
|
10529
|
-
var PopoverContentImpl =
|
|
10400
|
+
var PopoverContentImpl = React39.forwardRef(
|
|
10530
10401
|
(props, forwardedRef) => {
|
|
10531
10402
|
const {
|
|
10532
10403
|
__scopePopover,
|
|
@@ -10590,7 +10461,7 @@ var PopoverContentImpl = React38.forwardRef(
|
|
|
10590
10461
|
}
|
|
10591
10462
|
);
|
|
10592
10463
|
var CLOSE_NAME2 = "PopoverClose";
|
|
10593
|
-
var PopoverClose =
|
|
10464
|
+
var PopoverClose = React39.forwardRef(
|
|
10594
10465
|
(props, forwardedRef) => {
|
|
10595
10466
|
const { __scopePopover, ...closeProps } = props;
|
|
10596
10467
|
const context = usePopoverContext(CLOSE_NAME2, __scopePopover);
|
|
@@ -10607,7 +10478,7 @@ var PopoverClose = React38.forwardRef(
|
|
|
10607
10478
|
);
|
|
10608
10479
|
PopoverClose.displayName = CLOSE_NAME2;
|
|
10609
10480
|
var ARROW_NAME2 = "PopoverArrow";
|
|
10610
|
-
var PopoverArrow =
|
|
10481
|
+
var PopoverArrow = React39.forwardRef(
|
|
10611
10482
|
(props, forwardedRef) => {
|
|
10612
10483
|
const { __scopePopover, ...arrowProps } = props;
|
|
10613
10484
|
const popperScope = usePopperScope(__scopePopover);
|
|
@@ -10626,7 +10497,7 @@ var Content22 = PopoverContent;
|
|
|
10626
10497
|
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
10627
10498
|
var Popover2 = Root23;
|
|
10628
10499
|
var PopoverTrigger2 = Trigger4;
|
|
10629
|
-
var PopoverContent2 =
|
|
10500
|
+
var PopoverContent2 = React40.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(
|
|
10630
10501
|
Content22,
|
|
10631
10502
|
{
|
|
10632
10503
|
ref,
|
|
@@ -10641,26 +10512,157 @@ var PopoverContent2 = React39.forwardRef(({ className, align = "center", sideOff
|
|
|
10641
10512
|
));
|
|
10642
10513
|
PopoverContent2.displayName = Content22.displayName;
|
|
10643
10514
|
|
|
10644
|
-
// src/libraries/react/components/
|
|
10645
|
-
import
|
|
10646
|
-
|
|
10647
|
-
|
|
10648
|
-
|
|
10649
|
-
|
|
10650
|
-
|
|
10651
|
-
|
|
10652
|
-
|
|
10653
|
-
|
|
10654
|
-
|
|
10655
|
-
|
|
10656
|
-
|
|
10657
|
-
|
|
10658
|
-
|
|
10515
|
+
// src/libraries/react/components/checkout-dialog/lib/checkout-content.tsx
|
|
10516
|
+
import { jsx as jsx23, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
10517
|
+
var getCheckoutContent = (checkoutResult) => {
|
|
10518
|
+
const { product, current_product, next_cycle } = checkoutResult;
|
|
10519
|
+
const { is_one_off, is_free, has_trial, updateable } = product.properties;
|
|
10520
|
+
const scenario = product.scenario;
|
|
10521
|
+
const nextCycleAtStr = next_cycle ? new Date(next_cycle.starts_at).toLocaleDateString() : void 0;
|
|
10522
|
+
const productName = product.name;
|
|
10523
|
+
if (is_one_off) {
|
|
10524
|
+
return {
|
|
10525
|
+
title: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10526
|
+
"Purchase ",
|
|
10527
|
+
productName
|
|
10528
|
+
] }),
|
|
10529
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10530
|
+
"By clicking confirm, you will purchase ",
|
|
10531
|
+
productName,
|
|
10532
|
+
" and your card will be charged immediately."
|
|
10533
|
+
] })
|
|
10534
|
+
};
|
|
10535
|
+
}
|
|
10536
|
+
if (scenario == "active" && updateable) {
|
|
10537
|
+
if (updateable) {
|
|
10538
|
+
return {
|
|
10539
|
+
title: /* @__PURE__ */ jsx23("p", { children: "Update Plan" }),
|
|
10540
|
+
message: /* @__PURE__ */ jsx23("p", { children: "Update your prepaid quantity. You'll be charged or credited the prorated difference based on your current billing cycle." })
|
|
10541
|
+
};
|
|
10542
|
+
}
|
|
10543
|
+
}
|
|
10544
|
+
if (has_trial) {
|
|
10545
|
+
return {
|
|
10546
|
+
title: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10547
|
+
"Start trial for ",
|
|
10548
|
+
productName
|
|
10549
|
+
] }),
|
|
10550
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10551
|
+
"By clicking confirm, you will start a free trial of ",
|
|
10552
|
+
productName,
|
|
10553
|
+
" ",
|
|
10554
|
+
"which ends on ",
|
|
10555
|
+
nextCycleAtStr,
|
|
10556
|
+
"."
|
|
10557
|
+
] })
|
|
10558
|
+
};
|
|
10559
|
+
}
|
|
10560
|
+
switch (scenario) {
|
|
10561
|
+
case "scheduled":
|
|
10562
|
+
return {
|
|
10563
|
+
title: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10564
|
+
productName,
|
|
10565
|
+
" product already scheduled"
|
|
10566
|
+
] }),
|
|
10567
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10568
|
+
"You are currently on product ",
|
|
10569
|
+
current_product.name,
|
|
10570
|
+
" and are scheduled to start ",
|
|
10571
|
+
productName,
|
|
10572
|
+
" on ",
|
|
10573
|
+
nextCycleAtStr,
|
|
10574
|
+
"."
|
|
10575
|
+
] })
|
|
10576
|
+
};
|
|
10577
|
+
case "active":
|
|
10578
|
+
return {
|
|
10579
|
+
title: /* @__PURE__ */ jsx23("p", { children: "Product already active" }),
|
|
10580
|
+
message: /* @__PURE__ */ jsx23("p", { children: "You are already subscribed to this product." })
|
|
10581
|
+
};
|
|
10582
|
+
case "new":
|
|
10583
|
+
if (is_free) {
|
|
10584
|
+
return {
|
|
10585
|
+
title: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10586
|
+
"Enable ",
|
|
10587
|
+
productName
|
|
10588
|
+
] }),
|
|
10589
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10590
|
+
"By clicking confirm, ",
|
|
10591
|
+
productName,
|
|
10592
|
+
" will be enabled immediately."
|
|
10593
|
+
] })
|
|
10594
|
+
};
|
|
10659
10595
|
}
|
|
10660
|
-
|
|
10596
|
+
return {
|
|
10597
|
+
title: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10598
|
+
"Subscribe to ",
|
|
10599
|
+
productName
|
|
10600
|
+
] }),
|
|
10601
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10602
|
+
"By clicking confirm, you will be subscribed to ",
|
|
10603
|
+
productName,
|
|
10604
|
+
" and your card will be charged immediately."
|
|
10605
|
+
] })
|
|
10606
|
+
};
|
|
10607
|
+
case "renew":
|
|
10608
|
+
return {
|
|
10609
|
+
title: /* @__PURE__ */ jsx23("p", { children: "Renew" }),
|
|
10610
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10611
|
+
"By clicking confirm, you will renew your subscription to",
|
|
10612
|
+
" ",
|
|
10613
|
+
productName,
|
|
10614
|
+
"."
|
|
10615
|
+
] })
|
|
10616
|
+
};
|
|
10617
|
+
case "upgrade":
|
|
10618
|
+
return {
|
|
10619
|
+
title: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10620
|
+
"Upgrade to ",
|
|
10621
|
+
productName
|
|
10622
|
+
] }),
|
|
10623
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10624
|
+
"By clicking confirm, you will upgrade to ",
|
|
10625
|
+
productName,
|
|
10626
|
+
" and your payment method will be charged immediately."
|
|
10627
|
+
] })
|
|
10628
|
+
};
|
|
10629
|
+
case "downgrade":
|
|
10630
|
+
return {
|
|
10631
|
+
title: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10632
|
+
"Downgrade to ",
|
|
10633
|
+
productName
|
|
10634
|
+
] }),
|
|
10635
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10636
|
+
"By clicking confirm, your current subscription to",
|
|
10637
|
+
" ",
|
|
10638
|
+
current_product.name,
|
|
10639
|
+
" will be cancelled and a new subscription to",
|
|
10640
|
+
" ",
|
|
10641
|
+
productName,
|
|
10642
|
+
" will begin on ",
|
|
10643
|
+
nextCycleAtStr,
|
|
10644
|
+
"."
|
|
10645
|
+
] })
|
|
10646
|
+
};
|
|
10647
|
+
case "cancel":
|
|
10648
|
+
return {
|
|
10649
|
+
title: /* @__PURE__ */ jsx23("p", { children: "Cancel" }),
|
|
10650
|
+
message: /* @__PURE__ */ jsxs5("p", { children: [
|
|
10651
|
+
"By clicking confirm, your subscription to ",
|
|
10652
|
+
current_product.name,
|
|
10653
|
+
" ",
|
|
10654
|
+
"will end on ",
|
|
10655
|
+
nextCycleAtStr,
|
|
10656
|
+
"."
|
|
10657
|
+
] })
|
|
10658
|
+
};
|
|
10659
|
+
default:
|
|
10660
|
+
return {
|
|
10661
|
+
title: /* @__PURE__ */ jsx23("p", { children: "Change Subscription" }),
|
|
10662
|
+
message: /* @__PURE__ */ jsx23("p", { children: "You are about to change your subscription." })
|
|
10663
|
+
};
|
|
10661
10664
|
}
|
|
10662
|
-
|
|
10663
|
-
Input.displayName = "Input";
|
|
10665
|
+
};
|
|
10664
10666
|
|
|
10665
10667
|
// src/libraries/react/components/checkout-dialog/checkout-dialog-synced.tsx
|
|
10666
10668
|
import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
@@ -10821,7 +10823,7 @@ function CheckoutLines({ checkoutResult }) {
|
|
|
10821
10823
|
}
|
|
10822
10824
|
)
|
|
10823
10825
|
] }) }),
|
|
10824
|
-
/* @__PURE__ */ jsx24(AccordionContent2, { className: "au-mt-2 au-mb-0 au-pb-2 au-flex au-flex-col au-gap-2", children: checkoutResult?.lines.filter((line) => line.amount
|
|
10826
|
+
/* @__PURE__ */ jsx24(AccordionContent2, { className: "au-mt-2 au-mb-0 au-pb-2 au-flex au-flex-col au-gap-2", children: checkoutResult?.lines.filter((line) => line.amount !== 0).map((line, index2) => {
|
|
10825
10827
|
return /* @__PURE__ */ jsxs6("div", { className: "au-flex au-justify-between", children: [
|
|
10826
10828
|
/* @__PURE__ */ jsx24("p", { className: "au-text-muted-foreground", children: line.description }),
|
|
10827
10829
|
/* @__PURE__ */ jsx24("p", { className: "au-text-muted-foreground", children: new Intl.NumberFormat("en-US", {
|
|
@@ -10903,13 +10905,14 @@ var PrepaidItem = ({
|
|
|
10903
10905
|
{
|
|
10904
10906
|
className: cn(
|
|
10905
10907
|
"au-text-muted-foreground au-text-xs au-px-1 au-py-0.5 au-rounded-md au-flex au-items-center au-gap-1 au-bg-accent/80 au-shrink-0",
|
|
10906
|
-
disableSelection !== true && "hover:au-bg-accent hover:au-text-foreground"
|
|
10908
|
+
disableSelection !== true && "hover:au-bg-accent hover:au-text-foreground",
|
|
10909
|
+
disableSelection && "au-pointer-events-none au-opacity-80 au-cursor-not-allowed"
|
|
10907
10910
|
),
|
|
10908
10911
|
disabled: disableSelection,
|
|
10909
10912
|
children: [
|
|
10910
10913
|
"Qty: ",
|
|
10911
10914
|
quantity,
|
|
10912
|
-
/* @__PURE__ */ jsx24(ChevronDown, { size: 12 })
|
|
10915
|
+
!disableSelection && /* @__PURE__ */ jsx24(ChevronDown, { size: 12 })
|
|
10913
10916
|
]
|
|
10914
10917
|
}
|
|
10915
10918
|
),
|
|
@@ -11046,20 +11049,20 @@ function PaywallDialog(params) {
|
|
|
11046
11049
|
}
|
|
11047
11050
|
|
|
11048
11051
|
// src/libraries/react/components/pricing-table/pricing-table-synced.tsx
|
|
11049
|
-
import
|
|
11052
|
+
import React44 from "react";
|
|
11050
11053
|
import { createContext as createContext5, useContext as useContext6, useState as useState19 } from "react";
|
|
11051
11054
|
|
|
11052
11055
|
// src/libraries/react/components/ui/switch.tsx
|
|
11053
|
-
import * as
|
|
11056
|
+
import * as React43 from "react";
|
|
11054
11057
|
|
|
11055
11058
|
// ../node_modules/.pnpm/@radix-ui+react-switch@1.2.5_@types+react-dom@19.1.9_@types+react@19.1.10__@types+react@19.1._mh2w7rehnd5adfujfuln6l4w5m/node_modules/@radix-ui/react-switch/dist/index.mjs
|
|
11056
|
-
import * as
|
|
11059
|
+
import * as React42 from "react";
|
|
11057
11060
|
|
|
11058
11061
|
// ../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.1.10_react@19.1.1/node_modules/@radix-ui/react-use-previous/dist/index.mjs
|
|
11059
|
-
import * as
|
|
11062
|
+
import * as React41 from "react";
|
|
11060
11063
|
function usePrevious(value) {
|
|
11061
|
-
const ref =
|
|
11062
|
-
return
|
|
11064
|
+
const ref = React41.useRef({ value, previous: value });
|
|
11065
|
+
return React41.useMemo(() => {
|
|
11063
11066
|
if (ref.current.value !== value) {
|
|
11064
11067
|
ref.current.previous = ref.current.value;
|
|
11065
11068
|
ref.current.value = value;
|
|
@@ -11073,7 +11076,7 @@ import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
|
11073
11076
|
var SWITCH_NAME = "Switch";
|
|
11074
11077
|
var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
|
|
11075
11078
|
var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
|
|
11076
|
-
var Switch =
|
|
11079
|
+
var Switch = React42.forwardRef(
|
|
11077
11080
|
(props, forwardedRef) => {
|
|
11078
11081
|
const {
|
|
11079
11082
|
__scopeSwitch,
|
|
@@ -11087,9 +11090,9 @@ var Switch = React43.forwardRef(
|
|
|
11087
11090
|
form,
|
|
11088
11091
|
...switchProps
|
|
11089
11092
|
} = props;
|
|
11090
|
-
const [button, setButton] =
|
|
11093
|
+
const [button, setButton] = React42.useState(null);
|
|
11091
11094
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
|
|
11092
|
-
const hasConsumerStoppedPropagationRef =
|
|
11095
|
+
const hasConsumerStoppedPropagationRef = React42.useRef(false);
|
|
11093
11096
|
const isFormControl = button ? form || !!button.closest("form") : true;
|
|
11094
11097
|
const [checked, setChecked] = useControllableState({
|
|
11095
11098
|
prop: checkedProp,
|
|
@@ -11139,7 +11142,7 @@ var Switch = React43.forwardRef(
|
|
|
11139
11142
|
);
|
|
11140
11143
|
Switch.displayName = SWITCH_NAME;
|
|
11141
11144
|
var THUMB_NAME = "SwitchThumb";
|
|
11142
|
-
var SwitchThumb =
|
|
11145
|
+
var SwitchThumb = React42.forwardRef(
|
|
11143
11146
|
(props, forwardedRef) => {
|
|
11144
11147
|
const { __scopeSwitch, ...thumbProps } = props;
|
|
11145
11148
|
const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
|
|
@@ -11156,7 +11159,7 @@ var SwitchThumb = React43.forwardRef(
|
|
|
11156
11159
|
);
|
|
11157
11160
|
SwitchThumb.displayName = THUMB_NAME;
|
|
11158
11161
|
var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
|
|
11159
|
-
var SwitchBubbleInput =
|
|
11162
|
+
var SwitchBubbleInput = React42.forwardRef(
|
|
11160
11163
|
({
|
|
11161
11164
|
__scopeSwitch,
|
|
11162
11165
|
control,
|
|
@@ -11164,11 +11167,11 @@ var SwitchBubbleInput = React43.forwardRef(
|
|
|
11164
11167
|
bubbles = true,
|
|
11165
11168
|
...props
|
|
11166
11169
|
}, forwardedRef) => {
|
|
11167
|
-
const ref =
|
|
11170
|
+
const ref = React42.useRef(null);
|
|
11168
11171
|
const composedRefs = useComposedRefs(ref, forwardedRef);
|
|
11169
11172
|
const prevChecked = usePrevious(checked);
|
|
11170
11173
|
const controlSize = useSize(control);
|
|
11171
|
-
|
|
11174
|
+
React42.useEffect(() => {
|
|
11172
11175
|
const input = ref.current;
|
|
11173
11176
|
if (!input) return;
|
|
11174
11177
|
const inputProto = window.HTMLInputElement.prototype;
|
|
@@ -11213,7 +11216,7 @@ var Thumb = SwitchThumb;
|
|
|
11213
11216
|
|
|
11214
11217
|
// src/libraries/react/components/ui/switch.tsx
|
|
11215
11218
|
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
11216
|
-
var Switch2 =
|
|
11219
|
+
var Switch2 = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
|
|
11217
11220
|
Root5,
|
|
11218
11221
|
{
|
|
11219
11222
|
className: cn(
|
|
@@ -11556,7 +11559,7 @@ var PricingFeatureList = ({
|
|
|
11556
11559
|
)) })
|
|
11557
11560
|
] });
|
|
11558
11561
|
};
|
|
11559
|
-
var PricingCardButton =
|
|
11562
|
+
var PricingCardButton = React44.forwardRef(({ recommended, children, className, onClick, ...props }, ref) => {
|
|
11560
11563
|
const [loading, setLoading] = useState19(false);
|
|
11561
11564
|
const handleClick = async (e) => {
|
|
11562
11565
|
setLoading(true);
|