52: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"] 53: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"] 54:T10e2,'use client' import { Toast } from '@base-ui/react/toast' import { createContext, useContext, useMemo, type ReactNode } from 'react' import { DangerGlyph, InfoGlyph, SuccessGlyph, WarningGlyph, XGlyph } from '@/lib/internal-glyphs' import type { LiquidAlertSeverity } from '@/components/ui/liquid-alert' import { useLiquefyPortalContainer } from '@/lib/provider' // The old version kept its own array of toasts and dismissed each one from a // bare `setTimeout`. That timer ran whether or not anyone was reading: hovering // the stack, focusing a button inside it or tabbing away to another window all // left it counting down, so a message could vanish mid-sentence. Base UI owns // the queue now, and pauses it on hover, on focus and while the tab is hidden. export type LiquidToastOptions = { description?: ReactNode duration?: number severity?: LiquidAlertSeverity title: ReactNode } type ToastContextValue = { dismiss: (id: string) => void toast: (options: LiquidToastOptions) => string } const ToastContext = createContext(null) const severityGlyphs = { danger: , info: , success: , warning: , } as const /** How long a message sits there before it withdraws itself. */ const defaultDuration = 4200 export type LiquidToastProviderProps = { children: ReactNode placement?: 'bottom-right' | 'bottom-center' | 'top-right' | 'top-center' } const severityOf = (type: string | undefined): LiquidAlertSeverity => type === 'success' || type === 'warning' || type === 'danger' ? type : 'info' /** * Bridges Base UI's manager to the hook this library already exported, so * `toast()` and `dismiss()` keep their shapes and the error thrown outside a * provider keeps naming the provider that is missing. */ const ToastBridge = ({ children }: { children: ReactNode }) => { const manager = Toast.useToastManager() const value = useMemo(() => ({ dismiss: (id) => manager.close(id), toast: ({ description, duration, severity = 'info', title }) => manager.add({ description, // Base UI reads `0` as "never dismiss on its own", which is what this // prop has always meant here too. timeout: duration, title, type: severity, }), }), [manager]) return {children} } const ToastList = () => { const { toasts } = Toast.useToastManager() return toasts.map((toast) => ( {severityGlyphs[severityOf(toast.type)]} } /> {toast.description && } />} )) } export const LiquidToastProvider = ({ children, placement = 'bottom-right' }: LiquidToastProviderProps) => { // The theme tokens live on `.lq-provider`, so a viewport portaled to the body // reads none of them: `--lq-solid-fill` resolves to nothing, the `color-mix` // built on it is invalid, and the toast loses its fill and shadow entirely. // The provider's own portal node is the fix Dialog, Drawer and Select already // use — it is an unstyled div, so a fixed child still anchors to the screen. // The body remains the fallback for a toast provider mounted on its own. const portalContainer = useLiquefyPortalContainer() return ( {children} ) } export const useLiquidToast = (): ToastContextValue => { const context = useContext(ToastContext) if (!context) throw new Error('useLiquidToast must be used within a LiquidToastProvider') return context } 51:["$","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","@base-ui/react@1.8.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","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":"@base-ui/react@1.8.0"}]]}]}]]}],["$","$L52",null,{"namespace":"@liquefy-ui","registryDependencies":["https://liquefy-ui.com/r/liquefy-ui.json","https://liquefy-ui.com/r/internal-glyphs.json","https://liquefy-ui.com/r/liquid-alert.json","https://liquefy-ui.com/r/provider.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/liquid-toast.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]