50: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T6bbc,'use client'; import React, { useState, useEffect, useCallback, useRef } from 'react'; import { X, CheckCircle, AlertCircle, Info } from 'lucide-react'; import { cva } from 'class-variance-authority'; import { motion, AnimatePresence } from 'motion/react'; interface ToastAction { label: string; onClick: () => void; } interface ToastCancel { label: string; onClick: () => void; } type EasingFunction = [number, number, number, number]; type EasingName = | 'linear' | 'easeIn' | 'easeOut' | 'easeInOut' | 'circIn' | 'circOut' | 'circInOut' | 'backIn' | 'backOut' | 'backInOut' | 'anticipate'; type ToastPosition = | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top' | 'bottom'; interface ToastProps { id?: string; title?: string; description?: string; children?: React.ReactNode; variant?: | 'default' | 'success' | 'destructive' | 'warning' | 'info' | 'loading'; position?: ToastPosition; duration?: number; action?: React.ReactNode | ToastAction; cancel?: ToastCancel; onClose?: () => void; stackIndex?: number; isVisible?: boolean; isStacked?: boolean; isHovered?: boolean; stackDirection?: 'up' | 'down'; isExiting?: boolean; totalCount?: number; className?: string; unstyled?: boolean; closeButton?: boolean; animation?: { enter?: { duration?: number; ease?: EasingName | EasingFunction; type?: 'spring' | 'tween'; damping?: number; stiffness?: number; }; exit?: { duration?: number; ease?: EasingName | EasingFunction; }; }; } interface ToastState extends ToastProps { id: string; timestamp: number; } interface ToastOptions { id?: string; title?: string; description?: string; children?: React.ReactNode; variant?: | 'default' | 'success' | 'destructive' | 'warning' | 'info' | 'loading'; position?: ToastPosition; duration?: number; action?: React.ReactNode | ToastAction; cancel?: ToastCancel; className?: string; unstyled?: boolean; closeButton?: boolean; animation?: { enter?: { duration?: number; ease?: EasingName | EasingFunction; type?: 'spring' | 'tween'; damping?: number; stiffness?: number; }; exit?: { duration?: number; ease?: EasingName | EasingFunction; }; }; } type ToastListener = (toasts: ToastState[]) => void; class ToastManager { private toasts: ToastState[] = []; private listeners: Set = new Set(); subscribe(listener: ToastListener) { this.listeners.add(listener); return () => this.listeners.delete(listener); } private notify() { this.listeners.forEach((listener) => listener([...this.toasts])); } add(props: ToastProps) { const id = props.id || Math.random().toString(36).substr(2, 9); const existingIndex = this.toasts.findIndex((toast) => toast.id === id); if (existingIndex !== -1) { this.toasts[existingIndex] = { ...this.toasts[existingIndex], ...props, id, }; this.notify(); return id; } const newToast: ToastState = { ...props, id, timestamp: Date.now(), }; this.toasts = [newToast, ...this.toasts]; if (this.toasts.length > 10) { this.toasts = this.toasts.slice(0, 10); } this.notify(); return id; } update(id: string, props: Partial) { const index = this.toasts.findIndex((toast) => toast.id === id); if (index !== -1) { this.toasts[index] = { ...this.toasts[index], ...props }; this.notify(); } } remove(id: string) { this.toasts = this.toasts.filter((toast) => toast.id !== id); this.notify(); } clear() { this.toasts = []; this.notify(); } getToasts() { return [...this.toasts]; } } const toastManager = new ToastManager(); export function toast(message: string, options?: ToastOptions): string; export function toast(options: ToastOptions & { title: string }): string; export function toast( options: ToastOptions & { children: React.ReactNode }, ): string; export function toast( messageOrOptions: | string | (ToastOptions & ({ title: string } | { children: React.ReactNode })), options?: ToastOptions, ): string { let toastProps: ToastOptions & ({ title?: string } | { children?: React.ReactNode }); if (typeof messageOrOptions === 'string') { toastProps = { title: messageOrOptions, ...options, }; } else { toastProps = messageOrOptions; } return toastManager.add(toastProps); } toast.success = (message: string, options?: ToastOptions) => toast({ title: message, variant: 'success', ...options }); toast.error = (message: string, options?: ToastOptions) => toast({ title: message, variant: 'destructive', ...options }); toast.warning = (message: string, options?: ToastOptions) => toast({ title: message, variant: 'warning', ...options }); toast.info = (message: string, options?: ToastOptions) => toast({ title: message, variant: 'info', ...options }); toast.loading = (message: string, options?: ToastOptions) => toast({ title: message, variant: 'loading', duration: Infinity, ...options }); toast.custom = (children: React.ReactNode, options?: ToastOptions) => toast({ children, unstyled: true, closeButton: false, ...options }); toast.promise = ( promise: Promise, options: { loading: string | { title?: string; children?: React.ReactNode }; success: | string | { title?: string; children?: React.ReactNode } | ((data: T) => string | { title?: string; children?: React.ReactNode }); error: | string | { title?: string; children?: React.ReactNode } | (( error: Error, ) => string | { title?: string; children?: React.ReactNode }); }, toastOptions?: ToastOptions, ): Promise => { const loadingContent = typeof options.loading === 'string' ? { title: options.loading } : options.loading; const id = toast.loading(loadingContent.title || '', { ...toastOptions, ...loadingContent, }); promise .then((data) => { const successContent = typeof options.success === 'function' ? options.success(data) : options.success; const content = typeof successContent === 'string' ? { title: successContent } : successContent; toastManager.update(id, { variant: 'success', duration: 5000, ...content, }); }) .catch((error: Error) => { const errorContent = typeof options.error === 'function' ? options.error(error) : options.error; const content = typeof errorContent === 'string' ? { title: errorContent } : errorContent; toastManager.update(id, { variant: 'destructive', duration: 5000, ...content, }); }); return promise; }; toast.dismiss = (id?: string) => { if (id) { toastManager.remove(id); } else { toastManager.clear(); } }; const toastVariants = cva( 'toast-base fixed z-100 pointer-events-auto flex w-[calc(100%-2rem)] max-w-sm min-h-20 items-center justify-between space-x-4 rounded-lg p-4 pr-8 shadow-lg', { variants: { variant: { default: 'bg-background text-foreground border border-border', success: 'bg-green-100 text-green-900 border-green-200 dark:bg-green-950 dark:text-green-50 dark:border-green-800', destructive: 'bg-red-100 text-red-900 border-red-200 dark:bg-red-950 dark:text-red-50 dark:border-red-800', warning: 'bg-yellow-100 text-yellow-900 border-yellow-200 dark:bg-yellow-950 dark:text-yellow-50 dark:border-yellow-800', info: 'bg-blue-100 text-blue-900 border-blue-200 dark:bg-blue-950 dark:text-blue-50 dark:border-blue-800', loading: 'bg-blue-100 text-blue-900 border-blue-200 dark:bg-blue-950 dark:text-blue-50 dark:border-blue-800', }, position: { 'top-right': 'top-4 right-4', 'top-left': 'top-4 left-4', 'bottom-right': 'bottom-4 right-4', 'bottom-left': 'bottom-4 left-4', top: 'top-4 left-1/2', bottom: 'bottom-4 left-1/2', }, }, defaultVariants: { variant: 'default', position: 'top-right', }, }, ); const ToastIcons = { success: ( ), destructive: ( ), warning: ( ), info: , loading: (

), }; const ToastComponent: React.FC = ({ id, title, description, children, variant = 'default', position = 'top-right', duration = 5000, onClose, action, cancel, stackIndex = 0, isVisible = true, isStacked = false, isHovered = false, stackDirection = 'down', isExiting = false, totalCount = 1, className, unstyled = false, closeButton = true, animation, }) => { const [translateX, setTranslateX] = useState(0); const [toastWidth, setToastWidth] = useState(320); const [toastHeight, setToastHeight] = useState(88); const toastRef = useRef(null); const closeButtonRef = useRef(null); const startX = useRef(0); const isDragging = useRef(false); const isTouchAction = useRef(false); const [isMobile, setIsMobile] = useState(false); useEffect(() => { if (toastRef.current) { setToastWidth(toastRef.current.offsetWidth); setToastHeight(toastRef.current.offsetHeight + 8); } }, [children, title, description]); useEffect(() => { const checkMobile = () => { setIsMobile(window.innerWidth < 768); }; checkMobile(); window.addEventListener('resize', checkMobile); return () => window.removeEventListener('resize', checkMobile); }, []); const handleClose = useCallback( (e?: React.UIEvent) => { if (e) { e.stopPropagation(); e.preventDefault(); } onClose?.(); }, [onClose], ); const handleTouchStart = useCallback( (e: React.TouchEvent | React.MouseEvent) => { if (e.target instanceof Element) { if ( closeButtonRef.current?.contains(e.target) || e.target.closest('button[role="button"]') ) { isTouchAction.current = true; return; } } e.stopPropagation(); const clientX = 'touches' in e ? e.touches[0].clientX : (e as React.MouseEvent).clientX; startX.current = clientX; isDragging.current = true; }, [], ); const handleTouchMove = useCallback( (e: React.TouchEvent | React.MouseEvent) => { if (isTouchAction.current || !isDragging.current || !toastRef.current) return; e.stopPropagation(); e.preventDefault(); const clientX = 'touches' in e ? e.touches[0].clientX : (e as React.MouseEvent).clientX; const diff = clientX - startX.current; if (isMobile) { setTranslateX(diff); } else { if (position.includes('right') && diff > 0) { setTranslateX(diff); } else if (position.includes('left') && diff < 0) { setTranslateX(diff); } } }, [position, isMobile], ); const handleTouchEnd = useCallback( (e: React.TouchEvent | React.MouseEvent) => { if (isTouchAction.current) { isTouchAction.current = false; return; } if (!isDragging.current || !toastRef.current) return; e.stopPropagation(); const toastWidth = toastRef.current.offsetWidth; const swipeThreshold = toastWidth * 0.3; if (Math.abs(translateX) >= swipeThreshold) { handleClose(); } else { setTranslateX(0); } isDragging.current = false; }, [translateX, handleClose], ); useEffect(() => { let timer: NodeJS.Timeout; if (!isHovered && duration !== Infinity && duration > 0 && !isExiting) { timer = setTimeout(() => { handleClose(); }, duration); } return () => { if (timer) clearTimeout(timer); }; }, [duration, isHovered, handleClose, isExiting]); useEffect(() => { const currentRef = toastRef.current; if (currentRef) { const touchStartOptions = { passive: false }; currentRef.addEventListener( 'touchstart', handleTouchStart as unknown as EventListener, touchStartOptions, ); window.addEventListener( 'touchmove', handleTouchMove as unknown as EventListener, { passive: false }, ); window.addEventListener( 'touchend', handleTouchEnd as unknown as EventListener, ); currentRef.addEventListener( 'mousedown', handleTouchStart as unknown as EventListener, ); window.addEventListener( 'mousemove', handleTouchMove as unknown as EventListener, ); window.addEventListener( 'mouseup', handleTouchEnd as unknown as EventListener, ); } return () => { if (currentRef) { currentRef.removeEventListener( 'touchstart', handleTouchStart as unknown as EventListener, ); window.removeEventListener( 'touchmove', handleTouchMove as unknown as EventListener, ); window.removeEventListener( 'touchend', handleTouchEnd as unknown as EventListener, ); currentRef.removeEventListener( 'mousedown', handleTouchStart as unknown as EventListener, ); window.removeEventListener( 'mousemove', handleTouchMove as unknown as EventListener, ); window.removeEventListener( 'mouseup', handleTouchEnd as unknown as EventListener, ); } }; }, [handleTouchStart, handleTouchMove, handleTouchEnd]); if (!isVisible) return null; const getTransform = () => { const isCenter = position === 'top' || position === 'bottom'; if (isStacked && stackIndex > 0) { const offset = stackIndex * 8; const scale = Math.max(0.85, 1 - stackIndex * 0.05); if (stackDirection === 'up') { return isCenter ? `translateX(-50%) translateY(-${offset}px) scale(${scale})` : `translateX(${translateX}px) translateY(-${offset}px) scale(${scale})`; } else { return isCenter ? `translateX(-50%) translateY(${offset}px) scale(${scale})` : `translateX(${translateX}px) translateY(${offset}px) scale(${scale})`; } } else if (!isStacked && stackIndex > 0) { const expandedOffset = stackIndex * toastHeight; if (stackDirection === 'up') { return isCenter ? `translateX(-50%) translateY(-${expandedOffset}px)` : `translateX(${translateX}px) translateY(-${expandedOffset}px)`; } else { return isCenter ? `translateX(-50%) translateY(${expandedOffset}px)` : `translateX(${translateX}px) translateY(${expandedOffset}px)`; } } if (isCenter) { return translateX !== 0 ? `translateX(calc(-50% + ${translateX}px))` : `translateX(-50%)`; } return `translateX(${translateX}px)`; }; const calculateOpacity = () => { if (translateX !== 0) { return Math.max(0.3, 1 - Math.abs(translateX) / toastWidth); } if (isStacked && stackIndex >= 3) { return 0.4; } return 1; }; const getZIndex = () => { return 1100 - stackIndex; }; const renderAction = () => { if (!action) return null; if (React.isValidElement(action)) { const actionElement = action as React.ReactElement<{ onClick?: (e: React.MouseEvent) => void; }>; return (

e.stopPropagation()} > {React.cloneElement(actionElement, { onClick: (e: React.MouseEvent) => { e.stopPropagation(); if (actionElement.props.onClick) { actionElement.props.onClick(e); } handleClose(); }, })}

); } if ( typeof action === 'object' && action !== null && 'label' in action && 'onClick' in action ) { const actionObj = action as ToastAction; return (

e.stopPropagation()} >

); } return null; }; const defaultEnterAnimation = { duration: 0.3, type: 'spring' as const, damping: 30, stiffness: 400, }; const defaultExitAnimation = { duration: 0.2, ease: 'easeIn' as const, }; const enterAnimation = animation?.enter || defaultEnterAnimation; const exitAnimation = animation?.exit || defaultExitAnimation; if (unstyled && children) { const isCenter = position === 'top' || position === 'bottom'; return ( 0 ? Math.max(0.85, 1 - stackIndex * 0.05) : 1, transform: getTransform(), }} exit={{ x: isCenter ? '-50%' : position.includes('right') ? 400 : -400, y: position === 'top' ? -100 : position === 'bottom' ? 100 : 0, opacity: 0, scale: 0.9, transition: exitAnimation as never, }} transition={enterAnimation as never} className={className} style={{ zIndex: getZIndex(), pointerEvents: 'auto', }} > {children} {closeButton && ( )} ); } const isCenter = position === 'top' || position === 'bottom'; return ( 0 ? Math.max(0.85, 1 - stackIndex * 0.05) : 1, transform: getTransform(), }} exit={{ x: isCenter ? '-50%' : position.includes('right') ? 400 : -400, y: position === 'top' ? -100 : position === 'bottom' ? 100 : 0, opacity: 0, scale: 0.9, transition: exitAnimation as never, }} transition={enterAnimation as never} style={{ zIndex: getZIndex(), pointerEvents: 'auto', }} >

{variant !== 'default' && ToastIcons[variant as keyof typeof ToastIcons]}

{children ? (

{children}

) : ( <> {title && (

{title}

)} {description && (

{description}

)} )}

{renderAction()} {cancel && (

e.stopPropagation()} >

)}

{isStacked && stackIndex === 0 && totalCount > 3 && (

+{totalCount - 3}

)} {closeButton && ( )} ); }; interface ToastStackProps { toasts: ToastState[]; position: string; onRemoveToast: (id: string) => void; } const ToastStack: React.FC = ({ toasts, position, onRemoveToast, }) => { const [isHovered, setIsHovered] = useState(false); const [isTapped, setIsTapped] = useState(false); const [isMobile, setIsMobile] = useState(false); const hoverTimeoutRef = useRef(null); useEffect(() => { const checkMobile = () => { setIsMobile(window.innerWidth < 768); }; checkMobile(); window.addEventListener('resize', checkMobile); return () => { window.removeEventListener('resize', checkMobile); }; }, []); const handleMouseEnter = useCallback(() => { if (isMobile) return; if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current); hoverTimeoutRef.current = null; } setIsHovered(true); }, [isMobile]); const handleMouseLeave = useCallback( (e: React.MouseEvent) => { if (isMobile) return; const rect = e.currentTarget.getBoundingClientRect(); const { clientX, clientY } = e; if ( clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom ) { return; } hoverTimeoutRef.current = setTimeout(() => { setIsHovered(false); hoverTimeoutRef.current = null; }, 150); }, [isMobile], ); useEffect(() => { return () => { if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current); } }; }, []); const handleRemoveToast = useCallback( (id: string) => { const toastToRemove = toasts.find((t: ToastState) => t.id === id); if ( toastToRemove && toasts.filter((t: ToastState) => t.position === toastToRemove.position) .length === 1 ) { setIsHovered(false); setIsTapped(false); } onRemoveToast(id); }, [toasts, onRemoveToast], ); const handleStackInteraction = () => { if (isMobile) { setIsTapped(!isTapped); } }; const getVisibleToasts = () => { const maxVisible = 3; const shouldStack = toasts.length > 1; const isExpanded = isMobile ? isTapped : isHovered; if (shouldStack && !isExpanded) { return toasts.slice(0, maxVisible); } return toasts.slice(0, maxVisible); }; const visibleToasts = getVisibleToasts(); const getStackDirection = (pos: string) => { return pos.includes('bottom') ? 'up' : 'down'; }; const stackDirection = getStackDirection(position); const shouldStack = toasts.length > 1; const isExpanded = isMobile ? isTapped : isHovered; if (toasts.length === 0) return null; return (

{visibleToasts.map((toastProps, index) => ( handleRemoveToast(toastProps.id)} /> ))}

); }; export function ToastContainer() { const [toasts, setToasts] = useState(toastManager.getToasts()); const [isMobile, setIsMobile] = useState(false); useEffect(() => { const checkMobile = () => { setIsMobile(window.innerWidth < 768); }; checkMobile(); window.addEventListener('resize', checkMobile); return () => window.removeEventListener('resize', checkMobile); }, []); useEffect(() => { const unsubscribe = toastManager.subscribe(setToasts); return () => { unsubscribe(); }; }, []); const handleRemoveToast = useCallback((id: string) => { toastManager.remove(id); }, []); const processedToasts = toasts.map((toast) => { if (isMobile && toast.position !== 'top' && toast.position !== 'bottom') { return { ...toast, position: 'top-right' as const, }; } return toast; }); const toastsByPosition = processedToasts.reduce( (acc, toast) => { const position = toast.position || 'top-right'; if (!acc[position]) { acc[position] = []; } acc[position].push(toast); return acc; }, {} as Record, ); if (toasts.length === 0) return null; return ( <> {Object.entries(toastsByPosition).map(([position, positionToasts]) => ( ))} ); } export const useToast = () => { return { toast }; }; export const ToastProvider = ({ children }: { children: React.ReactNode }) => { return ( <> {children} ); }; export default ToastComponent; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority"}]]}]}]]}],["$","$L50",null,{"namespace":"@scrollxui","registryDependencies":[]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/toast.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]