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