p3x-redis-ui-material/dist-react/assets/ListItem-CFJQ4Kff.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{B as t,Q as n,V as r,a as i,b as a,j as o,w as s,x as c,z as l}from"./Box-zFhO8JOc.js";import{o as u}from"./i18n.store-BgO27SyP.js";import{n as d}from"./List-CZs-BLg-.js";var f=n(),p=e(u(),1);function m(e){return t(`MuiListItem`,e)}l(`MuiListItem`,[`root`,`dense`,`alignItemsFlexStart`,`divider`,`gutters`,`padding`,`secondaryAction`]);function h(e){return t(`MuiListItemButton`,e)}var g=l(`MuiListItemButton`,[`root`,`focusVisible`,`dense`,`alignItemsFlexStart`,`disabled`,`divider`,`gutters`,`selected`]);function _(e){return t(`MuiListItemSecondaryAction`,e)}l(`MuiListItemSecondaryAction`,[`root`,`disableGutters`]);var v=e=>{let{disableGutters:t,classes:n}=e;return o({root:[`root`,t&&`disableGutters`]},_,n)},y=s(`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=a({props:e,name:`MuiListItemSecondaryAction`}),{className:i,component:o,...s}=n,c=p.useContext(d),l={...n,disableGutters:c.disableGutters};return(0,f.jsx)(y,{as:o,className:r(v(l).root,i),ownerState:l,ref:t,...s})});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:i,disablePadding:a,divider:s}=e;return o({root:[`root`,r&&`dense`,!i&&`gutters`,!a&&`padding`,s&&`divider`,t===`flex-start`&&`alignItemsFlexStart`],secondaryAction:[`secondaryAction`]},m,n)},C=s(`div`,{name:`MuiListItem`,slot:`Root`,overridesResolver:x})(c(({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=s(b,{name:`MuiListItem`,slot:`secondaryAction`})({}),T=p.forwardRef(function(e,t){let n=a({props:e,name:`MuiListItem`}),{alignItems:o=`center`,children:s,className:c,component:l=`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:o,disableGutters:m}),[o,x.dense,u,m]),E={...n,alignItems:o,dense:T.dense,disableGutters:m,disablePadding:h,divider:g,secondaryAction:_},D=S(E),O={slots:y,slotProps:v},[k,A]=i(`root`,{ref:t,elementType:C,externalForwardedProps:{component:l,...O,...b},ownerState:E,className:r(D.root,c)}),[j,M]=i(`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:[s,_&&(0,f.jsx)(j,{...M,children:_})]})})});export{h as n,g as r,T as t};