{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-alert-dialog",
  "title": "Glass Alert Dialog",
  "description": "Glass Alert Dialog with five variants: clear, frosted, subtle, liquid, and liquid-refract",
  "registryDependencies": [
    "@glasscn/utils",
    "@glasscn/button",
    "@glasscn/glass-button",
    "@glasscn/alert-dialog",
    "@glasscn/glass-variants",
    "@glasscn/liquid-glass"
  ],
  "files": [
    {
      "path": "components/ui/glasscn/glass-alert-dialog.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\n\nimport { FrostGlassVariantProp, glassVariantStyles } from \"@/lib/glass-variants\";\nimport { cn } from \"@/lib/utils\";\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"../alert-dialog\";\nimport { LiquidGlass } from \"./liquid-glass\";\n\ntype GlassAlertDialogContentProps = React.ComponentProps<typeof AlertDialogContent> & FrostGlassVariantProp;\n\nconst dialogFooterStyles =\n  \"[--glass-dialog-radius:var(--radius-2xl)] [&_[data-slot=alert-dialog-footer]]:-mx-6 [&_[data-slot=alert-dialog-footer]]:-mb-6 [&_[data-slot=alert-dialog-footer]]:mt-4 [&_[data-slot=alert-dialog-footer]]:rounded-b-[var(--glass-dialog-radius)] [&_[data-slot=alert-dialog-footer]]:px-6\";\n\nfunction GlassAlertDialogContent({\n  className,\n  glassVariant = \"liquid-refract\",\n  children,\n  ...props\n}: GlassAlertDialogContentProps) {\n  if (glassVariant === \"liquid-refract\") {\n    return (\n      <AlertDialogContent\n        data-slot=\"glass-alert-dialog-content\"\n        data-glass-variant={glassVariant}\n        className={cn(\"rounded-2xl border-0 bg-transparent p-0 shadow-none ring-0\", className)}\n        {...props}\n      >\n        <LiquidGlass className={cn(\"rounded-[var(--glass-dialog-radius)] p-6\", dialogFooterStyles)}>\n          {children}\n        </LiquidGlass>\n      </AlertDialogContent>\n    );\n  }\n\n  return (\n    <AlertDialogContent\n      data-slot=\"glass-alert-dialog-content\"\n      data-glass-variant={glassVariant}\n      className={cn(\n        glassVariantStyles[glassVariant],\n        \"gap-5 border-white/30 bg-white/60 shadow-2xl ring-white/20 dark:border-white/10 dark:bg-black/60 dark:ring-white/10 [&_[data-slot=alert-dialog-footer]]:mt-2 [&_[data-slot=alert-dialog-footer]]:rounded-b-[inherit]\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </AlertDialogContent>\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  GlassAlertDialogContent,\n};\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}