{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress",
  "type": "registry:item",
  "title": "Progress",
  "description": "Displays the status of a task that takes a long time.",
  "files": [
    {
      "path": "registry/brook/ui/progress/progress.tsx",
      "content": "\"use client\";\n\nimport { Progress } from \"@base-ui/react/progress\";\nimport { cn } from \"@/lib/utils\";\nimport styles from \"./progress.module.css\";\n\nfunction ProgressRoot({ className, ...props }: Progress.Root.Props) {\n  return <Progress.Root className={cn(styles.root, className)} {...props} />;\n}\n\nfunction ProgressLabel({ className, ...props }: Progress.Label.Props) {\n  return <Progress.Label className={cn(styles.label, className)} {...props} />;\n}\n\nfunction ProgressTrack({ className, ...props }: Progress.Track.Props) {\n  return <Progress.Track className={cn(styles.track, className)} {...props} />;\n}\n\nfunction ProgressIndicator({ className, ...props }: Progress.Indicator.Props) {\n  return <Progress.Indicator className={cn(styles.indicator, className)} data-slot=\"progress-indicator\" {...props} />;\n}\n\nfunction ProgressValue({ className, ...props }: Progress.Value.Props) {\n  return <Progress.Value className={cn(styles.value, className)} {...props} />;\n}\n\nexport { ProgressRoot as Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };\n",
      "type": "registry:file",
      "target": "~/components/ui/progress/progress.tsx"
    },
    {
      "path": "registry/brook/ui/progress/progress.module.css",
      "content": ".root {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n\n  &[data-indeterminate] .indicator {\n    width: 40%;\n    animation: indeterminate 2s infinite linear;\n  }\n}\n\n.label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.4;\n  color: var(--foreground);\n}\n\n.value {\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1.4;\n  color: var(--muted-foreground);\n}\n\n.track {\n  position: relative;\n  height: 0.5rem;\n  width: 100%;\n  background-color: var(--mix-card-75-bg);\n  border-radius: 0;\n  overflow: hidden;\n}\n\n.indicator {\n  height: 100%;\n  background-color: var(--primary);\n  border-radius: 0;\n  transition: all 150ms ease-out;\n  width: var(--progress-indicator-width);\n}\n\n@keyframes indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(250%);\n  }\n}\n",
      "type": "registry:file",
      "target": "~/components/ui/progress/progress.module.css"
    }
  ]
}