p3x-redis-ui-material/dist-react/assets/ListItem-BTuo1Zbk.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import{i as e}from"./chunk-62oNxeRG.js";import{$ as t,B as n,H as r,M as i,S as a,T as o,V as s,a as c,x as l}from"./Box-BaSrhk2N.js";import{o as u}from"./i18n.store-DddRY7Ub.js";import{n as d}from"./List-1xudU9gc.js";var f=t(),p=e(u(),1);function m(e){return s(`MuiListItem`,e)}n(`MuiListItem`,[`root`,`dense`,`alignItemsFlexStart`,`divider`,`gutters`,`padding`,`secondaryAction`]);function h(e){return s(`MuiListItemButton`,e)}var g=n(`MuiListItemButton`,[`root`,`focusVisible`,`dense`,`alignItemsFlexStart`,`disabled`,`divider`,`gutters`,`selected`]);function _(e){return s(`MuiListItemSecondaryAction`,e)}n(`MuiListItemSecondaryAction`,[`root`,`disableGutters`]);var v=e=>{let{disableGutters:t,classes:n}=e;return i({root:[`root`,t&&`disableGutters`]},_,n)},y=o(`div`,{name:`MuiListItemSecondaryAction`,slot:`Root`,overridesResolver:(e,t)=>{let{ownerState:n}=e;return[t.root,n.disableGutters&&t.disableGutters]}})({position:`absolute`,right:16,top:`50%`,transform:`translateY(-50%)`,variants:[{props:({ownerState:e})=>e.disableGutters,style:{right:0}}]}),b=p.forwardRef(function(e,t){let n=l({props:e,name:`MuiListItemSecondaryAction`}),{className:i,component:a,...o}=n,s=p.useContext(d),c={...n,disableGutters:s.disableGutters};return(0,f.jsx)(y,{as:a,className:r(v(c).root,i),ownerState:c,ref:t,...o})});b.muiName=`ListItemSecondaryAction`;var x=(e,t)=>{let{ownerState:n}=e;return[t.root,n.dense&&t.dense,n.alignItems===`flex-start`&&t.alignItemsFlexStart,n.divider&&t.divider,!n.disableGutters&&t.gutters,!n.disablePadding&&t.padding]},S=e=>{let{alignItems:t,classes:n,dense:r,disableGutters:a,disablePadding:o,divider:s}=e;return i({root:[`root`,r&&`dense`,!a&&`gutters`,!o&&`padding`,s&&`divider`,t===`flex-start`&&`alignItemsFlexStart`],secondaryAction:[`secondaryAction`]},m,n)},C=o(`div`,{name:`MuiListItem`,slot:`Root`,overridesResolver:x})(a(({theme:e})=>({display:`flex`,justifyContent:`flex-start`,alignItems:`center`,position:`relative`,textDecoration:`none`,width:`100%`,boxSizing:`border-box`,textAlign:`left`,variants:[{props:({ownerState:e})=>!e.disablePadding,style:{paddingTop:8,paddingBottom:8}},{props:({ownerState:e})=>!e.disablePadding&&e.dense,style:{paddingTop:4,paddingBottom:4}},{props:({ownerState:e})=>!e.disablePadding&&!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>!e.disablePadding&&!!e.secondaryAction,style:{paddingRight:48}},{props:({ownerState:e})=>!!e.secondaryAction,style:{[`& > .${g.root}`]:{paddingRight:48}}},{props:{alignItems:`flex-start`},style:{alignItems:`flex-start`}},{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:`padding-box`}},{props:({ownerState:e})=>e.button,style:{transition:e.transitions.create(`background-color`,{duration:e.transitions.duration.shortest}),"&:hover":{textDecoration:`none`,backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:`transparent`}}}}]}))),w=o(b,{name:`MuiListItem`,slot:`secondaryAction`})({}),T=p.forwardRef(function(e,t){let n=l({props:e,name:`MuiListItem`}),{alignItems:i=`center`,children:a,className:o,component:s=`li`,dense:u=!1,disableGutters:m=!1,disablePadding:h=!1,divider:g=!1,secondaryAction:_,slotProps:v={},slots:y={},...b}=n,x=p.useContext(d),T=p.useMemo(()=>({dense:u||x.dense||!1,alignItems:i,disableGutters:m}),[i,x.dense,u,m]),E={...n,alignItems:i,dense:T.dense,disableGutters:m,disablePadding:h,divider:g,secondaryAction:_},D=S(E),O={slots:y,slotProps:v},[k,A]=c(`root`,{ref:t,elementType:C,externalForwardedProps:{component:s,...O,...b},ownerState:E,className:r(D.root,o)}),[j,M]=c(`secondaryAction`,{elementType:w,shouldForwardComponentProp:!0,externalForwardedProps:O,ownerState:E,className:D.secondaryAction});return(0,f.jsx)(d.Provider,{value:T,children:(0,f.jsxs)(k,{...A,children:[a,_&&(0,f.jsx)(j,{...M,children:_})]})})});export{h as n,g as r,T as t};