{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "sticky-cta-corner-button",
  "title": "Sticky CTA — Corner Button",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/sticky-cta-corner-button/StickyCtaCornerButton.vue",
      "content": "<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { MessageSquare } from 'lucide-vue-next'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\n\n// Expands on focus as well as hover: a keyboard user should be able to read the\n// label before deciding whether to activate it.\nconst expanded = ref(false)\n</script>\n\n<template>\n  <div data-slot=\"sticky-cta-corner-button\" class=\"fixed right-5 bottom-5 z-50\">\n    <Button\n      size=\"lg\"\n      class=\"group h-12 gap-0 rounded-full pr-4 pl-4 shadow-lg\"\n      @mouseenter=\"expanded = true\"\n      @mouseleave=\"expanded = false\"\n      @focus=\"expanded = true\"\n      @blur=\"expanded = false\"\n    >\n      <MessageSquare class=\"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        class=\"overflow-hidden whitespace-nowrap transition-colors duration-200\"\n        :class=\"expanded ? 'ml-2 max-w-[10rem] opacity-100' : 'max-w-0 opacity-0'\"\n      >\n        Ask an engineer\n      </span>\n    </Button>\n\n    <Badge\n      variant=\"secondary\"\n      class=\"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</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/StickyCtaCornerButton.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/badge.json",
    "https://uipkge.dev/r/vue/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"
}