{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "toast",
  "title": "toast",
  "description": "toast",
  "dependencies": [
    "sonner",
    "tailwind-merge"
  ],
  "files": [
    {
      "path": "src/components/ui/toast.tsx",
      "content": "'use client'\n\nimport { Toaster as ToasterPrimitive, type ToasterProps } from 'sonner'\nimport { twJoin } from 'tailwind-merge'\nimport { useTheme } from '@/components/theme-provider'\n\nexport function Toast(props: ToasterProps) {\n  const { theme = 'system' } = useTheme()\n  return (\n    <ToasterPrimitive\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      richColors\n      toastOptions={{\n        className: twJoin(\n          'not-has-data-[slot=note]:backdrop-blur-3xl will-change-transform *:data-[slot=note]:relative *:data-[slot=note]:z-50 *:data-icon:mt-0.5 *:data-icon:self-start has-data-description:*:data-icon:mt-1',\n          '**:data-action:[--normal-bg:var(--color-primary-fg)] **:data-action:[--normal-text:var(--color-primary)]'\n        ),\n      }}\n      style={\n        {\n          '--normal-bg': 'var(--color-overlay)',\n          '--normal-text': 'var(--color-overlay-fg)',\n          '--normal-border': 'var(--color-border)',\n\n          '--success-bg': 'var(--color-success-subtle)',\n          '--success-border': 'color-mix(in oklab, var(--success-subtle-fg) 20%, transparent)',\n          '--success-text': 'var(--color-success-subtle-fg)',\n\n          '--error-bg': 'var(--color-danger-subtle)',\n          '--error-border': 'color-mix(in oklab, var(--danger-subtle-fg) 20%, transparent)',\n          '--error-text': 'var(--color-danger-subtle-fg)',\n\n          '--warning-bg': 'var(--color-warning-subtle)',\n          '--warning-border': 'color-mix(in oklab, var(--warning-subtle-fg) 20%, transparent)',\n          '--warning-text': 'var(--color-warning-subtle-fg)',\n\n          '--info-bg': 'var(--color-info-subtle)',\n          '--info-border': 'color-mix(in oklab, var(--info-subtle-fg) 20%, transparent)',\n          '--info-text': 'var(--color-info-subtle-fg)',\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}