{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress-tailwind",
  "type": "registry:item",
  "title": "Progress (Tailwind)",
  "description": "Displays the status of a task that takes a long time.",
  "files": [
    {
      "path": "registry/brook/tailwind/ui/progress.tsx",
      "content": "\"use client\";\n\nimport { Progress } from \"@base-ui/react/progress\";\nimport { cn } from \"@/lib/utils\";\n\nfunction ProgressRoot({ className, ...props }: Progress.Root.Props) {\n  return <Progress.Root className={cn(\"flex w-full flex-col gap-2\", className)} data-slot=\"progress-root\" {...props} />;\n}\n\nfunction ProgressLabel({ className, ...props }: Progress.Label.Props) {\n  return (\n    <Progress.Label\n      className={cn(\"font-medium text-[var(--foreground)] text-sm leading-[1.4]\", className)}\n      data-slot=\"progress-label\"\n      {...props}\n    />\n  );\n}\n\nfunction ProgressTrack({ className, ...props }: Progress.Track.Props) {\n  return (\n    <Progress.Track\n      className={cn(\"relative h-2 w-full overflow-hidden rounded-none bg-[var(--mix-card-75-bg)]\", className)}\n      data-slot=\"progress-track\"\n      {...props}\n    />\n  );\n}\n\nfunction ProgressIndicator({ className, ...props }: Progress.Indicator.Props) {\n  return (\n    <Progress.Indicator\n      className={cn(\n        \"h-full w-[var(--progress-indicator-width)] rounded-none bg-[var(--primary)] transition-all duration-150 ease-out\",\n        \"[.root[data-indeterminate]_&]:w-[40%] [.root[data-indeterminate]_&]:animate-[indeterminate_2s_infinite_linear]\",\n        className\n      )}\n      data-slot=\"progress-indicator\"\n      {...props}\n    />\n  );\n}\n\nfunction ProgressValue({ className, ...props }: Progress.Value.Props) {\n  return (\n    <Progress.Value\n      className={cn(\"font-medium text-[var(--muted-foreground)] text-xs leading-[1.4]\", className)}\n      data-slot=\"progress-value\"\n      {...props}\n    />\n  );\n}\n\nexport { ProgressRoot as Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };\n",
      "type": "registry:file",
      "target": "~/components/ui/progress/progress.tsx"
    }
  ]
}