{"name":"progress","type":"registry:ui","files":[{"path":"progress.tsx","type":"registry:ui","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Progress as ProgressPrimitive } from \"@base-ui-components/react/progress\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Progress({\n className,\n children,\n max = 100,\n min = 0,\n style,\n value,\n variant = \"linear\",\n ...props\n}: ProgressPrimitive.Root.Props & {\n variant?: \"linear\" | \"circular\"\n}) {\n const percentage =\n value !== null && Number.isFinite(value) && max > min\n ? Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100))\n : 0\n\n return (\n \n ({\n ...(typeof style === \"function\" ? style(state) : style),\n \"--hui-progress-percentage\": percentage,\n }) as React.CSSProperties & { \"--hui-progress-percentage\": number }\n }\n value={value}\n {...props}\n >\n {children ? (\n children\n ) : variant === \"circular\" ? (\n <>\n \n \n \n ) : (\n \n \n \n )}\n \n )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props) {\n return (\n \n )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {\n return (\n \n )\n}\n\nfunction ProgressIndicator({\n className,\n style,\n ...props\n}: ProgressPrimitive.Indicator.Props) {\n return (\n ({\n ...(typeof style === \"function\" ? style(state) : style),\n width: \"100%\",\n })}\n {...props}\n />\n )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction ProgressCircularTrack({\n className,\n ...props\n}: React.ComponentProps<\"svg\">) {\n return (\n \n \n \n \n )\n}\n\nexport {\n Progress,\n ProgressLabel,\n ProgressTrack,\n ProgressIndicator,\n ProgressValue,\n ProgressCircularTrack,\n}\n","target":"components/ui/progress.tsx"}],"dependencies":["@base-ui-components/react"]}