{"name":"toast","type":"registry:ui","files":[{"path":"toast.tsx","type":"registry:ui","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Toast } from \"@base-ui/react/toast\"\nimport {\n CircleAlert as CircleAlertIcon,\n CircleCheck as CircleCheckIcon,\n Info as InfoIcon,\n LoaderCircle as LoaderCircleIcon,\n TriangleAlert as TriangleAlertIcon,\n X as XIcon,\n} from \"honestui/icons\"\n\nimport {\n gooey,\n Toaster as GooeyToaster,\n type GooeyOptions,\n type GooeyState,\n} from \"./toast-gooey\"\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\nconst standardToastManager = Toast.createToastManager()\n\nconst TOAST_ICONS = {\n loading: LoaderCircleIcon,\n success: CircleCheckIcon,\n error: CircleAlertIcon,\n info: InfoIcon,\n warning: TriangleAlertIcon,\n} as const\n\ntype ToastPosition =\n | \"top-left\"\n | \"top-center\"\n | \"top-right\"\n | \"bottom-left\"\n | \"bottom-center\"\n | \"bottom-right\"\n\ntype ToastVariant = \"default\" | \"standard\" | \"gooey\"\ntype StandardToastOptions = Parameters[0]\ntype StandardToastUpdateOptions = Parameters[1]\n\ninterface ToastOptions extends StandardToastOptions {\n variant?: ToastVariant\n position?: ToastPosition\n state?: GooeyState\n duration?: GooeyOptions[\"duration\"]\n icon?: GooeyOptions[\"icon\"]\n styles?: GooeyOptions[\"styles\"]\n fill?: GooeyOptions[\"fill\"]\n roundness?: GooeyOptions[\"roundness\"]\n autopilot?: GooeyOptions[\"autopilot\"]\n button?: GooeyOptions[\"button\"]\n}\n\ninterface ToastUpdateOptions extends StandardToastUpdateOptions {\n variant?: ToastVariant\n position?: ToastPosition\n state?: GooeyState\n duration?: GooeyOptions[\"duration\"]\n icon?: GooeyOptions[\"icon\"]\n styles?: GooeyOptions[\"styles\"]\n fill?: GooeyOptions[\"fill\"]\n roundness?: GooeyOptions[\"roundness\"]\n autopilot?: GooeyOptions[\"autopilot\"]\n button?: GooeyOptions[\"button\"]\n}\n\ninterface ToastPromiseOptions {\n variant?: ToastVariant\n position?: ToastPosition\n loading: string | ToastOptions\n success: string | ToastOptions | ((result: Value) => string | ToastOptions)\n error: string | ToastOptions | ((error: unknown) => string | ToastOptions)\n}\n\ninterface ToastProviderProps extends Toast.Provider.Props {\n position?: ToastPosition\n gooeyPosition?: ToastPosition\n gooeyOptions?: Partial\n}\n\nfunction getGooeyState(type?: string, state?: GooeyState): GooeyState {\n if (state) return state\n if (\n type === \"success\" ||\n type === \"loading\" ||\n type === \"error\" ||\n type === \"warning\" ||\n type === \"info\" ||\n type === \"action\"\n ) {\n return type\n }\n return \"success\"\n}\n\nfunction getGooeyButton(options: ToastOptions | ToastUpdateOptions) {\n if (options.button) return options.button\n\n const children = options.actionProps?.children\n const onClick = options.actionProps?.onClick\n if (typeof children !== \"string\" || !onClick) return undefined\n\n return {\n title: children,\n onClick: () => onClick({} as React.MouseEvent),\n }\n}\n\nfunction toGooeyOptions(options: ToastOptions | ToastUpdateOptions): GooeyOptions {\n return {\n title: typeof options.title === \"string\" ? options.title : undefined,\n description: options.description,\n position: options.position,\n duration:\n options.duration ??\n (options.timeout === 0 ? null : options.timeout),\n icon: options.icon,\n styles: options.styles,\n fill: options.fill,\n roundness: options.roundness,\n autopilot: options.autopilot,\n button: getGooeyButton(options),\n }\n}\n\nfunction addGooeyToast(options: ToastOptions) {\n const state = getGooeyState(options.type, options.state)\n const config = toGooeyOptions(options)\n\n if (state === \"loading\") {\n return (gooey.show as (opts: GooeyOptions & { state: GooeyState }) => string)(\n { ...config, state }\n )\n }\n return gooey[state](config)\n}\n\nfunction toStandardOptions(options: ToastOptions | ToastUpdateOptions) {\n const standardOptions = { ...options }\n\n delete standardOptions.variant\n delete standardOptions.position\n delete standardOptions.state\n delete standardOptions.duration\n delete standardOptions.icon\n delete standardOptions.styles\n delete standardOptions.fill\n delete standardOptions.roundness\n delete standardOptions.autopilot\n delete standardOptions.button\n\n return standardOptions\n}\n\nfunction resolvePromiseOption(\n option: ToastPromiseOptions[\"success\"],\n value: Value\n) {\n return typeof option === \"function\" ? option(value) : option\n}\n\nfunction normalizePromiseOption(option: string | ToastOptions) {\n return typeof option === \"string\" ? { title: option } : option\n}\n\nconst toastManager = {\n add(options: ToastOptions) {\n if (options.variant === \"gooey\") return addGooeyToast(options)\n return standardToastManager.add(toStandardOptions(options))\n },\n close(id: string) {\n standardToastManager.close(id)\n gooey.dismiss(id)\n },\n update(id: string, options: ToastUpdateOptions) {\n if (options.variant === \"gooey\") {\n gooey.dismiss(id)\n addGooeyToast(options as ToastOptions)\n return\n }\n\n standardToastManager.update(id, toStandardOptions(options))\n },\n promise(\n promiseValue: Promise,\n options: ToastPromiseOptions\n ) {\n if (options.variant === \"gooey\") {\n return gooey.promise(promiseValue, {\n position: options.position,\n loading: toGooeyOptions(normalizePromiseOption(options.loading)),\n success: (result: Value) =>\n toGooeyOptions(\n normalizePromiseOption(resolvePromiseOption(options.success, result))\n ),\n error: (error: unknown) =>\n toGooeyOptions(\n normalizePromiseOption(resolvePromiseOption(options.error, error))\n ),\n })\n }\n\n return standardToastManager.promise(promiseValue, {\n loading: toStandardOptions(normalizePromiseOption(options.loading)),\n success: (result: Value) =>\n toStandardOptions(\n normalizePromiseOption(resolvePromiseOption(options.success, result))\n ),\n error: (error: unknown) =>\n toStandardOptions(\n normalizePromiseOption(resolvePromiseOption(options.error, error))\n ),\n })\n },\n}\n\nfunction ToastProvider({\n children,\n position = \"bottom-right\",\n gooeyPosition = \"top-right\",\n gooeyOptions,\n ...props\n}: ToastProviderProps) {\n return (\n \n {children}\n \n \n \n )\n}\n\nfunction ToastList({ position = \"bottom-right\" }: { position: ToastPosition }) {\n const { toasts } = Toast.useToastManager()\n const isTop = position.startsWith(\"top\")\n\n return (\n \n \n {toasts.map((toast) => {\n const Icon = toast.type\n ? TOAST_ICONS[toast.type as keyof typeof TOAST_ICONS]\n : null\n\n return (\n \n \n {Icon && (\n svg]:size-[var(--hui-space-5)] [&>svg]:shrink-0 in-data-[type=loading]:[&>svg]:animate-spin\"\n data-slot=\"toast-icon\"\n >\n \n \n )}\n\n
\n
\n \n \n {toast.actionProps && (\n \n {toast.actionProps.children}\n \n )}\n \n \n \n
\n
\n \n \n \n \n )\n })}\n \n \n )\n}\n\nexport { ToastProvider, type ToastPosition, type ToastVariant, toastManager }\n","target":"components/ui/toast.tsx"}],"dependencies":["@base-ui/react","honestui"],"registryDependencies":["https://www.honestui.com/r/button.json","https://www.honestui.com/r/toast-gooey.json"]}