{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-separator",
  "title": "Glass Separator",
  "description": "Glass Separator with five variants: clear, frosted, subtle, liquid, and liquid-refract",
  "registryDependencies": [
    "@glasscn/utils",
    "@glasscn/separator",
    "@glasscn/glass-variants"
  ],
  "files": [
    {
      "path": "components/ui/glasscn/glass-separator.tsx",
      "content": "\"use client\";\n\nimport { type FrostGlassVariant, type FrostGlassVariantProp } from \"@/lib/glass-variants\";\nimport { cn } from \"@/lib/utils\";\n\nimport { Separator } from \"../separator\";\n\nconst separatorVariantStyles: Record<FrostGlassVariant, string> = {\n  clear: \"bg-white/[0.5] dark:bg-white/[0.12]\",\n  frosted: \"bg-white/[0.4] dark:bg-white/10\",\n  subtle: \"bg-black/[0.05] dark:bg-white/[0.08]\",\n  liquid: \"bg-gradient-to-r from-white/0 via-white/60 to-white/0 dark:via-white/20\",\n  \"liquid-refract\": \"bg-gradient-to-r from-white/0 via-white/70 to-white/0 dark:via-white/25\",\n};\n\ntype GlassSeparatorProps = React.ComponentProps<typeof Separator> & FrostGlassVariantProp;\n\nfunction GlassSeparator({ className, glassVariant = \"liquid-refract\", ...props }: GlassSeparatorProps) {\n  return (\n    <Separator\n      data-slot=\"glass-separator\"\n      data-glass-variant={glassVariant}\n      className={cn(separatorVariantStyles[glassVariant], className)}\n      {...props}\n    />\n  );\n}\n\nexport { GlassSeparator };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}