@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
3 lines (2 loc) • 1.74 kB
JavaScript
"use client";
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material/Popper"),r=require("@mui/material/styles");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=r.styled("div")({position:"absolute",fontSize:7,width:"3em",height:"3em","&::before":{content:'""',margin:"auto",display:"block",width:0,height:0,borderStyle:"solid"}}),a=r.styled(o.default,{shouldForwardProp:e=>"menuBackgroundColor"!==e})((({theme:e,menuBackgroundColor:r=e.vars.palette.background.paper})=>({zIndex:e.zIndex.appBar+1,'&[data-popper-placement*="bottom"]':{"& > div":{marginTop:e.spacing(2)},"& .MuiPopper-arrow":{top:0,left:0,marginTop:"-0.9em",width:"3em",height:"1em","&::before":{borderWidth:"0 1em 1em 1em",borderColor:"transparent",borderBottomColor:r,m:"0 auto"}}},'&[data-popper-placement*="top"]':{"& > div":{marginBottom:e.spacing(2)},"& .MuiPopper-arrow":{bottom:0,left:0,marginBottom:"-0.9em",width:"3em",height:"1em","&::before":{borderWidth:"1em 1em 0 1em",borderColor:"transparent",borderTopColor:r,m:"0 auto"}}},'&[data-popper-placement*="right"]':{"& > div":{marginLeft:e.spacing(2)},"& .MuiPopper-arrow":{left:0,marginLeft:"-0.9em",height:"3em",width:"1em",display:"flex",flexDirection:"column",justifyContent:"center","&::before":{borderWidth:"1em 1em 1em 0",borderColor:"transparent",borderRightColor:r}}},'&[data-popper-placement*="left"]':{"& > div":{marginRight:e.spacing(2)},"& .MuiPopper-arrow":{right:0,marginRight:"-0.9em",height:"3em",width:"1em",display:"flex",flexDirection:"column",justifyContent:"center","&::before":{borderWidth:"1em 0 1em 1em",borderColor:"transparent",borderLeftColor:r}}}})));exports.StyledArrow=i,exports.StyledPopper=a;