{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "sonner",
	"title": "Sonner",
	"type": "registry:ui",
	"description": "Kura Sonner component source.",
	"devDependencies": [
		"svelte-sonner@^1.1.1",
		"mode-watcher@^1.1.0",
		"phosphor-svelte@^3.1.0"
	],
	"files": [
		{
			"content": "export { default as Toaster } from './sonner.svelte';\n",
			"type": "registry:file",
			"target": "sonner/index.ts"
		},
		{
			"content": "<script lang=\"ts\">\n  import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';\n  import { mode } from 'mode-watcher';\n  import SpinnerIcon from 'phosphor-svelte/lib/Spinner';\n  import CheckCircleIcon from 'phosphor-svelte/lib/CheckCircle';\n  import XCircleIcon from 'phosphor-svelte/lib/XCircle';\n  import InfoIcon from 'phosphor-svelte/lib/Info';\n  import WarningIcon from 'phosphor-svelte/lib/Warning';\n\n  let { ...restProps }: SonnerProps = $props();\n</script>\n\n<Sonner\n  theme={mode.current}\n  class=\"toaster group\"\n  style=\"--normal-bg: #09090b; --normal-text: #fafafa; --normal-border: #222225; --success-bg: #09090b; --success-text: #fafafa; --success-border: #222225; --error-bg: #09090b; --error-text: #f85149; --error-border: rgba(209,36,47,0.6); --warning-bg: #09090b; --warning-text: #d1aa24; --warning-border: #222225; --info-bg: #09090b; --info-text: #d0e891; --info-border: #222225;\"\n  {...restProps}\n>\n  {#snippet loadingIcon()}\n    <SpinnerIcon class=\"size-4 animate-spin text-[#d0e891]\" />\n  {/snippet}\n  {#snippet successIcon()}\n    <CheckCircleIcon class=\"size-4 text-[#28c840]\" />\n  {/snippet}\n  {#snippet errorIcon()}\n    <XCircleIcon class=\"size-4 text-[#f85149]\" />\n  {/snippet}\n  {#snippet infoIcon()}\n    <InfoIcon class=\"size-4 text-[#d0e891]\" />\n  {/snippet}\n  {#snippet warningIcon()}\n    <WarningIcon class=\"size-4 text-[#d1aa24]\" />\n  {/snippet}\n</Sonner>\n",
			"type": "registry:file",
			"target": "sonner/sonner.svelte"
		}
	]
}