@start-base/start-ui/Button/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,t=Object.getOwnPropertySymbols,l=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={}))l.call(r,a)&&n(e,a,r[a]);if(t)for(var a of t(r))o.call(r,a)&&n(e,a,r[a]);return e},u=(e,r)=>{var a={};for(var s in e)l.call(e,s)&&r.indexOf(s)<0&&(a[s]=e[s]);if(null!=e&&t)for(var s of t(e))r.indexOf(s)<0&&o.call(e,s)&&(a[s]=e[s]);return a},c={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"},m=r(((r,s)=>{const t=r,{value:l=0,max:o=1,min:n=0,size:m=100,trackSize:d=.1*m,progressLabel:g=!1,determinate:f=!0,className:p="",color:N="default",containerClassName:S="",trackClassName:I="",progressClassName:P="",labelClassName:U=""}=t,v=u(t,["value","max","min","size","trackSize","progressLabel","determinate","className","color","containerClassName","trackClassName","progressClassName","labelClassName"]),b=a(c.root,c[N],p),C=a(c.container,S),y=a(c.track,I),h=a(c.progress,P),k=a(c.label,U),x=.5*m,L=.4*m,w=.2*m,B=2*Math.PI*L,E=f?function(e,r,a){return(e-a)/(r-a)}(l,o,n):.25,z=B-B*E,O=function(e){return`${Math.round(100*e)}%`}(E),J=f&&g;return e.createElement("div",{className:C},e.createElement("svg",i({className:b,ref:s,width:m,height:m,viewBox:`0 0 ${m} ${m}`,role:"progressbar","aria-valuenow":l,"aria-valuemax":o,"aria-valuemin":n,"aria-valuetext":O,"data-determinate":f},v),e.createElement("circle",{className:y,r:L,cx:x,cy:x,fill:"transparent",stroke:"currentColor",strokeWidth:d}),e.createElement("circle",{className:h,r:L,cx:x,cy:x,fill:"transparent",stroke:"currentColor",strokeWidth:d,strokeDasharray:B,strokeDashoffset:z,strokeLinecap:"round"})),J&&e.createElement("span",{className:k,style:{fontSize:w}},O))}));m.displayName="CircularProgress";var d=m,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"},f=r(((r,s)=>{const t=r,{value:l=0,max:o=1,min:n=0,size:c=100,trackSize:m=10,progressLabel:d=!1,determinate:f=!0,className:p="",color:N="default",containerClassName:S="",trackClassName:I="",progressClassName:P="",labelClassName:U="",style:v}=t,b=u(t,["value","max","min","size","trackSize","progressLabel","determinate","className","color","containerClassName","trackClassName","progressClassName","labelClassName","style"]),C=a(g.root,g[N],p),y=a(g.container,S),h=a(g.track,I),k=a(g.progress,P),x=a(g.label,U),L=f?function(e,r,a){return(e-a)/(r-a)}(l,o,n):.75,w=c-c*L,B=function(e){return`${Math.round(100*e)}%`}(L),E=.5*m,z=f&&d;return e.createElement("div",{className:y},e.createElement("svg",i({className:C,ref:s,width:c,height:m,style:i({"--sui-border-radius":`${E}px`},v),role:"progressbar","aria-valuenow":l,"aria-valuemax":o,"aria-valuemin":n,"aria-valuetext":B,"data-determinate":f},b),e.createElement("line",{className:h,x1:0,y1:"50%",x2:c,y2:"50%",height:m,width:c,fill:"transparent",stroke:"currentColor",strokeWidth:m,strokeLinecap:"round"}),e.createElement("line",{className:k,x1:0,y1:"50%",x2:c,y2:"50%",height:m,width:c,fill:"transparent",stroke:"currentColor",strokeWidth:m,strokeDasharray:c,strokeDashoffset:w,strokeLinecap:"round"})),z&&e.createElement("span",{className:x},B))}));f.displayName="LinearProgress";var p=f,N=r(((r,a)=>{const s=r,{variant:t="circular"}=s,l=u(s,["variant"]);return"circular"===t?e.createElement(d,i({ref:a},l)):e.createElement(p,i({ref:a},l))}));N.displayName="Progress";var S=N,I={root:"SUI-Button-module-root-ffg6s",primary:"SUI-Button-module-primary-rJteP",default:"SUI-Button-module-default-N3wra",secondary:"SUI-Button-module-secondary-iLaPu",destructive:"SUI-Button-module-destructive-U41Dh",outline:"SUI-Button-module-outline-xKgOZ",ghost:"SUI-Button-module-ghost-1V-6K",icon:"SUI-Button-module-icon-9MxrK",small:"SUI-Button-module-small-UMN3W",medium:"SUI-Button-module-medium-sTQ-W",large:"SUI-Button-module-large-PgTG-",fluid:"SUI-Button-module-fluid-QL6wc",disabled:"SUI-Button-module-disabled-yV9KZ"},P=r(((r,s)=>{var t=r,{children:l,className:o="",disabled:n,loading:c,color:m="primary",variant:d="default",size:g="medium",type:f="button",fluid:p=!1}=t,N=u(t,["children","className","disabled","loading","color","variant","size","type","fluid"]);return e.createElement("button",i({ref:s,type:f,className:a(I.root,I[d],I[m],I[g],p&&I.fluid,n&&I.disabled,o),disabled:n||c},N),c?e.createElement(S,{value:40,determinate:!1,size:"small"===g?14:20,trackSize:2}):l)}));P.displayName="Button";var U=P;export{U as default};