bake canonical build harness (deterministic /ship for forks) [resume]

src/components/ui/progress.tsx

@@ -1,10 +1,23 @@
 import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+
 import { cn } from "@/lib/utils";
 
-export const Progress = ({ value = 0, className, ...props }: React.HTMLAttributes<HTMLDivElement> & { value?: number }) => (
-  <div className={cn("h-2 w-full overflow-hidden rounded-full bg-slate-200", className)} {...props}>
-    <div className="h-full rounded-full bg-indigo-600 transition-all" style={{ width: `${Math.min(100, Math.max(0, value))}%` }} />
-  </div>
-);
+const Progress = React.forwardRef<
+  React.ElementRef<typeof ProgressPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
+>(({ className, value, ...props }, ref) => (
+  <ProgressPrimitive.Root
+    ref={ref}
+    className={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)}
+    {...props}
+  >
+    <ProgressPrimitive.Indicator
+      className="h-full w-full flex-1 bg-primary transition-all"
+      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+    />
+  </ProgressPrimitive.Root>
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
 
-export default Progress;
+export { Progress };