4b:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4c:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4d:T2582,import React, { createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { Slot } from '@radix-ui/react-slot'; import { drawerStyleKeys, getDrawerState, getDrawerTranslateStyle } from '../lib/core'; import type { DrawerBaseProps, DrawerDirection } from '../lib/core'; import { usePortalContainer, type PortalContainer } from '../portal'; import styles from './drawer.module.scss'; interface DrawerContextValue { open: boolean; setOpen: (open: boolean) => void; close: () => void; direction: DrawerDirection; modal: boolean; titleId: string; descriptionId: string; } const DrawerContext = createContext(null); function useDrawerContext(): DrawerContextValue { const context = useContext(DrawerContext); if (!context) { throw new Error('Drawer sub-components must be used within .'); } return context; } export interface DrawerProps extends DrawerBaseProps { open?: boolean; defaultOpen?: boolean; onOpenChange?: (open: boolean) => void; children?: React.ReactNode; } function Drawer({ direction = 'right', modal = true, open, defaultOpen = false, onOpenChange, children }: DrawerProps) { const [internalOpen, setInternalOpen] = useState(defaultOpen); const onOpenChangeRef = useRef(onOpenChange); useEffect(() => { onOpenChangeRef.current = onOpenChange; }); const setOpen = useCallback( (next: boolean) => { if (open === undefined) { setInternalOpen(next); } onOpenChangeRef.current?.(next); }, [open], ); const close = useCallback(() => { setOpen(false); }, [setOpen]); const isOpen = open !== undefined ? open : internalOpen; const titleId = useId(); const descriptionId = useId(); return {children}; } Drawer.displayName = 'Drawer'; export interface DrawerTriggerProps extends React.ButtonHTMLAttributes { asChild?: boolean; } const DrawerTrigger = React.forwardRef(({ asChild = false, className = '', children, onClick, ...props }, ref) => { const context = useDrawerContext(); const Comp = asChild ? Slot : 'button'; return ( ) => { onClick?.(event); context.setOpen(true); }} {...props}> {children} ); }); DrawerTrigger.displayName = 'DrawerTrigger'; export interface DrawerCloseProps extends React.ButtonHTMLAttributes { asChild?: boolean; } const DrawerClose = React.forwardRef(({ asChild = false, className = '', children, onClick, ...props }, ref) => { const context = useDrawerContext(); const Comp = asChild ? Slot : 'button'; return ( ) => { onClick?.(event); context.close(); }} {...props}> {children} ); }); DrawerClose.displayName = 'DrawerClose'; export interface DrawerOverlayProps extends React.HTMLAttributes {} const DrawerOverlay = React.forwardRef(({ className = '', onClick, ...props }, ref) => { const context = useDrawerContext(); if (!context.open || !context.modal) { return null; } return (

) => { onClick?.(event); context.close(); }} {...props} /> ); }); DrawerOverlay.displayName = 'DrawerOverlay'; export interface DrawerContentProps extends React.HTMLAttributes { showCloseButton?: boolean; container?: PortalContainer; } const DrawerContent = React.forwardRef(({ className = '', showCloseButton = true, container, style, children, ...props }, ref) => { const { open, close, direction, modal, titleId, descriptionId } = useDrawerContext(); const portalContainer = usePortalContainer(container); const contentRef = useRef(null); const [isVisible, setIsVisible] = useState(false); function setContentRef(element: HTMLDivElement | null) { contentRef.current = element; if (typeof ref === 'function') { ref(element); } else if (ref) { ref.current = element; } } useLayoutEffect(() => { if (!open) { return; } const previouslyFocused = document.activeElement as HTMLElement | null; const previousOverflow = document.body.style.overflow; if (modal) { document.body.style.overflow = 'hidden'; } const handleKeyDown = (event: KeyboardEvent) => { if (event.key === 'Escape' && modal) { close(); return; } if (event.key === 'Tab' && modal) { const container = contentRef.current; if (!container) { return; } const focusables = Array.from( container.querySelectorAll( 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', ), ).filter((el) => el.getClientRects().length > 0); if (focusables.length === 0) { event.preventDefault(); return; } const first = focusables[0]; const last = focusables[focusables.length - 1]; const active = document.activeElement; if (event.shiftKey) { if (active === first || active === container || !container.contains(active)) { event.preventDefault(); last.focus(); } } else if (active === last || !container.contains(active)) { event.preventDefault(); first.focus(); } } }; document.addEventListener('keydown', handleKeyDown); const contentEl = contentRef.current; if (contentEl) { contentEl.focus(); } return () => { document.body.style.overflow = previousOverflow; document.removeEventListener('keydown', handleKeyDown); previouslyFocused?.focus(); }; }, [close, open, modal]); useEffect(() => { if (!open) { return; } const frame = requestAnimationFrame(() => { setIsVisible(true); }); return () => cancelAnimationFrame(frame); }, [open]); if (!open || !portalContainer) { return null; } return createPortal( <> {modal && }