????
Your IP : 3.145.75.74
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{a as generateUtilityClasses,g as generateUtilityClass,s as styled,c as capitalize,b as reactExports,f as _objectWithoutPropertiesLoose,_ as _extends,bC as useSlotProps,h as clsx,j as jsxRuntimeExports,i as PropTypes,bb as createUseThemeProps,l as composeClasses}from"./index-D8rI6KyB.js";import{u as usePreviousProps}from"./usePreviousProps-DAxyVMcl.js";function useBadge(parameters){const{badgeContent:badgeContentProp,invisible:invisibleProp=!1,max:maxProp=99,showZero=!1}=parameters,prevProps=usePreviousProps({badgeContent:badgeContentProp,max:maxProp});let invisible=invisibleProp;invisibleProp===!1&&badgeContentProp===0&&!showZero&&(invisible=!0);const{badgeContent,max=maxProp}=invisible?prevProps:parameters,displayValue=badgeContent&&Number(badgeContent)>max?`${max}+`:badgeContent;return{badgeContent,invisible,max,displayValue}}__name(useBadge,"useBadge");function getBadgeUtilityClass(slot){return generateUtilityClass("MuiBadge",slot)}__name(getBadgeUtilityClass,"getBadgeUtilityClass");const badgeClasses=generateUtilityClasses("MuiBadge",["root","badge","dot","standard","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft","invisible","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","overlapRectangular","overlapCircular","anchorOriginTopLeftCircular","anchorOriginTopLeftRectangular","anchorOriginTopRightCircular","anchorOriginTopRightRectangular","anchorOriginBottomLeftCircular","anchorOriginBottomLeftRectangular","anchorOriginBottomRightCircular","anchorOriginBottomRightRectangular"]),_excluded=["anchorOrigin","className","classes","component","components","componentsProps","children","overlap","color","invisible","max","badgeContent","slots","slotProps","showZero","variant"],RADIUS_STANDARD=10,RADIUS_DOT=4,useThemeProps=createUseThemeProps(),useUtilityClasses=__name(ownerState=>{const{color,anchorOrigin,invisible,overlap,variant,classes={}}=ownerState,slots={root:["root"],badge:["badge",variant,invisible&&"invisible",`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`,`anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`,`overlap${capitalize(overlap)}`,color!=="default"&&`color${capitalize(color)}`]};return composeClasses(slots,getBadgeUtilityClass,classes)},"useUtilityClasses"),BadgeRoot=styled("span",{name:"MuiBadge",slot:"Root",overridesResolver:(props,styles)=>styles.root})({position:"relative",display:"inline-flex",verticalAlign:"middle",flexShrink:0}),BadgeBadge=styled("span",{name:"MuiBadge",slot:"Badge",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.badge,styles[ownerState.variant],styles[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}${capitalize(ownerState.overlap)}`],ownerState.color!=="default"&&styles[`color${capitalize(ownerState.color)}`],ownerState.invisible&&styles.invisible]}})(({theme})=>{var _theme$vars;return{display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"center",alignContent:"center",alignItems:"center",position:"absolute",boxSizing:"border-box",fontFamily:theme.typography.fontFamily,fontWeight:theme.typography.fontWeightMedium,fontSize:theme.typography.pxToRem(12),minWidth:RADIUS_STANDARD*2,lineHeight:1,padding:"0 6px",height:RADIUS_STANDARD*2,borderRadius:RADIUS_STANDARD,zIndex:1,transition:theme.transitions.create("transform",{easing:theme.transitions.easing.easeInOut,duration:theme.transitions.duration.enteringScreen}),variants:[...Object.keys(((_theme$vars=theme.vars)!=null?_theme$vars:theme).palette).filter(key=>{var _theme$vars2,_theme$vars3;return((_theme$vars2=theme.vars)!=null?_theme$vars2:theme).palette[key].main&&((_theme$vars3=theme.vars)!=null?_theme$vars3:theme).palette[key].contrastText}).map(color=>({props:{color},style:{backgroundColor:(theme.vars||theme).palette[color].main,color:(theme.vars||theme).palette[color].contrastText}})),{props:{variant:"dot"},style:{borderRadius:RADIUS_DOT,height:RADIUS_DOT*2,minWidth:RADIUS_DOT*2,padding:0}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="top"&&ownerState.anchorOrigin.horizontal==="right"&&ownerState.overlap==="rectangular",style:{top:0,right:0,transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="bottom"&&ownerState.anchorOrigin.horizontal==="right"&&ownerState.overlap==="rectangular",style:{bottom:0,right:0,transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="top"&&ownerState.anchorOrigin.horizontal==="left"&&ownerState.overlap==="rectangular",style:{top:0,left:0,transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="bottom"&&ownerState.anchorOrigin.horizontal==="left"&&ownerState.overlap==="rectangular",style:{bottom:0,left:0,transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="top"&&ownerState.anchorOrigin.horizontal==="right"&&ownerState.overlap==="circular",style:{top:"14%",right:"14%",transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="bottom"&&ownerState.anchorOrigin.horizontal==="right"&&ownerState.overlap==="circular",style:{bottom:"14%",right:"14%",transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="top"&&ownerState.anchorOrigin.horizontal==="left"&&ownerState.overlap==="circular",style:{top:"14%",left:"14%",transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState})=>ownerState.anchorOrigin.vertical==="bottom"&&ownerState.anchorOrigin.horizontal==="left"&&ownerState.overlap==="circular",style:{bottom:"14%",left:"14%",transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${badgeClasses.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:{invisible:!0},style:{transition:theme.transitions.create("transform",{easing:theme.transitions.easing.easeInOut,duration:theme.transitions.duration.leavingScreen})}}]}}),Badge=reactExports.forwardRef(__name(function(inProps,ref){var _ref,_slots$root,_ref2,_slots$badge,_slotProps$root,_slotProps$badge;const props=useThemeProps({props:inProps,name:"MuiBadge"}),{anchorOrigin:anchorOriginProp={vertical:"top",horizontal:"right"},className,component,components={},componentsProps={},children,overlap:overlapProp="rectangular",color:colorProp="default",invisible:invisibleProp=!1,max:maxProp=99,badgeContent:badgeContentProp,slots,slotProps,showZero=!1,variant:variantProp="standard"}=props,other=_objectWithoutPropertiesLoose(props,_excluded),{badgeContent,invisible:invisibleFromHook,max,displayValue:displayValueFromHook}=useBadge({max:maxProp,invisible:invisibleProp,badgeContent:badgeContentProp,showZero}),prevProps=usePreviousProps({anchorOrigin:anchorOriginProp,color:colorProp,overlap:overlapProp,variant:variantProp,badgeContent:badgeContentProp}),invisible=invisibleFromHook||badgeContent==null&&variantProp!=="dot",{color=colorProp,overlap=overlapProp,anchorOrigin=anchorOriginProp,variant=variantProp}=invisible?prevProps:props,displayValue=variant!=="dot"?displayValueFromHook:void 0,ownerState=_extends({},props,{badgeContent,invisible,max,displayValue,showZero,anchorOrigin,color,overlap,variant}),classes=useUtilityClasses(ownerState),RootSlot=(_ref=(_slots$root=slots==null?void 0:slots.root)!=null?_slots$root:components.Root)!=null?_ref:BadgeRoot,BadgeSlot=(_ref2=(_slots$badge=slots==null?void 0:slots.badge)!=null?_slots$badge:components.Badge)!=null?_ref2:BadgeBadge,rootSlotProps=(_slotProps$root=slotProps==null?void 0:slotProps.root)!=null?_slotProps$root:componentsProps.root,badgeSlotProps=(_slotProps$badge=slotProps==null?void 0:slotProps.badge)!=null?_slotProps$badge:componentsProps.badge,rootProps=useSlotProps({elementType:RootSlot,externalSlotProps:rootSlotProps,externalForwardedProps:other,additionalProps:{ref,as:component},ownerState,className:clsx(rootSlotProps==null?void 0:rootSlotProps.className,classes.root,className)}),badgeProps=useSlotProps({elementType:BadgeSlot,externalSlotProps:badgeSlotProps,ownerState,className:clsx(classes.badge,badgeSlotProps==null?void 0:badgeSlotProps.className)});return jsxRuntimeExports.jsxs(RootSlot,_extends({},rootProps,{children:[children,jsxRuntimeExports.jsx(BadgeSlot,_extends({},badgeProps,{children:displayValue}))]}))},"Badge2"));Badge.propTypes={anchorOrigin:PropTypes.shape({horizontal:PropTypes.oneOf(["left","right"]).isRequired,vertical:PropTypes.oneOf(["bottom","top"]).isRequired}),badgeContent:PropTypes.node,children:PropTypes.node,classes:PropTypes.object,className:PropTypes.string,color:PropTypes.oneOfType([PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),PropTypes.string]),component:PropTypes.elementType,components:PropTypes.shape({Badge:PropTypes.elementType,Root:PropTypes.elementType}),componentsProps:PropTypes.shape({badge:PropTypes.oneOfType([PropTypes.func,PropTypes.object]),root:PropTypes.oneOfType([PropTypes.func,PropTypes.object])}),invisible:PropTypes.bool,max:PropTypes.number,overlap:PropTypes.oneOf(["circular","rectangular"]),showZero:PropTypes.bool,slotProps:PropTypes.shape({badge:PropTypes.oneOfType([PropTypes.func,PropTypes.object]),root:PropTypes.oneOfType([PropTypes.func,PropTypes.object])}),slots:PropTypes.shape({badge:PropTypes.elementType,root:PropTypes.elementType}),sx:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func,PropTypes.object,PropTypes.bool])),PropTypes.func,PropTypes.object]),variant:PropTypes.oneOfType([PropTypes.oneOf(["dot","standard"]),PropTypes.string])};export{Badge as B};