progress

1"use client"
2 
3import * as React from "react"
4 
5import { Progress as ProgressPrimitive } from "@ark-ui/react/progress"
6 
7import { cn } from "@/lib/utils"
8 
9const Progress = ProgressPrimitive.Root
10 
11const ProgressCircle = React.forwardRef<
12  React.ElementRef<typeof ProgressPrimitive.Circle>,
13  ProgressPrimitive.CircleProps
14>(({ className, ...props }, ref) => (
15  <ProgressPrimitive.Circle
16    ref={ref}
17    className={cn("[--size:40px] [--thickness:4px]", className)}
18    {...props}
19  />
20))
21ProgressCircle.displayName = "ProgressCircle"
22 
23const ProgressCircleRange = React.forwardRef<
24  React.ElementRef<typeof ProgressPrimitive.CircleRange>,
25  ProgressPrimitive.CircleRangeProps
26>(({ className, ...props }, ref) => (
27  <ProgressPrimitive.CircleRange
28    ref={ref}
29    className={cn("stroke-primary transition-all", className)}
30    {...props}
31  />
32))
33ProgressCircleRange.displayName = "ProgressCircleRange"
34 
35const ProgressCircleTrack = React.forwardRef<
36  React.ElementRef<typeof ProgressPrimitive.CircleTrack>,
37  ProgressPrimitive.CircleTrackProps
38>(({ className, ...props }, ref) => (
39  <ProgressPrimitive.CircleTrack
40    ref={ref}
41    className={cn("stroke-secondary", className)}
42    {...props}
43  />
44))
45ProgressCircleTrack.displayName = "ProgressCircleTrack"
46 
47const ProgressContext = ProgressPrimitive.Context
48 
49const ProgressLabel = React.forwardRef<
50  React.ElementRef<typeof ProgressPrimitive.Label>,
51  ProgressPrimitive.LabelProps
52>(({ className, ...props }, ref) => (
53  <ProgressPrimitive.Label
54    ref={ref}
55    className={cn(
56      "select-none font-medium text-foreground text-sm leading-4 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
57      className
58    )}
59    {...props}
60  />
61))
62ProgressLabel.displayName = "ProgressLabel"
63 
64const ProgressRange = React.forwardRef<
65  React.ElementRef<typeof ProgressPrimitive.Range>,
66  ProgressPrimitive.RangeProps
67>(({ className, ...props }, ref) => (
68  <ProgressPrimitive.Range
69    ref={ref}
70    className={cn(
71      "h-full w-full flex-1 bg-primary transition-all",
72      "data-[state=indeterminate]:repeat-infinite data-[state=indeterminate]:slide-in-from-left data-[state=indeterminate]:slide-out-to-right data-[state=indeterminate]:animate-[in-out_1s_ease-in-out]",
73      className
74    )}
75    {...props}
76  />
77))
78ProgressRange.displayName = "ProgressRange"
79 
80const ProgressRootProvider = ProgressPrimitive.RootProvider
81 
82const ProgressTrack = React.forwardRef<
83  React.ElementRef<typeof ProgressPrimitive.Track>,
84// … truncated