{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "popover",
  "title": "Popover",
  "description": "A small panel anchored to a button, for quick detail or settings.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/popover.tsx",
      "content": "\"use client\"\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport const Popover = BasePopover.Root\nexport const PopoverTrigger = BasePopover.Trigger\nexport const PopoverClose = BasePopover.Close\n\ntype PopoverContentProps = Omit<BasePopover.Popup.Props, \"className\"> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  align?: \"start\" | \"center\" | \"end\"\n  className?: string\n}\n\nexport function PopoverContent({ side = \"bottom\", align = \"start\", className, ...props }: PopoverContentProps) {\n  return (\n    <BasePopover.Portal>\n      <BasePopover.Positioner side={side} align={align} sideOffset={6} className=\"z-50\">\n        <BasePopover.Popup\n          className={cn(\n            \"border-ink bg-paper text-ink max-w-[calc(100vw-2rem)] border-(length:--rule) p-3 font-(family-name:--f-body) shadow-[6px_6px_0_var(--ink)] outline-none\",\n            className,\n          )}\n          {...props}\n        />\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}