B2B-88: add starter kit structure and elements

packages/ui/src/shadcn/progress.tsx

@@ -0,0 +1,28 @@
+'use client';
+
+import * as React from 'react';
+
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+
+import { cn } from '../lib/utils';
+
+const Progress: React.FC<
+  React.ComponentProps<typeof ProgressPrimitive.Root>
+> = ({ className, value, ...props }) => (
+  <ProgressPrimitive.Root
+    className={cn(
+      'bg-primary/20 relative h-2 w-full overflow-hidden rounded-full',
+      className,
+    )}
+    {...props}
+  >
+    <ProgressPrimitive.Indicator
+      className="bg-primary h-full w-full flex-1 transition-all"
+      style={{ transform: `translateX(-${100 - (value ?? 0)}%)` }}
+    />
+  </ProgressPrimitive.Root>
+);
+
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+export { Progress };