{
  "name": "sonner",
  "title": "Sonner",
  "description": "Kura Sonner component source.",
  "type": "ui",
  "add": "when-added",
  "files": [
    {
      "type": "ui",
      "role": "file",
      "content": "export { default as Toaster } from './sonner.svelte';\n",
      "path": "sonner/index.ts",
      "_imports_": [
        {
          "import": "./sonner.svelte",
          "item": "sonner",
          "file": {
            "type": "ui",
            "path": "sonner/sonner.svelte"
          },
          "meta": {}
        }
      ],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    },
    {
      "type": "ui",
      "role": "file",
      "content": "<script lang=\"ts\">\n  import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';\n  import { mode } from 'mode-watcher';\n  import CheckCircleIcon from 'phosphor-svelte/lib/CheckCircleIcon';\n  import InfoIcon from 'phosphor-svelte/lib/InfoIcon';\n  import SpinnerIcon from 'phosphor-svelte/lib/SpinnerIcon';\n  import WarningIcon from 'phosphor-svelte/lib/WarningIcon';\n  import XCircleIcon from 'phosphor-svelte/lib/XCircleIcon';\n\n  let { ...restProps }: SonnerProps = $props();\n</script>\n\n<Sonner\n  theme={mode.current}\n  class=\"toaster group\"\n  style=\"--normal-bg: var(--popover); --normal-text: var(--popover-foreground); --normal-border: var(--border); --success-bg: var(--popover); --success-text: var(--popover-foreground); --success-border: var(--border); --error-bg: var(--popover); --error-text: var(--destructive); --error-border: var(--destructive); --warning-bg: var(--popover); --warning-text: var(--warning); --warning-border: var(--border); --info-bg: var(--popover); --info-text: var(--link); --info-border: var(--border);\"\n  {...restProps}\n>\n  {#snippet loadingIcon()}\n    <SpinnerIcon class=\"size-4 animate-spin text-link\" />\n  {/snippet}\n  {#snippet successIcon()}\n    <CheckCircleIcon class=\"size-4 text-success\" />\n  {/snippet}\n  {#snippet errorIcon()}\n    <XCircleIcon class=\"size-4 text-destructive\" />\n  {/snippet}\n  {#snippet infoIcon()}\n    <InfoIcon class=\"size-4 text-link\" />\n  {/snippet}\n  {#snippet warningIcon()}\n    <WarningIcon class=\"size-4 text-warning\" />\n  {/snippet}\n</Sonner>\n",
      "path": "sonner/sonner.svelte",
      "_imports_": [],
      "registryDependencies": [],
      "dependencies": [],
      "devDependencies": []
    }
  ],
  "registryDependencies": [
    "styles"
  ],
  "dependencies": [
    {
      "ecosystem": "js",
      "name": "svelte-sonner",
      "version": "^1.1.1"
    },
    {
      "ecosystem": "js",
      "name": "mode-watcher",
      "version": "^1.1.0"
    },
    {
      "ecosystem": "js",
      "name": "phosphor-svelte",
      "version": "^3.1.0"
    }
  ],
  "devDependencies": []
}