{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-popover",
  "title": "Glass Popover",
  "author": "Alex Chih (https://alexchih.com)",
  "description": "Popover panel on strong glass, built on Radix Popover.",
  "dependencies": [
    "radix-ui"
  ],
  "registryDependencies": [
    "https://washiveil.alexchih.com/r/theme.json"
  ],
  "files": [
    {
      "path": "registry/washiveil/ui/glass-popover.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nimport { Popover as PopoverPrimitive } from 'radix-ui'\n\nimport { cn } from '@/lib/utils'\n\nconst GlassPopover = PopoverPrimitive.Root\n\nconst GlassPopoverTrigger = PopoverPrimitive.Trigger\n\nconst GlassPopoverAnchor = PopoverPrimitive.Anchor\n\nconst GlassPopoverContent = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 6, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 w-72 rounded-2xl border border-glass-edge bg-glass-stronger p-4 backdrop-blur-2xl backdrop-saturate-150 shadow-[0_16px_48px_rgba(28,25,20,0.12)] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nGlassPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { GlassPopover, GlassPopoverTrigger, GlassPopoverAnchor, GlassPopoverContent }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}