{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress",
  "title": "Progress",
  "description": "Linear progress indicator.",
  "dependencies": [
    "@radix-ui/react-progress"
  ],
  "files": [
    {
      "path": "registry/new-york/ui/progress.tsx",
      "content": "\"use client\";\n\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Progress = React.forwardRef<\n  React.ComponentRef<typeof ProgressPrimitive.Root>,\n  React.ComponentProps<typeof ProgressPrimitive.Root>\n>(function Progress({ className, value, ...props }, ref) {\n  return (\n    <ProgressPrimitive.Root\n      aria-busy={typeof value === \"number\" && value < 100 ? true : undefined}\n      className={cn(\n        \"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\",\n        className\n      )}\n      data-slot=\"progress\"\n      ref={ref}\n      value={value}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        className=\"h-full w-full flex-1 bg-primary transition-transform motion-safe:duration-200\"\n        data-slot=\"progress-indicator\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n});\n\nexport { Progress };\n",
      "type": "registry:ui"
    }
  ],
  "meta": {
    "apiRef": "https://www.radix-ui.com/docs/primitives/components/progress#api-reference"
  },
  "docs": "https://www.radix-ui.com/primitives/docs/components/progress",
  "categories": [
    "component"
  ],
  "type": "registry:ui"
}