{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-popover","title":"Corded Popover","description":"A themed popup for compact information and actions.","dependencies":["@base-ui/react"],"registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-popover.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Popover } from \"@base-ui/react/popover\"\n\nexport function CordedPopover({ trigger, title, description, children }: { trigger: React.ReactElement; title?: string; description?: string; children?: React.ReactNode }) {\n  return <Popover.Root><Popover.Trigger render={trigger} /><Popover.Portal><Popover.Positioner sideOffset={8} className=\"z-[var(--mana-z-popout)]\"><Popover.Popup className=\"mana-popover\">{title || description ? <div className=\"mana-popover-header\">{title ? <Popover.Title className=\"mana-popover-title mana-text-md-semibold\">{title}</Popover.Title> : null}{description ? <Popover.Description className=\"mana-popover-body mana-text-sm-normal\">{description}</Popover.Description> : null}</div> : null}{children ? <div className=\"mana-popover-action-bar\">{children}</div> : null}</Popover.Popup></Popover.Positioner></Popover.Portal></Popover.Root>\n}\n","type":"registry:ui","target":"components/ui/corded-popover.tsx"}],"type":"registry:ui"}