{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "components-base-popover",
  "title": "Popover",
  "description": "An accessible popup anchored to a button.",
  "registryDependencies": [
    "@animate-ui/primitives-base-popover"
  ],
  "files": [
    {
      "path": "registry/components/base/popover/index.tsx",
      "content": "import * as React from 'react';\n\nimport {\n  Popover as PopoverPrimitive,\n  PopoverTrigger as PopoverTriggerPrimitive,\n  PopoverPositioner as PopoverPositionerPrimitive,\n  PopoverPopup as PopoverPopupPrimitive,\n  PopoverPortal as PopoverPortalPrimitive,\n  PopoverClose as PopoverClosePrimitive,\n  PopoverBackdrop as PopoverBackdropPrimitive,\n  PopoverTitle as PopoverTitlePrimitive,\n  PopoverDescription as PopoverDescriptionPrimitive,\n  type PopoverProps as PopoverPrimitiveProps,\n  type PopoverTriggerProps as PopoverTriggerPrimitiveProps,\n  type PopoverPositionerProps as PopoverPositionerPrimitiveProps,\n  type PopoverPopupProps as PopoverPopupPrimitiveProps,\n  type PopoverCloseProps as PopoverClosePrimitiveProps,\n  type PopoverBackdropProps as PopoverBackdropPrimitiveProps,\n  type PopoverTitleProps as PopoverTitlePrimitiveProps,\n  type PopoverDescriptionProps as PopoverDescriptionPrimitiveProps,\n} from '@/components/animate-ui/primitives/base/popover';\nimport { cn } from '@/lib/utils';\n\ntype PopoverProps = PopoverPrimitiveProps;\n\nfunction Popover(props: PopoverProps) {\n  return <PopoverPrimitive {...props} />;\n}\n\ntype PopoverTriggerProps = PopoverTriggerPrimitiveProps;\n\nfunction PopoverTrigger(props: PopoverTriggerProps) {\n  return <PopoverTriggerPrimitive {...props} />;\n}\n\ntype PopoverPanelProps = PopoverPositionerPrimitiveProps &\n  PopoverPopupPrimitiveProps;\n\nfunction PopoverPanel({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  initialFocus,\n  finalFocus,\n  style,\n  children,\n  ...props\n}: PopoverPanelProps) {\n  return (\n    <PopoverPortalPrimitive>\n      <PopoverPositionerPrimitive\n        align={align}\n        sideOffset={sideOffset}\n        className=\"z-50\"\n        {...props}\n      >\n        <PopoverPopupPrimitive\n          initialFocus={initialFocus}\n          finalFocus={finalFocus}\n          className={cn(\n            'bg-popover text-popover-foreground w-72 rounded-md border p-4 shadow-md outline-hidden origin-(--transform-origin)',\n            className,\n          )}\n          style={style}\n        >\n          {children}\n        </PopoverPopupPrimitive>\n      </PopoverPositionerPrimitive>\n    </PopoverPortalPrimitive>\n  );\n}\n\ntype PopoverCloseProps = PopoverClosePrimitiveProps;\n\nfunction PopoverClose(props: PopoverCloseProps) {\n  return <PopoverClosePrimitive {...props} />;\n}\n\ntype PopoverBackdropProps = PopoverBackdropPrimitiveProps;\n\nfunction PopoverBackdrop(props: PopoverBackdropProps) {\n  return <PopoverBackdropPrimitive {...props} />;\n}\n\ntype PopoverTitleProps = PopoverTitlePrimitiveProps;\n\nfunction PopoverTitle(props: PopoverTitleProps) {\n  return <PopoverTitlePrimitive {...props} />;\n}\n\ntype PopoverDescriptionProps = PopoverDescriptionPrimitiveProps;\n\nfunction PopoverDescription(props: PopoverDescriptionProps) {\n  return <PopoverDescriptionPrimitive {...props} />;\n}\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverPanel,\n  PopoverClose,\n  PopoverBackdrop,\n  PopoverTitle,\n  PopoverDescription,\n  type PopoverProps,\n  type PopoverTriggerProps,\n  type PopoverPanelProps,\n  type PopoverCloseProps,\n  type PopoverBackdropProps,\n  type PopoverTitleProps,\n  type PopoverDescriptionProps,\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/components/base/popover.tsx"
    }
  ],
  "type": "registry:ui"
}