{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tooltip",
  "type": "registry:ui",
  "dependencies": [
    "@base-ui/react",
    "clsx",
    "tailwind-merge"
  ],
  "registryDependencies": [
    "https://usva.build/r/overlay-core.json"
  ],
  "files": [
    {
      "path": "tooltip.tsx",
      "target": "components/ui/tooltip.tsx",
      "type": "registry:ui",
      "content": "\"use client\";\nimport { Tooltip as Base } from \"@base-ui/react/tooltip\";\nimport * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { useScopedTheme } from \"./use-scoped-theme\";\n\nexport const TooltipProvider = Base.Provider;\nexport const Tooltip = Base.Root;\nexport const TooltipTrigger = Base.Trigger;\n\nexport const TooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof Base.Popup> & { sideOffset?: number }\n>(({ className, sideOffset = 6, children, ...props }, ref) => {\n  const [probe, theme] = useScopedTheme();\n\n  return (\n    <>\n      <span ref={probe} hidden />\n      <Base.Portal>\n        <Base.Positioner\n          data-theme={theme}\n          sideOffset={sideOffset}\n          className=\"z-overlay\"\n        >\n          <Base.Popup\n            ref={ref}\n            className={cn(\n              \"rim-light rounded-md border border-border bg-surface-2 px-2.5 py-1.5 font-mono text-[11px] leading-none text-ink shadow-raised\",\n              \"transition-enter duration-fast ease-soft motion-reduce:transition-none motion-reduce:transform-none\",\n              \"data-[starting-style]:translate-y-0.5 data-[starting-style]:opacity-0\",\n              \"data-[ending-style]:translate-y-0.5 data-[ending-style]:opacity-0\",\n              className,\n            )}\n            {...props}\n          >\n            {children}\n          </Base.Popup>\n        </Base.Positioner>\n      </Base.Portal>\n    </>\n  );\n});\nTooltipContent.displayName = \"TooltipContent\";\n"
    }
  ]
}