{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-count-up",
  "title": "Count Up Demo",
  "description": "Demo showing animated number counters with spring physics.",
  "registryDependencies": [
    "@unlumen-ui/count-up"
  ],
  "files": [
    {
      "path": "registry/demo/components/unlumen/count-up/index.tsx",
      "content": "\"use client\";\n\nimport { CountUp, type DigitEffect } from \"@/components/unlumen-ui/primitives/count-up\";\n\ninterface CountUpDemoProps {\n  duration: number;\n  separator: string;\n  digitEffect: DigitEffect;\n}\n\nexport default function CountUpDemo({\n  duration = 2,\n  separator = \",\",\n  digitEffect = \"none\",\n}: CountUpDemoProps) {\n  return (\n    <div className=\"flex flex-wrap gap-12 items-end justify-center p-8\">\n      <div className=\"flex flex-col items-center gap-1\">\n        <CountUp\n          to={1000000}\n          duration={duration}\n          separator={separator}\n          digitEffect={digitEffect}\n          className=\"text-5xl font-bold tabular-nums tracking-tight\"\n        />\n        <span className=\"text-xs text-muted-foreground\">users</span>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-1\">\n        <CountUp\n          to={99.9}\n          duration={duration}\n          digitEffect={digitEffect}\n          className=\"text-5xl font-bold tabular-nums tracking-tight\"\n        />\n        <span className=\"text-xs text-muted-foreground\">uptime %</span>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-1\">\n        <CountUp\n          to={0}\n          from={5}\n          direction=\"down\"\n          duration={duration}\n          separator={separator}\n          digitEffect={digitEffect}\n          className=\"text-5xl font-bold tabular-nums tracking-tight\"\n        />\n        <span className=\"text-xs text-muted-foreground\">issues</span>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "meta": {
    "demoProps": {
      "CountUpDemo": {
        "digitEffect": {
          "value": "none",
          "options": {
            "None": "none",
            "Fade": "fade",
            "Blur": "blur",
            "Slide": "slide"
          }
        },
        "duration": {
          "value": 2,
          "min": 0.5,
          "max": 5,
          "step": 0.5
        },
        "separator": {
          "value": ","
        }
      }
    }
  },
  "type": "registry:example"
}