autumn-js 0.1.38 → 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/{chunk-DEPJ74S4.mjs → chunk-GGJKNVL6.mjs} +27 -26
- 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 +11 -11
- 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 +11 -11
- 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 +11 -11
- package/dist/libraries/react/components/ui/dialog.mjs +2 -2
- package/dist/libraries/react/components/ui/popover.mjs +2 -2
- 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 +2 -2
- package/dist/libraries/react/{chunk-YCHPTRJA.mjs → chunk-I274Z7T2.mjs} +3 -3
- package/dist/libraries/react/{chunk-47KEC6LH.mjs → chunk-MHAXHLX4.mjs} +3 -3
|
@@ -67,7 +67,7 @@ function styleInject(css, { insertAt } = {}) {
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
// src/styles/global.css
|
|
70
|
-
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');
|
|
70
|
+
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');
|
|
71
71
|
|
|
72
72
|
// src/libraries/react/BaseAutumnProvider.tsx
|
|
73
73
|
var import_react3 = require("react");
|
|
@@ -3541,9 +3541,116 @@ var Header = AccordionHeader;
|
|
|
3541
3541
|
var Trigger2 = AccordionTrigger;
|
|
3542
3542
|
var Content2 = AccordionContent;
|
|
3543
3543
|
|
|
3544
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
3545
|
+
var import_react10 = require("react");
|
|
3546
|
+
|
|
3547
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
|
|
3548
|
+
var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
3549
|
+
var toCamelCase = (string) => string.replace(
|
|
3550
|
+
/^([A-Z])|[\s-_]+(\w)/g,
|
|
3551
|
+
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
3552
|
+
);
|
|
3553
|
+
var toPascalCase = (string) => {
|
|
3554
|
+
const camelCase = toCamelCase(string);
|
|
3555
|
+
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
3556
|
+
};
|
|
3557
|
+
var mergeClasses = (...classes) => classes.filter((className, index2, array) => {
|
|
3558
|
+
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index2;
|
|
3559
|
+
}).join(" ").trim();
|
|
3560
|
+
var hasA11yProp = (props) => {
|
|
3561
|
+
for (const prop in props) {
|
|
3562
|
+
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
3563
|
+
return true;
|
|
3564
|
+
}
|
|
3565
|
+
}
|
|
3566
|
+
};
|
|
3567
|
+
|
|
3568
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
|
|
3569
|
+
var import_react9 = require("react");
|
|
3570
|
+
|
|
3571
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
|
|
3572
|
+
var defaultAttributes = {
|
|
3573
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
3574
|
+
width: 24,
|
|
3575
|
+
height: 24,
|
|
3576
|
+
viewBox: "0 0 24 24",
|
|
3577
|
+
fill: "none",
|
|
3578
|
+
stroke: "currentColor",
|
|
3579
|
+
strokeWidth: 2,
|
|
3580
|
+
strokeLinecap: "round",
|
|
3581
|
+
strokeLinejoin: "round"
|
|
3582
|
+
};
|
|
3583
|
+
|
|
3584
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
|
|
3585
|
+
var Icon = (0, import_react9.forwardRef)(
|
|
3586
|
+
({
|
|
3587
|
+
color = "currentColor",
|
|
3588
|
+
size: size4 = 24,
|
|
3589
|
+
strokeWidth = 2,
|
|
3590
|
+
absoluteStrokeWidth,
|
|
3591
|
+
className = "",
|
|
3592
|
+
children,
|
|
3593
|
+
iconNode,
|
|
3594
|
+
...rest
|
|
3595
|
+
}, ref) => (0, import_react9.createElement)(
|
|
3596
|
+
"svg",
|
|
3597
|
+
{
|
|
3598
|
+
ref,
|
|
3599
|
+
...defaultAttributes,
|
|
3600
|
+
width: size4,
|
|
3601
|
+
height: size4,
|
|
3602
|
+
stroke: color,
|
|
3603
|
+
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
|
|
3604
|
+
className: mergeClasses("lucide", className),
|
|
3605
|
+
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
3606
|
+
...rest
|
|
3607
|
+
},
|
|
3608
|
+
[
|
|
3609
|
+
...iconNode.map(([tag, attrs]) => (0, import_react9.createElement)(tag, attrs)),
|
|
3610
|
+
...Array.isArray(children) ? children : [children]
|
|
3611
|
+
]
|
|
3612
|
+
)
|
|
3613
|
+
);
|
|
3614
|
+
|
|
3615
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
3616
|
+
var createLucideIcon = (iconName, iconNode) => {
|
|
3617
|
+
const Component = (0, import_react10.forwardRef)(
|
|
3618
|
+
({ className, ...props }, ref) => (0, import_react10.createElement)(Icon, {
|
|
3619
|
+
ref,
|
|
3620
|
+
iconNode,
|
|
3621
|
+
className: mergeClasses(
|
|
3622
|
+
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
3623
|
+
`lucide-${iconName}`,
|
|
3624
|
+
className
|
|
3625
|
+
),
|
|
3626
|
+
...props
|
|
3627
|
+
})
|
|
3628
|
+
);
|
|
3629
|
+
Component.displayName = toPascalCase(iconName);
|
|
3630
|
+
return Component;
|
|
3631
|
+
};
|
|
3632
|
+
|
|
3633
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
|
|
3634
|
+
var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
3635
|
+
var ChevronDown = createLucideIcon("chevron-down", __iconNode);
|
|
3636
|
+
|
|
3637
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
|
|
3638
|
+
var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
|
|
3639
|
+
var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
|
|
3640
|
+
|
|
3641
|
+
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/x.js
|
|
3642
|
+
var __iconNode3 = [
|
|
3643
|
+
["path", { d: "M18 6 6 18", key: "1bl5f8" }],
|
|
3644
|
+
["path", { d: "m6 6 12 12", key: "d8bk6v" }]
|
|
3645
|
+
];
|
|
3646
|
+
var X = createLucideIcon("x", __iconNode3);
|
|
3647
|
+
|
|
3544
3648
|
// src/libraries/react/components/checkout-dialog/checkout-dialog-synced.tsx
|
|
3545
3649
|
var import_react13 = require("react");
|
|
3546
3650
|
|
|
3651
|
+
// src/libraries/react/components/ui/accordion.tsx
|
|
3652
|
+
var React14 = __toESM(require("react"));
|
|
3653
|
+
|
|
3547
3654
|
// ../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
3548
3655
|
function r(e) {
|
|
3549
3656
|
var t, f, n = "";
|
|
@@ -6069,8 +6176,47 @@ function cn(...inputs) {
|
|
|
6069
6176
|
return twMerge(clsx(inputs));
|
|
6070
6177
|
}
|
|
6071
6178
|
|
|
6179
|
+
// src/libraries/react/components/ui/accordion.tsx
|
|
6180
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
6181
|
+
var Accordion2 = Root2;
|
|
6182
|
+
var AccordionItem2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
6183
|
+
Item,
|
|
6184
|
+
{
|
|
6185
|
+
ref,
|
|
6186
|
+
className: cn("au-border-b", className),
|
|
6187
|
+
...props
|
|
6188
|
+
}
|
|
6189
|
+
));
|
|
6190
|
+
AccordionItem2.displayName = "AccordionItem";
|
|
6191
|
+
var AccordionTrigger2 = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Header, { className: "au-flex", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
6192
|
+
Trigger2,
|
|
6193
|
+
{
|
|
6194
|
+
ref,
|
|
6195
|
+
className: cn(
|
|
6196
|
+
"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",
|
|
6197
|
+
className
|
|
6198
|
+
),
|
|
6199
|
+
...props,
|
|
6200
|
+
children: [
|
|
6201
|
+
children,
|
|
6202
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronDown, { className: "au-h-4 au-w-4 au-shrink-0 au-text-muted-foreground au-transition-transform au-duration-200" })
|
|
6203
|
+
]
|
|
6204
|
+
}
|
|
6205
|
+
) }));
|
|
6206
|
+
AccordionTrigger2.displayName = Trigger2.displayName;
|
|
6207
|
+
var AccordionContent2 = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
6208
|
+
Content2,
|
|
6209
|
+
{
|
|
6210
|
+
ref,
|
|
6211
|
+
className: "au-overflow-hidden au-text-sm data-[state=closed]:au-animate-accordion-up data-[state=open]:au-animate-accordion-down",
|
|
6212
|
+
...props,
|
|
6213
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("au-pb-4 au-pt-0", className), children })
|
|
6214
|
+
}
|
|
6215
|
+
));
|
|
6216
|
+
AccordionContent2.displayName = Content2.displayName;
|
|
6217
|
+
|
|
6072
6218
|
// src/libraries/react/components/ui/button.tsx
|
|
6073
|
-
var
|
|
6219
|
+
var React15 = __toESM(require("react"));
|
|
6074
6220
|
|
|
6075
6221
|
// ../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
|
|
6076
6222
|
var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
|
|
@@ -6115,7 +6261,7 @@ var cva = (base, config) => (props) => {
|
|
|
6115
6261
|
};
|
|
6116
6262
|
|
|
6117
6263
|
// src/libraries/react/components/ui/button.tsx
|
|
6118
|
-
var
|
|
6264
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
6119
6265
|
var buttonVariants = cva(
|
|
6120
6266
|
"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",
|
|
6121
6267
|
{
|
|
@@ -6141,10 +6287,10 @@ var buttonVariants = cva(
|
|
|
6141
6287
|
}
|
|
6142
6288
|
}
|
|
6143
6289
|
);
|
|
6144
|
-
var Button =
|
|
6290
|
+
var Button = React15.forwardRef(
|
|
6145
6291
|
({ className, variant, size: size4, asChild = false, ...props }, ref) => {
|
|
6146
6292
|
const Comp = asChild ? Slot : "button";
|
|
6147
|
-
return /* @__PURE__ */ (0,
|
|
6293
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
6148
6294
|
Comp,
|
|
6149
6295
|
{
|
|
6150
6296
|
className: cn(buttonVariants({ variant, size: size4 }), className),
|
|
@@ -6157,29 +6303,29 @@ var Button = React14.forwardRef(
|
|
|
6157
6303
|
Button.displayName = "Button";
|
|
6158
6304
|
|
|
6159
6305
|
// src/libraries/react/components/ui/dialog.tsx
|
|
6160
|
-
var
|
|
6306
|
+
var React33 = __toESM(require("react"));
|
|
6161
6307
|
|
|
6162
6308
|
// ../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
|
|
6163
|
-
var
|
|
6309
|
+
var React32 = __toESM(require("react"), 1);
|
|
6164
6310
|
|
|
6165
6311
|
// ../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
|
|
6166
|
-
var
|
|
6312
|
+
var React18 = __toESM(require("react"), 1);
|
|
6167
6313
|
|
|
6168
6314
|
// ../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
|
|
6169
|
-
var
|
|
6315
|
+
var React16 = __toESM(require("react"), 1);
|
|
6170
6316
|
function useCallbackRef(callback) {
|
|
6171
|
-
const callbackRef =
|
|
6172
|
-
|
|
6317
|
+
const callbackRef = React16.useRef(callback);
|
|
6318
|
+
React16.useEffect(() => {
|
|
6173
6319
|
callbackRef.current = callback;
|
|
6174
6320
|
});
|
|
6175
|
-
return
|
|
6321
|
+
return React16.useMemo(() => (...args) => callbackRef.current?.(...args), []);
|
|
6176
6322
|
}
|
|
6177
6323
|
|
|
6178
6324
|
// ../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
|
|
6179
|
-
var
|
|
6325
|
+
var React17 = __toESM(require("react"), 1);
|
|
6180
6326
|
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
|
|
6181
6327
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
6182
|
-
|
|
6328
|
+
React17.useEffect(() => {
|
|
6183
6329
|
const handleKeyDown = (event) => {
|
|
6184
6330
|
if (event.key === "Escape") {
|
|
6185
6331
|
onEscapeKeyDown(event);
|
|
@@ -6191,18 +6337,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
|
|
|
6191
6337
|
}
|
|
6192
6338
|
|
|
6193
6339
|
// ../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
|
|
6194
|
-
var
|
|
6340
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
6195
6341
|
var DISMISSABLE_LAYER_NAME = "DismissableLayer";
|
|
6196
6342
|
var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
6197
6343
|
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
6198
6344
|
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
6199
6345
|
var originalBodyPointerEvents;
|
|
6200
|
-
var DismissableLayerContext =
|
|
6346
|
+
var DismissableLayerContext = React18.createContext({
|
|
6201
6347
|
layers: /* @__PURE__ */ new Set(),
|
|
6202
6348
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
6203
6349
|
branches: /* @__PURE__ */ new Set()
|
|
6204
6350
|
});
|
|
6205
|
-
var DismissableLayer =
|
|
6351
|
+
var DismissableLayer = React18.forwardRef(
|
|
6206
6352
|
(props, forwardedRef) => {
|
|
6207
6353
|
const {
|
|
6208
6354
|
disableOutsidePointerEvents = false,
|
|
@@ -6213,10 +6359,10 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6213
6359
|
onDismiss,
|
|
6214
6360
|
...layerProps
|
|
6215
6361
|
} = props;
|
|
6216
|
-
const context =
|
|
6217
|
-
const [node, setNode] =
|
|
6362
|
+
const context = React18.useContext(DismissableLayerContext);
|
|
6363
|
+
const [node, setNode] = React18.useState(null);
|
|
6218
6364
|
const ownerDocument = node?.ownerDocument ?? globalThis?.document;
|
|
6219
|
-
const [, force] =
|
|
6365
|
+
const [, force] = React18.useState({});
|
|
6220
6366
|
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
6221
6367
|
const layers = Array.from(context.layers);
|
|
6222
6368
|
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
@@ -6249,7 +6395,7 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6249
6395
|
onDismiss();
|
|
6250
6396
|
}
|
|
6251
6397
|
}, ownerDocument);
|
|
6252
|
-
|
|
6398
|
+
React18.useEffect(() => {
|
|
6253
6399
|
if (!node) return;
|
|
6254
6400
|
if (disableOutsidePointerEvents) {
|
|
6255
6401
|
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
@@ -6266,7 +6412,7 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6266
6412
|
}
|
|
6267
6413
|
};
|
|
6268
6414
|
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
6269
|
-
|
|
6415
|
+
React18.useEffect(() => {
|
|
6270
6416
|
return () => {
|
|
6271
6417
|
if (!node) return;
|
|
6272
6418
|
context.layers.delete(node);
|
|
@@ -6274,12 +6420,12 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6274
6420
|
dispatchUpdate();
|
|
6275
6421
|
};
|
|
6276
6422
|
}, [node, context]);
|
|
6277
|
-
|
|
6423
|
+
React18.useEffect(() => {
|
|
6278
6424
|
const handleUpdate = () => force({});
|
|
6279
6425
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
6280
6426
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
6281
6427
|
}, []);
|
|
6282
|
-
return /* @__PURE__ */ (0,
|
|
6428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
6283
6429
|
Primitive.div,
|
|
6284
6430
|
{
|
|
6285
6431
|
...layerProps,
|
|
@@ -6300,11 +6446,11 @@ var DismissableLayer = React17.forwardRef(
|
|
|
6300
6446
|
);
|
|
6301
6447
|
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
6302
6448
|
var BRANCH_NAME = "DismissableLayerBranch";
|
|
6303
|
-
var DismissableLayerBranch =
|
|
6304
|
-
const context =
|
|
6305
|
-
const ref =
|
|
6449
|
+
var DismissableLayerBranch = React18.forwardRef((props, forwardedRef) => {
|
|
6450
|
+
const context = React18.useContext(DismissableLayerContext);
|
|
6451
|
+
const ref = React18.useRef(null);
|
|
6306
6452
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
6307
|
-
|
|
6453
|
+
React18.useEffect(() => {
|
|
6308
6454
|
const node = ref.current;
|
|
6309
6455
|
if (node) {
|
|
6310
6456
|
context.branches.add(node);
|
|
@@ -6313,15 +6459,15 @@ var DismissableLayerBranch = React17.forwardRef((props, forwardedRef) => {
|
|
|
6313
6459
|
};
|
|
6314
6460
|
}
|
|
6315
6461
|
}, [context.branches]);
|
|
6316
|
-
return /* @__PURE__ */ (0,
|
|
6462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Primitive.div, { ...props, ref: composedRefs });
|
|
6317
6463
|
});
|
|
6318
6464
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
6319
6465
|
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
6320
6466
|
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
6321
|
-
const isPointerInsideReactTreeRef =
|
|
6322
|
-
const handleClickRef =
|
|
6467
|
+
const isPointerInsideReactTreeRef = React18.useRef(false);
|
|
6468
|
+
const handleClickRef = React18.useRef(() => {
|
|
6323
6469
|
});
|
|
6324
|
-
|
|
6470
|
+
React18.useEffect(() => {
|
|
6325
6471
|
const handlePointerDown = (event) => {
|
|
6326
6472
|
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
6327
6473
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
@@ -6362,8 +6508,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
|
|
|
6362
6508
|
}
|
|
6363
6509
|
function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
|
|
6364
6510
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
6365
|
-
const isFocusInsideReactTreeRef =
|
|
6366
|
-
|
|
6511
|
+
const isFocusInsideReactTreeRef = React18.useRef(false);
|
|
6512
|
+
React18.useEffect(() => {
|
|
6367
6513
|
const handleFocus = (event) => {
|
|
6368
6514
|
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
6369
6515
|
const eventDetail = { originalEvent: event };
|
|
@@ -6396,13 +6542,13 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
|
6396
6542
|
}
|
|
6397
6543
|
|
|
6398
6544
|
// ../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
|
|
6399
|
-
var
|
|
6400
|
-
var
|
|
6545
|
+
var React19 = __toESM(require("react"), 1);
|
|
6546
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
6401
6547
|
var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
|
|
6402
6548
|
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
6403
6549
|
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
6404
6550
|
var FOCUS_SCOPE_NAME = "FocusScope";
|
|
6405
|
-
var FocusScope =
|
|
6551
|
+
var FocusScope = React19.forwardRef((props, forwardedRef) => {
|
|
6406
6552
|
const {
|
|
6407
6553
|
loop = false,
|
|
6408
6554
|
trapped = false,
|
|
@@ -6410,12 +6556,12 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6410
6556
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
6411
6557
|
...scopeProps
|
|
6412
6558
|
} = props;
|
|
6413
|
-
const [container, setContainer] =
|
|
6559
|
+
const [container, setContainer] = React19.useState(null);
|
|
6414
6560
|
const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
|
|
6415
6561
|
const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
|
|
6416
|
-
const lastFocusedElementRef =
|
|
6562
|
+
const lastFocusedElementRef = React19.useRef(null);
|
|
6417
6563
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
|
|
6418
|
-
const focusScope =
|
|
6564
|
+
const focusScope = React19.useRef({
|
|
6419
6565
|
paused: false,
|
|
6420
6566
|
pause() {
|
|
6421
6567
|
this.paused = true;
|
|
@@ -6424,7 +6570,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6424
6570
|
this.paused = false;
|
|
6425
6571
|
}
|
|
6426
6572
|
}).current;
|
|
6427
|
-
|
|
6573
|
+
React19.useEffect(() => {
|
|
6428
6574
|
if (trapped) {
|
|
6429
6575
|
let handleFocusIn2 = function(event) {
|
|
6430
6576
|
if (focusScope.paused || !container) return;
|
|
@@ -6460,7 +6606,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6460
6606
|
};
|
|
6461
6607
|
}
|
|
6462
6608
|
}, [trapped, container, focusScope.paused]);
|
|
6463
|
-
|
|
6609
|
+
React19.useEffect(() => {
|
|
6464
6610
|
if (container) {
|
|
6465
6611
|
focusScopesStack.add(focusScope);
|
|
6466
6612
|
const previouslyFocusedElement = document.activeElement;
|
|
@@ -6491,7 +6637,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6491
6637
|
};
|
|
6492
6638
|
}
|
|
6493
6639
|
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
6494
|
-
const handleKeyDown =
|
|
6640
|
+
const handleKeyDown = React19.useCallback(
|
|
6495
6641
|
(event) => {
|
|
6496
6642
|
if (!loop && !trapped) return;
|
|
6497
6643
|
if (focusScope.paused) return;
|
|
@@ -6516,7 +6662,7 @@ var FocusScope = React18.forwardRef((props, forwardedRef) => {
|
|
|
6516
6662
|
},
|
|
6517
6663
|
[loop, trapped, focusScope.paused]
|
|
6518
6664
|
);
|
|
6519
|
-
return /* @__PURE__ */ (0,
|
|
6665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
6520
6666
|
});
|
|
6521
6667
|
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
6522
6668
|
function focusFirst(candidates, { select = false } = {}) {
|
|
@@ -6600,24 +6746,24 @@ function removeLinks(items) {
|
|
|
6600
6746
|
}
|
|
6601
6747
|
|
|
6602
6748
|
// ../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
|
|
6603
|
-
var
|
|
6749
|
+
var React20 = __toESM(require("react"), 1);
|
|
6604
6750
|
var import_react_dom = __toESM(require("react-dom"), 1);
|
|
6605
|
-
var
|
|
6751
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
6606
6752
|
var PORTAL_NAME = "Portal";
|
|
6607
|
-
var Portal =
|
|
6753
|
+
var Portal = React20.forwardRef((props, forwardedRef) => {
|
|
6608
6754
|
const { container: containerProp, ...portalProps } = props;
|
|
6609
|
-
const [mounted, setMounted] =
|
|
6755
|
+
const [mounted, setMounted] = React20.useState(false);
|
|
6610
6756
|
useLayoutEffect2(() => setMounted(true), []);
|
|
6611
6757
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
6612
|
-
return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0,
|
|
6758
|
+
return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
6613
6759
|
});
|
|
6614
6760
|
Portal.displayName = PORTAL_NAME;
|
|
6615
6761
|
|
|
6616
6762
|
// ../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
|
|
6617
|
-
var
|
|
6763
|
+
var React21 = __toESM(require("react"), 1);
|
|
6618
6764
|
var count2 = 0;
|
|
6619
6765
|
function useFocusGuards() {
|
|
6620
|
-
|
|
6766
|
+
React21.useEffect(() => {
|
|
6621
6767
|
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
6622
6768
|
document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
|
|
6623
6769
|
document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
|
|
@@ -6674,10 +6820,10 @@ function __spreadArray(to, from, pack) {
|
|
|
6674
6820
|
}
|
|
6675
6821
|
|
|
6676
6822
|
// ../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
|
|
6677
|
-
var
|
|
6823
|
+
var React31 = __toESM(require("react"));
|
|
6678
6824
|
|
|
6679
6825
|
// ../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
|
|
6680
|
-
var
|
|
6826
|
+
var React27 = __toESM(require("react"));
|
|
6681
6827
|
|
|
6682
6828
|
// ../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
|
|
6683
6829
|
var zeroRightClassName = "right-scroll-bar-position";
|
|
@@ -6696,9 +6842,9 @@ function assignRef(ref, value) {
|
|
|
6696
6842
|
}
|
|
6697
6843
|
|
|
6698
6844
|
// ../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/useRef.js
|
|
6699
|
-
var
|
|
6845
|
+
var import_react11 = require("react");
|
|
6700
6846
|
function useCallbackRef2(initialValue, callback) {
|
|
6701
|
-
var ref = (0,
|
|
6847
|
+
var ref = (0, import_react11.useState)(function() {
|
|
6702
6848
|
return {
|
|
6703
6849
|
// value
|
|
6704
6850
|
value: initialValue,
|
|
@@ -6724,8 +6870,8 @@ function useCallbackRef2(initialValue, callback) {
|
|
|
6724
6870
|
}
|
|
6725
6871
|
|
|
6726
6872
|
// ../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
|
|
6727
|
-
var
|
|
6728
|
-
var useIsomorphicLayoutEffect = typeof window !== "undefined" ?
|
|
6873
|
+
var React25 = __toESM(require("react"));
|
|
6874
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React25.useLayoutEffect : React25.useEffect;
|
|
6729
6875
|
var currentValues = /* @__PURE__ */ new WeakMap();
|
|
6730
6876
|
function useMergeRefs(refs, defaultValue) {
|
|
6731
6877
|
var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
|
|
@@ -6842,7 +6988,7 @@ function createSidecarMedium(options) {
|
|
|
6842
6988
|
}
|
|
6843
6989
|
|
|
6844
6990
|
// ../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
|
|
6845
|
-
var
|
|
6991
|
+
var React26 = __toESM(require("react"));
|
|
6846
6992
|
var SideCar = function(_a) {
|
|
6847
6993
|
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
|
6848
6994
|
if (!sideCar) {
|
|
@@ -6852,7 +6998,7 @@ var SideCar = function(_a) {
|
|
|
6852
6998
|
if (!Target) {
|
|
6853
6999
|
throw new Error("Sidecar medium not found");
|
|
6854
7000
|
}
|
|
6855
|
-
return
|
|
7001
|
+
return React26.createElement(Target, __assign({}, rest));
|
|
6856
7002
|
};
|
|
6857
7003
|
SideCar.isSideCarExport = true;
|
|
6858
7004
|
function exportSidecar(medium, exported) {
|
|
@@ -6867,9 +7013,9 @@ var effectCar = createSidecarMedium();
|
|
|
6867
7013
|
var nothing = function() {
|
|
6868
7014
|
return;
|
|
6869
7015
|
};
|
|
6870
|
-
var RemoveScroll =
|
|
6871
|
-
var ref =
|
|
6872
|
-
var _a =
|
|
7016
|
+
var RemoveScroll = React27.forwardRef(function(props, parentRef) {
|
|
7017
|
+
var ref = React27.useRef(null);
|
|
7018
|
+
var _a = React27.useState({
|
|
6873
7019
|
onScrollCapture: nothing,
|
|
6874
7020
|
onWheelCapture: nothing,
|
|
6875
7021
|
onTouchMoveCapture: nothing
|
|
@@ -6878,11 +7024,11 @@ var RemoveScroll = React26.forwardRef(function(props, parentRef) {
|
|
|
6878
7024
|
var SideCar2 = sideCar;
|
|
6879
7025
|
var containerRef = useMergeRefs([ref, parentRef]);
|
|
6880
7026
|
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
6881
|
-
return
|
|
6882
|
-
|
|
7027
|
+
return React27.createElement(
|
|
7028
|
+
React27.Fragment,
|
|
6883
7029
|
null,
|
|
6884
|
-
enabled &&
|
|
6885
|
-
forwardProps ?
|
|
7030
|
+
enabled && React27.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
7031
|
+
forwardProps ? React27.cloneElement(React27.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React27.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
6886
7032
|
);
|
|
6887
7033
|
});
|
|
6888
7034
|
RemoveScroll.defaultProps = {
|
|
@@ -6896,13 +7042,13 @@ RemoveScroll.classNames = {
|
|
|
6896
7042
|
};
|
|
6897
7043
|
|
|
6898
7044
|
// ../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
|
|
6899
|
-
var
|
|
7045
|
+
var React30 = __toESM(require("react"));
|
|
6900
7046
|
|
|
6901
7047
|
// ../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
|
|
6902
|
-
var
|
|
7048
|
+
var React29 = __toESM(require("react"));
|
|
6903
7049
|
|
|
6904
7050
|
// ../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
|
|
6905
|
-
var
|
|
7051
|
+
var React28 = __toESM(require("react"));
|
|
6906
7052
|
|
|
6907
7053
|
// ../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
|
|
6908
7054
|
var currentNonce;
|
|
@@ -6966,7 +7112,7 @@ var stylesheetSingleton = function() {
|
|
|
6966
7112
|
var styleHookSingleton = function() {
|
|
6967
7113
|
var sheet = stylesheetSingleton();
|
|
6968
7114
|
return function(styles, isDynamic) {
|
|
6969
|
-
|
|
7115
|
+
React28.useEffect(function() {
|
|
6970
7116
|
sheet.add(styles);
|
|
6971
7117
|
return function() {
|
|
6972
7118
|
sheet.remove();
|
|
@@ -7040,7 +7186,7 @@ var getCurrentUseCounter = function() {
|
|
|
7040
7186
|
return isFinite(counter) ? counter : 0;
|
|
7041
7187
|
};
|
|
7042
7188
|
var useLockAttribute = function() {
|
|
7043
|
-
|
|
7189
|
+
React29.useEffect(function() {
|
|
7044
7190
|
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
|
7045
7191
|
return function() {
|
|
7046
7192
|
var newCounter = getCurrentUseCounter() - 1;
|
|
@@ -7055,10 +7201,10 @@ var useLockAttribute = function() {
|
|
|
7055
7201
|
var RemoveScrollBar = function(_a) {
|
|
7056
7202
|
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
|
|
7057
7203
|
useLockAttribute();
|
|
7058
|
-
var gap =
|
|
7204
|
+
var gap = React29.useMemo(function() {
|
|
7059
7205
|
return getGapWidth(gapMode);
|
|
7060
7206
|
}, [gapMode]);
|
|
7061
|
-
return
|
|
7207
|
+
return React29.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
|
|
7062
7208
|
};
|
|
7063
7209
|
|
|
7064
7210
|
// ../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
|
|
@@ -7199,16 +7345,16 @@ var generateStyle = function(id) {
|
|
|
7199
7345
|
var idCounter = 0;
|
|
7200
7346
|
var lockStack = [];
|
|
7201
7347
|
function RemoveScrollSideCar(props) {
|
|
7202
|
-
var shouldPreventQueue =
|
|
7203
|
-
var touchStartRef =
|
|
7204
|
-
var activeAxis =
|
|
7205
|
-
var id =
|
|
7206
|
-
var Style2 =
|
|
7207
|
-
var lastProps =
|
|
7208
|
-
|
|
7348
|
+
var shouldPreventQueue = React30.useRef([]);
|
|
7349
|
+
var touchStartRef = React30.useRef([0, 0]);
|
|
7350
|
+
var activeAxis = React30.useRef();
|
|
7351
|
+
var id = React30.useState(idCounter++)[0];
|
|
7352
|
+
var Style2 = React30.useState(styleSingleton)[0];
|
|
7353
|
+
var lastProps = React30.useRef(props);
|
|
7354
|
+
React30.useEffect(function() {
|
|
7209
7355
|
lastProps.current = props;
|
|
7210
7356
|
}, [props]);
|
|
7211
|
-
|
|
7357
|
+
React30.useEffect(function() {
|
|
7212
7358
|
if (props.inert) {
|
|
7213
7359
|
document.body.classList.add("block-interactivity-".concat(id));
|
|
7214
7360
|
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
@@ -7224,7 +7370,7 @@ function RemoveScrollSideCar(props) {
|
|
|
7224
7370
|
}
|
|
7225
7371
|
return;
|
|
7226
7372
|
}, [props.inert, props.lockRef.current, props.shards]);
|
|
7227
|
-
var shouldCancelEvent =
|
|
7373
|
+
var shouldCancelEvent = React30.useCallback(function(event, parent) {
|
|
7228
7374
|
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
7229
7375
|
return !lastProps.current.allowPinchZoom;
|
|
7230
7376
|
}
|
|
@@ -7260,7 +7406,7 @@ function RemoveScrollSideCar(props) {
|
|
|
7260
7406
|
var cancelingAxis = activeAxis.current || currentAxis;
|
|
7261
7407
|
return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
7262
7408
|
}, []);
|
|
7263
|
-
var shouldPrevent =
|
|
7409
|
+
var shouldPrevent = React30.useCallback(function(_event) {
|
|
7264
7410
|
var event = _event;
|
|
7265
7411
|
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
|
|
7266
7412
|
return;
|
|
@@ -7287,7 +7433,7 @@ function RemoveScrollSideCar(props) {
|
|
|
7287
7433
|
}
|
|
7288
7434
|
}
|
|
7289
7435
|
}, []);
|
|
7290
|
-
var shouldCancel =
|
|
7436
|
+
var shouldCancel = React30.useCallback(function(name, delta, target, should) {
|
|
7291
7437
|
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
7292
7438
|
shouldPreventQueue.current.push(event);
|
|
7293
7439
|
setTimeout(function() {
|
|
@@ -7296,17 +7442,17 @@ function RemoveScrollSideCar(props) {
|
|
|
7296
7442
|
});
|
|
7297
7443
|
}, 1);
|
|
7298
7444
|
}, []);
|
|
7299
|
-
var scrollTouchStart =
|
|
7445
|
+
var scrollTouchStart = React30.useCallback(function(event) {
|
|
7300
7446
|
touchStartRef.current = getTouchXY(event);
|
|
7301
7447
|
activeAxis.current = void 0;
|
|
7302
7448
|
}, []);
|
|
7303
|
-
var scrollWheel =
|
|
7449
|
+
var scrollWheel = React30.useCallback(function(event) {
|
|
7304
7450
|
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
7305
7451
|
}, []);
|
|
7306
|
-
var scrollTouchMove =
|
|
7452
|
+
var scrollTouchMove = React30.useCallback(function(event) {
|
|
7307
7453
|
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
7308
7454
|
}, []);
|
|
7309
|
-
|
|
7455
|
+
React30.useEffect(function() {
|
|
7310
7456
|
lockStack.push(Style2);
|
|
7311
7457
|
props.setCallbacks({
|
|
7312
7458
|
onScrollCapture: scrollWheel,
|
|
@@ -7326,11 +7472,11 @@ function RemoveScrollSideCar(props) {
|
|
|
7326
7472
|
};
|
|
7327
7473
|
}, []);
|
|
7328
7474
|
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
7329
|
-
return
|
|
7330
|
-
|
|
7475
|
+
return React30.createElement(
|
|
7476
|
+
React30.Fragment,
|
|
7331
7477
|
null,
|
|
7332
|
-
inert ?
|
|
7333
|
-
removeScrollBar ?
|
|
7478
|
+
inert ? React30.createElement(Style2, { styles: generateStyle(id) }) : null,
|
|
7479
|
+
removeScrollBar ? React30.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
|
|
7334
7480
|
);
|
|
7335
7481
|
}
|
|
7336
7482
|
function getOutermostShadowParent(node) {
|
|
@@ -7349,8 +7495,8 @@ function getOutermostShadowParent(node) {
|
|
|
7349
7495
|
var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
|
|
7350
7496
|
|
|
7351
7497
|
// ../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
|
|
7352
|
-
var ReactRemoveScroll =
|
|
7353
|
-
return
|
|
7498
|
+
var ReactRemoveScroll = React31.forwardRef(function(props, ref) {
|
|
7499
|
+
return React31.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
|
|
7354
7500
|
});
|
|
7355
7501
|
ReactRemoveScroll.classNames = RemoveScroll.classNames;
|
|
7356
7502
|
var Combination_default = ReactRemoveScroll;
|
|
@@ -7477,7 +7623,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
|
|
|
7477
7623
|
};
|
|
7478
7624
|
|
|
7479
7625
|
// ../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
|
|
7480
|
-
var
|
|
7626
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
7481
7627
|
var DIALOG_NAME = "Dialog";
|
|
7482
7628
|
var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
|
|
7483
7629
|
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
@@ -7490,15 +7636,15 @@ var Dialog = (props) => {
|
|
|
7490
7636
|
onOpenChange,
|
|
7491
7637
|
modal = true
|
|
7492
7638
|
} = props;
|
|
7493
|
-
const triggerRef =
|
|
7494
|
-
const contentRef =
|
|
7639
|
+
const triggerRef = React32.useRef(null);
|
|
7640
|
+
const contentRef = React32.useRef(null);
|
|
7495
7641
|
const [open, setOpen] = useControllableState({
|
|
7496
7642
|
prop: openProp,
|
|
7497
7643
|
defaultProp: defaultOpen ?? false,
|
|
7498
7644
|
onChange: onOpenChange,
|
|
7499
7645
|
caller: DIALOG_NAME
|
|
7500
7646
|
});
|
|
7501
|
-
return /* @__PURE__ */ (0,
|
|
7647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7502
7648
|
DialogProvider,
|
|
7503
7649
|
{
|
|
7504
7650
|
scope: __scopeDialog,
|
|
@@ -7509,7 +7655,7 @@ var Dialog = (props) => {
|
|
|
7509
7655
|
descriptionId: useId(),
|
|
7510
7656
|
open,
|
|
7511
7657
|
onOpenChange: setOpen,
|
|
7512
|
-
onOpenToggle:
|
|
7658
|
+
onOpenToggle: React32.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
7513
7659
|
modal,
|
|
7514
7660
|
children
|
|
7515
7661
|
}
|
|
@@ -7517,12 +7663,12 @@ var Dialog = (props) => {
|
|
|
7517
7663
|
};
|
|
7518
7664
|
Dialog.displayName = DIALOG_NAME;
|
|
7519
7665
|
var TRIGGER_NAME3 = "DialogTrigger";
|
|
7520
|
-
var DialogTrigger =
|
|
7666
|
+
var DialogTrigger = React32.forwardRef(
|
|
7521
7667
|
(props, forwardedRef) => {
|
|
7522
7668
|
const { __scopeDialog, ...triggerProps } = props;
|
|
7523
7669
|
const context = useDialogContext(TRIGGER_NAME3, __scopeDialog);
|
|
7524
7670
|
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
7525
|
-
return /* @__PURE__ */ (0,
|
|
7671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7526
7672
|
Primitive.button,
|
|
7527
7673
|
{
|
|
7528
7674
|
type: "button",
|
|
@@ -7545,28 +7691,28 @@ var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
|
|
|
7545
7691
|
var DialogPortal = (props) => {
|
|
7546
7692
|
const { __scopeDialog, forceMount, children, container } = props;
|
|
7547
7693
|
const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
|
|
7548
|
-
return /* @__PURE__ */ (0,
|
|
7694
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React32.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Portal, { asChild: true, container, children: child }) })) });
|
|
7549
7695
|
};
|
|
7550
7696
|
DialogPortal.displayName = PORTAL_NAME2;
|
|
7551
7697
|
var OVERLAY_NAME = "DialogOverlay";
|
|
7552
|
-
var DialogOverlay =
|
|
7698
|
+
var DialogOverlay = React32.forwardRef(
|
|
7553
7699
|
(props, forwardedRef) => {
|
|
7554
7700
|
const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
|
|
7555
7701
|
const { forceMount = portalContext.forceMount, ...overlayProps } = props;
|
|
7556
7702
|
const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
|
|
7557
|
-
return context.modal ? /* @__PURE__ */ (0,
|
|
7703
|
+
return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
|
|
7558
7704
|
}
|
|
7559
7705
|
);
|
|
7560
7706
|
DialogOverlay.displayName = OVERLAY_NAME;
|
|
7561
7707
|
var Slot2 = createSlot("DialogOverlay.RemoveScroll");
|
|
7562
|
-
var DialogOverlayImpl =
|
|
7708
|
+
var DialogOverlayImpl = React32.forwardRef(
|
|
7563
7709
|
(props, forwardedRef) => {
|
|
7564
7710
|
const { __scopeDialog, ...overlayProps } = props;
|
|
7565
7711
|
const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
|
|
7566
7712
|
return (
|
|
7567
7713
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
7568
7714
|
// ie. when `Overlay` and `Content` are siblings
|
|
7569
|
-
/* @__PURE__ */ (0,
|
|
7715
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7570
7716
|
Primitive.div,
|
|
7571
7717
|
{
|
|
7572
7718
|
"data-state": getState3(context.open),
|
|
@@ -7579,25 +7725,25 @@ var DialogOverlayImpl = React31.forwardRef(
|
|
|
7579
7725
|
}
|
|
7580
7726
|
);
|
|
7581
7727
|
var CONTENT_NAME3 = "DialogContent";
|
|
7582
|
-
var DialogContent =
|
|
7728
|
+
var DialogContent = React32.forwardRef(
|
|
7583
7729
|
(props, forwardedRef) => {
|
|
7584
7730
|
const portalContext = usePortalContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7585
7731
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
7586
7732
|
const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7587
|
-
return /* @__PURE__ */ (0,
|
|
7733
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
|
|
7588
7734
|
}
|
|
7589
7735
|
);
|
|
7590
7736
|
DialogContent.displayName = CONTENT_NAME3;
|
|
7591
|
-
var DialogContentModal =
|
|
7737
|
+
var DialogContentModal = React32.forwardRef(
|
|
7592
7738
|
(props, forwardedRef) => {
|
|
7593
7739
|
const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7594
|
-
const contentRef =
|
|
7740
|
+
const contentRef = React32.useRef(null);
|
|
7595
7741
|
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
7596
|
-
|
|
7742
|
+
React32.useEffect(() => {
|
|
7597
7743
|
const content = contentRef.current;
|
|
7598
7744
|
if (content) return hideOthers(content);
|
|
7599
7745
|
}, []);
|
|
7600
|
-
return /* @__PURE__ */ (0,
|
|
7746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7601
7747
|
DialogContentImpl,
|
|
7602
7748
|
{
|
|
7603
7749
|
...props,
|
|
@@ -7622,12 +7768,12 @@ var DialogContentModal = React31.forwardRef(
|
|
|
7622
7768
|
);
|
|
7623
7769
|
}
|
|
7624
7770
|
);
|
|
7625
|
-
var DialogContentNonModal =
|
|
7771
|
+
var DialogContentNonModal = React32.forwardRef(
|
|
7626
7772
|
(props, forwardedRef) => {
|
|
7627
7773
|
const context = useDialogContext(CONTENT_NAME3, props.__scopeDialog);
|
|
7628
|
-
const hasInteractedOutsideRef =
|
|
7629
|
-
const hasPointerDownOutsideRef =
|
|
7630
|
-
return /* @__PURE__ */ (0,
|
|
7774
|
+
const hasInteractedOutsideRef = React32.useRef(false);
|
|
7775
|
+
const hasPointerDownOutsideRef = React32.useRef(false);
|
|
7776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7631
7777
|
DialogContentImpl,
|
|
7632
7778
|
{
|
|
7633
7779
|
...props,
|
|
@@ -7662,15 +7808,15 @@ var DialogContentNonModal = React31.forwardRef(
|
|
|
7662
7808
|
);
|
|
7663
7809
|
}
|
|
7664
7810
|
);
|
|
7665
|
-
var DialogContentImpl =
|
|
7811
|
+
var DialogContentImpl = React32.forwardRef(
|
|
7666
7812
|
(props, forwardedRef) => {
|
|
7667
7813
|
const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
|
|
7668
7814
|
const context = useDialogContext(CONTENT_NAME3, __scopeDialog);
|
|
7669
|
-
const contentRef =
|
|
7815
|
+
const contentRef = React32.useRef(null);
|
|
7670
7816
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
7671
7817
|
useFocusGuards();
|
|
7672
|
-
return /* @__PURE__ */ (0,
|
|
7673
|
-
/* @__PURE__ */ (0,
|
|
7818
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
|
|
7819
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7674
7820
|
FocusScope,
|
|
7675
7821
|
{
|
|
7676
7822
|
asChild: true,
|
|
@@ -7678,7 +7824,7 @@ var DialogContentImpl = React31.forwardRef(
|
|
|
7678
7824
|
trapped: trapFocus,
|
|
7679
7825
|
onMountAutoFocus: onOpenAutoFocus,
|
|
7680
7826
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
7681
|
-
children: /* @__PURE__ */ (0,
|
|
7827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7682
7828
|
DismissableLayer,
|
|
7683
7829
|
{
|
|
7684
7830
|
role: "dialog",
|
|
@@ -7693,37 +7839,37 @@ var DialogContentImpl = React31.forwardRef(
|
|
|
7693
7839
|
)
|
|
7694
7840
|
}
|
|
7695
7841
|
),
|
|
7696
|
-
/* @__PURE__ */ (0,
|
|
7697
|
-
/* @__PURE__ */ (0,
|
|
7698
|
-
/* @__PURE__ */ (0,
|
|
7842
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
|
|
7843
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TitleWarning, { titleId: context.titleId }),
|
|
7844
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
|
|
7699
7845
|
] })
|
|
7700
7846
|
] });
|
|
7701
7847
|
}
|
|
7702
7848
|
);
|
|
7703
7849
|
var TITLE_NAME = "DialogTitle";
|
|
7704
|
-
var DialogTitle =
|
|
7850
|
+
var DialogTitle = React32.forwardRef(
|
|
7705
7851
|
(props, forwardedRef) => {
|
|
7706
7852
|
const { __scopeDialog, ...titleProps } = props;
|
|
7707
7853
|
const context = useDialogContext(TITLE_NAME, __scopeDialog);
|
|
7708
|
-
return /* @__PURE__ */ (0,
|
|
7854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
|
|
7709
7855
|
}
|
|
7710
7856
|
);
|
|
7711
7857
|
DialogTitle.displayName = TITLE_NAME;
|
|
7712
7858
|
var DESCRIPTION_NAME = "DialogDescription";
|
|
7713
|
-
var DialogDescription =
|
|
7859
|
+
var DialogDescription = React32.forwardRef(
|
|
7714
7860
|
(props, forwardedRef) => {
|
|
7715
7861
|
const { __scopeDialog, ...descriptionProps } = props;
|
|
7716
7862
|
const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
|
|
7717
|
-
return /* @__PURE__ */ (0,
|
|
7863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
|
|
7718
7864
|
}
|
|
7719
7865
|
);
|
|
7720
7866
|
DialogDescription.displayName = DESCRIPTION_NAME;
|
|
7721
7867
|
var CLOSE_NAME = "DialogClose";
|
|
7722
|
-
var DialogClose =
|
|
7868
|
+
var DialogClose = React32.forwardRef(
|
|
7723
7869
|
(props, forwardedRef) => {
|
|
7724
7870
|
const { __scopeDialog, ...closeProps } = props;
|
|
7725
7871
|
const context = useDialogContext(CLOSE_NAME, __scopeDialog);
|
|
7726
|
-
return /* @__PURE__ */ (0,
|
|
7872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7727
7873
|
Primitive.button,
|
|
7728
7874
|
{
|
|
7729
7875
|
type: "button",
|
|
@@ -7751,7 +7897,7 @@ var TitleWarning = ({ titleId }) => {
|
|
|
7751
7897
|
If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
7752
7898
|
|
|
7753
7899
|
For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
|
|
7754
|
-
|
|
7900
|
+
React32.useEffect(() => {
|
|
7755
7901
|
if (titleId) {
|
|
7756
7902
|
const hasTitle = document.getElementById(titleId);
|
|
7757
7903
|
if (!hasTitle) console.error(MESSAGE);
|
|
@@ -7763,7 +7909,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
|
|
|
7763
7909
|
var DescriptionWarning = ({ contentRef, descriptionId }) => {
|
|
7764
7910
|
const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
|
|
7765
7911
|
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
|
|
7766
|
-
|
|
7912
|
+
React32.useEffect(() => {
|
|
7767
7913
|
const describedById = contentRef.current?.getAttribute("aria-describedby");
|
|
7768
7914
|
if (descriptionId && describedById) {
|
|
7769
7915
|
const hasDescription = document.getElementById(descriptionId);
|
|
@@ -7780,135 +7926,31 @@ var Title = DialogTitle;
|
|
|
7780
7926
|
var Description = DialogDescription;
|
|
7781
7927
|
var Close = DialogClose;
|
|
7782
7928
|
|
|
7783
|
-
//
|
|
7784
|
-
var
|
|
7785
|
-
|
|
7786
|
-
|
|
7787
|
-
|
|
7788
|
-
|
|
7789
|
-
|
|
7790
|
-
(
|
|
7791
|
-
);
|
|
7792
|
-
var toPascalCase = (string) => {
|
|
7793
|
-
const camelCase = toCamelCase(string);
|
|
7794
|
-
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
7929
|
+
// src/libraries/react/components/ui/dialog.tsx
|
|
7930
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
7931
|
+
var Dialog2 = Root3;
|
|
7932
|
+
var DialogPortal2 = ({
|
|
7933
|
+
children,
|
|
7934
|
+
...props
|
|
7935
|
+
}) => {
|
|
7936
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Portal2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "au-root", children }) });
|
|
7795
7937
|
};
|
|
7796
|
-
var
|
|
7797
|
-
|
|
7798
|
-
|
|
7799
|
-
|
|
7800
|
-
|
|
7801
|
-
|
|
7802
|
-
|
|
7803
|
-
|
|
7938
|
+
var DialogOverlay2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
7939
|
+
Overlay,
|
|
7940
|
+
{
|
|
7941
|
+
ref,
|
|
7942
|
+
className: cn(
|
|
7943
|
+
"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",
|
|
7944
|
+
className
|
|
7945
|
+
),
|
|
7946
|
+
...props
|
|
7804
7947
|
}
|
|
7805
|
-
|
|
7806
|
-
|
|
7807
|
-
|
|
7808
|
-
|
|
7809
|
-
|
|
7810
|
-
|
|
7811
|
-
var defaultAttributes = {
|
|
7812
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
7813
|
-
width: 24,
|
|
7814
|
-
height: 24,
|
|
7815
|
-
viewBox: "0 0 24 24",
|
|
7816
|
-
fill: "none",
|
|
7817
|
-
stroke: "currentColor",
|
|
7818
|
-
strokeWidth: 2,
|
|
7819
|
-
strokeLinecap: "round",
|
|
7820
|
-
strokeLinejoin: "round"
|
|
7821
|
-
};
|
|
7822
|
-
|
|
7823
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/Icon.js
|
|
7824
|
-
var Icon = (0, import_react10.forwardRef)(
|
|
7825
|
-
({
|
|
7826
|
-
color = "currentColor",
|
|
7827
|
-
size: size4 = 24,
|
|
7828
|
-
strokeWidth = 2,
|
|
7829
|
-
absoluteStrokeWidth,
|
|
7830
|
-
className = "",
|
|
7831
|
-
children,
|
|
7832
|
-
iconNode,
|
|
7833
|
-
...rest
|
|
7834
|
-
}, ref) => (0, import_react10.createElement)(
|
|
7835
|
-
"svg",
|
|
7836
|
-
{
|
|
7837
|
-
ref,
|
|
7838
|
-
...defaultAttributes,
|
|
7839
|
-
width: size4,
|
|
7840
|
-
height: size4,
|
|
7841
|
-
stroke: color,
|
|
7842
|
-
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size4) : strokeWidth,
|
|
7843
|
-
className: mergeClasses("lucide", className),
|
|
7844
|
-
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
7845
|
-
...rest
|
|
7846
|
-
},
|
|
7847
|
-
[
|
|
7848
|
-
...iconNode.map(([tag, attrs]) => (0, import_react10.createElement)(tag, attrs)),
|
|
7849
|
-
...Array.isArray(children) ? children : [children]
|
|
7850
|
-
]
|
|
7851
|
-
)
|
|
7852
|
-
);
|
|
7853
|
-
|
|
7854
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
|
7855
|
-
var createLucideIcon = (iconName, iconNode) => {
|
|
7856
|
-
const Component = (0, import_react11.forwardRef)(
|
|
7857
|
-
({ className, ...props }, ref) => (0, import_react11.createElement)(Icon, {
|
|
7858
|
-
ref,
|
|
7859
|
-
iconNode,
|
|
7860
|
-
className: mergeClasses(
|
|
7861
|
-
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
7862
|
-
`lucide-${iconName}`,
|
|
7863
|
-
className
|
|
7864
|
-
),
|
|
7865
|
-
...props
|
|
7866
|
-
})
|
|
7867
|
-
);
|
|
7868
|
-
Component.displayName = toPascalCase(iconName);
|
|
7869
|
-
return Component;
|
|
7870
|
-
};
|
|
7871
|
-
|
|
7872
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js
|
|
7873
|
-
var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
7874
|
-
var ChevronDown = createLucideIcon("chevron-down", __iconNode);
|
|
7875
|
-
|
|
7876
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js
|
|
7877
|
-
var __iconNode2 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
|
|
7878
|
-
var LoaderCircle = createLucideIcon("loader-circle", __iconNode2);
|
|
7879
|
-
|
|
7880
|
-
// ../node_modules/.pnpm/lucide-react@0.523.0_react@19.1.1/node_modules/lucide-react/dist/esm/icons/x.js
|
|
7881
|
-
var __iconNode3 = [
|
|
7882
|
-
["path", { d: "M18 6 6 18", key: "1bl5f8" }],
|
|
7883
|
-
["path", { d: "m6 6 12 12", key: "d8bk6v" }]
|
|
7884
|
-
];
|
|
7885
|
-
var X = createLucideIcon("x", __iconNode3);
|
|
7886
|
-
|
|
7887
|
-
// src/libraries/react/components/ui/dialog.tsx
|
|
7888
|
-
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
7889
|
-
var Dialog2 = Root3;
|
|
7890
|
-
var DialogPortal2 = ({
|
|
7891
|
-
children,
|
|
7892
|
-
...props
|
|
7893
|
-
}) => {
|
|
7894
|
-
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Portal2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "au-root", children }) });
|
|
7895
|
-
};
|
|
7896
|
-
var DialogOverlay2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
7897
|
-
Overlay,
|
|
7898
|
-
{
|
|
7899
|
-
ref,
|
|
7900
|
-
className: cn(
|
|
7901
|
-
"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",
|
|
7902
|
-
className
|
|
7903
|
-
),
|
|
7904
|
-
...props
|
|
7905
|
-
}
|
|
7906
|
-
));
|
|
7907
|
-
DialogOverlay2.displayName = Overlay.displayName;
|
|
7908
|
-
var DialogContent2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(DialogPortal2, { children: [
|
|
7909
|
-
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogOverlay2, {}),
|
|
7910
|
-
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
7911
|
-
Content3,
|
|
7948
|
+
));
|
|
7949
|
+
DialogOverlay2.displayName = Overlay.displayName;
|
|
7950
|
+
var DialogContent2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DialogPortal2, { children: [
|
|
7951
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogOverlay2, {}),
|
|
7952
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
7953
|
+
Content3,
|
|
7912
7954
|
{
|
|
7913
7955
|
ref,
|
|
7914
7956
|
className: cn(
|
|
@@ -7918,9 +7960,9 @@ var DialogContent2 = React32.forwardRef(({ className, children, ...props }, ref)
|
|
|
7918
7960
|
...props,
|
|
7919
7961
|
children: [
|
|
7920
7962
|
children,
|
|
7921
|
-
/* @__PURE__ */ (0,
|
|
7922
|
-
/* @__PURE__ */ (0,
|
|
7923
|
-
/* @__PURE__ */ (0,
|
|
7963
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(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: [
|
|
7964
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(X, { className: "au-h-4 au-w-4" }),
|
|
7965
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "au-sr-only", children: "Close" })
|
|
7924
7966
|
] })
|
|
7925
7967
|
]
|
|
7926
7968
|
}
|
|
@@ -7930,7 +7972,7 @@ DialogContent2.displayName = Content3.displayName;
|
|
|
7930
7972
|
var DialogHeader = ({
|
|
7931
7973
|
className,
|
|
7932
7974
|
...props
|
|
7933
|
-
}) => /* @__PURE__ */ (0,
|
|
7975
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
7934
7976
|
"div",
|
|
7935
7977
|
{
|
|
7936
7978
|
className: cn(
|
|
@@ -7944,7 +7986,7 @@ DialogHeader.displayName = "DialogHeader";
|
|
|
7944
7986
|
var DialogFooter = ({
|
|
7945
7987
|
className,
|
|
7946
7988
|
...props
|
|
7947
|
-
}) => /* @__PURE__ */ (0,
|
|
7989
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
7948
7990
|
"div",
|
|
7949
7991
|
{
|
|
7950
7992
|
className: cn(
|
|
@@ -7955,7 +7997,7 @@ var DialogFooter = ({
|
|
|
7955
7997
|
}
|
|
7956
7998
|
);
|
|
7957
7999
|
DialogFooter.displayName = "DialogFooter";
|
|
7958
|
-
var DialogTitle2 =
|
|
8000
|
+
var DialogTitle2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
7959
8001
|
Title,
|
|
7960
8002
|
{
|
|
7961
8003
|
ref,
|
|
@@ -7967,7 +8009,7 @@ var DialogTitle2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
7967
8009
|
}
|
|
7968
8010
|
));
|
|
7969
8011
|
DialogTitle2.displayName = Title.displayName;
|
|
7970
|
-
var DialogDescription2 =
|
|
8012
|
+
var DialogDescription2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
7971
8013
|
Description,
|
|
7972
8014
|
{
|
|
7973
8015
|
ref,
|
|
@@ -7977,206 +8019,35 @@ var DialogDescription2 = React32.forwardRef(({ className, ...props }, ref) => /*
|
|
|
7977
8019
|
));
|
|
7978
8020
|
DialogDescription2.displayName = Description.displayName;
|
|
7979
8021
|
|
|
7980
|
-
// src/libraries/react/components/
|
|
7981
|
-
var
|
|
7982
|
-
var getCheckoutContent = (checkoutResult) => {
|
|
7983
|
-
const { product, current_product, next_cycle } = checkoutResult;
|
|
7984
|
-
const { is_one_off, is_free, has_trial, updateable } = product.properties;
|
|
7985
|
-
const scenario = product.scenario;
|
|
7986
|
-
const nextCycleAtStr = next_cycle ? new Date(next_cycle.starts_at).toLocaleDateString() : void 0;
|
|
7987
|
-
const productName = product.name;
|
|
7988
|
-
if (is_one_off) {
|
|
7989
|
-
return {
|
|
7990
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
7991
|
-
"Purchase ",
|
|
7992
|
-
productName
|
|
7993
|
-
] }),
|
|
7994
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
7995
|
-
"By clicking confirm, you will purchase ",
|
|
7996
|
-
productName,
|
|
7997
|
-
" and your card will be charged immediately."
|
|
7998
|
-
] })
|
|
7999
|
-
};
|
|
8000
|
-
}
|
|
8001
|
-
if (scenario == "active" && updateable) {
|
|
8002
|
-
if (updateable) {
|
|
8003
|
-
return {
|
|
8004
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Update Plan" }),
|
|
8005
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Update your prepaid quantity. You'll be charged or credited the prorated difference based on your current billing cycle." })
|
|
8006
|
-
};
|
|
8007
|
-
}
|
|
8008
|
-
}
|
|
8009
|
-
if (has_trial) {
|
|
8010
|
-
return {
|
|
8011
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8012
|
-
"Start trial for ",
|
|
8013
|
-
productName
|
|
8014
|
-
] }),
|
|
8015
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8016
|
-
"By clicking confirm, you will start a free trial of ",
|
|
8017
|
-
productName,
|
|
8018
|
-
" ",
|
|
8019
|
-
"which ends on ",
|
|
8020
|
-
nextCycleAtStr,
|
|
8021
|
-
"."
|
|
8022
|
-
] })
|
|
8023
|
-
};
|
|
8024
|
-
}
|
|
8025
|
-
switch (scenario) {
|
|
8026
|
-
case "scheduled":
|
|
8027
|
-
return {
|
|
8028
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8029
|
-
productName,
|
|
8030
|
-
" product already scheduled"
|
|
8031
|
-
] }),
|
|
8032
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8033
|
-
"You are currently on product ",
|
|
8034
|
-
current_product.name,
|
|
8035
|
-
" and are scheduled to start ",
|
|
8036
|
-
productName,
|
|
8037
|
-
" on ",
|
|
8038
|
-
nextCycleAtStr,
|
|
8039
|
-
"."
|
|
8040
|
-
] })
|
|
8041
|
-
};
|
|
8042
|
-
case "active":
|
|
8043
|
-
return {
|
|
8044
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Product already active" }),
|
|
8045
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "You are already subscribed to this product." })
|
|
8046
|
-
};
|
|
8047
|
-
case "new":
|
|
8048
|
-
if (is_free) {
|
|
8049
|
-
return {
|
|
8050
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8051
|
-
"Enable ",
|
|
8052
|
-
productName
|
|
8053
|
-
] }),
|
|
8054
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8055
|
-
"By clicking confirm, ",
|
|
8056
|
-
productName,
|
|
8057
|
-
" will be enabled immediately."
|
|
8058
|
-
] })
|
|
8059
|
-
};
|
|
8060
|
-
}
|
|
8061
|
-
return {
|
|
8062
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8063
|
-
"Subscribe to ",
|
|
8064
|
-
productName
|
|
8065
|
-
] }),
|
|
8066
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8067
|
-
"By clicking confirm, you will be subscribed to ",
|
|
8068
|
-
productName,
|
|
8069
|
-
" and your card will be charged immediately."
|
|
8070
|
-
] })
|
|
8071
|
-
};
|
|
8072
|
-
case "renew":
|
|
8073
|
-
return {
|
|
8074
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Renew" }),
|
|
8075
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8076
|
-
"By clicking confirm, you will renew your subscription to",
|
|
8077
|
-
" ",
|
|
8078
|
-
productName,
|
|
8079
|
-
"."
|
|
8080
|
-
] })
|
|
8081
|
-
};
|
|
8082
|
-
case "upgrade":
|
|
8083
|
-
return {
|
|
8084
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8085
|
-
"Upgrade to ",
|
|
8086
|
-
productName
|
|
8087
|
-
] }),
|
|
8088
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8089
|
-
"By clicking confirm, you will upgrade to ",
|
|
8090
|
-
productName,
|
|
8091
|
-
" and your payment method will be charged immediately."
|
|
8092
|
-
] })
|
|
8093
|
-
};
|
|
8094
|
-
case "downgrade":
|
|
8095
|
-
return {
|
|
8096
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8097
|
-
"Downgrade to ",
|
|
8098
|
-
productName
|
|
8099
|
-
] }),
|
|
8100
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8101
|
-
"By clicking confirm, your current subscription to",
|
|
8102
|
-
" ",
|
|
8103
|
-
current_product.name,
|
|
8104
|
-
" will be cancelled and a new subscription to",
|
|
8105
|
-
" ",
|
|
8106
|
-
productName,
|
|
8107
|
-
" will begin on ",
|
|
8108
|
-
nextCycleAtStr,
|
|
8109
|
-
"."
|
|
8110
|
-
] })
|
|
8111
|
-
};
|
|
8112
|
-
case "cancel":
|
|
8113
|
-
return {
|
|
8114
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Cancel" }),
|
|
8115
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { children: [
|
|
8116
|
-
"By clicking confirm, your subscription to ",
|
|
8117
|
-
current_product.name,
|
|
8118
|
-
" ",
|
|
8119
|
-
"will end on ",
|
|
8120
|
-
nextCycleAtStr,
|
|
8121
|
-
"."
|
|
8122
|
-
] })
|
|
8123
|
-
};
|
|
8124
|
-
default:
|
|
8125
|
-
return {
|
|
8126
|
-
title: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Change Subscription" }),
|
|
8127
|
-
message: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "You are about to change your subscription." })
|
|
8128
|
-
};
|
|
8129
|
-
}
|
|
8130
|
-
};
|
|
8131
|
-
|
|
8132
|
-
// src/libraries/react/components/ui/accordion.tsx
|
|
8133
|
-
var React33 = __toESM(require("react"));
|
|
8022
|
+
// src/libraries/react/components/ui/input.tsx
|
|
8023
|
+
var React34 = __toESM(require("react"));
|
|
8134
8024
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
8135
|
-
var
|
|
8136
|
-
|
|
8137
|
-
|
|
8138
|
-
|
|
8139
|
-
|
|
8140
|
-
|
|
8141
|
-
|
|
8142
|
-
|
|
8143
|
-
|
|
8144
|
-
|
|
8145
|
-
|
|
8146
|
-
|
|
8147
|
-
|
|
8148
|
-
|
|
8149
|
-
className: cn(
|
|
8150
|
-
"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",
|
|
8151
|
-
className
|
|
8152
|
-
),
|
|
8153
|
-
...props,
|
|
8154
|
-
children: [
|
|
8155
|
-
children,
|
|
8156
|
-
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronDown, { className: "au-h-4 au-w-4 au-shrink-0 au-text-muted-foreground au-transition-transform au-duration-200" })
|
|
8157
|
-
]
|
|
8158
|
-
}
|
|
8159
|
-
) }));
|
|
8160
|
-
AccordionTrigger2.displayName = Trigger2.displayName;
|
|
8161
|
-
var AccordionContent2 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
8162
|
-
Content2,
|
|
8163
|
-
{
|
|
8164
|
-
ref,
|
|
8165
|
-
className: "au-overflow-hidden au-text-sm data-[state=closed]:au-animate-accordion-up data-[state=open]:au-animate-accordion-down",
|
|
8166
|
-
...props,
|
|
8167
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("au-pb-4 au-pt-0", className), children })
|
|
8025
|
+
var Input = React34.forwardRef(
|
|
8026
|
+
({ className, type, onClick, ...props }, ref) => {
|
|
8027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
8028
|
+
"input",
|
|
8029
|
+
{
|
|
8030
|
+
type,
|
|
8031
|
+
className: cn(
|
|
8032
|
+
"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",
|
|
8033
|
+
className
|
|
8034
|
+
),
|
|
8035
|
+
ref,
|
|
8036
|
+
...props
|
|
8037
|
+
}
|
|
8038
|
+
);
|
|
8168
8039
|
}
|
|
8169
|
-
)
|
|
8170
|
-
|
|
8040
|
+
);
|
|
8041
|
+
Input.displayName = "Input";
|
|
8171
8042
|
|
|
8172
8043
|
// src/libraries/react/components/ui/popover.tsx
|
|
8173
|
-
var
|
|
8044
|
+
var React40 = __toESM(require("react"));
|
|
8174
8045
|
|
|
8175
8046
|
// ../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
|
|
8176
|
-
var
|
|
8047
|
+
var React39 = __toESM(require("react"), 1);
|
|
8177
8048
|
|
|
8178
8049
|
// ../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
|
|
8179
|
-
var
|
|
8050
|
+
var React38 = __toESM(require("react"), 1);
|
|
8180
8051
|
|
|
8181
8052
|
// ../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
|
|
8182
8053
|
var sides = ["top", "right", "bottom", "left"];
|
|
@@ -9777,7 +9648,7 @@ var computePosition2 = (reference, floating, options) => {
|
|
|
9777
9648
|
};
|
|
9778
9649
|
|
|
9779
9650
|
// ../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
|
|
9780
|
-
var
|
|
9651
|
+
var React35 = __toESM(require("react"), 1);
|
|
9781
9652
|
var import_react12 = require("react");
|
|
9782
9653
|
var ReactDOM3 = __toESM(require("react-dom"), 1);
|
|
9783
9654
|
var isClient = typeof document !== "undefined";
|
|
@@ -9843,7 +9714,7 @@ function roundByDPR(element, value) {
|
|
|
9843
9714
|
return Math.round(value * dpr) / dpr;
|
|
9844
9715
|
}
|
|
9845
9716
|
function useLatestRef(value) {
|
|
9846
|
-
const ref =
|
|
9717
|
+
const ref = React35.useRef(value);
|
|
9847
9718
|
index(() => {
|
|
9848
9719
|
ref.current = value;
|
|
9849
9720
|
});
|
|
@@ -9866,7 +9737,7 @@ function useFloating(options) {
|
|
|
9866
9737
|
whileElementsMounted,
|
|
9867
9738
|
open
|
|
9868
9739
|
} = options;
|
|
9869
|
-
const [data, setData] =
|
|
9740
|
+
const [data, setData] = React35.useState({
|
|
9870
9741
|
x: 0,
|
|
9871
9742
|
y: 0,
|
|
9872
9743
|
strategy,
|
|
@@ -9874,19 +9745,19 @@ function useFloating(options) {
|
|
|
9874
9745
|
middlewareData: {},
|
|
9875
9746
|
isPositioned: false
|
|
9876
9747
|
});
|
|
9877
|
-
const [latestMiddleware, setLatestMiddleware] =
|
|
9748
|
+
const [latestMiddleware, setLatestMiddleware] = React35.useState(middleware);
|
|
9878
9749
|
if (!deepEqual(latestMiddleware, middleware)) {
|
|
9879
9750
|
setLatestMiddleware(middleware);
|
|
9880
9751
|
}
|
|
9881
|
-
const [_reference, _setReference] =
|
|
9882
|
-
const [_floating, _setFloating] =
|
|
9883
|
-
const setReference =
|
|
9752
|
+
const [_reference, _setReference] = React35.useState(null);
|
|
9753
|
+
const [_floating, _setFloating] = React35.useState(null);
|
|
9754
|
+
const setReference = React35.useCallback((node) => {
|
|
9884
9755
|
if (node !== referenceRef.current) {
|
|
9885
9756
|
referenceRef.current = node;
|
|
9886
9757
|
_setReference(node);
|
|
9887
9758
|
}
|
|
9888
9759
|
}, []);
|
|
9889
|
-
const setFloating =
|
|
9760
|
+
const setFloating = React35.useCallback((node) => {
|
|
9890
9761
|
if (node !== floatingRef.current) {
|
|
9891
9762
|
floatingRef.current = node;
|
|
9892
9763
|
_setFloating(node);
|
|
@@ -9894,14 +9765,14 @@ function useFloating(options) {
|
|
|
9894
9765
|
}, []);
|
|
9895
9766
|
const referenceEl = externalReference || _reference;
|
|
9896
9767
|
const floatingEl = externalFloating || _floating;
|
|
9897
|
-
const referenceRef =
|
|
9898
|
-
const floatingRef =
|
|
9899
|
-
const dataRef =
|
|
9768
|
+
const referenceRef = React35.useRef(null);
|
|
9769
|
+
const floatingRef = React35.useRef(null);
|
|
9770
|
+
const dataRef = React35.useRef(data);
|
|
9900
9771
|
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
9901
9772
|
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
9902
9773
|
const platformRef = useLatestRef(platform2);
|
|
9903
9774
|
const openRef = useLatestRef(open);
|
|
9904
|
-
const update =
|
|
9775
|
+
const update = React35.useCallback(() => {
|
|
9905
9776
|
if (!referenceRef.current || !floatingRef.current) {
|
|
9906
9777
|
return;
|
|
9907
9778
|
}
|
|
@@ -9939,7 +9810,7 @@ function useFloating(options) {
|
|
|
9939
9810
|
}));
|
|
9940
9811
|
}
|
|
9941
9812
|
}, [open]);
|
|
9942
|
-
const isMountedRef =
|
|
9813
|
+
const isMountedRef = React35.useRef(false);
|
|
9943
9814
|
index(() => {
|
|
9944
9815
|
isMountedRef.current = true;
|
|
9945
9816
|
return () => {
|
|
@@ -9956,17 +9827,17 @@ function useFloating(options) {
|
|
|
9956
9827
|
update();
|
|
9957
9828
|
}
|
|
9958
9829
|
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
9959
|
-
const refs =
|
|
9830
|
+
const refs = React35.useMemo(() => ({
|
|
9960
9831
|
reference: referenceRef,
|
|
9961
9832
|
floating: floatingRef,
|
|
9962
9833
|
setReference,
|
|
9963
9834
|
setFloating
|
|
9964
9835
|
}), [setReference, setFloating]);
|
|
9965
|
-
const elements =
|
|
9836
|
+
const elements = React35.useMemo(() => ({
|
|
9966
9837
|
reference: referenceEl,
|
|
9967
9838
|
floating: floatingEl
|
|
9968
9839
|
}), [referenceEl, floatingEl]);
|
|
9969
|
-
const floatingStyles =
|
|
9840
|
+
const floatingStyles = React35.useMemo(() => {
|
|
9970
9841
|
const initialStyles = {
|
|
9971
9842
|
position: strategy,
|
|
9972
9843
|
left: 0,
|
|
@@ -9992,7 +9863,7 @@ function useFloating(options) {
|
|
|
9992
9863
|
top: y
|
|
9993
9864
|
};
|
|
9994
9865
|
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
9995
|
-
return
|
|
9866
|
+
return React35.useMemo(() => ({
|
|
9996
9867
|
...data,
|
|
9997
9868
|
update,
|
|
9998
9869
|
refs,
|
|
@@ -10061,10 +9932,10 @@ var arrow3 = (options, deps) => ({
|
|
|
10061
9932
|
});
|
|
10062
9933
|
|
|
10063
9934
|
// ../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
|
|
10064
|
-
var
|
|
9935
|
+
var React36 = __toESM(require("react"), 1);
|
|
10065
9936
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
10066
9937
|
var NAME = "Arrow";
|
|
10067
|
-
var Arrow =
|
|
9938
|
+
var Arrow = React36.forwardRef((props, forwardedRef) => {
|
|
10068
9939
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
10069
9940
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
10070
9941
|
Primitive.svg,
|
|
@@ -10083,9 +9954,9 @@ Arrow.displayName = NAME;
|
|
|
10083
9954
|
var Root4 = Arrow;
|
|
10084
9955
|
|
|
10085
9956
|
// ../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
|
|
10086
|
-
var
|
|
9957
|
+
var React37 = __toESM(require("react"), 1);
|
|
10087
9958
|
function useSize(element) {
|
|
10088
|
-
const [size4, setSize] =
|
|
9959
|
+
const [size4, setSize] = React37.useState(void 0);
|
|
10089
9960
|
useLayoutEffect2(() => {
|
|
10090
9961
|
if (element) {
|
|
10091
9962
|
setSize({ width: element.offsetWidth, height: element.offsetHeight });
|
|
@@ -10126,18 +9997,18 @@ var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
|
|
|
10126
9997
|
var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
10127
9998
|
var Popper = (props) => {
|
|
10128
9999
|
const { __scopePopper, children } = props;
|
|
10129
|
-
const [anchor, setAnchor] =
|
|
10000
|
+
const [anchor, setAnchor] = React38.useState(null);
|
|
10130
10001
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
10131
10002
|
};
|
|
10132
10003
|
Popper.displayName = POPPER_NAME;
|
|
10133
10004
|
var ANCHOR_NAME = "PopperAnchor";
|
|
10134
|
-
var PopperAnchor =
|
|
10005
|
+
var PopperAnchor = React38.forwardRef(
|
|
10135
10006
|
(props, forwardedRef) => {
|
|
10136
10007
|
const { __scopePopper, virtualRef, ...anchorProps } = props;
|
|
10137
10008
|
const context = usePopperContext(ANCHOR_NAME, __scopePopper);
|
|
10138
|
-
const ref =
|
|
10009
|
+
const ref = React38.useRef(null);
|
|
10139
10010
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
10140
|
-
|
|
10011
|
+
React38.useEffect(() => {
|
|
10141
10012
|
context.onAnchorChange(virtualRef?.current || ref.current);
|
|
10142
10013
|
});
|
|
10143
10014
|
return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
|
|
@@ -10146,7 +10017,7 @@ var PopperAnchor = React37.forwardRef(
|
|
|
10146
10017
|
PopperAnchor.displayName = ANCHOR_NAME;
|
|
10147
10018
|
var CONTENT_NAME4 = "PopperContent";
|
|
10148
10019
|
var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME4);
|
|
10149
|
-
var PopperContent =
|
|
10020
|
+
var PopperContent = React38.forwardRef(
|
|
10150
10021
|
(props, forwardedRef) => {
|
|
10151
10022
|
const {
|
|
10152
10023
|
__scopePopper,
|
|
@@ -10165,9 +10036,9 @@ var PopperContent = React37.forwardRef(
|
|
|
10165
10036
|
...contentProps
|
|
10166
10037
|
} = props;
|
|
10167
10038
|
const context = usePopperContext(CONTENT_NAME4, __scopePopper);
|
|
10168
|
-
const [content, setContent] =
|
|
10039
|
+
const [content, setContent] = React38.useState(null);
|
|
10169
10040
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
10170
|
-
const [arrow4, setArrow] =
|
|
10041
|
+
const [arrow4, setArrow] = React38.useState(null);
|
|
10171
10042
|
const arrowSize = useSize(arrow4);
|
|
10172
10043
|
const arrowWidth = arrowSize?.width ?? 0;
|
|
10173
10044
|
const arrowHeight = arrowSize?.height ?? 0;
|
|
@@ -10229,7 +10100,7 @@ var PopperContent = React37.forwardRef(
|
|
|
10229
10100
|
const arrowX = middlewareData.arrow?.x;
|
|
10230
10101
|
const arrowY = middlewareData.arrow?.y;
|
|
10231
10102
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
10232
|
-
const [contentZIndex, setContentZIndex] =
|
|
10103
|
+
const [contentZIndex, setContentZIndex] = React38.useState();
|
|
10233
10104
|
useLayoutEffect2(() => {
|
|
10234
10105
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
10235
10106
|
}, [content]);
|
|
@@ -10295,7 +10166,7 @@ var OPPOSITE_SIDE = {
|
|
|
10295
10166
|
bottom: "top",
|
|
10296
10167
|
left: "right"
|
|
10297
10168
|
};
|
|
10298
|
-
var PopperArrow =
|
|
10169
|
+
var PopperArrow = React38.forwardRef(function PopperArrow2(props, forwardedRef) {
|
|
10299
10170
|
const { __scopePopper, ...arrowProps } = props;
|
|
10300
10171
|
const contentContext = useContentContext(ARROW_NAME, __scopePopper);
|
|
10301
10172
|
const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
|
|
@@ -10404,8 +10275,8 @@ var Popover = (props) => {
|
|
|
10404
10275
|
modal = false
|
|
10405
10276
|
} = props;
|
|
10406
10277
|
const popperScope = usePopperScope(__scopePopover);
|
|
10407
|
-
const triggerRef =
|
|
10408
|
-
const [hasCustomAnchor, setHasCustomAnchor] =
|
|
10278
|
+
const triggerRef = React39.useRef(null);
|
|
10279
|
+
const [hasCustomAnchor, setHasCustomAnchor] = React39.useState(false);
|
|
10409
10280
|
const [open, setOpen] = useControllableState({
|
|
10410
10281
|
prop: openProp,
|
|
10411
10282
|
defaultProp: defaultOpen ?? false,
|
|
@@ -10420,10 +10291,10 @@ var Popover = (props) => {
|
|
|
10420
10291
|
triggerRef,
|
|
10421
10292
|
open,
|
|
10422
10293
|
onOpenChange: setOpen,
|
|
10423
|
-
onOpenToggle:
|
|
10294
|
+
onOpenToggle: React39.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
10424
10295
|
hasCustomAnchor,
|
|
10425
|
-
onCustomAnchorAdd:
|
|
10426
|
-
onCustomAnchorRemove:
|
|
10296
|
+
onCustomAnchorAdd: React39.useCallback(() => setHasCustomAnchor(true), []),
|
|
10297
|
+
onCustomAnchorRemove: React39.useCallback(() => setHasCustomAnchor(false), []),
|
|
10427
10298
|
modal,
|
|
10428
10299
|
children
|
|
10429
10300
|
}
|
|
@@ -10431,13 +10302,13 @@ var Popover = (props) => {
|
|
|
10431
10302
|
};
|
|
10432
10303
|
Popover.displayName = POPOVER_NAME;
|
|
10433
10304
|
var ANCHOR_NAME2 = "PopoverAnchor";
|
|
10434
|
-
var PopoverAnchor =
|
|
10305
|
+
var PopoverAnchor = React39.forwardRef(
|
|
10435
10306
|
(props, forwardedRef) => {
|
|
10436
10307
|
const { __scopePopover, ...anchorProps } = props;
|
|
10437
10308
|
const context = usePopoverContext(ANCHOR_NAME2, __scopePopover);
|
|
10438
10309
|
const popperScope = usePopperScope(__scopePopover);
|
|
10439
10310
|
const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
|
|
10440
|
-
|
|
10311
|
+
React39.useEffect(() => {
|
|
10441
10312
|
onCustomAnchorAdd();
|
|
10442
10313
|
return () => onCustomAnchorRemove();
|
|
10443
10314
|
}, [onCustomAnchorAdd, onCustomAnchorRemove]);
|
|
@@ -10446,7 +10317,7 @@ var PopoverAnchor = React38.forwardRef(
|
|
|
10446
10317
|
);
|
|
10447
10318
|
PopoverAnchor.displayName = ANCHOR_NAME2;
|
|
10448
10319
|
var TRIGGER_NAME4 = "PopoverTrigger";
|
|
10449
|
-
var PopoverTrigger =
|
|
10320
|
+
var PopoverTrigger = React39.forwardRef(
|
|
10450
10321
|
(props, forwardedRef) => {
|
|
10451
10322
|
const { __scopePopover, ...triggerProps } = props;
|
|
10452
10323
|
const context = usePopoverContext(TRIGGER_NAME4, __scopePopover);
|
|
@@ -10480,7 +10351,7 @@ var PopoverPortal = (props) => {
|
|
|
10480
10351
|
};
|
|
10481
10352
|
PopoverPortal.displayName = PORTAL_NAME3;
|
|
10482
10353
|
var CONTENT_NAME5 = "PopoverContent";
|
|
10483
|
-
var PopoverContent =
|
|
10354
|
+
var PopoverContent = React39.forwardRef(
|
|
10484
10355
|
(props, forwardedRef) => {
|
|
10485
10356
|
const portalContext = usePortalContext2(CONTENT_NAME5, props.__scopePopover);
|
|
10486
10357
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
@@ -10490,13 +10361,13 @@ var PopoverContent = React38.forwardRef(
|
|
|
10490
10361
|
);
|
|
10491
10362
|
PopoverContent.displayName = CONTENT_NAME5;
|
|
10492
10363
|
var Slot3 = createSlot("PopoverContent.RemoveScroll");
|
|
10493
|
-
var PopoverContentModal =
|
|
10364
|
+
var PopoverContentModal = React39.forwardRef(
|
|
10494
10365
|
(props, forwardedRef) => {
|
|
10495
10366
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
10496
|
-
const contentRef =
|
|
10367
|
+
const contentRef = React39.useRef(null);
|
|
10497
10368
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
10498
|
-
const isRightClickOutsideRef =
|
|
10499
|
-
|
|
10369
|
+
const isRightClickOutsideRef = React39.useRef(false);
|
|
10370
|
+
React39.useEffect(() => {
|
|
10500
10371
|
const content = contentRef.current;
|
|
10501
10372
|
if (content) return hideOthers(content);
|
|
10502
10373
|
}, []);
|
|
@@ -10530,11 +10401,11 @@ var PopoverContentModal = React38.forwardRef(
|
|
|
10530
10401
|
) });
|
|
10531
10402
|
}
|
|
10532
10403
|
);
|
|
10533
|
-
var PopoverContentNonModal =
|
|
10404
|
+
var PopoverContentNonModal = React39.forwardRef(
|
|
10534
10405
|
(props, forwardedRef) => {
|
|
10535
10406
|
const context = usePopoverContext(CONTENT_NAME5, props.__scopePopover);
|
|
10536
|
-
const hasInteractedOutsideRef =
|
|
10537
|
-
const hasPointerDownOutsideRef =
|
|
10407
|
+
const hasInteractedOutsideRef = React39.useRef(false);
|
|
10408
|
+
const hasPointerDownOutsideRef = React39.useRef(false);
|
|
10538
10409
|
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
10539
10410
|
PopoverContentImpl,
|
|
10540
10411
|
{
|
|
@@ -10570,7 +10441,7 @@ var PopoverContentNonModal = React38.forwardRef(
|
|
|
10570
10441
|
);
|
|
10571
10442
|
}
|
|
10572
10443
|
);
|
|
10573
|
-
var PopoverContentImpl =
|
|
10444
|
+
var PopoverContentImpl = React39.forwardRef(
|
|
10574
10445
|
(props, forwardedRef) => {
|
|
10575
10446
|
const {
|
|
10576
10447
|
__scopePopover,
|
|
@@ -10634,7 +10505,7 @@ var PopoverContentImpl = React38.forwardRef(
|
|
|
10634
10505
|
}
|
|
10635
10506
|
);
|
|
10636
10507
|
var CLOSE_NAME2 = "PopoverClose";
|
|
10637
|
-
var PopoverClose =
|
|
10508
|
+
var PopoverClose = React39.forwardRef(
|
|
10638
10509
|
(props, forwardedRef) => {
|
|
10639
10510
|
const { __scopePopover, ...closeProps } = props;
|
|
10640
10511
|
const context = usePopoverContext(CLOSE_NAME2, __scopePopover);
|
|
@@ -10651,7 +10522,7 @@ var PopoverClose = React38.forwardRef(
|
|
|
10651
10522
|
);
|
|
10652
10523
|
PopoverClose.displayName = CLOSE_NAME2;
|
|
10653
10524
|
var ARROW_NAME2 = "PopoverArrow";
|
|
10654
|
-
var PopoverArrow =
|
|
10525
|
+
var PopoverArrow = React39.forwardRef(
|
|
10655
10526
|
(props, forwardedRef) => {
|
|
10656
10527
|
const { __scopePopover, ...arrowProps } = props;
|
|
10657
10528
|
const popperScope = usePopperScope(__scopePopover);
|
|
@@ -10670,7 +10541,7 @@ var Content22 = PopoverContent;
|
|
|
10670
10541
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
10671
10542
|
var Popover2 = Root23;
|
|
10672
10543
|
var PopoverTrigger2 = Trigger4;
|
|
10673
|
-
var PopoverContent2 =
|
|
10544
|
+
var PopoverContent2 = React40.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
10674
10545
|
Content22,
|
|
10675
10546
|
{
|
|
10676
10547
|
ref,
|
|
@@ -10685,26 +10556,157 @@ var PopoverContent2 = React39.forwardRef(({ className, align = "center", sideOff
|
|
|
10685
10556
|
));
|
|
10686
10557
|
PopoverContent2.displayName = Content22.displayName;
|
|
10687
10558
|
|
|
10688
|
-
// src/libraries/react/components/
|
|
10689
|
-
var React40 = __toESM(require("react"));
|
|
10559
|
+
// src/libraries/react/components/checkout-dialog/lib/checkout-content.tsx
|
|
10690
10560
|
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
10691
|
-
var
|
|
10692
|
-
|
|
10693
|
-
|
|
10694
|
-
|
|
10695
|
-
|
|
10696
|
-
|
|
10697
|
-
|
|
10698
|
-
|
|
10699
|
-
|
|
10700
|
-
|
|
10701
|
-
|
|
10702
|
-
|
|
10561
|
+
var getCheckoutContent = (checkoutResult) => {
|
|
10562
|
+
const { product, current_product, next_cycle } = checkoutResult;
|
|
10563
|
+
const { is_one_off, is_free, has_trial, updateable } = product.properties;
|
|
10564
|
+
const scenario = product.scenario;
|
|
10565
|
+
const nextCycleAtStr = next_cycle ? new Date(next_cycle.starts_at).toLocaleDateString() : void 0;
|
|
10566
|
+
const productName = product.name;
|
|
10567
|
+
if (is_one_off) {
|
|
10568
|
+
return {
|
|
10569
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10570
|
+
"Purchase ",
|
|
10571
|
+
productName
|
|
10572
|
+
] }),
|
|
10573
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10574
|
+
"By clicking confirm, you will purchase ",
|
|
10575
|
+
productName,
|
|
10576
|
+
" and your card will be charged immediately."
|
|
10577
|
+
] })
|
|
10578
|
+
};
|
|
10579
|
+
}
|
|
10580
|
+
if (scenario == "active" && updateable) {
|
|
10581
|
+
if (updateable) {
|
|
10582
|
+
return {
|
|
10583
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Update Plan" }),
|
|
10584
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Update your prepaid quantity. You'll be charged or credited the prorated difference based on your current billing cycle." })
|
|
10585
|
+
};
|
|
10586
|
+
}
|
|
10587
|
+
}
|
|
10588
|
+
if (has_trial) {
|
|
10589
|
+
return {
|
|
10590
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10591
|
+
"Start trial for ",
|
|
10592
|
+
productName
|
|
10593
|
+
] }),
|
|
10594
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10595
|
+
"By clicking confirm, you will start a free trial of ",
|
|
10596
|
+
productName,
|
|
10597
|
+
" ",
|
|
10598
|
+
"which ends on ",
|
|
10599
|
+
nextCycleAtStr,
|
|
10600
|
+
"."
|
|
10601
|
+
] })
|
|
10602
|
+
};
|
|
10603
|
+
}
|
|
10604
|
+
switch (scenario) {
|
|
10605
|
+
case "scheduled":
|
|
10606
|
+
return {
|
|
10607
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10608
|
+
productName,
|
|
10609
|
+
" product already scheduled"
|
|
10610
|
+
] }),
|
|
10611
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10612
|
+
"You are currently on product ",
|
|
10613
|
+
current_product.name,
|
|
10614
|
+
" and are scheduled to start ",
|
|
10615
|
+
productName,
|
|
10616
|
+
" on ",
|
|
10617
|
+
nextCycleAtStr,
|
|
10618
|
+
"."
|
|
10619
|
+
] })
|
|
10620
|
+
};
|
|
10621
|
+
case "active":
|
|
10622
|
+
return {
|
|
10623
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Product already active" }),
|
|
10624
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "You are already subscribed to this product." })
|
|
10625
|
+
};
|
|
10626
|
+
case "new":
|
|
10627
|
+
if (is_free) {
|
|
10628
|
+
return {
|
|
10629
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10630
|
+
"Enable ",
|
|
10631
|
+
productName
|
|
10632
|
+
] }),
|
|
10633
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10634
|
+
"By clicking confirm, ",
|
|
10635
|
+
productName,
|
|
10636
|
+
" will be enabled immediately."
|
|
10637
|
+
] })
|
|
10638
|
+
};
|
|
10703
10639
|
}
|
|
10704
|
-
|
|
10640
|
+
return {
|
|
10641
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10642
|
+
"Subscribe to ",
|
|
10643
|
+
productName
|
|
10644
|
+
] }),
|
|
10645
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10646
|
+
"By clicking confirm, you will be subscribed to ",
|
|
10647
|
+
productName,
|
|
10648
|
+
" and your card will be charged immediately."
|
|
10649
|
+
] })
|
|
10650
|
+
};
|
|
10651
|
+
case "renew":
|
|
10652
|
+
return {
|
|
10653
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Renew" }),
|
|
10654
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10655
|
+
"By clicking confirm, you will renew your subscription to",
|
|
10656
|
+
" ",
|
|
10657
|
+
productName,
|
|
10658
|
+
"."
|
|
10659
|
+
] })
|
|
10660
|
+
};
|
|
10661
|
+
case "upgrade":
|
|
10662
|
+
return {
|
|
10663
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10664
|
+
"Upgrade to ",
|
|
10665
|
+
productName
|
|
10666
|
+
] }),
|
|
10667
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10668
|
+
"By clicking confirm, you will upgrade to ",
|
|
10669
|
+
productName,
|
|
10670
|
+
" and your payment method will be charged immediately."
|
|
10671
|
+
] })
|
|
10672
|
+
};
|
|
10673
|
+
case "downgrade":
|
|
10674
|
+
return {
|
|
10675
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10676
|
+
"Downgrade to ",
|
|
10677
|
+
productName
|
|
10678
|
+
] }),
|
|
10679
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10680
|
+
"By clicking confirm, your current subscription to",
|
|
10681
|
+
" ",
|
|
10682
|
+
current_product.name,
|
|
10683
|
+
" will be cancelled and a new subscription to",
|
|
10684
|
+
" ",
|
|
10685
|
+
productName,
|
|
10686
|
+
" will begin on ",
|
|
10687
|
+
nextCycleAtStr,
|
|
10688
|
+
"."
|
|
10689
|
+
] })
|
|
10690
|
+
};
|
|
10691
|
+
case "cancel":
|
|
10692
|
+
return {
|
|
10693
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Cancel" }),
|
|
10694
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { children: [
|
|
10695
|
+
"By clicking confirm, your subscription to ",
|
|
10696
|
+
current_product.name,
|
|
10697
|
+
" ",
|
|
10698
|
+
"will end on ",
|
|
10699
|
+
nextCycleAtStr,
|
|
10700
|
+
"."
|
|
10701
|
+
] })
|
|
10702
|
+
};
|
|
10703
|
+
default:
|
|
10704
|
+
return {
|
|
10705
|
+
title: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "Change Subscription" }),
|
|
10706
|
+
message: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { children: "You are about to change your subscription." })
|
|
10707
|
+
};
|
|
10705
10708
|
}
|
|
10706
|
-
|
|
10707
|
-
Input.displayName = "Input";
|
|
10709
|
+
};
|
|
10708
10710
|
|
|
10709
10711
|
// src/libraries/react/components/checkout-dialog/checkout-dialog-synced.tsx
|
|
10710
10712
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
@@ -10865,7 +10867,7 @@ function CheckoutLines({ checkoutResult }) {
|
|
|
10865
10867
|
}
|
|
10866
10868
|
)
|
|
10867
10869
|
] }) }),
|
|
10868
|
-
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(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
|
|
10870
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(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) => {
|
|
10869
10871
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "au-flex au-justify-between", children: [
|
|
10870
10872
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "au-text-muted-foreground", children: line.description }),
|
|
10871
10873
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "au-text-muted-foreground", children: new Intl.NumberFormat("en-US", {
|
|
@@ -10947,13 +10949,14 @@ var PrepaidItem = ({
|
|
|
10947
10949
|
{
|
|
10948
10950
|
className: cn(
|
|
10949
10951
|
"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",
|
|
10950
|
-
disableSelection !== true && "hover:au-bg-accent hover:au-text-foreground"
|
|
10952
|
+
disableSelection !== true && "hover:au-bg-accent hover:au-text-foreground",
|
|
10953
|
+
disableSelection && "au-pointer-events-none au-opacity-80 au-cursor-not-allowed"
|
|
10951
10954
|
),
|
|
10952
10955
|
disabled: disableSelection,
|
|
10953
10956
|
children: [
|
|
10954
10957
|
"Qty: ",
|
|
10955
10958
|
quantity,
|
|
10956
|
-
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronDown, { size: 12 })
|
|
10959
|
+
!disableSelection && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ChevronDown, { size: 12 })
|
|
10957
10960
|
]
|
|
10958
10961
|
}
|
|
10959
10962
|
),
|
|
@@ -11094,16 +11097,16 @@ var import_react14 = __toESM(require("react"));
|
|
|
11094
11097
|
var import_react15 = require("react");
|
|
11095
11098
|
|
|
11096
11099
|
// src/libraries/react/components/ui/switch.tsx
|
|
11097
|
-
var
|
|
11100
|
+
var React43 = __toESM(require("react"));
|
|
11098
11101
|
|
|
11099
11102
|
// ../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
|
|
11100
|
-
var
|
|
11103
|
+
var React42 = __toESM(require("react"), 1);
|
|
11101
11104
|
|
|
11102
11105
|
// ../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
|
|
11103
|
-
var
|
|
11106
|
+
var React41 = __toESM(require("react"), 1);
|
|
11104
11107
|
function usePrevious(value) {
|
|
11105
|
-
const ref =
|
|
11106
|
-
return
|
|
11108
|
+
const ref = React41.useRef({ value, previous: value });
|
|
11109
|
+
return React41.useMemo(() => {
|
|
11107
11110
|
if (ref.current.value !== value) {
|
|
11108
11111
|
ref.current.previous = ref.current.value;
|
|
11109
11112
|
ref.current.value = value;
|
|
@@ -11117,7 +11120,7 @@ var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
|
11117
11120
|
var SWITCH_NAME = "Switch";
|
|
11118
11121
|
var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
|
|
11119
11122
|
var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
|
|
11120
|
-
var Switch =
|
|
11123
|
+
var Switch = React42.forwardRef(
|
|
11121
11124
|
(props, forwardedRef) => {
|
|
11122
11125
|
const {
|
|
11123
11126
|
__scopeSwitch,
|
|
@@ -11131,9 +11134,9 @@ var Switch = React43.forwardRef(
|
|
|
11131
11134
|
form,
|
|
11132
11135
|
...switchProps
|
|
11133
11136
|
} = props;
|
|
11134
|
-
const [button, setButton] =
|
|
11137
|
+
const [button, setButton] = React42.useState(null);
|
|
11135
11138
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
|
|
11136
|
-
const hasConsumerStoppedPropagationRef =
|
|
11139
|
+
const hasConsumerStoppedPropagationRef = React42.useRef(false);
|
|
11137
11140
|
const isFormControl = button ? form || !!button.closest("form") : true;
|
|
11138
11141
|
const [checked, setChecked] = useControllableState({
|
|
11139
11142
|
prop: checkedProp,
|
|
@@ -11183,7 +11186,7 @@ var Switch = React43.forwardRef(
|
|
|
11183
11186
|
);
|
|
11184
11187
|
Switch.displayName = SWITCH_NAME;
|
|
11185
11188
|
var THUMB_NAME = "SwitchThumb";
|
|
11186
|
-
var SwitchThumb =
|
|
11189
|
+
var SwitchThumb = React42.forwardRef(
|
|
11187
11190
|
(props, forwardedRef) => {
|
|
11188
11191
|
const { __scopeSwitch, ...thumbProps } = props;
|
|
11189
11192
|
const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
|
|
@@ -11200,7 +11203,7 @@ var SwitchThumb = React43.forwardRef(
|
|
|
11200
11203
|
);
|
|
11201
11204
|
SwitchThumb.displayName = THUMB_NAME;
|
|
11202
11205
|
var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
|
|
11203
|
-
var SwitchBubbleInput =
|
|
11206
|
+
var SwitchBubbleInput = React42.forwardRef(
|
|
11204
11207
|
({
|
|
11205
11208
|
__scopeSwitch,
|
|
11206
11209
|
control,
|
|
@@ -11208,11 +11211,11 @@ var SwitchBubbleInput = React43.forwardRef(
|
|
|
11208
11211
|
bubbles = true,
|
|
11209
11212
|
...props
|
|
11210
11213
|
}, forwardedRef) => {
|
|
11211
|
-
const ref =
|
|
11214
|
+
const ref = React42.useRef(null);
|
|
11212
11215
|
const composedRefs = useComposedRefs(ref, forwardedRef);
|
|
11213
11216
|
const prevChecked = usePrevious(checked);
|
|
11214
11217
|
const controlSize = useSize(control);
|
|
11215
|
-
|
|
11218
|
+
React42.useEffect(() => {
|
|
11216
11219
|
const input = ref.current;
|
|
11217
11220
|
if (!input) return;
|
|
11218
11221
|
const inputProto = window.HTMLInputElement.prototype;
|
|
@@ -11257,7 +11260,7 @@ var Thumb = SwitchThumb;
|
|
|
11257
11260
|
|
|
11258
11261
|
// src/libraries/react/components/ui/switch.tsx
|
|
11259
11262
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
11260
|
-
var Switch2 =
|
|
11263
|
+
var Switch2 = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
11261
11264
|
Root5,
|
|
11262
11265
|
{
|
|
11263
11266
|
className: cn(
|