{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-137",
  "type": "registry:component",
  "registryDependencies": [
    "https://coss.com/origin/r/checkbox.json",
    "https://coss.com/origin/r/label.json"
  ],
  "files": [
    {
      "path": "registry/default/components/comp-137.tsx",
      "content": "import { useId } from \"react\";\n\nimport { Checkbox } from \"@/registry/default/ui/checkbox\";\nimport { Label } from \"@/registry/default/ui/label\";\n\nexport default function Component() {\n  const id = useId();\n  return (\n    <div className=\"flex items-center gap-2\">\n      <Checkbox className=\"rounded-full\" defaultChecked id={id} />\n      <Label\n        className=\"peer-data-[state=checked]:line-throgh after:-translate-y-1/2 relative [--primary:var(--color-emerald-500)] after:absolute after:top-1/2 after:left-0 after:h-px after:w-full after:origin-bottom after:scale-x-0 after:bg-muted-foreground after:transition-transform after:ease-in-out peer-data-[state=checked]:text-muted-foreground peer-data-[state=checked]:after:origin-bottom peer-data-[state=checked]:after:scale-x-100\"\n        htmlFor={id}\n      >\n        Fancy todo item\n      </Label>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "tags": [
      "checkbox",
      "label",
      "radix"
    ]
  }
}