https://admin.nowbookit.com/assets/Chip-DqCZwb1f.js

1import{r as d}from"./chunk-EF7DTUVF-BXS4vzWS.js";import{d as ea,g as ta,u as ra,c as x,s as B,e as r,b as la,m as ia,a as p}from"./memoTheme-PGpTvV_L.js";import{c as na}from"./createSvgIcon-CjkfkFCM.js";import{j as I}from"./jsx-runtime-D_zvdyIk.js";import{c as S}from"./Typography-C1UKWRKc.js";import{u as N}from"./useSlot-3_t-QaYW.js";import{u as ca,B as F}from"./ButtonBase-C7_6WZww.js";const sa=na(I.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"}));function pa(a){return ta("MuiChip",a)}const e=ea("MuiChip",["root","sizeSmall","sizeMedium","colorDefault","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"]),da=a=>{const{classes:t,disabled:o,size:i,color:n,iconColor:f,onDelete:u,clickable:c,variant:s}=a,$={root:["root",s,o&&"disabled",`size${r(i)}`,`color${r(n)}`,c&&"clickable",c&&`clickableColor${r(n)}`,u&&"deletable",u&&`deletableColor${r(n)}`,`${s}${r(n)}`],label:["label",`label${r(i)}`],avatar:["avatar",`avatar${r(i)}`,`avatarColor${r(n)}`],icon:["icon",`icon${r(i)}`,`iconColor${r(f)}`],deleteIcon:["deleteIcon",`deleteIcon${r(i)}`,`deleteIconColor${r(n)}`,`deleteIcon${r(s)}Color${r(n)}`]};return la($,pa,t)},ua=B("div",{name:"MuiChip",slot:"Root",overridesResolver:(a,t)=>{const{ownerState:o}=a,{color:i,iconColor:n,clickable:f,onDelete:u,size:c,variant:s}=o;return[{[`& .${e.avatar}`]:t.avatar},{[`& .${e.avatar}`]:t[`avatar${r(c)}`]},{[`& .${e.avatar}`]:t[`avatarColor${r(i)}`]},{[`& .${e.icon}`]:t.icon},{[`& .${e.icon}`]:t[`icon${r(c)}`]},{[`& .${e.icon}`]:t[`iconColor${r(n)}`]},{[`& .${e.deleteIcon}`]:t.deleteIcon},{[`& .${e.deleteIcon}`]:t[`deleteIcon${r(c)}`]},{[`& .${e.deleteIcon}`]:t[`deleteIconColor${r(i)}`]},{[`& .${e.deleteIcon}`]:t[`deleteIcon${r(s)}Color${r(i)}`]},t.root,t[`size${r(c)}`],t[`color${r(i)}`],f&&t.clickable,f&&i!=="default"&&t[`clickableColor${r(i)})`],u&&t.deletable,u&&i!=="default"&&t[`deletableColor${r(i)}`],t[s],t[`${s}${r(i)}`]]}})(ia(({theme:a})=>{const t=a.palette.mode==="light"?a.palette.grey[700]:a.palette.grey[300];return{maxWidth:"100%",fontFamily:a.typography.fontFamily,fontSize:a.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,lineHeight:1.5,color:(a.vars||a).palette.text.primary,backgroundColor:(a.vars||a).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:a.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${e.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${e.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:a.vars?a.vars.palette.Chip.defaultAvatarColor:t,fontSize:a.typography.pxToRem(12)},[`& .${e.avatarColorPrimary}`]:{color:(a.vars||a).palette.primary.contrastText,backgroundColor:(a.vars||a).palette.primary.dark},[`& .${e.avatarColorSecondary}`]:{color:(a.vars||a).palette.secondary.contrastText,backgroundColor:(a.vars||a).palette.secondary.dark},[`& .${e.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:a.typography.pxToRem(10)},[`& .${e.icon}`]:{marginLeft:5,marginRight:-6},[`& .${e.deleteIcon}`]:{WebkitTapHighlightColor:"transparent",color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.26)`:p(a.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.4)`:p(a.palette.text.primary,.4)}},variants:[{props:{size:"small"},style:{height:24,[`& .${e.icon}`]:{fontSize:18,marginLeft:4,marginRight:-4},[`& .${e.deleteIcon}`]:{fontSize:16,marginRight:4,marginLeft:-4}}},...Object.entries(a.palette).filter(S(["contrastText"])).map(([o])=>({props:{color:o},style:{backgroundColor:(a.vars||a).palette[o].main,color:(a.vars||a).palette[o].contrastText,[`& .${e.deleteIcon}`]:{color:a.vars?`rgba(${a.vars.palette[o].contrastTextChannel} / 0.7)`:p(a.palette[o].contrastText,.7),"&:hover, &:active":{color:(a.vars||a).palette[o].contrastText}}}})),{props:o=>

1o.iconColor===o.color,style:{[`& .${e.icon}`]:{color:a.vars?a.vars.palette.Chip.defaultIconColor:t}}},{props:o=>o.iconColor===o.color&&o.color!=="default",style:{[`& .${e.icon}`]:{color:"inherit"}}},{props:{onDelete:!0},style:{[`&.${e.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}}},...Object.entries(a.palette).filter(S(["dark"])).map(([o])=>({props:{color:o,onDelete:!0},style:{[`&.${e.focusVisible}`]:{background:(a.vars||a).palette[o].dark}}})),{props:{clickable:!0},style:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:p(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity)},[`&.${e.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)},"&:active":{boxShadow:(a.vars||a).shadows[1]}}},...Object.entries(a.palette).filter(S(["dark"])).map(([o])=>({props:{color:o,clickable:!0},style:{[`&:hover, &.${e.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o].dark}}})),{props:{variant:"outlined"},style:{backgroundColor:"transparent",border:a.vars?`1px solid ${a.vars.palette.Chip.defaultBorder}`:`1px solid ${a.palette.mode==="light"?a.palette.grey[400]:a.palette.grey[700]}`,[`&.${e.clickable}:hover`]:{backgroundColor:(a.vars||a).palette.action.hover},[`&.${e.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`& .${e.avatar}`]:{marginLeft:4},[`& .${e.avatarSmall}`]:{marginLeft:2},[`& .${e.icon}`]:{marginLeft:4},[`& .${e.iconSmall}`]:{marginLeft:2},[`& .${e.deleteIcon}`]:{marginRight:5},[`& .${e.deleteIconSmall}`]:{marginRight:3}}},...Object.entries(a.palette).filter(S()).map(([o])=>({props:{variant:"outlined",color:o},style:{color:(a.vars||a).palette[o].main,border:`1px solid ${a.vars?`rgba(${a.vars.palette[o].mainChannel} / 0.7)`:p(a.palette[o].main,.7)}`,[`&.${e.clickable}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o].mainChannel} / ${a.vars.palette.action.hoverOpacity})`:p(a.palette[o].main,a.palette.action.hoverOpacity)},[`&.${e.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o].mainChannel} / ${a.vars.palette.action.focusOpacity})`:p(a.palette[o].main,a.palette.action.focusOpacity)},[`& .${e.deleteIcon}`]:{color:a.vars?`rgba(${a.vars.palette[o].mainChannel} / 0.7)`:p(a.palette[o].main,.7),"&:hover, &:active":{color:(a.vars||a).palette[o].main}}}}))]}})),va=B("span",{name:"MuiChip",slot:"Label",overridesResolver:(a,t)=>{const{ownerState:o}=a,{size:i}=o;return[t.label,t[`label${r(i)}`]]}})({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap",variants:[{props:{variant:"outlined"},style:{paddingLeft:11,paddingRight:11}},{props:{size:"small"},style:{paddingLeft:8,paddingRight:8}},{props:{size:"small",variant:"outlined"},style:{paddingLeft:7,paddingRight:7}}]});function U(a){return a.key==="Backspace"||a.key==="Delete"}const xa=d.forwardRef(function(t,o){const i=ra({props:t,name:"MuiChip"}),{avatar:n,className:f,clickable:u,color:c="default",component:s,deleteIcon:$,disabled:m=!1,icon:y,label:K,onClick:k,onDelete:v,onKeyDown:L,onKeyUp:T,size:W="medium",variant:H="filled",tabIndex:A,skipFocusWhenDisabled:q=!1,slots:G={},slotProps:J={},...Q}=i,X=d.useRef(null),Y=ca(X,o),D=l=>{l.stopPropagation(),v&&v(l)},P=l=>{l.currentTarget===l.target&&U(l)&&l.preventDefault(),L&&L(l)},R=l=>{l.currentTarget===l.target&&v&&U(l)&&v(l),T&&T(l)},O=u!==!1&&k?!0:u,z=O||v?F:s||"div",w={...i,component:z,disabled:m,size:W,color:c,iconColor:d.isValidElement(y)&&y.props.color||c,onDelete:!!v,clickable:O,variant:H}

1,C=da(w),Z=z===F?{component:s||"div",focusVisibleClassName:C.focusVisible,...v&&{disableRipple:!0}}:{};let V=null;v&&(V=$&&d.isValidElement($)?d.cloneElement($,{className:x($.props.className,C.deleteIcon),onClick:D}):I.jsx(sa,{className:C.deleteIcon,onClick:D}));let j=null;n&&d.isValidElement(n)&&(j=d.cloneElement(n,{className:x(C.avatar,n.props.className)}));let E=null;y&&d.isValidElement(y)&&(E=d.cloneElement(y,{className:x(C.icon,y.props.className)}));const M={slots:G,slotProps:J},[_,h]=N("root",{elementType:ua,externalForwardedProps:{...M,...Q},ownerState:w,shouldForwardComponentProp:!0,ref:Y,className:x(C.root,f),additionalProps:{disabled:O&&m?!0:void 0,tabIndex:q&&m?-1:A,...Z},getSlotProps:l=>({...l,onClick:b=>{var g;(g=l.onClick)==null||g.call(l,b),k==null||k(b)},onKeyDown:b=>{var g;(g=l.onKeyDown)==null||g.call(l,b),P==null||P(b)},onKeyUp:b=>{var g;(g=l.onKeyUp)==null||g.call(l,b),R==null||R(b)}})}),[aa,oa]=N("label",{elementType:va,externalForwardedProps:M,ownerState:w,className:C.label});return I.jsxs(_,{as:z,...h,children:[j||E,I.jsx(aa,{...oa,children:K}),V]})});export{xa as C};