| 1 | const DIALOG_BACKDROP_BASE_CLASS = |
| 2 | "fixed inset-0 z-50 transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0"; |
| 3 | |
| 4 | const DIALOG_BACKDROP_CLASS = `dialog-backdrop ${DIALOG_BACKDROP_BASE_CLASS}`; |
| 5 | const DIALOG_MEDIA_BACKDROP_CLASS = `${DIALOG_BACKDROP_BASE_CLASS} bg-black/75 backdrop-blur-none`; |
| 6 | |
| 7 | const DIALOG_POPUP_BASE_CLASS = |
| 8 | "-translate-y-[calc(1.25rem*var(--nested-dialogs))] relative flex min-h-0 w-full min-w-0 scale-[calc(1-0.1*var(--nested-dialogs))] flex-col opacity-[calc(1-0.1*var(--nested-dialogs))] outline-none transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform data-nested:data-ending-style:translate-y-8 data-nested:data-starting-style:translate-y-8 data-nested-dialog-open:origin-top data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 [-webkit-app-region:no-drag]"; |
| 9 | |
| 10 | const DIALOG_POPUP_CLASS = `dialog-glass ${DIALOG_POPUP_BASE_CLASS} rounded-2xl border`; |
| 11 | const DIALOG_MEDIA_POPUP_CLASS = `${DIALOG_POPUP_BASE_CLASS} max-h-[92vh] w-auto max-w-[92vw] overflow-visible rounded-none border border-transparent bg-transparent p-0 shadow-none`; |
| 12 | |
| 13 | const DIALOG_MOBILE_SHEET_CLASS = |
| 14 | "max-sm:max-w-none max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:opacity-[calc(1-min(var(--nested-dialogs),1))] max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4"; |
| 15 | |
| 16 | export { |
| 17 | DIALOG_BACKDROP_CLASS, |
| 18 | DIALOG_MEDIA_BACKDROP_CLASS, |
| 19 | DIALOG_MOBILE_SHEET_CLASS, |
| 20 | DIALOG_POPUP_CLASS, |
| 21 | DIALOG_MEDIA_POPUP_CLASS, |
| 22 | }; |