4a: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"] 4b: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"] 4c:Teae,import { useState, useCallback, useRef, createContext, useContext, type ReactNode, } from 'react' import { createElement } from 'react' import type { ToastVariant, ToastData, ToastPosition } from '@/components/ui/toast' import { Toast, ToastContainer } from '@/components/ui/toast' export interface ToastOptions { title?: string description?: string variant?: ToastVariant duration?: number icon?: ReactNode } export interface UseToastReturn { toasts: ToastData[] toast: ToastFn dismiss: (id: string) => void dismissAll: () => void } export interface ToastFn { (options: ToastOptions): string success: (options: Omit) => string error: (options: Omit) => string warning: (options: Omit) => string info: (options: Omit) => string } export interface ToastProviderProps { children: ReactNode maxToasts?: number position?: ToastPosition } let idCounter = 0 function generateId(): string { return `toast-${++idCounter}-${Date.now()}` } const ToastContext = createContext(null) function useToastState(maxToasts = 5): UseToastReturn { const [toasts, setToasts] = useState([]) const toastsRef = useRef(toasts) toastsRef.current = toasts const dismiss = useCallback((id: string) => { setToasts((prev) => prev.filter((t) => t.id !== id)) }, []) const dismissAll = useCallback(() => { setToasts([]) }, []) const addToast = useCallback( (options: ToastOptions): string => { const id = generateId() const newToast: ToastData = { id, variant: options.variant ?? 'default', title: options.title, description: options.description, duration: options.duration ?? 5000, icon: options.icon, } setToasts((prev) => { const next = [...prev, newToast] if (next.length > maxToasts) { return next.slice(next.length - maxToasts) } return next }) return id }, [maxToasts] ) const toast = useCallback( (options: ToastOptions) => addToast(options), [addToast] ) as ToastFn toast.success = useCallback( (options: Omit) => addToast({ ...options, variant: 'success' }), [addToast] ) toast.error = useCallback( (options: Omit) => addToast({ ...options, variant: 'error' }), [addToast] ) toast.warning = useCallback( (options: Omit) => addToast({ ...options, variant: 'warning' }), [addToast] ) toast.info = useCallback( (options: Omit) => addToast({ ...options, variant: 'info' }), [addToast] ) return { toasts, toast, dismiss, dismissAll } } export function ToastProvider({ children, maxToasts = 5, position = 'top-right', }: ToastProviderProps) { const state = useToastState(maxToasts) return createElement( ToastContext.Provider, { value: state }, children, createElement( ToastContainer, { position }, ...state.toasts.map((t) => createElement(Toast, { key: t.id, variant: t.variant, title: t.title, description: t.description, duration: t.duration, icon: t.icon, onDismiss: () => state.dismiss(t.id), }) ) ) ) } export function useToast(maxToasts?: number): UseToastReturn { const context = useContext(ToastContext) if (context) return context // Fallback: standalone usage without provider // eslint-disable-next-line react-hooks/rules-of-hooks return useToastState(maxToasts) } 49:["$","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,["$","$L4a",null,{"namespace":"@n3wth","registryDependencies":["toast"]}]]}],null]}],["$","$L4b",null,{"files":[{"path":"registry/hooks/use-toast/use-toast.ts","content":"$4c","type":"registry:hook"}],"className":"h-[70svh] min-h-80"}]]}]