import{r as d,c2 as L,eT as C,d8 as w,cl as F,j as m,b9 as S,c4 as I,c5 as V,eU as j,bZ as G,cd as E,b_ as N,av as p,eV as n}from"./index-CCv_8omK.js";const P=(t,e)=>{const{ownerState:a}=t;return[e.root,a.dense&&e.dense,a.alignItems==="flex-start"&&e.alignItemsFlexStart,a.divider&&e.divider,!a.disableGutters&&e.gutters]},T=t=>{const{alignItems:e,classes:a,dense:i,disabled:s,disableGutters:l,divider:c,selected:u}=t,o=V({root:["root",i&&"dense",!l&&"gutters",c&&"divider",s&&"disabled",e==="flex-start"&&"alignItemsFlexStart",u&&"selected"]},j,a);return{...a,...o}},D=S(G,{shouldForwardProp:t=>E(t)||t==="classes",name:"MuiListItemButton",slot:"Root",overridesResolver:P})(N(({theme:t})=>({display:"flex",flexGrow:1,justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minWidth:0,boxSizing:"border-box",textAlign:"left",paddingTop:8,paddingBottom:8,transition:t.transitions.create("background-color",{duration:t.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(t.vars||t).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${n.selected}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:p(t.palette.primary.main,t.palette.action.selectedOpacity),[`&.${n.focusVisible}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))`:p(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.focusOpacity)}},[`&.${n.selected}:hover`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))`:p(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:p(t.palette.primary.main,t.palette.action.selectedOpacity)}},[`&.${n.focusVisible}`]:{backgroundColor:(t.vars||t).palette.action.focus},[`&.${n.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity},variants:[{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(t.vars||t).palette.divider}`,backgroundClip:"padding-box"}},{props:{alignItems:"flex-start"},style:{alignItems:"flex-start"}},{props:({ownerState:e})=>!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>e.dense,style:{paddingTop:4,paddingBottom:4}}]}))),U=d.forwardRef(function(e,a){const i=L({props:e,name:"MuiListItemButton"}),{alignItems:s="center",autoFocus:l=!1,component:c="div",children:u,dense:f=!1,disableGutters:o=!1,divider:$=!1,focusVisibleClassName:O,selected:B=!1,className:k,...r}=i,g=d.useContext(C),x=d.useMemo(()=>({dense:f||g.dense||!1,alignItems:s,disableGutters:o}),[s,g.dense,f,o]),v=d.useRef(null);w(()=>{l&&v.current&&v.current.focus()},[l]);const y={...i,alignItems:s,dense:x.dense,disableGutters:o,divider:$,selected:B},b=T(y),R=F(v,a);return m.jsx(C.Provider,{value:x,children:m.jsx(D,{ref:R,href:r.href||r.to,component:(r.href||r.to)&&c==="div"?"button":c,focusVisibleClassName:I(b.focusVisible,O),ownerState:y,className:I(b.root,k),...r,classes:b,children:u})})});export{U as L};
