@tracktor/design-system 3.3.1 → 3.3.2

package/CHANGELOG.md

@@ -1,4 +1,4 @@
 # [Versions](https://github.com/Tracktor/design-system/releases)
 
-## v3.3.1
-- **[fix]** -`Avatar` props
+## v3.3.2
+- **[fix]** -`Avatar` improvements

package/dist/main.cjs

@@ -82,4 +82,4 @@ React keys must be passed directly to JSX without using spread:
             }
           `}),d.import&&n(o.GlobalStyles,{styles:o.css`
               @import url("https://fonts.googleapis.com/css2?family=${h}:wght@${g}&display=swap");
-            `}),t&&n(o.CssBaseline,{enableColorScheme:r}),i&&n(va,{}),a&&n(ma,{theme:s}),e]})})},Sa={clickToUpload:"Click to upload",files:"Files",reset:"Reset",selectAll:"Select all"},Ea={clickToUpload:"Cliquez pour télécharger",files:"Fichiers",reset:"Réinitialiser",selectAll:"Tout sélectionner"},Ma={en:Sa,fr:Ea},zr=()=>{const{language:e}=y.useContext(P1);return{t:t=>Ma[e][t]}},xr=5,Ta=(e,r)=>{const t=r==="vertical";return e==="small"?t?130:60:t?150:80},ka=e=>{if(!e)return"";const r=e.length>1,a=[...e||[]].slice(0,5).map(({name:i})=>{const s=i.split(".").pop();return i.length>10&&r?`${i.substring(0,10)}(...).${s}`:i}).join(" • ");return e.length>xr?`${a} + ${e.length-xr}`:a},Ra=({accept:e,name:r,disabled:t,required:a,error:i,localeText:s,multiple:c,id:u,size:d,helperText:h,fullWidth:g,icon:b,onChange:v,label:x,variant:T="vertical"})=>{const{t:m}=zr(),{palette:f}=o.useTheme(),w=T==="vertical",k=u||r,E=y.useRef(null),R=y.useRef(null),[p,L]=y.useState(null),I=ka(p),W=G=>{v==null||v(G),L(G.target.files)},O=G=>{G.preventDefault()},J=G=>{if(G.preventDefault(),G.dataTransfer.files.length>0){const Y=R.current,B=G.dataTransfer.files;L(B);const K=new DataTransfer;Array.from(B).forEach(ne=>K.items.add(ne)),Y&&(Y.files=K.files),Y==null||Y.focus(),Y==null||Y.blur(),v==null||v({...G,target:Y}),G.dataTransfer.clearData()}};return M(o.InputLabel,{ref:E,htmlFor:k,onDragOver:O,onDrop:J,sx:{"&:hover, &:focus":{borderColor:f.primary.main},border:`1px dashed ${i?f.error.main:f.divider}`,borderRadius:1,cursor:"pointer",height:Ta(d,T),maxWidth:g?"100%":400,padding:2,position:"relative",width:"100%"},children:[M(o.Stack,{alignItems:"center",height:"100%",direction:w?"column":"row",justifyContent:w?"center":"flex-start",textAlign:w?"center":"left",spacing:.5,color:t?"text.disabled":"text.secondary",children:[b||n(ga,{sx:{height:40,width:40}}),I?M(fe,{children:[M(o.Typography,{variant:"body2",color:"textSecondary",children:[p==null?void 0:p.length," ",(s==null?void 0:s.files)||m("files")]}),n(o.Typography,{variant:"body2",color:"primary",whiteSpace:w?"normal":"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:I})]}):M(o.Typography,{variant:"subtitle1",color:t?"text.disabled":"primary",children:[x||m("clickToUpload")," ",a&&"*"]}),h&&n(o.Typography,{color:i?"error":"textSecondary",variant:"body2",children:h})]}),n("input",{ref:R,type:"file",disabled:t,required:a,name:r,multiple:c,accept:e,id:k,onChange:W,style:{left:"50%",opacity:0,pointerEvents:"none",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",zIndex:-1}})]})},ze=1,Aa=e=>typeof e=="string",Ne={list:{marginLeft:({spacing:e})=>`-${e(.5)} !important`,marginRight:({spacing:e})=>`-${e(.5)} !important`,minWidth:250},listItem:{borderRadius:1,padding:.5}},Nr=({Empty:e,action:r,items:t,fullWidth:a,sx:i,alwaysDisplaySecondaryAction:s,isLoading:c,disableLightbox:u,numberLoadingItems:d=3})=>{var b;const[h,g]=y.useState("");return!(t!=null&&t.length)&&!c&&!r?e||null:c?n(o.List,{sx:{...Ne.list,...a&&{width:"100%"}},children:[...Array(d).keys()].map(v=>M(o.ListItem,{sx:Ne.listItem,children:[n(o.Skeleton,{width:40,height:40,sx:{marginRight:ze},variant:"rounded"}),n(o.ListItemText,{primary:n(o.Typography,{variant:"h6",children:n(o.Skeleton,{width:90})}),secondary:n(o.Skeleton,{width:70}),sx:{marginY:0}})]},v))}):M(o.List,{sx:{...Ne.list,...a&&{width:"100%"},...i},children:[t==null?void 0:t.map(({id:v,title:x,subtitle:T,image:m,thumbnail:f,secondaryAction:w,chipLabel:k,chipColor:E,onClick:R,icon:p,Avatar:L},I)=>{var q,ee,se,ye;const W=`key-${I}-${x}-${v}`,O=(q=m==null?void 0:m.toLowerCase())==null?void 0:q.endsWith(".pdf"),J=(ee=m==null?void 0:m.toLowerCase())==null?void 0:ee.startsWith("http"),G=(se=f==null?void 0:f.toLowerCase())==null?void 0:se.startsWith("http"),Y=R?"none":void 0,B=u||!!p||!J,K=!!R||!!(!R&&!u&&(f||m)),ne=h===W,_=(G?f:"")||(J?m:"")||"";return M(o.ListItem,{secondaryAction:w,onClick:he=>{R==null||R(he),K&&!ne&&!R&&g(W)},sx:{...Ne.listItem,"& .MuiListItemSecondaryAction-root":{alignItems:"center",display:"flex",justifyContent:"center",opacity:s?1:0,position:"static",right:({spacing:he})=>he(.5),transform:"none"},"&:hover":{"& .MuiListItemSecondaryAction-root":{opacity:1},backgroundColor:({palette:he})=>K?he.action.hover:"transparent"},cursor:K?"pointer":"default"},children:[L!==void 0&&n(o.Box,{marginRight:ze,children:L}),!L&&O&&n(i1,{src:m,srcThumb:f,width:40,height:40,sx:{borderRadius:1,marginRight:ze},disableLightbox:u,open:ne,onClose:()=>g("")}),!L&&!O&&n(i1,{disableThumb:!0,src:m,srcThumb:f,disableLightbox:B,open:ne,onClose:()=>g(""),children:n(o.Avatar,{src:_,variant:"rounded",sx:{marginRight:ze},children:p||typeof x=="string"&&((ye=x||"")==null?void 0:ye.charAt(0).toUpperCase())})}),n(o.ListItemText,{primary:M(o.Stack,{direction:"row",alignItems:"center",spacing:1,children:[x&&n(o.Typography,{variant:"h6",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:x}),k&&n(o.Chip,{label:k,variant:"rounded",size:"xSmall",color:Aa(E)?E:"default"})]}),secondary:T,primaryTypographyProps:{component:"div"},secondaryTypographyProps:{component:"div"},sx:{marginY:0,userSelect:Y}})]},W)}),r&&M(o.ListItemButton,{onClick:r==null?void 0:r.onClick,sx:{...Ne.listItem,"&:hover":{backgroundColor:({palette:v})=>v.action.hover}},children:[n(o.Avatar,{src:(r==null?void 0:r.image)||"",variant:"rounded",sx:{marginRight:ze},children:(r==null?void 0:r.icon)||((b=r==null?void 0:r.title)==null?void 0:b.charAt(0).toUpperCase())}),n(o.ListItemText,{primary:(r==null?void 0:r.title)&&n(o.Typography,{variant:"h6",children:r==null?void 0:r.title}),secondary:r==null?void 0:r.subtitle,sx:{marginY:0}})]})]})},R1={padding:0,paddingRight:1},Ia=e=>function(t){return n(o.Badge,{badgeContent:`+${t}`,color:e,sx:{"& .MuiBadge-badge":{position:"relative",transform:"none"},alignItems:"center"}})},_a=({children:e,disableSelectAll:r,localeText:t,disableReset:a,onChange:i,loading:s,options:c,value:u,multiple:d,...h})=>{const{t:g}=zr(),b=Array.isArray(u)?(u==null?void 0:u.length)===(c==null?void 0:c.length):!1,v=c==null?void 0:c.filter(x=>x==null?void 0:x.isHeader);return M(o.Paper,{...h,children:[d&&!s&&(!r||!!(v!=null&&v.length))&&M(fe,{children:[M(o.List,{role:"listbox",children:[!r&&n(o.ListItem,{disablePadding:!0,role:"option",onMouseDown:x=>{if(x.stopPropagation(),x.preventDefault(),b){i==null||i(x,[],"removeOption");return}i==null||i(x,c||[],"selectOption")},children:M(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,id:"select-all-checkbox",checked:b,sx:R1}),n(o.ListItemText,{primary:(t==null?void 0:t.selectAll)||g("selectAll"),primaryTypographyProps:{variant:"body2"}}),!a&&n(o.Button,{variant:"link",size:"small",sx:{marginX:1,textDecoration:"none"},onClick:x=>{i==null||i(x,[],"removeOption")},onMouseDown:x=>{x.stopPropagation(),x.preventDefault()},children:n(o.Typography,{variant:"body2",children:(t==null?void 0:t.reset)||g("reset")})})]})}),v==null?void 0:v.map((x,T)=>{const m=`header-options-${x==null?void 0:x.id}-${T}`,f=Array.isArray(u)&&u.some(w=>JSON.stringify(w)===JSON.stringify(x)||w&&typeof w=="object"&&"id"in w&&(w==null?void 0:w.id)===(x==null?void 0:x.id));return n(o.ListItem,{disablePadding:!0,onMouseDown:w=>{if(w.stopPropagation(),w.preventDefault(),f){const k=Array.isArray(u)?u==null?void 0:u.filter(E=>!(JSON.stringify(E)===JSON.stringify(x)||E&&typeof E=="object"&&"id"in E&&(E==null?void 0:E.id)===(x==null?void 0:x.id))):[];i==null||i(w,k,"removeOption");return}i==null||i(w,[...Array.isArray(u)?u:[],x],"selectOption")},children:M(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,checked:f,sx:R1}),n(o.ListItemText,{primary:x==null?void 0:x.label})]})},m)})]}),n(o.Divider,{})]}),e]})},La=({onChange:e,disableCheckbox:r,placeholder:t,localeText:a,disableReset:i,disableSelectAll:s,value:c,onFocus:u,onBlur:d,open:h,onInputChange:g,inputValue:b,disableClearable:v,loading:x,resetInputValueOnSelectOption:T,renderOption:m,renderTags:f,size:w="small",disableCloseOnSelect:k=!0,multiple:E=!0,options:R=[],slotProps:p,...L},I)=>{const{palette:W}=o.useTheme(),[O,J]=y.useState(!1),[G,Y]=y.useState(""),B=W.mode==="light"?"default":"primary",K=b||G,ne=E?c||[]:c||null,be=(Z,_,q,ee)=>{if(_===null){e==null||e(Z,E?[]:null,q,ee);return}e==null||e(Z,_,q,ee),(!k||!E)&&J(!1)};return n(o.Autocomplete,{freeSolo:!1,multiple:E,disableClearable:v,value:ne,loading:x,options:R,ref:I,size:w,disableCloseOnSelect:k,onChange:be,getLimitTagsText:Ia(B),inputValue:K,open:h||O,onOpen:()=>J(!0),slots:{paper:_a},slotProps:{...p,paper:{disableReset:i,disableSelectAll:s,loading:x,localeText:a,multiple:E,onChange:e,options:R,value:c,...p==null?void 0:p.paper}},onInputChange:(Z,_,q)=>{q==="reset"&&O&&!T||q==="selectOption"&&!T||q==="removeOption"&&!T||(b||Y(_),g==null||g(Z,_,q))},onFocus:Z=>{J(!0),u==null||u(Z)},onBlur:Z=>{J(!1),d==null||d(Z)},renderOption:m||((Z,_,{selected:q})=>{var se;if(x||_!=null&&_.isHeader)return null;const ee=`${_==null?void 0:_.id}-${Z==null?void 0:Z.key}`;return pt.createElement(o.ListItem,{...Z,key:ee},!r&&n(o.Checkbox,{disableRipple:!0,checked:q,sx:R1}),(_==null?void 0:_.image)&&n(o.ListItemAvatar,{sx:{height:24,marginRight:1,minWidth:"auto",width:24},children:n(o.Avatar,{variant:"rounded",src:_==null?void 0:_.image,sx:{height:24,width:24},children:(_==null?void 0:_.image)==="letter"&&typeof(_==null?void 0:_.label)=="string"&&((se=_==null?void 0:_.label)==null?void 0:se.charAt(0).toUpperCase())})}),typeof(_==null?void 0:_.label)=="string"?n(o.Typography,{variant:"body2",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",title:_==null?void 0:_.label,children:_.label}):_==null?void 0:_.label)}),renderTags:f||((Z,_,q)=>Array.isArray(Z)?Z.map((ee,se)=>{const{key:ye}=_({index:se});return q!=null&&q.focused?null:n(o.Typography,{marginX:1,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:ee==null?void 0:ee.label},ye)}):null),...L,renderInput:Z=>{var ee,se;const _=()=>{if(!(!O&&(Array.isArray(c)&&c.length||!Array.isArray(c)&&c)))return t},q=y.isValidElement((ee=Z.InputProps)==null?void 0:ee.endAdornment)?(se=Z.InputProps)==null?void 0:se.endAdornment:null;return n(o.TextField,{sx:{".MuiInputBase-root .MuiInputBase-input":{flex:!E||!O&&!K||O?1:0,minWidth:0}},...Z,slotProps:{input:{...Z.InputProps,endAdornment:O?M(o.InputAdornment,{position:"end",sx:{position:"absolute",right:9},children:[O&&K&&!v&&n(o.IconButton,{size:"small",onClick:()=>Y(""),sx:{marginRight:"-3px"},children:n(L1,{sx:{fontSize:X(20)}})}),q==null?void 0:q.props.children[1]]}):q}},placeholder:_()})}})},Fa=y.forwardRef(La),Oa=({in:e,children:r,sx:t,padding:a,direction:i,position:s="fixed",mountOnEnter:c=!0,unmountOnExit:u=!0,...d},h)=>n(o.Slide,{mountOnEnter:c,unmountOnExit:u,in:e===void 0?!0:e,direction:"up",children:n(o.Paper,{square:!0,elevation:0,ref:h,sx:{borderTop:({palette:g})=>`1px solid ${g.divider}`,bottom:0,left:0,padding:a,paddingX:a?void 0:2,paddingY:a?void 0:3,position:s,right:0,zIndex:10,...i==="column"&&{display:"flex",flexDirection:"column"},...i==="row"&&{display:"flex",flexDirection:"row"},...t},...d,children:r})}),Ha=y.forwardRef(Oa),Pa=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:t})}),Va=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M19.7231 21.1385L15.8308 17.2577C15.3884 17.4539 14.8394 17.6266 14.1836 17.776C13.5279 17.9253 12.8 18 12 18C9.81665 18 7.83139 17.4035 6.0442 16.2106C4.25702 15.0176 2.93459 13.4474 2.0769 11.5C2.46535 10.6167 2.97753 9.78943 3.61343 9.01828C4.24933 8.24713 4.92818 7.60001 5.64998 7.07693L2.8615 4.27693L3.5692 3.56923L20.4308 20.4308L19.7231 21.1385ZM12 15.1539C12.2346 15.1539 12.492 15.1263 12.7721 15.0712C13.0522 15.016 13.2711 14.9442 13.4288 14.8558L8.6442 10.0712C8.55574 10.2545 8.48395 10.483 8.42883 10.7567C8.3737 11.0304 8.34613 11.2782 8.34613 11.5C8.34613 12.5192 8.7003 13.383 9.40863 14.0914C10.117 14.7997 10.9807 15.1539 12 15.1539ZM18.6077 15.7192L15.5096 12.6462C15.5493 12.5039 15.5833 12.3349 15.6115 12.1394C15.6397 11.9439 15.6538 11.7308 15.6538 11.5C15.6538 10.4808 15.2997 9.61699 14.5913 8.90865C13.883 8.20032 13.0192 7.84615 12 7.84615C11.7692 7.84615 11.5625 7.86346 11.3798 7.89808C11.1971 7.9327 11.0282 7.98462 10.8731 8.05385L8.4192 5.61923C8.99997 5.4 9.591 5.24198 10.1923 5.14518C10.7936 5.0484 11.3961 5 12 5C14.1705 5 16.1558 5.59648 17.9558 6.78943C19.7558 7.98238 21.0782 9.55257 21.9231 11.5C21.5654 12.3039 21.1125 13.0593 20.5644 13.7664C20.0163 14.4734 19.3641 15.1244 18.6077 15.7192ZM14.6942 11.85L11.675 8.85C12.0904 8.76667 12.4939 8.79455 12.8856 8.93365C13.2772 9.07275 13.6147 9.2859 13.8981 9.57308C14.1942 9.86026 14.4144 10.2029 14.5586 10.601C14.7029 10.999 14.7481 11.4154 14.6942 11.85Z",fill:t})}),Ba=({slotProps:e,...r})=>{const[t,a]=y.useState(!1),i=()=>{a(u=>!u)},s=u=>{u.preventDefault()},c=u=>{u.preventDefault()};return n(o.TextField,{type:t?"text":"password",slotProps:{...e,input:{...e==null?void 0:e.input,endAdornment:n(o.InputAdornment,{position:"end",children:n(o.IconButton,{"aria-label":t?"hide the password":"display the password",onClick:i,onMouseDown:s,onMouseUp:c,edge:"end",children:t?n(Va,{}):n(Pa,{})})})}},...r})},oe={large:{primary:40,secondary:32},medium:{primary:32,secondary:24},small:{primary:24,secondary:16}},Cr=e=>{if(e===void 0)return oe.medium.primary;if(typeof e=="number")return e;const r=parseFloat(e);return Number.isNaN(r)?oe.medium.primary:r},$a=(e,r)=>{if(r)return{height:oe[r].secondary,width:oe[r].secondary};if(!e||typeof e!="object")return{height:oe.medium.secondary,width:oe.medium.secondary};const{height:t,width:a}=e;return{height:Math.max(Cr(t)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary),width:Math.max(Cr(a)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary)}},Da=({secondarySrc:e,secondaryAvatarProps:r,size:t,...a})=>{if(!e)return n(o.Avatar,{...a,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...a.sx}});const{height:i,width:s}=$a(a.sx,t);return M(o.Box,{sx:{display:"flex",position:"relative"},children:[n(o.Avatar,{...a,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...a.sx}}),n(o.Avatar,{src:e,sx:{bottom:-(i/3),height:i,outline:({palette:c})=>`2px solid ${c.common.white}`,position:"absolute",right:-(s/3),width:s,...r==null?void 0:r.sx},...r})]})},Za=({children:e,permissions:r,disabledPermissions:t})=>{const[a,i]=y.useState(),s=y.useMemo(()=>({disabledPermissions:t,permissions:a,setPermissions:i}),[t,a]);return y.useEffect(()=>{i(r)},[r]),n(br.Provider,{value:s,children:e})},za={component:void 0,isOpen:!1,message:"",severity:"success",variant:"standard"},V1=y.createContext({closeSnackbar:()=>{},isOpen:!1,openSnackbar:()=>{}}),Na=({children:e,autoHideDuration:r=5e3,anchorOrigin:t={horizontal:"center",vertical:"bottom"}})=>{const[a,i]=y.useState(za),s=y.useCallback(d=>{i({component:d==null?void 0:d.component,isOpen:!0,message:(d==null?void 0:d.message)||"",severity:(d==null?void 0:d.severity)||"success",variant:(d==null?void 0:d.variant)||"standard"})},[]),c=y.useCallback((d,h)=>{h!=="clickaway"&&i(g=>({...g,isOpen:!1}))},[]),u=y.useMemo(()=>({closeSnackbar:c,isOpen:a.isOpen,openSnackbar:s}),[c,s,a.isOpen]);return M(V1.Provider,{value:u,children:[n(o.Snackbar,{open:a.isOpen,onClose:c,autoHideDuration:r,anchorOrigin:t,children:a.component?n(a.component,{}):n(o.Alert,{severity:a.severity,variant:a.variant,children:a.message})},a.message),e]})},ja=()=>{const e=y.useContext(V1),{isOpen:r,closeSnackbar:t,openSnackbar:a}=e;if(e===void 0)throw new Error("SnackbarProvider must be used within a useSnackBar hook");return{closeSnackbar:t,isOpen:r,openSnackbar:a}},Wa=()=>{const[e,r]=y.useState(0);return{handleChange:y.useCallback((a,i)=>{r(i)},[]),value:e}},Ya=e=>`linear-gradient(${o.alpha("#fff",+o.getOverlayAlpha(e))}, ${o.alpha("#fff",+o.getOverlayAlpha(e))})`;exports.ActionAppBar=T1;exports.AppBar=ua;exports.ArticleImage=ta;exports.AutocompleteFilter=Fa;exports.Avatar=Da;exports.AvatarAppBar=Vr;exports.Backoffice=la;exports.BottomFixedPaper=Ha;exports.Button=Xn;exports.CardModal=In;exports.Chip=ha;exports.DialogCloseIcon=Jn;exports.File=Ra;exports.FileViewer=i1;exports.HasPermission=gt;exports.Lightbox=O1;exports.LinkTab=Rn;exports.ListAvatar=Nr;exports.ListAvatars=Nr;exports.ListItemCard=Nn;exports.Logo=Or;exports.NavigationMenu=Bn;exports.NavigationMenuContext=Se;exports.PermissionProvider=Za;exports.QuantityField=Fn;exports.SnackbarContext=V1;exports.SnackbarProvider=Na;exports.StatusIcon=je;exports.TabPanel=Qn;exports.TextArea=Ln;exports.TextFieldAppBar=Br;exports.TextFieldPassword=Ba;exports.ThemeContext=P1;exports.ThemeProvider=wa;exports.TimeLine=sa;exports.TypographySkeleton=ea;exports.getBackgroundImageElevation=Ya;exports.pxToRem=X;exports.theme=ya;exports.useMenu=$r;exports.usePermission=yr;exports.useSnackbar=ja;exports.useTabs=Wa;Object.keys(o).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});
+            `}),t&&n(o.CssBaseline,{enableColorScheme:r}),i&&n(va,{}),a&&n(ma,{theme:s}),e]})})},Sa={clickToUpload:"Click to upload",files:"Files",reset:"Reset",selectAll:"Select all"},Ea={clickToUpload:"Cliquez pour télécharger",files:"Fichiers",reset:"Réinitialiser",selectAll:"Tout sélectionner"},Ma={en:Sa,fr:Ea},zr=()=>{const{language:e}=y.useContext(P1);return{t:t=>Ma[e][t]}},xr=5,Ta=(e,r)=>{const t=r==="vertical";return e==="small"?t?130:60:t?150:80},ka=e=>{if(!e)return"";const r=e.length>1,a=[...e||[]].slice(0,5).map(({name:i})=>{const s=i.split(".").pop();return i.length>10&&r?`${i.substring(0,10)}(...).${s}`:i}).join(" • ");return e.length>xr?`${a} + ${e.length-xr}`:a},Ra=({accept:e,name:r,disabled:t,required:a,error:i,localeText:s,multiple:c,id:u,size:d,helperText:h,fullWidth:g,icon:b,onChange:v,label:x,variant:T="vertical"})=>{const{t:m}=zr(),{palette:f}=o.useTheme(),w=T==="vertical",k=u||r,E=y.useRef(null),R=y.useRef(null),[p,L]=y.useState(null),I=ka(p),W=G=>{v==null||v(G),L(G.target.files)},O=G=>{G.preventDefault()},J=G=>{if(G.preventDefault(),G.dataTransfer.files.length>0){const Y=R.current,B=G.dataTransfer.files;L(B);const K=new DataTransfer;Array.from(B).forEach(ne=>K.items.add(ne)),Y&&(Y.files=K.files),Y==null||Y.focus(),Y==null||Y.blur(),v==null||v({...G,target:Y}),G.dataTransfer.clearData()}};return M(o.InputLabel,{ref:E,htmlFor:k,onDragOver:O,onDrop:J,sx:{"&:hover, &:focus":{borderColor:f.primary.main},border:`1px dashed ${i?f.error.main:f.divider}`,borderRadius:1,cursor:"pointer",height:Ta(d,T),maxWidth:g?"100%":400,padding:2,position:"relative",width:"100%"},children:[M(o.Stack,{alignItems:"center",height:"100%",direction:w?"column":"row",justifyContent:w?"center":"flex-start",textAlign:w?"center":"left",spacing:.5,color:t?"text.disabled":"text.secondary",children:[b||n(ga,{sx:{height:40,width:40}}),I?M(fe,{children:[M(o.Typography,{variant:"body2",color:"textSecondary",children:[p==null?void 0:p.length," ",(s==null?void 0:s.files)||m("files")]}),n(o.Typography,{variant:"body2",color:"primary",whiteSpace:w?"normal":"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:I})]}):M(o.Typography,{variant:"subtitle1",color:t?"text.disabled":"primary",children:[x||m("clickToUpload")," ",a&&"*"]}),h&&n(o.Typography,{color:i?"error":"textSecondary",variant:"body2",children:h})]}),n("input",{ref:R,type:"file",disabled:t,required:a,name:r,multiple:c,accept:e,id:k,onChange:W,style:{left:"50%",opacity:0,pointerEvents:"none",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",zIndex:-1}})]})},ze=1,Aa=e=>typeof e=="string",Ne={list:{marginLeft:({spacing:e})=>`-${e(.5)} !important`,marginRight:({spacing:e})=>`-${e(.5)} !important`,minWidth:250},listItem:{borderRadius:1,padding:.5}},Nr=({Empty:e,action:r,items:t,fullWidth:a,sx:i,alwaysDisplaySecondaryAction:s,isLoading:c,disableLightbox:u,numberLoadingItems:d=3})=>{var b;const[h,g]=y.useState("");return!(t!=null&&t.length)&&!c&&!r?e||null:c?n(o.List,{sx:{...Ne.list,...a&&{width:"100%"}},children:[...Array(d).keys()].map(v=>M(o.ListItem,{sx:Ne.listItem,children:[n(o.Skeleton,{width:40,height:40,sx:{marginRight:ze},variant:"rounded"}),n(o.ListItemText,{primary:n(o.Typography,{variant:"h6",children:n(o.Skeleton,{width:90})}),secondary:n(o.Skeleton,{width:70}),sx:{marginY:0}})]},v))}):M(o.List,{sx:{...Ne.list,...a&&{width:"100%"},...i},children:[t==null?void 0:t.map(({id:v,title:x,subtitle:T,image:m,thumbnail:f,secondaryAction:w,chipLabel:k,chipColor:E,onClick:R,icon:p,Avatar:L},I)=>{var q,ee,se,ye;const W=`key-${I}-${x}-${v}`,O=(q=m==null?void 0:m.toLowerCase())==null?void 0:q.endsWith(".pdf"),J=(ee=m==null?void 0:m.toLowerCase())==null?void 0:ee.startsWith("http"),G=(se=f==null?void 0:f.toLowerCase())==null?void 0:se.startsWith("http"),Y=R?"none":void 0,B=u||!!p||!J,K=!!R||!!(!R&&!u&&(f||m)),ne=h===W,_=(G?f:"")||(J?m:"")||"";return M(o.ListItem,{secondaryAction:w,onClick:he=>{R==null||R(he),K&&!ne&&!R&&g(W)},sx:{...Ne.listItem,"& .MuiListItemSecondaryAction-root":{alignItems:"center",display:"flex",justifyContent:"center",opacity:s?1:0,position:"static",right:({spacing:he})=>he(.5),transform:"none"},"&:hover":{"& .MuiListItemSecondaryAction-root":{opacity:1},backgroundColor:({palette:he})=>K?he.action.hover:"transparent"},cursor:K?"pointer":"default"},children:[L!==void 0&&n(o.Box,{marginRight:ze,children:L}),!L&&O&&n(i1,{src:m,srcThumb:f,width:40,height:40,sx:{borderRadius:1,marginRight:ze},disableLightbox:u,open:ne,onClose:()=>g("")}),!L&&!O&&n(i1,{disableThumb:!0,src:m,srcThumb:f,disableLightbox:B,open:ne,onClose:()=>g(""),children:n(o.Avatar,{src:_,variant:"rounded",sx:{marginRight:ze},children:p||typeof x=="string"&&((ye=x||"")==null?void 0:ye.charAt(0).toUpperCase())})}),n(o.ListItemText,{primary:M(o.Stack,{direction:"row",alignItems:"center",spacing:1,children:[x&&n(o.Typography,{variant:"h6",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:x}),k&&n(o.Chip,{label:k,variant:"rounded",size:"xSmall",color:Aa(E)?E:"default"})]}),secondary:T,primaryTypographyProps:{component:"div"},secondaryTypographyProps:{component:"div"},sx:{marginY:0,userSelect:Y}})]},W)}),r&&M(o.ListItemButton,{onClick:r==null?void 0:r.onClick,sx:{...Ne.listItem,"&:hover":{backgroundColor:({palette:v})=>v.action.hover}},children:[n(o.Avatar,{src:(r==null?void 0:r.image)||"",variant:"rounded",sx:{marginRight:ze},children:(r==null?void 0:r.icon)||((b=r==null?void 0:r.title)==null?void 0:b.charAt(0).toUpperCase())}),n(o.ListItemText,{primary:(r==null?void 0:r.title)&&n(o.Typography,{variant:"h6",children:r==null?void 0:r.title}),secondary:r==null?void 0:r.subtitle,sx:{marginY:0}})]})]})},R1={padding:0,paddingRight:1},Ia=e=>function(t){return n(o.Badge,{badgeContent:`+${t}`,color:e,sx:{"& .MuiBadge-badge":{position:"relative",transform:"none"},alignItems:"center"}})},_a=({children:e,disableSelectAll:r,localeText:t,disableReset:a,onChange:i,loading:s,options:c,value:u,multiple:d,...h})=>{const{t:g}=zr(),b=Array.isArray(u)?(u==null?void 0:u.length)===(c==null?void 0:c.length):!1,v=c==null?void 0:c.filter(x=>x==null?void 0:x.isHeader);return M(o.Paper,{...h,children:[d&&!s&&(!r||!!(v!=null&&v.length))&&M(fe,{children:[M(o.List,{role:"listbox",children:[!r&&n(o.ListItem,{disablePadding:!0,role:"option",onMouseDown:x=>{if(x.stopPropagation(),x.preventDefault(),b){i==null||i(x,[],"removeOption");return}i==null||i(x,c||[],"selectOption")},children:M(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,id:"select-all-checkbox",checked:b,sx:R1}),n(o.ListItemText,{primary:(t==null?void 0:t.selectAll)||g("selectAll"),primaryTypographyProps:{variant:"body2"}}),!a&&n(o.Button,{variant:"link",size:"small",sx:{marginX:1,textDecoration:"none"},onClick:x=>{i==null||i(x,[],"removeOption")},onMouseDown:x=>{x.stopPropagation(),x.preventDefault()},children:n(o.Typography,{variant:"body2",children:(t==null?void 0:t.reset)||g("reset")})})]})}),v==null?void 0:v.map((x,T)=>{const m=`header-options-${x==null?void 0:x.id}-${T}`,f=Array.isArray(u)&&u.some(w=>JSON.stringify(w)===JSON.stringify(x)||w&&typeof w=="object"&&"id"in w&&(w==null?void 0:w.id)===(x==null?void 0:x.id));return n(o.ListItem,{disablePadding:!0,onMouseDown:w=>{if(w.stopPropagation(),w.preventDefault(),f){const k=Array.isArray(u)?u==null?void 0:u.filter(E=>!(JSON.stringify(E)===JSON.stringify(x)||E&&typeof E=="object"&&"id"in E&&(E==null?void 0:E.id)===(x==null?void 0:x.id))):[];i==null||i(w,k,"removeOption");return}i==null||i(w,[...Array.isArray(u)?u:[],x],"selectOption")},children:M(o.ListItemButton,{disableRipple:!0,children:[n(o.Checkbox,{disableRipple:!0,checked:f,sx:R1}),n(o.ListItemText,{primary:x==null?void 0:x.label})]})},m)})]}),n(o.Divider,{})]}),e]})},La=({onChange:e,disableCheckbox:r,placeholder:t,localeText:a,disableReset:i,disableSelectAll:s,value:c,onFocus:u,onBlur:d,open:h,onInputChange:g,inputValue:b,disableClearable:v,loading:x,resetInputValueOnSelectOption:T,renderOption:m,renderTags:f,size:w="small",disableCloseOnSelect:k=!0,multiple:E=!0,options:R=[],slotProps:p,...L},I)=>{const{palette:W}=o.useTheme(),[O,J]=y.useState(!1),[G,Y]=y.useState(""),B=W.mode==="light"?"default":"primary",K=b||G,ne=E?c||[]:c||null,be=(Z,_,q,ee)=>{if(_===null){e==null||e(Z,E?[]:null,q,ee);return}e==null||e(Z,_,q,ee),(!k||!E)&&J(!1)};return n(o.Autocomplete,{freeSolo:!1,multiple:E,disableClearable:v,value:ne,loading:x,options:R,ref:I,size:w,disableCloseOnSelect:k,onChange:be,getLimitTagsText:Ia(B),inputValue:K,open:h||O,onOpen:()=>J(!0),slots:{paper:_a},slotProps:{...p,paper:{disableReset:i,disableSelectAll:s,loading:x,localeText:a,multiple:E,onChange:e,options:R,value:c,...p==null?void 0:p.paper}},onInputChange:(Z,_,q)=>{q==="reset"&&O&&!T||q==="selectOption"&&!T||q==="removeOption"&&!T||(b||Y(_),g==null||g(Z,_,q))},onFocus:Z=>{J(!0),u==null||u(Z)},onBlur:Z=>{J(!1),d==null||d(Z)},renderOption:m||((Z,_,{selected:q})=>{var se;if(x||_!=null&&_.isHeader)return null;const ee=`${_==null?void 0:_.id}-${Z==null?void 0:Z.key}`;return pt.createElement(o.ListItem,{...Z,key:ee},!r&&n(o.Checkbox,{disableRipple:!0,checked:q,sx:R1}),(_==null?void 0:_.image)&&n(o.ListItemAvatar,{sx:{height:24,marginRight:1,minWidth:"auto",width:24},children:n(o.Avatar,{variant:"rounded",src:_==null?void 0:_.image,sx:{height:24,width:24},children:(_==null?void 0:_.image)==="letter"&&typeof(_==null?void 0:_.label)=="string"&&((se=_==null?void 0:_.label)==null?void 0:se.charAt(0).toUpperCase())})}),typeof(_==null?void 0:_.label)=="string"?n(o.Typography,{variant:"body2",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",title:_==null?void 0:_.label,children:_.label}):_==null?void 0:_.label)}),renderTags:f||((Z,_,q)=>Array.isArray(Z)?Z.map((ee,se)=>{const{key:ye}=_({index:se});return q!=null&&q.focused?null:n(o.Typography,{marginX:1,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",children:ee==null?void 0:ee.label},ye)}):null),...L,renderInput:Z=>{var ee,se;const _=()=>{if(!(!O&&(Array.isArray(c)&&c.length||!Array.isArray(c)&&c)))return t},q=y.isValidElement((ee=Z.InputProps)==null?void 0:ee.endAdornment)?(se=Z.InputProps)==null?void 0:se.endAdornment:null;return n(o.TextField,{sx:{".MuiInputBase-root .MuiInputBase-input":{flex:!E||!O&&!K||O?1:0,minWidth:0}},...Z,slotProps:{input:{...Z.InputProps,endAdornment:O?M(o.InputAdornment,{position:"end",sx:{position:"absolute",right:9},children:[O&&K&&!v&&n(o.IconButton,{size:"small",onClick:()=>Y(""),sx:{marginRight:"-3px"},children:n(L1,{sx:{fontSize:X(20)}})}),q==null?void 0:q.props.children[1]]}):q}},placeholder:_()})}})},Fa=y.forwardRef(La),Oa=({in:e,children:r,sx:t,padding:a,direction:i,position:s="fixed",mountOnEnter:c=!0,unmountOnExit:u=!0,...d},h)=>n(o.Slide,{mountOnEnter:c,unmountOnExit:u,in:e===void 0?!0:e,direction:"up",children:n(o.Paper,{square:!0,elevation:0,ref:h,sx:{borderTop:({palette:g})=>`1px solid ${g.divider}`,bottom:0,left:0,padding:a,paddingX:a?void 0:2,paddingY:a?void 0:3,position:s,right:0,zIndex:10,...i==="column"&&{display:"flex",flexDirection:"column"},...i==="row"&&{display:"flex",flexDirection:"row"},...t},...d,children:r})}),Ha=y.forwardRef(Oa),Pa=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",fill:t})}),Va=({sx:e,fontSize:r,color:t="currentColor"})=>n(o.SvgIcon,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",fontSize:r,sx:e,children:n("path",{d:"M19.7231 21.1385L15.8308 17.2577C15.3884 17.4539 14.8394 17.6266 14.1836 17.776C13.5279 17.9253 12.8 18 12 18C9.81665 18 7.83139 17.4035 6.0442 16.2106C4.25702 15.0176 2.93459 13.4474 2.0769 11.5C2.46535 10.6167 2.97753 9.78943 3.61343 9.01828C4.24933 8.24713 4.92818 7.60001 5.64998 7.07693L2.8615 4.27693L3.5692 3.56923L20.4308 20.4308L19.7231 21.1385ZM12 15.1539C12.2346 15.1539 12.492 15.1263 12.7721 15.0712C13.0522 15.016 13.2711 14.9442 13.4288 14.8558L8.6442 10.0712C8.55574 10.2545 8.48395 10.483 8.42883 10.7567C8.3737 11.0304 8.34613 11.2782 8.34613 11.5C8.34613 12.5192 8.7003 13.383 9.40863 14.0914C10.117 14.7997 10.9807 15.1539 12 15.1539ZM18.6077 15.7192L15.5096 12.6462C15.5493 12.5039 15.5833 12.3349 15.6115 12.1394C15.6397 11.9439 15.6538 11.7308 15.6538 11.5C15.6538 10.4808 15.2997 9.61699 14.5913 8.90865C13.883 8.20032 13.0192 7.84615 12 7.84615C11.7692 7.84615 11.5625 7.86346 11.3798 7.89808C11.1971 7.9327 11.0282 7.98462 10.8731 8.05385L8.4192 5.61923C8.99997 5.4 9.591 5.24198 10.1923 5.14518C10.7936 5.0484 11.3961 5 12 5C14.1705 5 16.1558 5.59648 17.9558 6.78943C19.7558 7.98238 21.0782 9.55257 21.9231 11.5C21.5654 12.3039 21.1125 13.0593 20.5644 13.7664C20.0163 14.4734 19.3641 15.1244 18.6077 15.7192ZM14.6942 11.85L11.675 8.85C12.0904 8.76667 12.4939 8.79455 12.8856 8.93365C13.2772 9.07275 13.6147 9.2859 13.8981 9.57308C14.1942 9.86026 14.4144 10.2029 14.5586 10.601C14.7029 10.999 14.7481 11.4154 14.6942 11.85Z",fill:t})}),Ba=({slotProps:e,...r})=>{const[t,a]=y.useState(!1),i=()=>{a(u=>!u)},s=u=>{u.preventDefault()},c=u=>{u.preventDefault()};return n(o.TextField,{type:t?"text":"password",slotProps:{...e,input:{...e==null?void 0:e.input,endAdornment:n(o.InputAdornment,{position:"end",children:n(o.IconButton,{"aria-label":t?"hide the password":"display the password",onClick:i,onMouseDown:s,onMouseUp:c,edge:"end",children:t?n(Va,{}):n(Pa,{})})})}},...r})},oe={large:{primary:40,secondary:32},medium:{primary:32,secondary:24},small:{primary:24,secondary:16}},$a=e=>e!==void 0&&typeof e=="object"&&!Array.isArray(e),Cr=e=>{if(e===void 0)return oe.medium.primary;if(typeof e=="number")return e;const r=parseFloat(e);return Number.isNaN(r)?oe.medium.primary:r},Da=(e,r)=>{if(r)return{height:oe[r].secondary,width:oe[r].secondary};if($a(e)){const{height:t,width:a}=e;return{height:Math.max(Cr(t)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary),width:Math.max(Cr(a)-(oe.medium.primary-oe.medium.secondary),oe.small.secondary)}}return{height:oe.medium.secondary,width:oe.medium.secondary}},Za=({secondarySrc:e,secondaryAvatarProps:r,size:t,...a})=>{if(e){const{height:i,width:s}=Da(a.sx,t);return M(o.Box,{sx:{display:"flex",position:"relative"},children:[n(o.Avatar,{...a,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...a.sx}}),n(o.Avatar,{src:e,sx:{bottom:-(i/3),height:i,outline:({palette:c})=>`2px solid ${c.common.white}`,position:"absolute",right:-(s/3),width:s,...r==null?void 0:r.sx},...r})]})}return n(o.Avatar,{...a,sx:{...t&&{height:oe[t].primary,width:oe[t].primary},...a.sx}})},za=({children:e,permissions:r,disabledPermissions:t})=>{const[a,i]=y.useState(),s=y.useMemo(()=>({disabledPermissions:t,permissions:a,setPermissions:i}),[t,a]);return y.useEffect(()=>{i(r)},[r]),n(br.Provider,{value:s,children:e})},Na={component:void 0,isOpen:!1,message:"",severity:"success",variant:"standard"},V1=y.createContext({closeSnackbar:()=>{},isOpen:!1,openSnackbar:()=>{}}),ja=({children:e,autoHideDuration:r=5e3,anchorOrigin:t={horizontal:"center",vertical:"bottom"}})=>{const[a,i]=y.useState(Na),s=y.useCallback(d=>{i({component:d==null?void 0:d.component,isOpen:!0,message:(d==null?void 0:d.message)||"",severity:(d==null?void 0:d.severity)||"success",variant:(d==null?void 0:d.variant)||"standard"})},[]),c=y.useCallback((d,h)=>{h!=="clickaway"&&i(g=>({...g,isOpen:!1}))},[]),u=y.useMemo(()=>({closeSnackbar:c,isOpen:a.isOpen,openSnackbar:s}),[c,s,a.isOpen]);return M(V1.Provider,{value:u,children:[n(o.Snackbar,{open:a.isOpen,onClose:c,autoHideDuration:r,anchorOrigin:t,children:a.component?n(a.component,{}):n(o.Alert,{severity:a.severity,variant:a.variant,children:a.message})},a.message),e]})},Wa=()=>{const e=y.useContext(V1),{isOpen:r,closeSnackbar:t,openSnackbar:a}=e;if(e===void 0)throw new Error("SnackbarProvider must be used within a useSnackBar hook");return{closeSnackbar:t,isOpen:r,openSnackbar:a}},Ya=()=>{const[e,r]=y.useState(0);return{handleChange:y.useCallback((a,i)=>{r(i)},[]),value:e}},Ua=e=>`linear-gradient(${o.alpha("#fff",+o.getOverlayAlpha(e))}, ${o.alpha("#fff",+o.getOverlayAlpha(e))})`;exports.ActionAppBar=T1;exports.AppBar=ua;exports.ArticleImage=ta;exports.AutocompleteFilter=Fa;exports.Avatar=Za;exports.AvatarAppBar=Vr;exports.Backoffice=la;exports.BottomFixedPaper=Ha;exports.Button=Xn;exports.CardModal=In;exports.Chip=ha;exports.DialogCloseIcon=Jn;exports.File=Ra;exports.FileViewer=i1;exports.HasPermission=gt;exports.Lightbox=O1;exports.LinkTab=Rn;exports.ListAvatar=Nr;exports.ListAvatars=Nr;exports.ListItemCard=Nn;exports.Logo=Or;exports.NavigationMenu=Bn;exports.NavigationMenuContext=Se;exports.PermissionProvider=za;exports.QuantityField=Fn;exports.SnackbarContext=V1;exports.SnackbarProvider=ja;exports.StatusIcon=je;exports.TabPanel=Qn;exports.TextArea=Ln;exports.TextFieldAppBar=Br;exports.TextFieldPassword=Ba;exports.ThemeContext=P1;exports.ThemeProvider=wa;exports.TimeLine=sa;exports.TypographySkeleton=ea;exports.getBackgroundImageElevation=Ua;exports.pxToRem=X;exports.theme=ya;exports.useMenu=$r;exports.usePermission=yr;exports.useSnackbar=Wa;exports.useTabs=Ya;Object.keys(o).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>o[e]})});

package/dist/main.js

@@ -28,7 +28,7 @@ const Cn = {
     permissions: e,
     setPermissions: r
   };
-}, ka = ({ children: e, fallback: r, name: t, additionalPermissions: i }) => {
+}, Aa = ({ children: e, fallback: r, name: t, additionalPermissions: i }) => {
   const { hasPermission: a } = xn(), o = a(t, i);
   return o ? e : !o && r ? r : null;
 };
@@ -2094,7 +2094,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       ]
     }
   );
-}, Ai = x1(ki), Aa = ({ component: e = "a", ...r }) => /* @__PURE__ */ n(Gt, { component: e, onClick: (t) => t.preventDefault(), ...r }), _i = ({ children: e, sx: r, ...t }, i) => /* @__PURE__ */ n(
+}, Ai = x1(ki), _a = ({ component: e = "a", ...r }) => /* @__PURE__ */ n(Gt, { component: e, onClick: (t) => t.preventDefault(), ...r }), _i = ({ children: e, sx: r, ...t }, i) => /* @__PURE__ */ n(
   ir,
   {
     sx: {
@@ -2114,7 +2114,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     ...t,
     children: e
   }
-), _a = x1(_i), Fi = ({ className: e, style: r, minRows: t = 4, ...i }, a) => {
+), Fa = x1(_i), Fi = ({ className: e, style: r, minRows: t = 4, ...i }, a) => {
   const { palette: o, shape: l, spacing: d } = C1();
   return /* @__PURE__ */ E(v1, { children: [
     /* @__PURE__ */ n(
@@ -2151,7 +2151,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       }
     )
   ] });
-}, Fa = x1(Fi), Ia = ({ fullWidth: e, value: r, setValue: t, min: i = 1, max: a = 50, ...o }) => /* @__PURE__ */ n(
+}, Ia = x1(Fi), La = ({ fullWidth: e, value: r, setValue: t, min: i = 1, max: a = 50, ...o }) => /* @__PURE__ */ n(
   Re,
   {
     onChange: (x) => {
@@ -2465,7 +2465,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     ]
   );
   return /* @__PURE__ */ n(j1.Provider, { value: S, children: /* @__PURE__ */ n(Hi, {}) });
-}, La = tt(Oi), Vi = "No data", Wr = {
+}, Ha = tt(Oi), Vi = "No data", Wr = {
   large: 80,
   medium: 50,
   small: 40
@@ -2493,7 +2493,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     ...c,
     children: /* @__PURE__ */ n(H, { flex: "auto", minWidth: 0, children: e })
   }
-), Ha = tt(x1(Di)), Bi = ["warning", "info", "success", "error", "primary", "secondary"], Zi = (e) => Bi.includes(e), zi = ({ color: e, sx: r, variant: t = "filled", fontSize: i = "medium" }, a) => {
+), Oa = tt(x1(Di)), Bi = ["warning", "info", "success", "error", "primary", "secondary"], Zi = (e) => Bi.includes(e), zi = ({ color: e, sx: r, variant: t = "filled", fontSize: i = "medium" }, a) => {
   var g;
   const { palette: o } = C1(), l = o.mode === "dark" ? o.text.disabled : o.grey[400], d = e || l, c = Zi(e) ? (g = o == null ? void 0 : o[e]) == null ? void 0 : g.main : d, f = m1(c, 0.2);
   return /* @__PURE__ */ E(
@@ -2598,7 +2598,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       )
     }
   );
-}, Oa = x1(ji), mt = ({ children: e, open: r, onClose: t, src: i, ...a }) => {
+}, Va = x1(ji), mt = ({ children: e, open: r, onClose: t, src: i, ...a }) => {
   const [o, l] = i1(!1), d = () => {
     l(!0);
   }, c = (f, g) => (f && (t == null || t(f, g), l(!1)), (x) => {
@@ -2643,7 +2643,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       }
     )
   ] }) });
-}, Va = ({ onClick: e }) => /* @__PURE__ */ n(
+}, $a = ({ onClick: e }) => /* @__PURE__ */ n(
   k1,
   {
     "aria-label": "close",
@@ -2671,7 +2671,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       children: e
     }
   ) : null;
-}, $a = x1(Yi), Pa = ({
+}, Pa = x1(Yi), Da = ({
   isLoading: e,
   children: r,
   emptyText: t,
@@ -2680,7 +2680,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
 }) => e ? /* @__PURE__ */ n(q, { ...i, children: /* @__PURE__ */ n(h1, { ...a }) }) : r ? /* @__PURE__ */ n(q, { ...i, children: r }) : /* @__PURE__ */ n(q, { ...i, color: "text.disabled", children: t }), Ui = (e, r, t) => {
   const { w: i, h: a } = { h: Number(r), w: Number(e) };
   return i < 25 || a < 25 ? { borderRadius: `${t.borderRadiusS}px`, padding: 0.5 } : i < 50 || a < 50 ? { borderRadius: `${t.borderRadius}px`, padding: 1 } : { borderRadius: `${t.borderRadiusL}px`, padding: 1.5 };
-}, jr = ({ width: e, height: r, sx: t }) => /* @__PURE__ */ n(h1, { variant: "rounded", width: e, height: r, sx: t }), Da = ({ src: e, isLoading: r, sx: t, width: i = 64, height: a = 64, alt: o = "Article" }) => {
+}, jr = ({ width: e, height: r, sx: t }) => /* @__PURE__ */ n(h1, { variant: "rounded", width: e, height: r, sx: t }), Ba = ({ src: e, isLoading: r, sx: t, width: i = 64, height: a = 64, alt: o = "Article" }) => {
   const [l, d] = i1(), [c, f] = i1(), { shape: g } = C1(), { borderRadius: x, padding: y } = Ui(i, a, g), h = { borderRadius: x, flexShrink: 0 }, M = e && !l && !c, b = !e || c && !l || c && l, p = (m) => {
     f(void 0), d(m);
   };
@@ -3070,7 +3070,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     },
     children: /* @__PURE__ */ n(en, { children: e })
   }
-), Ba = ({
+), Za = ({
   items: e,
   isLoading: r,
   emptyMessage: t,
@@ -3129,7 +3129,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     ) }),
     /* @__PURE__ */ n(mt, { open: !!d, onClose: () => c(""), src: d })
   ] });
-}, Za = ({ Main: e, Sidebar: r, AppBar: t }) => {
+}, za = ({ Main: e, Sidebar: r, AppBar: t }) => {
   const { breakpoints: i } = C1(), a = Ee(null), o = se(i.down("md")), l = r && lr(r, { AppBar: t });
   return /* @__PURE__ */ E(B, { height: "100%", children: [
     !o && t,
@@ -3513,7 +3513,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     isMenuOpen: t,
     openMenu: a
   };
-}, ta = "appBarAvatarMenu", za = ({
+}, ta = "appBarAvatarMenu", Na = ({
   Avatar: e,
   Search: r,
   Action: t,
@@ -3653,7 +3653,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       ...i
     }
   );
-}, Na = x1(ia), aa = ({ fontSize: e, sx: r, color: t = "currentColor" }) => /* @__PURE__ */ E(y1, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: e, sx: r, children: [
+}, Wa = x1(ia), aa = ({ fontSize: e, sx: r, color: t = "currentColor" }) => /* @__PURE__ */ E(y1, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: e, sx: r, children: [
   /* @__PURE__ */ n("g", { clipPath: "url(#clip0_12914_201806)", children: /* @__PURE__ */ n(
     "path",
     {
@@ -4567,7 +4567,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       letterSpacing: -0.3
     }
   })
-}, tr = sr(Z1(hr)), vt = sr(Z1(hr, Ki)), wt = sr(Z1(hr, L)), Wa = {
+}, tr = sr(Z1(hr)), vt = sr(Z1(hr, Ki)), wt = sr(Z1(hr, L)), ja = {
   commonTheme: tr,
   darkTheme: wt,
   lightTheme: vt
@@ -4621,7 +4621,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       }
     `
   }
-), ja = ({
+), Ya = ({
   children: e,
   enableColorScheme: r,
   includeCssBaseline: t = !0,
@@ -4692,7 +4692,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     return a.length > 10 && r ? `${a.substring(0, 10)}(...).${o}` : a;
   }).join(" • ");
   return e.length > qr ? `${i} + ${e.length - qr}` : i;
-}, Ya = ({
+}, Ua = ({
   accept: e,
   name: r,
   disabled: t,
@@ -4816,7 +4816,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     borderRadius: 1,
     padding: 0.5
   }
-}, Ua = ({
+}, Ga = ({
   Empty: e,
   action: r,
   items: t,
@@ -5200,7 +5200,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
       }
     }
   );
-}, Ga = x1(ya), ma = ({
+}, Xa = x1(ya), ma = ({
   in: e,
   children: r,
   sx: t,
@@ -5239,7 +5239,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     ...c,
     children: r
   }
-) }), Xa = x1(ma), va = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(y1, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n(
+) }), qa = x1(ma), va = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(y1, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n(
   "path",
   {
     d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",
@@ -5251,7 +5251,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     d: "M19.7231 21.1385L15.8308 17.2577C15.3884 17.4539 14.8394 17.6266 14.1836 17.776C13.5279 17.9253 12.8 18 12 18C9.81665 18 7.83139 17.4035 6.0442 16.2106C4.25702 15.0176 2.93459 13.4474 2.0769 11.5C2.46535 10.6167 2.97753 9.78943 3.61343 9.01828C4.24933 8.24713 4.92818 7.60001 5.64998 7.07693L2.8615 4.27693L3.5692 3.56923L20.4308 20.4308L19.7231 21.1385ZM12 15.1539C12.2346 15.1539 12.492 15.1263 12.7721 15.0712C13.0522 15.016 13.2711 14.9442 13.4288 14.8558L8.6442 10.0712C8.55574 10.2545 8.48395 10.483 8.42883 10.7567C8.3737 11.0304 8.34613 11.2782 8.34613 11.5C8.34613 12.5192 8.7003 13.383 9.40863 14.0914C10.117 14.7997 10.9807 15.1539 12 15.1539ZM18.6077 15.7192L15.5096 12.6462C15.5493 12.5039 15.5833 12.3349 15.6115 12.1394C15.6397 11.9439 15.6538 11.7308 15.6538 11.5C15.6538 10.4808 15.2997 9.61699 14.5913 8.90865C13.883 8.20032 13.0192 7.84615 12 7.84615C11.7692 7.84615 11.5625 7.86346 11.3798 7.89808C11.1971 7.9327 11.0282 7.98462 10.8731 8.05385L8.4192 5.61923C8.99997 5.4 9.591 5.24198 10.1923 5.14518C10.7936 5.0484 11.3961 5 12 5C14.1705 5 16.1558 5.59648 17.9558 6.78943C19.7558 7.98238 21.0782 9.55257 21.9231 11.5C21.5654 12.3039 21.1125 13.0593 20.5644 13.7664C20.0163 14.4734 19.3641 15.1244 18.6077 15.7192ZM14.6942 11.85L11.675 8.85C12.0904 8.76667 12.4939 8.79455 12.8856 8.93365C13.2772 9.07275 13.6147 9.2859 13.8981 9.57308C14.1942 9.86026 14.4144 10.2029 14.5586 10.601C14.7029 10.999 14.7481 11.4154 14.6942 11.85Z",
     fill: t
   }
-) }), qa = ({ slotProps: e, ...r }) => {
+) }), Ja = ({ slotProps: e, ...r }) => {
   const [t, i] = i1(!1), a = () => {
     i((d) => !d);
   }, o = (d) => {
@@ -5296,70 +5296,72 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     primary: 24,
     secondary: 16
   }
-}, Jr = (e) => {
+}, Ea = (e) => e !== void 0 && typeof e == "object" && !Array.isArray(e), Jr = (e) => {
   if (e === void 0) return l1.medium.primary;
   if (typeof e == "number")
     return e;
   const r = parseFloat(e);
   return Number.isNaN(r) ? l1.medium.primary : r;
-}, Ea = (e, r) => {
+}, Ma = (e, r) => {
   if (r)
     return {
       height: l1[r].secondary,
       width: l1[r].secondary
     };
-  if (!e || typeof e != "object")
+  if (Ea(e)) {
+    const { height: t, width: i } = e;
     return {
-      height: l1.medium.secondary,
-      width: l1.medium.secondary
+      height: Math.max(Jr(t) - (l1.medium.primary - l1.medium.secondary), l1.small.secondary),
+      width: Math.max(Jr(i) - (l1.medium.primary - l1.medium.secondary), l1.small.secondary)
     };
-  const { height: t, width: i } = e;
+  }
   return {
-    height: Math.max(Jr(t) - (l1.medium.primary - l1.medium.secondary), l1.small.secondary),
-    width: Math.max(Jr(i) - (l1.medium.primary - l1.medium.secondary), l1.small.secondary)
+    height: l1.medium.secondary,
+    width: l1.medium.secondary
   };
-}, Ja = ({ secondarySrc: e, secondaryAvatarProps: r, size: t, ...i }) => {
-  if (!e)
-    return /* @__PURE__ */ n(
-      H1,
-      {
-        ...i,
-        sx: {
-          ...t && { height: l1[t].primary, width: l1[t].primary },
-          ...i.sx
+}, Ka = ({ secondarySrc: e, secondaryAvatarProps: r, size: t, ...i }) => {
+  if (e) {
+    const { height: a, width: o } = Ma(i.sx, t);
+    return /* @__PURE__ */ E(H, { sx: { display: "flex", position: "relative" }, children: [
+      /* @__PURE__ */ n(
+        H1,
+        {
+          ...i,
+          sx: {
+            ...t && { height: l1[t].primary, width: l1[t].primary },
+            ...i.sx
+          }
         }
-      }
-    );
-  const { height: a, width: o } = Ea(i.sx, t);
-  return /* @__PURE__ */ E(H, { sx: { display: "flex", position: "relative" }, children: [
-    /* @__PURE__ */ n(
-      H1,
-      {
-        ...i,
-        sx: {
-          ...t && { height: l1[t].primary, width: l1[t].primary },
-          ...i.sx
+      ),
+      /* @__PURE__ */ n(
+        H1,
+        {
+          src: e,
+          sx: {
+            bottom: -(a / 3),
+            height: a,
+            outline: ({ palette: l }) => `2px solid ${l.common.white}`,
+            position: "absolute",
+            right: -(o / 3),
+            width: o,
+            ...r == null ? void 0 : r.sx
+          },
+          ...r
         }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ n(
+    H1,
+    {
+      ...i,
+      sx: {
+        ...t && { height: l1[t].primary, width: l1[t].primary },
+        ...i.sx
       }
-    ),
-    /* @__PURE__ */ n(
-      H1,
-      {
-        src: e,
-        sx: {
-          bottom: -(a / 3),
-          height: a,
-          outline: ({ palette: l }) => `2px solid ${l.common.white}`,
-          position: "absolute",
-          right: -(o / 3),
-          width: o,
-          ...r == null ? void 0 : r.sx
-        },
-        ...r
-      }
-    )
-  ] });
-}, Ka = ({ children: e, permissions: r, disabledPermissions: t }) => {
+    }
+  );
+}, Qa = ({ children: e, permissions: r, disabledPermissions: t }) => {
   const [i, a] = i1(), o = _e(
     () => ({
       disabledPermissions: t,
@@ -5371,7 +5373,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
   return ke(() => {
     a(r);
   }, [r]), /* @__PURE__ */ n(nt.Provider, { value: o, children: e });
-}, Ma = {
+}, Sa = {
   component: void 0,
   isOpen: !1,
   message: "",
@@ -5383,12 +5385,12 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
   isOpen: !1,
   openSnackbar: () => {
   }
-}), Qa = ({
+}), eo = ({
   children: e,
   autoHideDuration: r = 5e3,
   anchorOrigin: t = { horizontal: "center", vertical: "bottom" }
 }) => {
-  const [i, a] = i1(Ma), o = u1((c) => {
+  const [i, a] = i1(Sa), o = u1((c) => {
     a({
       component: c == null ? void 0 : c.component,
       isOpen: !0,
@@ -5420,7 +5422,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     ),
     e
   ] });
-}, eo = () => {
+}, ro = () => {
   const e = A1(St), { isOpen: r, closeSnackbar: t, openSnackbar: i } = e;
   if (e === void 0)
     throw new Error("SnackbarProvider must be used within a useSnackBar hook");
@@ -5429,7 +5431,7 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     isOpen: r,
     openSnackbar: i
   };
-}, ro = () => {
+}, to = () => {
   const [e, r] = i1(0);
   return {
     handleChange: u1((i, a) => {
@@ -5437,49 +5439,49 @@ const Zr = 32, vi = 24, wi = 105, Ei = 24, Mi = 195, Si = 44, Ri = 147, Ti = ()
     }, []),
     value: e
   };
-}, to = (e) => `linear-gradient(${m1("#fff", +Ue(e))}, ${m1("#fff", +Ue(e))})`;
+}, no = (e) => `linear-gradient(${m1("#fff", +Ue(e))}, ${m1("#fff", +Ue(e))})`;
 export {
   Ur as ActionAppBar,
-  za as AppBar,
-  Da as ArticleImage,
-  Ga as AutocompleteFilter,
-  Ja as Avatar,
+  Na as AppBar,
+  Ba as ArticleImage,
+  Xa as AutocompleteFilter,
+  Ka as Avatar,
   Qi as AvatarAppBar,
-  Za as Backoffice,
-  Xa as BottomFixedPaper,
-  Oa as Button,
-  _a as CardModal,
-  Na as Chip,
-  Va as DialogCloseIcon,
-  Ya as File,
+  za as Backoffice,
+  qa as BottomFixedPaper,
+  Va as Button,
+  Fa as CardModal,
+  Wa as Chip,
+  $a as DialogCloseIcon,
+  Ua as File,
   rr as FileViewer,
-  ka as HasPermission,
+  Aa as HasPermission,
   mt as Lightbox,
-  Aa as LinkTab,
-  Ua as ListAvatar,
-  Ua as ListAvatars,
-  Ha as ListItemCard,
+  _a as LinkTab,
+  Ga as ListAvatar,
+  Ga as ListAvatars,
+  Oa as ListItemCard,
   Ai as Logo,
-  La as NavigationMenu,
+  Ha as NavigationMenu,
   j1 as NavigationMenuContext,
-  Ka as PermissionProvider,
-  Ia as QuantityField,
+  Qa as PermissionProvider,
+  La as QuantityField,
   St as SnackbarContext,
-  Qa as SnackbarProvider,
+  eo as SnackbarProvider,
   me as StatusIcon,
-  $a as TabPanel,
-  Fa as TextArea,
+  Pa as TabPanel,
+  Ia as TextArea,
   ea as TextFieldAppBar,
-  qa as TextFieldPassword,
+  Ja as TextFieldPassword,
   Et as ThemeContext,
-  ja as ThemeProvider,
-  Ba as TimeLine,
-  Pa as TypographySkeleton,
-  to as getBackgroundImageElevation,
+  Ya as ThemeProvider,
+  Za as TimeLine,
+  Da as TypographySkeleton,
+  no as getBackgroundImageElevation,
   J as pxToRem,
-  Wa as theme,
+  ja as theme,
   ra as useMenu,
   xn as usePermission,
-  eo as useSnackbar,
-  ro as useTabs
+  ro as useSnackbar,
+  to as useTabs
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@tracktor/design-system",
   "description": "Tracktor Design System",
   "sideEffects": false,
-  "version": "3.3.1",
+  "version": "3.3.2",
   "license": "ISC",
   "type": "module",
   "types": "./dist/src/main.d.ts",