{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sticky-cta-corner-button",
  "title": "Sticky CTA — Corner Button",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-react/blocks/sticky-cta-corner-button/StickyCtaCornerButton.tsx",
      "content": "'use client'\n\nimport { useState } from 'react'\nimport { MessageSquare } from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\n\nexport function StickyCtaCornerButton() {\n  // Expands on focus as well as hover: a keyboard user should be able to read\n  // the label before deciding whether to activate it.\n  const [expanded, setExpanded] = useState(false)\n\n  return (\n    <div data-slot=\"sticky-cta-corner-button\" className=\"fixed right-5 bottom-5 z-50\">\n      <Button\n        size=\"lg\"\n        className=\"group h-12 gap-0 rounded-full pr-4 pl-4 shadow-lg\"\n        onMouseEnter={() => setExpanded(true)}\n        onMouseLeave={() => setExpanded(false)}\n        onFocus={() => setExpanded(true)}\n        onBlur={() => setExpanded(false)}\n      >\n        <MessageSquare className=\"size-5 shrink-0\" aria-hidden=\"true\" />\n        {/* Width, not display: a hidden label would not animate, and a label that\n            pops in shifts the button under the cursor mid-click. */}\n        <span\n          className={`overflow-hidden whitespace-nowrap transition-colors duration-200 ${\n            expanded ? 'ml-2 max-w-[10rem] opacity-100' : 'max-w-0 opacity-0'\n          }`}\n        >\n          Ask an engineer\n        </span>\n      </Button>\n\n      <Badge\n        variant=\"secondary\"\n        className=\"border-background pointer-events-none absolute -top-1 -right-1 size-5 justify-center rounded-full border-2 p-0 text-xs\"\n      >\n        1\n      </Badge>\n    </div>\n  )\n}\n",
      "type": "registry:block",
      "target": "~/components/blocks/StickyCtaCornerButton.tsx"
    }
  ],
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/badge.json",
    "https://uipkge.dev/r/react/button.json"
  ],
  "description": "Compact corner action that expands on hover or focus to reveal its label, staying out of the content column on narrow screens.",
  "categories": [
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "sticky-cta"
}