{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-floating-tooltip",
  "title": "Floating Tooltip Demo",
  "description": "",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@unlumen-ui/floating-tooltip"
  ],
  "files": [
    {
      "path": "registry/demo/components/unlumen/floating-tooltip/index.tsx",
      "content": "\"use client\";\n\nimport { FloatingTooltip } from \"@/components/unlumen-ui/primitives/floating-tooltip\";\nimport { Archive, Copy, Pencil, Share2, Trash2 } from \"lucide-react\";\n\nconst ACTIONS = [\n  {\n    label: \"Share\",\n    Icon: Share2,\n    content: \"Share link\",\n    description: \"Copy a shareable link to clipboard.\",\n  },\n  {\n    label: \"Edit\",\n    Icon: Pencil,\n    content: \"Edit\",\n    description: \"Open in the inline editor.\",\n  },\n  {\n    label: \"Duplicate\",\n    Icon: Copy,\n    content: \"Duplicate\",\n    description: \"Creates an exact copy in this folder.\",\n  },\n  {\n    label: \"Archive\",\n    Icon: Archive,\n    content: \"Archive\",\n    description: \"Move to archive — reversible at any time.\",\n  },\n  {\n    label: \"Delete\",\n    Icon: Trash2,\n    content: \"Delete permanently\",\n    description: \"This action cannot be undone.\",\n  },\n];\n\nexport function FloatingTooltipDemo() {\n  return (\n    <div className=\"flex flex-col gap-10 p-10 max-w-lg mx-auto w-full select-none\">\n      <FloatingTooltip.Provider>\n        <div className=\"flex flex-col gap-3\">\n          <p className=\"text-sm font-medium text-muted-foreground\">Default</p>\n          <div className=\"flex flex-wrap gap-2\">\n            {ACTIONS.map(({ label, Icon, content }) => (\n              <FloatingTooltip.Trigger key={label} content={content}>\n                <button className=\"flex items-center gap-2 rounded-lg border border-border bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent\">\n                  <Icon className=\"size-4\" />\n                  <span>{label}</span>\n                </button>\n              </FloatingTooltip.Trigger>\n            ))}\n          </div>\n        </div>\n      </FloatingTooltip.Provider>\n\n      <FloatingTooltip.Provider variant=\"outline\" size=\"lg\">\n        <div className=\"flex flex-col gap-3\">\n          <p className=\"text-sm font-medium text-muted-foreground\">\n            Outline / lg\n          </p>\n          <FloatingTooltip.Trigger\n            content=\"Detailed tooltip\"\n            description=\"Larger spacing and a fixed rounded shape from the size variant.\"\n            contentClassName=\"font-serif text-2xl tracking-normal font-normal\"\n            descriptionClassName=\"text-muted-foreground opacity-100\"\n          >\n            <div className=\"flex h-32 w-full items-center justify-center rounded-xl border border-dashed border-border bg-accent/30 text-sm text-muted-foreground transition-colors hover:bg-accent/50\">\n              Hover for a larger tooltip\n            </div>\n          </FloatingTooltip.Trigger>\n        </div>\n      </FloatingTooltip.Provider>\n    </div>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}