{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"corded-icon-button","title":"Corded Icon Button","description":"A compact accessible action for icon-only controls.","dependencies":["@base-ui/react"],"registryDependencies":["utils","corded-theme"],"files":[{"path":"registry/default/ui/corded-icon-button.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Button } from \"@base-ui/react/button\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport type CordedIconButtonProps = React.ComponentProps<typeof Button> & { label: string; size?: \"sm\" | \"md\" | \"lg\" }\nconst sizes = { sm: \"sm\", md: \"md\", lg: \"md\" } as const\n\nexport function CordedIconButton({ label, size = \"md\", className, children, ...props }: CordedIconButtonProps) {\n  return <Button type=\"button\" aria-label={label} data-size={sizes[size]} data-variant=\"icon-only\" className={cn(\"mana-button\", className)} {...props}><span className=\"mana-button-contents\"><span className=\"mana-button-children mana-button-icon\">{children}</span></span></Button>\n}\n","type":"registry:ui","target":"components/ui/corded-icon-button.tsx"}],"type":"registry:ui"}