@start-base/start-ui/Progress/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as r}from"react";import a from"clsx";var s=Object.defineProperty,l=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,n=(e,r,a)=>r in e?s(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,i=(e,r)=>{for(var a in r||(r={}))t.call(r,a)&&n(e,a,r[a]);if(l)for(var a of l(r))o.call(r,a)&&n(e,a,r[a]);return e},c=(e,r)=>{var a={};for(var s in e)t.call(e,s)&&r.indexOf(s)<0&&(a[s]=e[s]);if(null!=e&&l)for(var s of l(e))r.indexOf(s)<0&&o.call(e,s)&&(a[s]=e[s]);return a},m={container:"SUI-CircularProgress-module-container-MmZxc",root:"SUI-CircularProgress-module-root-2YdF-",progress:"SUI-CircularProgress-module-progress-E6JBt",default:"SUI-CircularProgress-module-default-0PPCs",track:"SUI-CircularProgress-module-track-KN0Zx",success:"SUI-CircularProgress-module-success-PwoJh",info:"SUI-CircularProgress-module-info-TFLtB",warning:"SUI-CircularProgress-module-warning-JDac-",error:"SUI-CircularProgress-module-error-QV-Jt",spin:"SUI-CircularProgress-module-spin-J1lcB",label:"SUI-CircularProgress-module-label-TH76V"},u=r(((r,s)=>{const l=r,{value:t=0,max:o=1,min:n=0,size:u=100,trackSize:d=.1*u,progressLabel:g=!1,determinate:p=!0,className:f="",color:N="default",containerClassName:P="",trackClassName:C="",progressClassName:k="",labelClassName:v=""}=l,S=c(l,["value","max","min","size","trackSize","progressLabel","determinate","className","color","containerClassName","trackClassName","progressClassName","labelClassName"]),b=a(m.root,m[N],f),h=a(m.container,P),I=a(m.track,C),x=a(m.progress,k),y=a(m.label,v),U=.5*u,L=.4*u,w=.2*u,E=2*Math.PI*L,z=p?function(e,r,a){return(e-a)/(r-a)}(t,o,n):.25,O=E-E*z,J=function(e){return`${Math.round(100*e)}%`}(z),j=p&&g;return e.createElement("div",{className:h},e.createElement("svg",i({className:b,ref:s,width:u,height:u,viewBox:`0 0 ${u} ${u}`,role:"progressbar","aria-valuenow":t,"aria-valuemax":o,"aria-valuemin":n,"aria-valuetext":J,"data-determinate":p},S),e.createElement("circle",{className:I,r:L,cx:U,cy:U,fill:"transparent",stroke:"currentColor",strokeWidth:d}),e.createElement("circle",{className:x,r:L,cx:U,cy:U,fill:"transparent",stroke:"currentColor",strokeWidth:d,strokeDasharray:E,strokeDashoffset:O,strokeLinecap:"round"})),j&&e.createElement("span",{className:y,style:{fontSize:w}},J))}));u.displayName="CircularProgress";var d=u,g={container:"SUI-LinearProgress-module-container-VRmfO",label:"SUI-LinearProgress-module-label-teYna",root:"SUI-LinearProgress-module-root-nPblJ",default:"SUI-LinearProgress-module-default--Eaie",track:"SUI-LinearProgress-module-track-Iw-8J",progress:"SUI-LinearProgress-module-progress-8xphx",success:"SUI-LinearProgress-module-success-d-sgx",info:"SUI-LinearProgress-module-info-PNTS0",warning:"SUI-LinearProgress-module-warning-Ej-4k",error:"SUI-LinearProgress-module-error-uNmFJ",slide:"SUI-LinearProgress-module-slide--NQIG"},p=r(((r,s)=>{const l=r,{value:t=0,max:o=1,min:n=0,size:m=100,trackSize:u=10,progressLabel:d=!1,determinate:p=!0,className:f="",color:N="default",containerClassName:P="",trackClassName:C="",progressClassName:k="",labelClassName:v="",style:S}=l,b=c(l,["value","max","min","size","trackSize","progressLabel","determinate","className","color","containerClassName","trackClassName","progressClassName","labelClassName","style"]),h=a(g.root,g[N],f),I=a(g.container,P),x=a(g.track,C),y=a(g.progress,k),U=a(g.label,v),L=p?function(e,r,a){return(e-a)/(r-a)}(t,o,n):.75,w=m-m*L,E=function(e){return`${Math.round(100*e)}%`}(L),z=.5*u,O=p&&d;return e.createElement("div",{className:I},e.createElement("svg",i({className:h,ref:s,width:m,height:u,style:i({"--sui-border-radius":`${z}px`},S),role:"progressbar","aria-valuenow":t,"aria-valuemax":o,"aria-valuemin":n,"aria-valuetext":E,"data-determinate":p},b),e.createElement("line",{className:x,x1:0,y1:"50%",x2:m,y2:"50%",height:u,width:m,fill:"transparent",stroke:"currentColor",strokeWidth:u,strokeLinecap:"round"}),e.createElement("line",{className:y,x1:0,y1:"50%",x2:m,y2:"50%",height:u,width:m,fill:"transparent",stroke:"currentColor",strokeWidth:u,strokeDasharray:m,strokeDashoffset:w,strokeLinecap:"round"})),O&&e.createElement("span",{className:U},E))}));p.displayName="LinearProgress";var f=p,N=r(((r,a)=>{const s=r,{variant:l="circular"}=s,t=c(s,["variant"]);return"circular"===l?e.createElement(d,i({ref:a},t)):e.createElement(f,i({ref:a},t))}));N.displayName="Progress";var P=N;export{P as default};