????
Your IP : 3.144.251.232
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{aB as createSvgIcon,j as jsxRuntimeExports,a as generateUtilityClasses,g as generateUtilityClass,s as styled,c as capitalize,_ as _extends,aX as alpha_1,b as reactExports,u as useThemeProps,f as _objectWithoutPropertiesLoose,a$ as useForkRef,ba as ButtonBase,h as clsx,i as PropTypes,l as composeClasses}from"./index-D7FR_S6u.js";import{u as unsupportedProp}from"./unsupportedProp-BgrWi5Mc.js";const CancelIcon=createSvgIcon(jsxRuntimeExports.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");function getChipUtilityClass(slot){return generateUtilityClass("MuiChip",slot)}__name(getChipUtilityClass,"getChipUtilityClass");const chipClasses=generateUtilityClasses("MuiChip",["root","sizeSmall","sizeMedium","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","filledPrimary","filledSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","deleteIconFilledColorPrimary","deleteIconFilledColorSecondary","focusVisible"]),_excluded=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],useUtilityClasses=__name(ownerState=>{const{classes,disabled,size,color,iconColor,onDelete,clickable,variant}=ownerState,slots={root:["root",variant,disabled&&"disabled",`size${capitalize(size)}`,`color${capitalize(color)}`,clickable&&"clickable",clickable&&`clickableColor${capitalize(color)}`,onDelete&&"deletable",onDelete&&`deletableColor${capitalize(color)}`,`${variant}${capitalize(color)}`],label:["label",`label${capitalize(size)}`],avatar:["avatar",`avatar${capitalize(size)}`,`avatarColor${capitalize(color)}`],icon:["icon",`icon${capitalize(size)}`,`iconColor${capitalize(iconColor)}`],deleteIcon:["deleteIcon",`deleteIcon${capitalize(size)}`,`deleteIconColor${capitalize(color)}`,`deleteIcon${capitalize(variant)}Color${capitalize(color)}`]};return composeClasses(slots,getChipUtilityClass,classes)},"useUtilityClasses"),ChipRoot=styled("div",{name:"MuiChip",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props,{color,iconColor,clickable,onDelete,size,variant}=ownerState;return[{[`& .${chipClasses.avatar}`]:styles.avatar},{[`& .${chipClasses.avatar}`]:styles[`avatar${capitalize(size)}`]},{[`& .${chipClasses.avatar}`]:styles[`avatarColor${capitalize(color)}`]},{[`& .${chipClasses.icon}`]:styles.icon},{[`& .${chipClasses.icon}`]:styles[`icon${capitalize(size)}`]},{[`& .${chipClasses.icon}`]:styles[`iconColor${capitalize(iconColor)}`]},{[`& .${chipClasses.deleteIcon}`]:styles.deleteIcon},{[`& .${chipClasses.deleteIcon}`]:styles[`deleteIcon${capitalize(size)}`]},{[`& .${chipClasses.deleteIcon}`]:styles[`deleteIconColor${capitalize(color)}`]},{[`& .${chipClasses.deleteIcon}`]:styles[`deleteIcon${capitalize(variant)}Color${capitalize(color)}`]},styles.root,styles[`size${capitalize(size)}`],styles[`color${capitalize(color)}`],clickable&&styles.clickable,clickable&&color!=="default"&&styles[`clickableColor${capitalize(color)})`],onDelete&&styles.deletable,onDelete&&color!=="default"&&styles[`deletableColor${capitalize(color)}`],styles[variant],styles[`${variant}${capitalize(color)}`]]}})(({theme,ownerState})=>{const textColor=theme.palette.mode==="light"?theme.palette.grey[700]:theme.palette.grey[300];return _extends({maxWidth:"100%",fontFamily:theme.typography.fontFamily,fontSize:theme.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(theme.vars||theme).palette.text.primary,backgroundColor:(theme.vars||theme).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:theme.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${chipClasses.disabled}`]:{opacity:(theme.vars||theme).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${chipClasses.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:theme.vars?theme.vars.palette.Chip.defaultAvatarColor:textColor,fontSize:theme.typography.pxToRem(12)},[`& .${chipClasses.avatarColorPrimary}`]:{color:(theme.vars||theme).palette.primary.contrastText,backgroundColor:(theme.vars||theme).palette.primary.dark},[`& .${chipClasses.avatarColorSecondary}`]:{color:(theme.vars||theme).palette.secondary.contrastText,backgroundColor:(theme.vars||theme).palette.secondary.dark},[`& .${chipClasses.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:theme.typography.pxToRem(10)},[`& .${chipClasses.icon}`]:_extends({marginLeft:5,marginRight:-6},ownerState.size==="small"&&{fontSize:18,marginLeft:4,marginRight:-4},ownerState.iconColor===ownerState.color&&_extends({color:theme.vars?theme.vars.palette.Chip.defaultIconColor:textColor},ownerState.color!=="default"&&{color:"inherit"})),[`& .${chipClasses.deleteIcon}`]:_extends({WebkitTapHighlightColor:"transparent",color:theme.vars?`rgba(${theme.vars.palette.text.primaryChannel} / 0.26)`:alpha_1(theme.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:theme.vars?`rgba(${theme.vars.palette.text.primaryChannel} / 0.4)`:alpha_1(theme.palette.text.primary,.4)}},ownerState.size==="small"&&{fontSize:16,marginRight:4,marginLeft:-4},ownerState.color!=="default"&&{color:theme.vars?`rgba(${theme.vars.palette[ownerState.color].contrastTextChannel} / 0.7)`:alpha_1(theme.palette[ownerState.color].contrastText,.7),"&:hover, &:active":{color:(theme.vars||theme).palette[ownerState.color].contrastText}})},ownerState.size==="small"&&{height:24},ownerState.color!=="default"&&{backgroundColor:(theme.vars||theme).palette[ownerState.color].main,color:(theme.vars||theme).palette[ownerState.color].contrastText},ownerState.onDelete&&{[`&.${chipClasses.focusVisible}`]:{backgroundColor:theme.vars?`rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))`:alpha_1(theme.palette.action.selected,theme.palette.action.selectedOpacity+theme.palette.action.focusOpacity)}},ownerState.onDelete&&ownerState.color!=="default"&&{[`&.${chipClasses.focusVisible}`]:{backgroundColor:(theme.vars||theme).palette[ownerState.color].dark}})},({theme,ownerState})=>_extends({},ownerState.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:theme.vars?`rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))`:alpha_1(theme.palette.action.selected,theme.palette.action.selectedOpacity+theme.palette.action.hoverOpacity)},[`&.${chipClasses.focusVisible}`]:{backgroundColor:theme.vars?`rgba(${theme.vars.palette.action.selectedChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))`:alpha_1(theme.palette.action.selected,theme.palette.action.selectedOpacity+theme.palette.action.focusOpacity)},"&:active":{boxShadow:(theme.vars||theme).shadows[1]}},ownerState.clickable&&ownerState.color!=="default"&&{[`&:hover, &.${chipClasses.focusVisible}`]:{backgroundColor:(theme.vars||theme).palette[ownerState.color].dark}}),({theme,ownerState})=>_extends({},ownerState.variant==="outlined"&&{backgroundColor:"transparent",border:theme.vars?`1px solid ${theme.vars.palette.Chip.defaultBorder}`:`1px solid ${theme.palette.mode==="light"?theme.palette.grey[400]:theme.palette.grey[700]}`,[`&.${chipClasses.clickable}:hover`]:{backgroundColor:(theme.vars||theme).palette.action.hover},[`&.${chipClasses.focusVisible}`]:{backgroundColor:(theme.vars||theme).palette.action.focus},[`& .${chipClasses.avatar}`]:{marginLeft:4},[`& .${chipClasses.avatarSmall}`]:{marginLeft:2},[`& .${chipClasses.icon}`]:{marginLeft:4},[`& .${chipClasses.iconSmall}`]:{marginLeft:2},[`& .${chipClasses.deleteIcon}`]:{marginRight:5},[`& .${chipClasses.deleteIconSmall}`]:{marginRight:3}},ownerState.variant==="outlined"&&ownerState.color!=="default"&&{color:(theme.vars||theme).palette[ownerState.color].main,border:`1px solid ${theme.vars?`rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.7)`:alpha_1(theme.palette[ownerState.color].main,.7)}`,[`&.${chipClasses.clickable}:hover`]:{backgroundColor:theme.vars?`rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})`:alpha_1(theme.palette[ownerState.color].main,theme.palette.action.hoverOpacity)},[`&.${chipClasses.focusVisible}`]:{backgroundColor:theme.vars?`rgba(${theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.focusOpacity})`:alpha_1(theme.palette[ownerState.color].main,theme.palette.action.focusOpacity)},[`& .${chipClasses.deleteIcon}`]:{color:theme.vars?`rgba(${theme.vars.palette[ownerState.color].mainChannel} / 0.7)`:alpha_1(theme.palette[ownerState.color].main,.7),"&:hover, &:active":{color:(theme.vars||theme).palette[ownerState.color].main}}})),ChipLabel=styled("span",{name:"MuiChip",slot:"Label",overridesResolver:(props,styles)=>{const{ownerState}=props,{size}=ownerState;return[styles.label,styles[`label${capitalize(size)}`]]}})(({ownerState})=>_extends({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},ownerState.variant==="outlined"&&{paddingLeft:11,paddingRight:11},ownerState.size==="small"&&{paddingLeft:8,paddingRight:8},ownerState.size==="small"&&ownerState.variant==="outlined"&&{paddingLeft:7,paddingRight:7}));function isDeleteKeyboardEvent(keyboardEvent){return keyboardEvent.key==="Backspace"||keyboardEvent.key==="Delete"}__name(isDeleteKeyboardEvent,"isDeleteKeyboardEvent");const Chip=reactExports.forwardRef(__name(function(inProps,ref){const props=useThemeProps({props:inProps,name:"MuiChip"}),{avatar:avatarProp,className,clickable:clickableProp,color="default",component:ComponentProp,deleteIcon:deleteIconProp,disabled=!1,icon:iconProp,label,onClick,onDelete,onKeyDown,onKeyUp,size="medium",variant="filled",tabIndex,skipFocusWhenDisabled=!1}=props,other=_objectWithoutPropertiesLoose(props,_excluded),chipRef=reactExports.useRef(null),handleRef=useForkRef(chipRef,ref),handleDeleteIconClick=__name(event=>{event.stopPropagation(),onDelete&&onDelete(event)},"handleDeleteIconClick"),handleKeyDown=__name(event=>{event.currentTarget===event.target&&isDeleteKeyboardEvent(event)&&event.preventDefault(),onKeyDown&&onKeyDown(event)},"handleKeyDown"),handleKeyUp=__name(event=>{event.currentTarget===event.target&&(onDelete&&isDeleteKeyboardEvent(event)?onDelete(event):event.key==="Escape"&&chipRef.current&&chipRef.current.blur()),onKeyUp&&onKeyUp(event)},"handleKeyUp"),clickable=clickableProp!==!1&&onClick?!0:clickableProp,component=clickable||onDelete?ButtonBase:ComponentProp||"div",ownerState=_extends({},props,{component,disabled,size,color,iconColor:reactExports.isValidElement(iconProp)&&iconProp.props.color||color,onDelete:!!onDelete,clickable,variant}),classes=useUtilityClasses(ownerState),moreProps=component===ButtonBase?_extends({component:ComponentProp||"div",focusVisibleClassName:classes.focusVisible},onDelete&&{disableRipple:!0}):{};let deleteIcon=null;onDelete&&(deleteIcon=deleteIconProp&&reactExports.isValidElement(deleteIconProp)?reactExports.cloneElement(deleteIconProp,{className:clsx(deleteIconProp.props.className,classes.deleteIcon),onClick:handleDeleteIconClick}):jsxRuntimeExports.jsx(CancelIcon,{className:clsx(classes.deleteIcon),onClick:handleDeleteIconClick}));let avatar=null;avatarProp&&reactExports.isValidElement(avatarProp)&&(avatar=reactExports.cloneElement(avatarProp,{className:clsx(classes.avatar,avatarProp.props.className)}));let icon=null;return iconProp&&reactExports.isValidElement(iconProp)&&(icon=reactExports.cloneElement(iconProp,{className:clsx(classes.icon,iconProp.props.className)})),avatar&&icon&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."),jsxRuntimeExports.jsxs(ChipRoot,_extends({as:component,className:clsx(classes.root,className),disabled:clickable&&disabled?!0:void 0,onClick,onKeyDown:handleKeyDown,onKeyUp:handleKeyUp,ref:handleRef,tabIndex:skipFocusWhenDisabled&&disabled?-1:tabIndex,ownerState},moreProps,other,{children:[avatar||icon,jsxRuntimeExports.jsx(ChipLabel,{className:clsx(classes.label),ownerState,children:label}),deleteIcon]}))},"Chip2"));Chip.propTypes={avatar:PropTypes.element,children:unsupportedProp,classes:PropTypes.object,className:PropTypes.string,clickable:PropTypes.bool,color:PropTypes.oneOfType([PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),PropTypes.string]),component:PropTypes.elementType,deleteIcon:PropTypes.element,disabled:PropTypes.bool,icon:PropTypes.element,label:PropTypes.node,onClick:PropTypes.func,onDelete:PropTypes.func,onKeyDown:PropTypes.func,onKeyUp:PropTypes.func,size:PropTypes.oneOfType([PropTypes.oneOf(["medium","small"]),PropTypes.string]),skipFocusWhenDisabled:PropTypes.bool,sx:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func,PropTypes.object,PropTypes.bool])),PropTypes.func,PropTypes.object]),tabIndex:PropTypes.number,variant:PropTypes.oneOfType([PropTypes.oneOf(["filled","outlined"]),PropTypes.string])};export{Chip as C};