/** * Transitions.dev — page side-by-side (self-contained). * Injected once on first client import; SSR-safe. */ export declare const PAGE_SLIDE_STYLES = "\n:root {\n --page-slide-dur: 250ms;\n --page-fade-dur: 250ms;\n --page-slide-distance: 8px;\n --page-blur: 3px;\n --page-stagger: 0ms;\n --page-exit-enabled: 1;\n --page-slide-ease: cubic-bezier(0.22, 1, 0.36, 1);\n --page-fade-ease: cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.t-page-slide {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.t-page-slide .t-page[data-page-id=\"1\"] {\n --t-page-from-x: calc(var(--page-slide-distance) * -1);\n}\n\n.t-page-slide .t-page[data-page-id=\"2\"] {\n --t-page-from-x: var(--page-slide-distance);\n}\n\n.t-page-slide .t-page {\n position: absolute;\n inset: 0;\n display: flex;\n min-height: 0;\n min-width: 0;\n flex-direction: column;\n opacity: 0;\n pointer-events: none;\n transform: translateX(calc(var(--t-page-from-x, 0px) * var(--page-exit-enabled)));\n filter: blur(calc(var(--page-blur) * var(--page-exit-enabled)));\n transition:\n opacity var(--page-fade-dur) var(--page-fade-ease),\n transform var(--page-slide-dur) var(--page-slide-ease),\n filter var(--page-slide-dur) var(--page-slide-ease);\n will-change: opacity, transform, filter;\n}\n\n.t-page-slide[data-page=\"1\"] .t-page[data-page-id=\"1\"],\n.t-page-slide[data-page=\"2\"] .t-page[data-page-id=\"2\"] {\n opacity: 1;\n pointer-events: auto;\n transform: translateX(0);\n filter: blur(0);\n transition-delay: var(--page-stagger);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .t-page-slide .t-page {\n transition: none !important;\n }\n}\n"; export declare function ensurePageSlideStyles(): void;