https://live365.com/remix/IconButton-LGM00aEJ.js

1import{I as e,t,z as n}from"./jsx-runtime-BKHn-iCA.js";import{d as r,n as i,r as a,t as o,v as s,y as c}from"./DefaultPropsProvider-CMKjvqNS.js";import{i as l,o as u,r as d}from"./Box-Bq47Rm6t.js";import{t as f}from"./ButtonBase-D5dqFqA6.js";import{n as p,r as m}from"./Button-CK4YYC9z.js";var h=n(e());function g(e){return s(`MuiIconButton`,e)}var _=u(`MuiIconButton`,[`root`,`disabled`,`colorInherit`,`colorPrimary`,`colorSecondary`,`colorError`,`colorInfo`,`colorSuccess`,`colorWarning`,`edgeStart`,`edgeEnd`,`sizeSmall`,`sizeMedium`,`sizeLarge`,`loading`,`loadingIndicator`,`loadingWrapper`]),v=t(),y=e=>{let{classes:t,disabled:n,color:a,edge:o,size:s,loading:c}=e,l={root:[`root`,c&&`loading`,n&&`disabled`,a!=="default"&&`color${i(a)}`,o&&`edge${i(o)}`,`size${i(s)}`],loadingIndicator:[`loadingIndicator`],loadingWrapper:[`loadingWrapper`]};return r(l,g,t)},b=a(f,{name:`MuiIconButton`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.loading&&t.loading,n.color!=="default"&&t[`color${i(n.color)}`],n.edge&&t[`edge${i(n.edge)}`],t[`size${i(n.size)}`]]}})(l(({theme:e})=>({textAlign:`center`,flex:`0 0 auto`,fontSize:e.typography.pxToRem(24),padding:8,borderRadius:`50%`,color:(e.vars||e).palette.action.active,transition:e.transitions.create(`background-color`,{duration:e.transitions.duration.shortest}),variants:[{props:e=>!e.disableRipple,style:{"--IconButton-hoverBg":e.alpha((e.vars||e).palette.action.active,(e.vars||e).palette.action.hoverOpacity),"&:hover":{backgroundColor:`var(--IconButton-hoverBg)`,"@media (hover: none)":{backgroundColor:`transparent`}}}},{props:{edge:`start`},style:{marginLeft:-12}},{props:{edge:`start`,size:`small`},style:{marginLeft:-3}},{props:{edge:`end`},style:{marginRight:-12}},{props:{edge:`end`,size:`small`},style:{marginRight:-3}}]})),l(({theme:e})=>({variants:[{props:{color:`inherit`},style:{color:`inherit`}},...Object.entries(e.palette).filter(d()).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].main}})),...Object.entries(e.palette).filter(d()).map(([t])=>({props:{color:t},style:{"--IconButton-hoverBg":e.alpha((e.vars||e).palette[t].main,(e.vars||e).palette.action.hoverOpacity)}})),{props:{size:`small`},style:{padding:5,fontSize:e.typography.pxToRem(18)}},{props:{size:`large`},style:{padding:12,fontSize:e.typography.pxToRem(28)}}],[`&.${_.disabled}`]:{backgroundColor:`transparent`,color:(e.vars||e).palette.action.disabled},[`&.${_.loading}`]:{color:`transparent`}}))),x=a(`span`,{name:`MuiIconButton`,slot:`LoadingIndicator`})(({theme:e})=>({display:`none`,position:`absolute`,visibility:`visible`,top:`50%`,left:`50%`,transform:`translate(-50%, -50%)`,color:(e.vars||e).palette.action.disabled,variants:[{props:{loading:!0},style:{display:`flex`}}]})),S=h.forwardRef(function(e,t){let n=o({props:e,name:`MuiIconButton`}),{edge:r=!1,children:i,className:a,color:s=`default`,disabled:l=!1,disableFocusRipple:u=!1,size:d=`medium`,id:f,loading:h=null,loadingIndicator:g,..._}=n,S=m(f),C=g??(0,v.jsx)(p,{"aria-labelledby":S,color:`inherit`,size:16}),w={...n,edge:r,color:s,disabled:l,disableFocusRipple:u,loading:h,loadingIndicator:C,size:d},T=y(w);return(0,v.jsxs)(b,{id:h?S:f,className:c(T.root,a),centerRipple:!0,focusRipple:!u,disabled:l||h,ref:t,..._,ownerState:w,children:[typeof h==`boolean`&&(0,v.jsx)(`span`,{className:T.loadingWrapper,style:{display:`contents`},children:(0,v.jsx)(x,{className:T.loadingIndicator,ownerState:w,children:h&&C})}),i]})});export{S as t};