{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "popover",
  "type": "registry:ui",
  "title": "Popover",
  "description": "Focus moves into the popover on open and back to the trigger on close. Esc and outside clicks close it.",
  "dependencies": [
    "@radix-ui/react-popover@^1.3.1"
  ],
  "registryDependencies": [
    "https://junco.madebytobi.com/r/junco-theme.json",
    "https://junco.madebytobi.com/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/junco/ui/popover.tsx",
      "type": "registry:ui",
      "content": "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\n/**\n *   <Popover>\n *     <PopoverTrigger asChild><Button variant=\"outline\">Share</Button></PopoverTrigger>\n *     <PopoverContent>...</PopoverContent>\n *   </Popover>\n *\n * Focus moves into the popover on open and back to the trigger on close. Esc and outside clicks close it.\n */\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\nexport const PopoverClose = PopoverPrimitive.Close;\n\nexport const PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 6, collisionPadding = 8, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      collisionPadding={collisionPadding}\n      className={cn(\n        \"z-dropdown w-72 max-w-[calc(100vw-1rem)] rounded-card border border-border bg-popover p-4 text-sm text-popover-foreground shadow-float\",\n        \"origin-(--radix-popover-content-transform-origin) focus-visible:outline-none\",\n        \"data-[state=open]:animate-pop-in data-[state=closed]:animate-pop-out\",\n        className,\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = \"PopoverContent\";\n"
    }
  ],
  "docs": "Docs and examples: https://junco.madebytobi.com/docs/components/popover",
  "meta": {
    "hash": "68a339add1d8f320",
    "source": "packages/react/src/components/popover.tsx",
    "exports": [
      "Popover",
      "PopoverTrigger",
      "PopoverAnchor",
      "PopoverClose",
      "PopoverContent"
    ],
    "usage": "<Popover>\n  <PopoverTrigger asChild><Button variant=\"outline\">Share</Button></PopoverTrigger>\n  <PopoverContent>...</PopoverContent>\n</Popover>",
    "docsUrl": "https://junco.madebytobi.com/docs/components/popover"
  }
}