import{r as e,j as a,_ as o,h as t}from"./react-B_SyE9nW.js";import{bH as l,a as r,g as n,s as i,f as c,b as s,c as d,e as p,bj as m,k as v,j as u,o as b,B as g}from"./index-Flm6m8Wj.js";import{_ as f}from"./history-CBi_mSPs.js";import{c as h}from"./createSvgIcon-CaFwfqRU.js";import{g as $,B as C}from"./index-C6Ujt1Uk.js";const y={disableDefaultClasses:!1},x=e.createContext(y);function k(a){const{disableDefaultClasses:o}=e.useContext(x);return e=>o?"":a(e)}const S="base";function I(e,a){const o=l[a];return o?`${S}--${o}`:function(e,a){return`${S}-${e}-${a}`}(e,a)}function w(e,a){const o={};return a.forEach((a=>{o[a]=I(e,a)})),o}const z=h(a.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 R(e){return n("MuiChip",e)}const O=r("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"]),D=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],j=i("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,a)=>{const{ownerState:o}=e,{color:t,iconColor:l,clickable:r,onDelete:n,size:i,variant:s}=o;return[{[`& .${O.avatar}`]:a.avatar},{[`& .${O.avatar}`]:a[`avatar${c(i)}`]},{[`& .${O.avatar}`]:a[`avatarColor${c(t)}`]},{[`& .${O.icon}`]:a.icon},{[`& .${O.icon}`]:a[`icon${c(i)}`]},{[`& .${O.icon}`]:a[`iconColor${c(l)}`]},{[`& .${O.deleteIcon}`]:a.deleteIcon},{[`& .${O.deleteIcon}`]:a[`deleteIcon${c(i)}`]},{[`& .${O.deleteIcon}`]:a[`deleteIconColor${c(t)}`]},{[`& .${O.deleteIcon}`]:a[`deleteIcon${c(s)}Color${c(t)}`]},a.root,a[`size${c(i)}`],a[`color${c(t)}`],r&&a.clickable,r&&"default"!==t&&a[`clickableColor${c(t)})`],n&&a.deletable,n&&"default"!==t&&a[`deletableColor${c(t)}`],a[s],a[`${s}${c(t)}`]]}})((({theme:e,ownerState:a})=>{const o="light"===e.palette.mode?e.palette.grey[700]:e.palette.grey[300];return f({maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(e.vars||e).palette.text.primary,backgroundColor:(e.vars||e).palette.action.selected,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${O.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${O.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:o,fontSize:e.typography.pxToRem(12)},[`& .${O.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${O.avatarColorSecondary}`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${O.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${O.icon}`]:f({marginLeft:5,marginRight:-6},"small"===a.size&&{fontSize:18,marginLeft:4,marginRight:-4},a.iconColor===a.color&&f({color:e.vars?e.vars.palette.Chip.defaultIconColor:o},"default"!==a.color&&{color:"inherit"})),[`& .${O.deleteIcon}`]:f({WebkitTapHighlightColor:"transparent",color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.26)`:s(e.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.4)`:s(e.palette.text.primary,.4)}},"small"===a.size&&{fontSize:16,marginRight:4,marginLeft:-4},"default"!==a.color&&{color:e.vars?`rgba(${e.vars.palette[a.color].contrastTextChannel} / 0.7)`:s(e.palette[a.color].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[a.color].contrastText}})},"small"===a.size&&{height:24},"default"!==a.color&&{backgroundColor:(e.vars||e).palette[a.color].main,color:(e.vars||e).palette[a.color].contrastText},a.onDelete&&{[`&.${O.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:s(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},a.onDelete&&"default"!==a.color&&{[`&.${O.focusVisible}`]:{backgroundColor:(e.vars||e).palette[a.color].dark}})}),(({theme:e,ownerState:a})=>f({},a.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:s(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},[`&.${O.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:s(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:(e.vars||e).shadows[1]}},a.clickable&&"default"!==a.color&&{[`&:hover, &.${O.focusVisible}`]:{backgroundColor:(e.vars||e).palette[a.color].dark}})),(({theme:e,ownerState:a})=>f({},"outlined"===a.variant&&{backgroundColor:"transparent",border:e.vars?`1px solid ${e.vars.palette.Chip.defaultBorder}`:`1px solid ${"light"===e.palette.mode?e.palette.grey[400]:e.palette.grey[700]}`,[`&.${O.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${O.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${O.avatar}`]:{marginLeft:4},[`& .${O.avatarSmall}`]:{marginLeft:2},[`& .${O.icon}`]:{marginLeft:4},[`& .${O.iconSmall}`]:{marginLeft:2},[`& .${O.deleteIcon}`]:{marginRight:5},[`& .${O.deleteIconSmall}`]:{marginRight:3}},"outlined"===a.variant&&"default"!==a.color&&{color:(e.vars||e).palette[a.color].main,border:`1px solid ${e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / 0.7)`:s(e.palette[a.color].main,.7)}`,[`&.${O.clickable}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:s(e.palette[a.color].main,e.palette.action.hoverOpacity)},[`&.${O.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / ${e.vars.palette.action.focusOpacity})`:s(e.palette[a.color].main,e.palette.action.focusOpacity)},[`& .${O.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[a.color].mainChannel} / 0.7)`:s(e.palette[a.color].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[a.color].main}}}))),L=i("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,a)=>{const{ownerState:o}=e,{size:t}=o;return[a.label,a[`label${c(t)}`]]}})((({ownerState:e})=>f({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},"outlined"===e.variant&&{paddingLeft:11,paddingRight:11},"small"===e.size&&{paddingLeft:8,paddingRight:8},"small"===e.size&&"outlined"===e.variant&&{paddingLeft:7,paddingRight:7})));function T(e){return"Backspace"===e.key||"Delete"===e.key}const V=e.forwardRef((function(l,r){const n=d({props:l,name:"MuiChip"}),{avatar:i,className:s,clickable:m,color:v="default",component:u,deleteIcon:b,disabled:g=!1,icon:h,label:y,onClick:x,onDelete:k,onKeyDown:S,onKeyUp:I,size:w="medium",variant:O="filled",tabIndex:V,skipFocusWhenDisabled:N=!1}=n,P=o(n,D),E=e.useRef(null),M=$(E,r),F=e=>{e.stopPropagation(),k&&k(e)},K=!(!1===m||!x)||m,W=K||k?C:u||"div",H=f({},n,{component:W,disabled:g,size:w,color:v,iconColor:e.isValidElement(h)&&h.props.color||v,onDelete:!!k,clickable:K,variant:O}),B=(e=>{const{classes:a,disabled:o,size:t,color:l,iconColor:r,onDelete:n,clickable:i,variant:s}=e,d={root:["root",s,o&&"disabled",`size${c(t)}`,`color${c(l)}`,i&&"clickable",i&&`clickableColor${c(l)}`,n&&"deletable",n&&`deletableColor${c(l)}`,`${s}${c(l)}`],label:["label",`label${c(t)}`],avatar:["avatar",`avatar${c(t)}`,`avatarColor${c(l)}`],icon:["icon",`icon${c(t)}`,`iconColor${c(r)}`],deleteIcon:["deleteIcon",`deleteIcon${c(t)}`,`deleteIconColor${c(l)}`,`deleteIcon${c(s)}Color${c(l)}`]};return p(d,R,a)})(H),U=W===C?f({component:u||"div",focusVisibleClassName:B.focusVisible},k&&{disableRipple:!0}):{};let A=null;k&&(A=b&&e.isValidElement(b)?e.cloneElement(b,{className:t(b.props.className,B.deleteIcon),onClick:F}):a.jsx(z,{className:t(B.deleteIcon),onClick:F}));let _=null;i&&e.isValidElement(i)&&(_=e.cloneElement(i,{className:t(B.avatar,i.props.className)}));let Z=null;return h&&e.isValidElement(h)&&(Z=e.cloneElement(h,{className:t(B.icon,h.props.className)})),a.jsxs(j,f({as:W,className:t(B.root,s),disabled:!(!K||!g)||void 0,onClick:x,onKeyDown:e=>{e.currentTarget===e.target&&T(e)&&e.preventDefault(),S&&S(e)},onKeyUp:e=>{e.currentTarget===e.target&&(k&&T(e)?k(e):"Escape"===e.key&&E.current&&E.current.blur()),I&&I(e)},ref:M,tabIndex:N&&g?-1:V,ownerState:H},U,P,{children:[_||Z,a.jsx(L,{className:t(B.label),ownerState:H,children:y}),A]}))})),N=e.createContext(new m),P=v`
  0%,
  80%,
  100% {
    box-shadow: 0 12px 0 -10px;
  }
  40% {
    box-shadow: 0 12px 0 0;
  }
`,E=i("div")`
  &,
  &:before,
  &:after {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation-fill-mode: both;
    animation: ${P} 1.8s infinite ease-in-out;
  }

  & {
    background-color: transparent;
    color: ${u.red}e0;
    font-size: 10px;
    margin: 5px auto;
    position: relative;
    top: -12px;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
  }

  &:before,
  &:after {
    content: '';
    position: absolute;
    top: 0;
  }

  &:before {
    left: -15px;
    animation-delay: -0.32s;
  }

  &:after {
    left: 15px;
  }
`,M={width:"100%",display:"flex",justifyContent:"center",position:"relative",alignItems:"center"};const F=b((function({minHeight:e}){return a.jsx(g,{sx:M,minHeight:e,children:a.jsx(E,{})})}));export{V as C,F as I,N as U,I as a,w as g,k as u};