{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glow",
  "type": "registry:ui",
  "title": "Glow",
  "description": "Decorative glow effects for adding visual interest.",
  "files": [
    {
      "path": "components/ui/glow.tsx",
      "content": "import { cva, VariantProps } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst glowVariants = cva(\"absolute w-full\", {\n  variants: {\n    variant: {\n      top: \"top-0\",\n      above: \"-top-[128px]\",\n      bottom: \"bottom-0\",\n      below: \"-bottom-[128px]\",\n      center: \"top-[50%]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"top\",\n  },\n});\n\nfunction Glow({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof glowVariants>) {\n  return (\n    <div\n      data-slot=\"glow\"\n      className={cn(glowVariants({ variant }), className)}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"from-brand-foreground/50 to-brand-foreground/0 absolute left-1/2 h-[256px] w-[60%] -translate-x-1/2 scale-[2.5] rounded-[50%] bg-radial from-10% to-60% opacity-20 sm:h-[512px] dark:opacity-100\",\n          variant === \"center\" && \"-translate-y-1/2\",\n        )}\n      />\n      <div\n        className={cn(\n          \"from-brand/30 to-brand-foreground/0 absolute left-1/2 h-[128px] w-[40%] -translate-x-1/2 scale-200 rounded-[50%] bg-radial from-10% to-60% opacity-20 sm:h-[256px] dark:opacity-100\",\n          variant === \"center\" && \"-translate-y-1/2\",\n        )}\n      />\n    </div>\n  );\n}\n\nexport default Glow;\n",
      "type": "registry:ui",
      "target": "components/ui/glow.tsx"
    }
  ],
  "dependencies": [
    "class-variance-authority"
  ]
}