{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "export * from \"./alert\";\nexport * as Alert from \"./namespace\";\nexport * from \"./styles\";\n",
      "path": "src/registry/ui/alert/index.ts",
      "type": "registry:ui"
    },
    {
      "content": "import type { VariantProps } from \"cva\";\nimport { AlertStyles } from \"./styles\";\n\nexport interface AlertRootProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof AlertStyles.Root> {}\n\nexport function AlertRoot({ className, variant, ...props }: AlertRootProps) {\n  return (\n    <div\n      className={AlertStyles.Root({ className, variant })}\n      data-slot=\"alert-root\"\n      role=\"alert\"\n      {...props}\n    />\n  );\n}\n\nexport interface AlertTitleProps extends React.ComponentProps<\"div\"> {}\n\nexport function AlertTitle({ className, ...props }: AlertTitleProps) {\n  return (\n    <div\n      className={AlertStyles.Title({ className })}\n      data-slot=\"alert-title\"\n      {...props}\n    />\n  );\n}\n\nexport interface AlertDescriptionProps extends React.ComponentProps<\"div\"> {}\n\nexport function AlertDescription({\n  className,\n  ...props\n}: AlertDescriptionProps) {\n  return (\n    <div\n      className={AlertStyles.Description({ className })}\n      data-slot=\"alert-description\"\n      {...props}\n    />\n  );\n}\n",
      "path": "src/registry/ui/alert/alert.tsx",
      "type": "registry:ui"
    },
    {
      "content": "import { cva } from \"~/registry/lib/cva\";\n\nexport const AlertStyles = {\n  Description: cva({\n    base: [\n      \"col-start-2 grid justify-items-start gap-1 text-muted-foreground text-sm [&_p]:leading-relaxed\",\n    ],\n  }),\n  Root: cva({\n    base: \"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n    defaultVariants: {\n      variant: \"default\",\n    },\n\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current\",\n        warning:\n          \"bg-card text-amber-400 *:data-[slot=alert-description]:text-amber-400/90 [&>svg]:text-current\",\n      },\n    },\n  }),\n  Title: cva({\n    base: [\"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\"],\n  }),\n};\n",
      "path": "src/registry/ui/alert/styles.ts",
      "type": "registry:ui"
    },
    {
      "content": "export {\n  AlertDescription as Description,\n  AlertRoot as Root,\n  AlertTitle as Title,\n} from \"./alert\";\n",
      "path": "src/registry/ui/alert/namespace.ts",
      "type": "registry:ui"
    }
  ],
  "name": "alert",
  "registryDependencies": [
    "@kanpeki/cva",
    "@kanpeki/custom-plugin"
  ],
  "type": "registry:ui"
}