) }`,__src__:"registry/default/example/progress-circle/progress-circle-demo.tsx",children:(0,r.jsxs)(e.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,r.jsx)(e.span,{"data-line":"",children:(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:'"use client"'})}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"import"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" React "}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"from"}),(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:' "react"'})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"import"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" { ProgressCircle } "}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"from"}),(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:' "@/registry/new-york/ui/progress-circle"'})]}),` `,(0,r.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"export"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" function"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:" ProgressCircleDemo"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" return"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"div"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" className="}),(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:'"flex flex-wrap justify-center gap-12"'}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"ProgressCircle"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"ProgressCircle"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" value={"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"73"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"}"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,r.jsx)(e.span,{"data-line":"",children:(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,r.jsx)(e.span,{"data-line":"",children:(0,r.jsx)(e.span,{style:{color:"#FFF"},children:"}"})})]})})}),(0,r.jsx)(e.figure,{__src__:"registry/new-york/example/progress-circle/progress-circle-demo.tsx","data-rehype-pretty-code-figure":"",children:(0,r.jsx)(e.pre,{style:{backgroundColor:"#101010",color:"#FFF"},tabIndex:"0","data-language":"tsx","data-theme":"vesper",__rawString__:`"use client" import React from "react" import { ProgressCircle } from "@/components/ui/progress-circle" export function ProgressCircleDemo() { return (

) }`,__src__:"registry/new-york/example/progress-circle/progress-circle-demo.tsx",children:(0,r.jsxs)(e.code,{"data-language":"tsx","data-theme":"vesper",style:{display:"grid"},children:[(0,r.jsx)(e.span,{"data-line":"",children:(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:'"use client"'})}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"import"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" React "}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"from"}),(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:' "react"'})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"import"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" { ProgressCircle } "}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"from"}),(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:' "@/components/ui/progress-circle"'})]}),` `,(0,r.jsx)(e.span,{"data-line":"",children:" "}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"export"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" function"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:" ProgressCircleDemo"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:"() {"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" return"}),(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" ("})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"div"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" className="}),(0,r.jsx)(e.span,{style:{color:"#99FFE4"},children:'"flex flex-wrap justify-center gap-12"'}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:">"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"ProgressCircle"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" <"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"ProgressCircle"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" value={"}),(0,r.jsx)(e.span,{style:{color:"#FFC799"},children:"73"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:"}"}),(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" />"})]}),` `,(0,r.jsxs)(e.span,{"data-line":"",children:[(0,r.jsx)(e.span,{style:{color:"#A0A0A0"},children:" "})]}),` `,(0,r.jsx)(e.span,{"data-line":"",children:(0,r.jsx)(e.span,{style:{color:"#FFF"},children:" )"})}),` `,(0,r.jsx)(e.span,{"data-line":"",children:(0,r.jsx)(e.span,{style:{color:"#FFF"},children:"}"})})]})})})]})}function p(n={}){let{wrapper:e}=n.components||{};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(d,{...n})}):d(n)}function _(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(v);})(); ;return Component;

Progress circle