{
  "name": "rating-demo",
  "type": "registry:example",
  "registryDependencies": [
    "rating"
  ],
  "files": [
    {
      "path": "examples/rating-demo.tsx",
      "type": "registry:example",
      "content": "import { Rating, RatingItem } from \"@/registry/bases/radix/ui/rating\";\n\nexport default function RatingDemo() {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-2\">\n        <h4 className=\"text-sm font-medium\">Basic Rating</h4>\n        <Rating defaultValue={3}>\n          {Array.from({ length: 5 }, (_, i) => (\n            <RatingItem key={i} />\n          ))}\n        </Rating>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        <h4 className=\"text-sm font-medium\">Half Steps (LTR)</h4>\n        <Rating defaultValue={2.5} step={0.5}>\n          {Array.from({ length: 5 }, (_, i) => (\n            <RatingItem key={i} />\n          ))}\n        </Rating>\n      </div>\n      <div className=\"flex flex-col gap-2\">\n        <h4 className=\"text-sm font-medium\">Half Steps (RTL)</h4>\n        <Rating dir=\"rtl\" defaultValue={2.5} step={0.5}>\n          {Array.from({ length: 5 }, (_, i) => (\n            <RatingItem key={i} />\n          ))}\n        </Rating>\n      </div>\n    </div>\n  );\n}\n",
      "target": ""
    }
  ]
}