{
  "$schema": "https://blode.co/ui/schema/registry-item.json",
  "name": "progress",
  "title": "Progress",
  "author": "Matthew Blode",
  "description": "A horizontal bar that indicates the completion progress of a task.",
  "dependencies": ["@base-ui/react"],
  "files": [
    {
      "path": "ui/progress.tsx",
      "content": "\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Progress = ({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) => (\n  <ProgressPrimitive.Root\n    className={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n    data-slot=\"progress\"\n    value={value}\n    {...props}\n  >\n    <ProgressPrimitive.Track className=\"h-full w-full\">\n      <ProgressPrimitive.Indicator\n        className=\"h-full w-full flex-1 bg-primary transition-[transform,width]\"\n        data-slot=\"progress-indicator\"\n      />\n    </ProgressPrimitive.Track>\n  </ProgressPrimitive.Root>\n);\n\nexport { Progress };\n",
      "type": "registry:ui",
      "target": ""
    }
  ],
  "type": "registry:ui"
}