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

<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>

"use strict";var e=require("react"),r=require("clsx");function a(e){return e&&e.__esModule?e:{default:e}}var s=a(e),l=a(r),t=Object.defineProperty,o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,u=(e,r,a)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,c=(e,r)=>{for(var a in r||(r={}))n.call(r,a)&&u(e,a,r[a]);if(o)for(var a of o(r))i.call(r,a)&&u(e,a,r[a]);return e},m=(e,r)=>{var a={};for(var s in e)n.call(e,s)&&r.indexOf(s)<0&&(a[s]=e[s]);if(null!=e&&o)for(var s of o(e))r.indexOf(s)<0&&i.call(e,s)&&(a[s]=e[s]);return a},d={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"},f=e.forwardRef(((e,r)=>{const a=e,{value:t=0,max:o=1,min:n=0,size:i=100,trackSize:u=.1*i,progressLabel:f=!1,determinate:g=!0,className:p="",color:N="default",containerClassName:P="",trackClassName:C="",progressClassName:k="",labelClassName:v=""}=a,S=m(a,["value","max","min","size","trackSize","progressLabel","determinate","className","color","containerClassName","trackClassName","progressClassName","labelClassName"]),b=l.default(d.root,d[N],p),h=l.default(d.container,P),I=l.default(d.track,C),x=l.default(d.progress,k),y=l.default(d.label,v),U=.5*i,L=.4*i,w=.2*i,E=2*Math.PI*L,z=g?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=g&&f;return s.default.createElement("div",{className:h},s.default.createElement("svg",c({className:b,ref:r,width:i,height:i,viewBox:`0 0 ${i} ${i}`,role:"progressbar","aria-valuenow":t,"aria-valuemax":o,"aria-valuemin":n,"aria-valuetext":J,"data-determinate":g},S),s.default.createElement("circle",{className:I,r:L,cx:U,cy:U,fill:"transparent",stroke:"currentColor",strokeWidth:u}),s.default.createElement("circle",{className:x,r:L,cx:U,cy:U,fill:"transparent",stroke:"currentColor",strokeWidth:u,strokeDasharray:E,strokeDashoffset:O,strokeLinecap:"round"})),j&&s.default.createElement("span",{className:y,style:{fontSize:w}},J))}));f.displayName="CircularProgress";var g=f,p={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"},N=e.forwardRef(((e,r)=>{const a=e,{value:t=0,max:o=1,min:n=0,size:i=100,trackSize:u=10,progressLabel:d=!1,determinate:f=!0,className:g="",color:N="default",containerClassName:P="",trackClassName:C="",progressClassName:k="",labelClassName:v="",style:S}=a,b=m(a,["value","max","min","size","trackSize","progressLabel","determinate","className","color","containerClassName","trackClassName","progressClassName","labelClassName","style"]),h=l.default(p.root,p[N],g),I=l.default(p.container,P),x=l.default(p.track,C),y=l.default(p.progress,k),U=l.default(p.label,v),L=f?function(e,r,a){return(e-a)/(r-a)}(t,o,n):.75,w=i-i*L,E=function(e){return`${Math.round(100*e)}%`}(L),z=.5*u,O=f&&d;return s.default.createElement("div",{className:I},s.default.createElement("svg",c({className:h,ref:r,width:i,height:u,style:c({"--sui-border-radius":`${z}px`},S),role:"progressbar","aria-valuenow":t,"aria-valuemax":o,"aria-valuemin":n,"aria-valuetext":E,"data-determinate":f},b),s.default.createElement("line",{className:x,x1:0,y1:"50%",x2:i,y2:"50%",height:u,width:i,fill:"transparent",stroke:"currentColor",strokeWidth:u,strokeLinecap:"round"}),s.default.createElement("line",{className:y,x1:0,y1:"50%",x2:i,y2:"50%",height:u,width:i,fill:"transparent",stroke:"currentColor",strokeWidth:u,strokeDasharray:i,strokeDashoffset:w,strokeLinecap:"round"})),O&&s.default.createElement("span",{className:U},E))}));N.displayName="LinearProgress";var P=N,C=e.forwardRef(((e,r)=>{const a=e,{variant:l="circular"}=a,t=m(a,["variant"]);return"circular"===l?s.default.createElement(g,c({ref:r},t)):s.default.createElement(P,c({ref:r},t))}));C.displayName="Progress";var k=C;module.exports=k;