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:T15e2,import { forwardRef, type HTMLAttributes, type ReactNode, useEffect, useRef, useState, useCallback, } from 'react' import { cn } from '@/lib/utils' import { Icon } from '@/components/ui/icon' import type { IconName } from '@/components/ui/icon' export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info' export type ToastPosition = | 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center' export interface ToastData { id: string variant: ToastVariant title?: string description?: string duration?: number icon?: ReactNode } export interface ToastProps extends Omit, 'title'> { variant?: ToastVariant title?: string description?: string duration?: number icon?: ReactNode onDismiss?: () => void open?: boolean } const variantIcons: Record = { default: 'bell', success: 'success', error: 'error', warning: 'warning', info: 'info', } const variantStyles: Record = { default: [ 'border-[var(--glass-border)]', ], success: [ 'border-[var(--color-sage)]/30', ], error: [ 'border-[var(--color-coral)]/30', ], warning: [ 'border-[var(--color-gold)]/30', ], info: [ 'border-[var(--color-mint)]/30', ], } const variantIconColors: Record = { default: 'text-[var(--color-grey-400)]', success: 'text-[var(--color-sage)]', error: 'text-[var(--color-coral)]', warning: 'text-[var(--color-gold)]', info: 'text-[var(--color-mint)]', } export const Toast = forwardRef( ( { variant = 'default', title, description, duration = 5000, icon, onDismiss, open = true, className, ...props }, ref ) => { const [isVisible, setIsVisible] = useState(open) const [isExiting, setIsExiting] = useState(false) const timerRef = useRef | null>(null) const handleDismiss = useCallback(() => { setIsExiting(true) setTimeout(() => { setIsVisible(false) onDismiss?.() }, 200) }, [onDismiss]) useEffect(() => { if (!open) { handleDismiss() return } setIsVisible(true) setIsExiting(false) }, [open, handleDismiss]) useEffect(() => { if (duration > 0 && isVisible && !isExiting) { timerRef.current = setTimeout(handleDismiss, duration) return () => { if (timerRef.current) clearTimeout(timerRef.current) } } }, [duration, isVisible, isExiting, handleDismiss]) if (!isVisible) return null const iconElement = icon ?? ( ) return (

{iconElement}

{title && (

{title}

)} {description && (

{description}

)}

) } ) Toast.displayName = 'Toast' export interface ToastContainerProps extends HTMLAttributes { position?: ToastPosition children?: ReactNode } const positionStyles: Record = { 'top-right': 'top-0 right-0 items-end', 'top-left': 'top-0 left-0 items-start', 'top-center': 'top-0 left-1/2 -translate-x-1/2 items-center', 'bottom-right': 'bottom-0 right-0 items-end', 'bottom-left': 'bottom-0 left-0 items-start', 'bottom-center': 'bottom-0 left-1/2 -translate-x-1/2 items-center', } export function ToastContainer({ position = 'top-right', children, className, ...props }: ToastContainerProps) { return (

{children}

) } 4a:["$","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":[null,["$","$L4b",null,{"namespace":"@n3wth","registryDependencies":["cn","icon"]}]]}],null]}],["$","$L4c",null,{"files":[{"path":"registry/new-york/toast/toast.tsx","content":"$4d","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]