{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress",
  "type": "registry:ui",
  "title": "Progress",
  "description": "Progress bar built on Base UI with an eased fill.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "https://seamui.dev/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/seam/ui/progress.tsx",
      "content": "\"use client\"\n\nimport type * as React from \"react\"\nimport { Progress as BaseProgress } from \"@base-ui/react/progress\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Progress({\n  className,\n  value,\n  ...props\n}: React.ComponentProps<typeof BaseProgress.Root>) {\n  return (\n    <BaseProgress.Root\n      data-slot=\"progress\"\n      value={value}\n      // className + the rest of props land on the same (outer) element.\n      className={cn(\n        \"bg-muted relative h-2 w-full overflow-hidden rounded-full\",\n        className\n      )}\n      {...props}\n    >\n      <BaseProgress.Track data-slot=\"progress-track\" className=\"h-full w-full\">\n        <BaseProgress.Indicator\n          data-slot=\"progress-indicator\"\n          // Width is a layout dimension, so it eases with a duration (like the\n          // accordion height) rather than a transform spring. Restyle the fill\n          // via [&_[data-slot=progress-indicator]] or a child selector.\n          className=\"bg-primary h-full rounded-full transition-[width] duration-500 ease-out motion-reduce:transition-none\"\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  )\n}\n\nexport { Progress }\n",
      "type": "registry:ui",
      "target": "components/ui/progress.tsx"
    }
  ]
}