{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-tooltip","title":"Corded Tooltip","description":"A compact Discord-inspired label for controls.","dependencies":["@base-ui/react"],"registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-tooltip.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip } from \"@base-ui/react/tooltip\"\n\nexport interface CordedTooltipProps { content: React.ReactNode; children: React.ReactElement; side?: Tooltip.Positioner.Props[\"side\"] }\n\nexport function CordedTooltip({ content, children, side = \"top\" }: CordedTooltipProps) {\n  return <Tooltip.Provider delay={400}><Tooltip.Root><Tooltip.Trigger render={children} /><Tooltip.Portal><Tooltip.Positioner side={side} sideOffset={8} className=\"z-[var(--mana-z-tooltip)]\"><Tooltip.Popup className=\"mana-tooltip mana-text-xs-semibold\">{content}</Tooltip.Popup></Tooltip.Positioner></Tooltip.Portal></Tooltip.Root></Tooltip.Provider>\n}\n","type":"registry:ui","target":"components/ui/corded-tooltip.tsx"}],"type":"registry:ui"}