{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "popover",
  "type": "registry:ui",
  "title": "TAC Popover",
  "description": "Radix Popover with suppressHydrationWarning on the Trigger (Radix useId React 19 / Next 16 workaround) plus paper-scope content.",
  "registryDependencies": [
    "@radix-ui/react-popover"
  ],
  "files": [
    {
      "path": "src/components/primitives/popover.tsx",
      "type": "registry:ui",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@workspace/ui/lib/utils\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  // Radix's `@radix-ui/react-id` shim wraps React.useId in useState + a\n  // useLayoutEffect fallback. Under React 19 + Next 16 SSR the counter diverges\n  // between server and client, producing a harmless `aria-controls` hydration\n  // mismatch (React keeps the client value; popover a11y is intact). Suppressing\n  // here is the centralized escape hatch — applies to every trigger consistently.\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      suppressHydrationWarning\n      {...props}\n    />\n  )\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          // v6: bg-surface-floating + ring-fg-soft inner micro-contrast\n          \"z-50 w-72 origin-(--radix-popover-content-transform-origin) border border-border bg-surface-floating ring-1 ring-fg-soft p-4 text-popover-foreground shadow-[var(--shadow-brutal-sm)] outline-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"
    }
  ]
}