61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63:T11c6,"use client"; /** @registry name="toast" type="ui" title="Toast" description="Notifications with ToastProvider and useToast()." */ import { createContext, useCallback, useContext, useRef, useState, type ReactNode } from "react"; import { MOTION } from "@/registry/knowns/lib/knowns/motion-utils"; import { FLOAT_SURFACE } from "./use-floating"; import { cn } from "@/registry/knowns/lib/knowns/utils"; export type ToastTone = "neutral" | "success" | "warning" | "danger"; export interface ToastOptions { title: ReactNode; description?: ReactNode; tone?: ToastTone; /** e.g. { label: "Undo", onClick } */ action?: { label: string; onClick: () => void }; /** ms before it hides; hovering pauses. Default 4500. */ duration?: number; } type Item = ToastOptions & { id: number; closing?: boolean }; const ToastCtx = createContext<((t: ToastOptions) => void) | null>(null); /** `const toast = useToast(); toast({ title: "Saved" })`. Needs a above. */ export function useToast() { const t = useContext(ToastCtx); if (!t) throw new Error("useToast needs a "); return t; } const DOT: Record = { neutral: "bg-muted-foreground", success: "bg-emerald-500", warning: "bg-amber-500", danger: "bg-red-500", }; export function ToastProvider({ children }: { children: ReactNode }) { const [items, setItems] = useState([]); const seq = useRef(0); const timers = useRef(new Map>()); // Removing plays the exit first (the enter in reverse: it goes back down), then drops the item. const remove = useCallback((id: number) => { clearTimeout(timers.current.get(id)); timers.current.delete(id); setItems((xs) => xs.map((x) => (x.id === id ? { ...x, closing: true } : x))); setTimeout(() => setItems((xs) => xs.filter((x) => x.id !== id)), MOTION.fast + 20); }, []); const arm = useCallback((id: number, ms: number) => timers.current.set(id, setTimeout(() => remove(id), ms)), [remove]); const toast = useCallback( (t: ToastOptions) => { const id = ++seq.current; setItems((xs) => [...xs.slice(-3), { ...t, id }]); arm(id, t.duration ?? 4500); }, [arm], ); return ( {children}

clearTimeout(timers.current.get(t.id))} onPointerLeave={() => arm(t.id, 2000)} className={cn("pointer-events-auto flex items-start gap-3 px-3 py-3 transition-[opacity,translate] duration-(--kn-dur) ease-(--kn-ease-out) starting:translate-y-1 starting:opacity-0 data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-1 data-[state=closed]:opacity-0 data-[state=closed]:duration-(--kn-dur-fast) motion-reduce:transition-none", FLOAT_SURFACE)} >

{t.title}
{t.description &&
{t.description}
}
{t.action && ( )}

); } 60:["$","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,["$","$L61",null,{"namespace":"@knowns-ui","registryDependencies":["https://ui.knowns.dev/r/knowns-core.json","https://ui.knowns.dev/r/knowns-floating.json","https://ui.knowns.dev/r/motion.json"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"registry/knowns/ui/knowns/toast.tsx","content":"$63","type":"registry:ui","target":"components/ui/knowns/toast.tsx"}],"className":"h-[70svh] min-h-80"}]]}]