{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sticker-peel-demo",
  "type": "registry:example",
  "title": "Sticker Peel Demo",
  "description": "Three stickers whose corners lift as the pointer crosses them.",
  "registryDependencies": [
    "@loomui/sticker-peel"
  ],
  "files": [
    {
      "path": "registry/example/sticker-peel-demo.tsx",
      "content": "import { StickerPeel } from \"@/registry/loomui/sticker-peel\"\n\nconst STICKERS = [\n  { label: \"Ships today\", tone: \"bg-accent text-accent-foreground\" },\n  { label: \"One file\", tone: \"bg-card text-card-foreground border\" },\n  { label: \"No deps\", tone: \"bg-primary text-primary-foreground\" },\n] as const\n\nexport default function StickerPeelDemo() {\n  return (\n    <div className=\"flex flex-wrap items-center justify-center gap-6\">\n      {STICKERS.map((sticker, index) => (\n        <StickerPeel\n          key={sticker.label}\n          corner={index === 1 ? \"top-right\" : \"bottom-right\"}\n          size=\"2.5rem\"\n          className=\"size-32 rounded-xl\"\n        >\n          <div\n            className={`grid h-full w-full place-items-center rounded-xl p-4 text-center text-sm font-medium ${sticker.tone}`}\n          >\n            {sticker.label}\n          </div>\n        </StickerPeel>\n      ))}\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}