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:T695,.cr-toast-viewport { position: fixed; bottom: var(--cr-space-6); left: 50%; z-index: 60; display: flex; flex-direction: column; gap: var(--cr-space-2); width: min(460px, calc(100vw - 2 * var(--cr-space-4))); margin: 0; padding: 0; list-style: none; outline: none; transform: translateX(-50%); } .cr-toast { display: flex; align-items: center; gap: var(--cr-space-3); padding: var(--cr-space-3) 14px var(--cr-space-3) 18px; border-radius: var(--cr-radius-full); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-size: var(--cr-font-size-md); animation: cr-toast-in var(--cr-motion-duration-slow) var(--cr-motion-easing-spring); } .cr-toast[data-tone='danger'] > .cr-icon { color: var(--cr-color-danger-text); } .cr-toast[data-state='closed'] { animation: cr-toast-out var(--cr-motion-duration-base) var(--cr-motion-easing-standard) forwards; } .cr-toast__title { flex: 1; min-width: 0; } .cr-toast__action { padding: var(--cr-space-1) var(--cr-space-2); border: 0; border-radius: var(--cr-radius-full); background: none; color: var(--cr-color-text-link); font: inherit; font-weight: var(--cr-font-weight-semibold); cursor: pointer; } .cr-toast__action:focus-visible, .cr-toast:focus-visible { outline: var(--cr-focus-width) solid var(--cr-color-focus); outline-offset: var(--cr-focus-offset); } @keyframes cr-toast-in { from { opacity: 0; transform: translateY(16px) scale(0.98); } } @keyframes cr-toast-out { to { opacity: 0; transform: translateY(8px); } } @media (prefers-reduced-motion: reduce) { .cr-toast, .cr-toast[data-state='closed'] { animation: none; } } 53:Ta67,'use client'; import * as RadixToast from '@radix-ui/react-toast'; import { useSyncExternalStore, type ReactNode } from 'react'; import { CheckIcon, CrossIcon, InfoIcon } from '@/lib/creance/icons'; import './Toast.css'; export interface ToastOptions { title: ReactNode; /** `success` and `danger` change the icon; the words must say what happened. */ tone?: 'default' | 'success' | 'danger'; /** One follow-up, such as Undo or Open run. */ action?: { label: string; onClick: () => void }; /** Milliseconds before it leaves. Default 5000. It stays while hovered or focused. */ duration?: number; } interface Item extends ToastOptions { id: number; } // One queue per page: toasts outlive the component that raised them. let items: Item[] = []; let nextId = 1; const listeners = new Set<() => void>(); const emit = () => listeners.forEach((l) => l()); /** Show a toast. Needs one `` mounted somewhere in the app. Returns a function that dismisses it. */ export function toast(options: ToastOptions) { const id = nextId++; items = [...items, { ...options, id }]; emit(); return () => dismiss(id); } function dismiss(id: number) { items = items.filter((t) => t.id !== id); emit(); } const subscribe = (l: () => void) => { listeners.add(l); return () => listeners.delete(l); }; const icons = { default: InfoIcon, success: CheckIcon, danger: CrossIcon }; export interface ToasterProps { /** Accessible name of the region; F8 moves focus to it. */ label?: string; } /** Renders queued toasts as glass capsules rising from the bottom. Announced politely by screen readers. */ export function Toaster({ label = 'Notifications' }: ToasterProps) { const queue = useSyncExternalStore(subscribe, () => items, () => items); return ( {queue.map(({ id, title, tone = 'default', action, duration = 5000 }) => { const Icon = icons[tone]; return ( !open && dismiss(id)} > {title} {action && ( {action.label} )} ); })} ); } 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","@radix-ui/react-toast@^1.2.24",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-toast","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":"@radix-ui/react-toast@^1.2.24"}]]}]}]]}],["$","$L50",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"toast/Toast.css","content":"$52","type":"registry:file","target":"@components/creance/toast/Toast.css"},{"path":"toast/Toast.tsx","content":"$53","type":"registry:ui","target":"@components/creance/toast/Toast.tsx"}],"className":"h-[70svh] min-h-80"}]]}]