{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-tilt-card",
  "title": "Tilt Card Demo",
  "description": "Three tilt cards showcasing badge variants, floating image and custom children.",
  "registryDependencies": [
    "@unlumen-ui/tilt-card"
  ],
  "files": [
    {
      "path": "registry/demo/components/unlumen/tilt-card/index.tsx",
      "content": "\"use client\";\n\nimport { TiltCard, type TiltCardProps } from \"@/components/unlumen-ui/primitives/tilt-card\";\n\ntype TiltCardDemoProps = Pick<TiltCardProps, \"badgeVariant\"> & {\n  rotationFactor?: number;\n};\n\nexport const TiltCardDemo = ({\n  badgeVariant = \"success\",\n  rotationFactor = 11,\n}: TiltCardDemoProps) => {\n  return (\n    <div className=\"flex w-full flex-wrap gap-6 items-center justify-center p-10 max-w-xl\">\n      {/* Split badge + image */}\n      <div className=\"w-full\">\n        <TiltCard\n          title=\"Starter Kit\"\n          description=\"Everything you need to ship a modern SaaS product fast.\"\n          price=\"Free\"\n          badgeLabel=\"Popular\"\n          badgeVariant={badgeVariant}\n          imageSrc=\"https://images.unsplash.com/photo-1707978813846-dbf6c4dfbbe3?q=80&w=1065&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          imageAlt=\"dashboard screenshot\"\n          href=\"#\"\n          tiltProps={{ rotationFactor }}\n        />\n      </div>\n\n      {/* Price only badge + image */}\n      <div className=\"w-full\">\n        <TiltCard\n          title=\"Pro Template\"\n          description=\"Advanced features for power users and growing teams.\"\n          price=\"$49\"\n          imageSrc=\"https://images.unsplash.com/photo-1759834857095-4e172a6d03f5?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          imageAlt=\"analytics\"\n          href=\"#\"\n          tiltProps={{ rotationFactor }}\n        />\n      </div>\n\n      {/* Split badge, warning, children */}\n      <div className=\"w-full\">\n        <TiltCard\n          title=\"Enterprise\"\n          description=\"SSO, audit logs, and dedicated infrastructure.\"\n          price=\"$199\"\n          badgeLabel=\"Best value\"\n          badgeVariant=\"warning\"\n          href=\"#\"\n          tiltProps={{ rotationFactor }}\n        >\n          <ul className=\"text-xs text-muted-foreground space-y-1 mt-1\">\n            <li>✓ Unlimited seats</li>\n            <li>✓ Priority support</li>\n            <li>✓ Custom domain</li>\n          </ul>\n        </TiltCard>\n      </div>\n    </div>\n  );\n};\n",
      "type": "registry:example"
    }
  ],
  "meta": {
    "demoProps": {
      "TiltCardDemo": {
        "rotationFactor": {
          "value": 11,
          "min": 2,
          "max": 30,
          "step": 1
        },
        "badgeVariant": {
          "value": "success",
          "options": {
            "Success": "success",
            "Warning": "warning"
          }
        }
      }
    }
  },
  "type": "registry:example"
}