https://www.whycosmos.com/assets/Button-DYGYPmJE.js

1import{a as c,p as r}from"./chunk-62JRHF6Z-Bnc4bl6l.js";import{f as _,g as H,G as A,d as q,h as k,i as y,j as J,k as u,r as K,m as Q,l as X}from"./createSimplePaletteValueFilter-DW7SMI22.js";import{b}from"./utils-Dc9A2VyP.js";import{u as Y}from"./useId-2VVs13WO.js";import{B as Z}from"./ButtonBase-dg6j4xYk.js";import{C as oo}from"./CircularProgress-BSl0XxnE.js";try{let o=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new o.Error().stack;a&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[a]="a29ad3f9-89ae-4e3d-97ad-77278f6c2c31",o._sentryDebugIdIdentifier="sentry-dbid-a29ad3f9-89ae-4e3d-97ad-77278f6c2c31")}catch{}function ao(o){return _("MuiButton",o)}const l=H("MuiButton",["root","text","outlined","contained","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","loading","loadingWrapper","loadingIconPlaceholder","loadingIndicator","loadingPositionCenter","loadingPositionStart","loadingPositionEnd"]),to=c.createContext({}),no=c.createContext(void 0),io=o=>{const{color:a,disableElevation:t,fullWidth:n,size:f,variant:x,loading:d,loadingPosition:I,classes:g}=o,v={root:["root",d&&"loading",x,`size${y(f)}`,`color${y(a)}`,t&&"disableElevation",n&&"fullWidth",d&&`loadingPosition${y(I)}`],startIcon:["icon","startIcon"],endIcon:["icon","endIcon"],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]},B=J(v,ao,g);return{...g,...B}},$=[{props:{size:"small"},style:{"& > *:nth-of-type(1)":{fontSize:18}}},{props:{size:"medium"},style:{"& > *:nth-of-type(1)":{fontSize:20}}},{props:{size:"large"},style:{"& > *:nth-of-type(1)":{fontSize:22}}}],ro=u(Z,{shouldForwardProp:o=>K(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.root,a[t.variant],a[`size${y(t.size)}`],t.color==="inherit"&&a.colorInherit,t.disableElevation&&a.disableElevation,t.fullWidth&&a.fullWidth,t.loading&&a.loading]}})(Q(({theme:o})=>{const a=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],t=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return{...o.typography.button,minWidth:64,padding:"6px 16px",border:0,borderRadius:(o.vars||o).shape.borderRadius,...b(o,["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":{textDecoration:"none"},[`&.${l.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{variant:"contained"},style:{color:"var(--variant-containedColor)",backgroundColor:"var(--variant-containedBg)",boxShadow:(o.vars||o).shadows[2],"&:hover":{boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2]}},"&:active":{boxShadow:(o.vars||o).shadows[8]},[`&.${l.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${l.disabled}`]:{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground}}},{props:{variant:"outlined"},style:{padding:"5px 15px",border:"1px solid currentColor",borderColor:"var(--variant-outlinedBorder, currentColor)",backgroundColor:"var(--variant-outlinedBg)",color:"var(--variant-outlinedColor)",[`&.${l.disabled}`]:{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`}}},{props:{variant:"text"},style:{padding:"6px 8px",color:"var(--variant-textColor)",backgroundColor:"var(--variant-textBg)"}},...Object.entries(o.palette).filter(X()).map(([n])=>({props:{color:n},style:{"--variant-textColor":(o.vars||o).palette[n].main,"--variant-outlinedColor":(o.vars||o).palette[n].main,"--variant-outlinedBorder":o.alpha((o.vars||o).palette[n].main,.5),"--variant-containedColor":(o.vars||o).palette[n].contrastText,"--variant-containedBg":(o.vars||o).palette[n].main,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":(o.vars||o).palette[n].dark,"--variant-textBg":o.alpha((o.vars||o).palette[n].main,(o.vars||o).palette.action.hoverOpacity),"--variant-outlinedBorder":(o.vars||o).palette[n].main,"--variant-outlinedBg":o.alpha((o.vars||o).palette[n].main,(o.vars||o).palette.action.hoverOpacity)}}}})),{props:{color:"inherit"},style:{color:"inherit",borderColor:"currentColor","--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedBg:a,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedHoverBg:t,"--variant-textBg":o.alpha((o.vars||o).palette.text.primary,(o.vars||o).palette.action.hoverOpacity),"--variant-outlinedBg":o.alpha((o.vars||o).palette.text.primary,(o.vars||o).palette.action.hoverOpacity)}}}},{props:{size:"small",variant:"text"},style:{padding:"4px 5px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"text"},style:{padding:"8px 11px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"outlined"},style:{padding:"3px 9px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"outlined"},style:{padding:"7px 21px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"contained"},style:{padding:"4px 10px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"contained"},style:{padding:"8px 22px",fontSize:o.typography.pxToRem(15)}},{props:{disableElevation:!0},style:{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${l.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${l.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}},{props:{loadingPosition:"center"},style:{...b(o,["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${l.loading}`]:{color:"transparent"}}}]}})),so=u("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.startIcon,t.loading&&a.startIconLoadingStart]}})(({theme:o})=>({display:"inherit",alignItems:"center",marginRight:8,marginLeft:-4,"&::before":{content:'"\\200b"',width:0,overflow:"hidden"},variants:[{props:{size:"small"},style:{marginLeft:-2}},{props:{loadingPosition:"start",loading:!0},style:{...b(o,["opacity"],{duration:o.transitions.duration.short}),opacity:0}

1},{props:{loadingPosition:"start",loading:!0,fullWidth:!0},style:{marginRight:-8}},...$]})),eo=u("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.endIcon,t.loading&&a.endIconLoadingEnd]}})(({theme:o})=>({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},{props:{loadingPosition:"end",loading:!0},style:{...b(o,["opacity"],{duration:o.transitions.duration.short}),opacity:0}},{props:{loadingPosition:"end",loading:!0,fullWidth:!0},style:{marginLeft:-8}},...$]})),lo=u("span",{name:"MuiButton",slot:"LoadingIndicator"})(({theme:o})=>({display:"none",position:"absolute",visibility:"visible",variants:[{props:{loading:!0},style:{display:"flex"}},{props:{loadingPosition:"start"},style:{left:14}},{props:{loadingPosition:"start",size:"small"},style:{left:10}},{props:{variant:"text",loadingPosition:"start"},style:{left:6}},{props:{loadingPosition:"center"},style:{left:"50%",transform:"translate(-50%)",color:(o.vars||o).palette.action.disabled}},{props:{loadingPosition:"end"},style:{right:14}},{props:{loadingPosition:"end",size:"small"},style:{right:10}},{props:{variant:"text",loadingPosition:"end"},style:{right:6}},{props:{loadingPosition:"start",fullWidth:!0},style:{position:"relative",left:-10}},{props:{loadingPosition:"end",fullWidth:!0},style:{position:"relative",right:-10}}]})),N=u("span",{name:"MuiButton",slot:"LoadingIconPlaceholder"})({display:"inline-block",width:"1em",height:"1em"}),fo=c.forwardRef(function(a,t){const n=c.useContext(to),f=c.useContext(no),x=A(n,a),d=q({props:x,name:"MuiButton"}),{children:I,color:g="primary",component:v="button",className:B,disabled:C=!1,disableElevation:j=!1,disableFocusRipple:P=!1,endIcon:w,focusVisibleClassName:m,fullWidth:L=!1,id:S,loading:s=null,loadingIndicator:T,loadingPosition:p="center",size:M="medium",startIcon:z,type:h,variant:V="text",...D}=d,R=Y(S),W=T??r.jsx(oo,{"aria-labelledby":R,color:"inherit",size:16}),e={...d,color:g,component:v,disabled:C,disableElevation:j,disableFocusRipple:P,fullWidth:L,loading:s,loadingIndicator:W,loadingPosition:p,size:M,type:h,variant:V},i=io(e),O=(z||s&&p==="start")&&r.jsx(so,{className:i.startIcon,ownerState:e,children:z||r.jsx(N,{className:i.loadingIconPlaceholder,ownerState:e})}),F=(w||s&&p==="end")&&r.jsx(eo,{className:i.endIcon,ownerState:e,children:w||r.jsx(N,{className:i.loadingIconPlaceholder,ownerState:e})}),G=f||"",E=typeof s=="boolean"?r.jsx("span",{className:i.loadingWrapper,style:{display:"contents"},children:s&&r.jsx(lo,{className:i.loadingIndicator,ownerState:e,children:W})}):null,{root:po,...U}=i;return r.jsxs(ro,{ownerState:e,className:k(n.className,i.root,B,G),component:v,disabled:C||s,focusRipple:!P,focusVisibleClassName:k(i.focusVisible,m),ref:t,internalNativeButton:!0,type:h,id:s?R:S,...D,classes:U,children:[O,p!=="end"&&E,I,p==="end"&&E,F]})});export{fo as B};