@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/components/FolderCard/FolderCard.es.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { F as f } from "../../Folder-DoEl37QZ.js";
-import { M as c } from "../../MoreVert-Dq8BqKg4.js";
-import { Box as l, CardContent as h } from "@mui/material";
+import { F as c } from "../../Folder-CF7SX2AD.js";
+import { M as h } from "../../MoreVert-BtC5XWOR.js";
+import { Box as l, CardContent as x } from "@mui/material";
 import i from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { FolderBodyStyle as x, IconContainerStyle as u, FolderIconStyle as b, TextContainerStyle as P } from "./styles.es.js";
-import { StyledCard as I, SelectedIcon as g } from "../ResourceCard/style.es.js";
-import { titleTypographyProps as D, subtitleTypographyProps as F } from "./types.es.js";
-const E = ({
+import { StyledCard as u, SelectedIcon as b } from "../ResourceCard/style.es.js";
+import { FolderBodyStyle as P, IconContainerStyle as I, FolderIconStyle as g, TextContainerStyle as D } from "./styles.es.js";
+import { titleTypographyProps as F, subtitleTypographyProps as w } from "./types.es.js";
+const M = ({
   isSelected: e = !1,
   onSelect: p = () => {
   },
@@ -15,11 +15,12 @@ const E = ({
   width: m = "320px",
   onClick: t = () => {
   },
-  iconSize: y = "2rem"
+  iconSize: f = "2rem",
+  hasNoButtonOnFocus: y = !1
 }) => {
   const s = (r) => r.key === "Enter" || r.key === " ";
   return /* @__PURE__ */ o(l, { sx: { width: m }, children: /* @__PURE__ */ a(
-    I,
+    u,
     {
       selected: e,
       onClick: t,
@@ -32,7 +33,7 @@ const E = ({
       "aria-pressed": e,
       children: [
         /* @__PURE__ */ o(
-          g,
+          b,
           {
             onClick: (r) => {
               r.preventDefault(), r.stopPropagation(), p();
@@ -46,16 +47,24 @@ const E = ({
             tabIndex: 0,
             "aria-label": e ? "Unselect folder" : "Select folder",
             "aria-pressed": e,
-            children: /* @__PURE__ */ o(c, {})
+            hasNoButtonOnFocus: y,
+            children: /* @__PURE__ */ o(h, {})
           }
         ),
-        /* @__PURE__ */ a(h, { sx: x, children: [
-          /* @__PURE__ */ o(l, { fontSize: y, sx: u, children: /* @__PURE__ */ o(f, { color: "primary", sx: b, "aria-hidden": "true" }) }),
-          /* @__PURE__ */ a(l, { sx: P, children: [
+        /* @__PURE__ */ a(x, { sx: P, children: [
+          /* @__PURE__ */ o(l, { fontSize: f, sx: I, children: /* @__PURE__ */ o(
+            c,
+            {
+              color: "primary",
+              sx: g,
+              "aria-hidden": "true"
+            }
+          ) }),
+          /* @__PURE__ */ a(l, { sx: D, children: [
             /* @__PURE__ */ o(
               i,
               {
-                typographyProps: D,
+                typographyProps: F,
                 tooltipProps: { placement: "bottom", arrow: !0 },
                 children: d
               }
@@ -63,7 +72,7 @@ const E = ({
             n && /* @__PURE__ */ o(
               i,
               {
-                typographyProps: F,
+                typographyProps: w,
                 tooltipProps: { placement: "bottom", arrow: !0 },
                 children: n
               }
@@ -75,5 +84,5 @@ const E = ({
   ) });
 };
 export {
-  E as default
+  M as default
 };

package/dist/components/FolderCard/styles.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={display:"flex",padding:"16px !important",width:"100%",alignItems:"center"},t={marginRight:".8rem",fontSize:"inherit"},n={flex:15,alignItems:"center",display:"flex",justifyContent:"center"},o={flex:85,minWidth:0};exports.FolderBodyStyle=e;exports.FolderIconStyle=t;exports.IconContainerStyle=n;exports.TextContainerStyle=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={display:"flex",padding:"16px !important",width:"100%",alignItems:"center"},t={marginRight:".8rem",fontSize:"inherit"},n={flex:15,alignItems:"center",display:"flex",justifyContent:"center"},i={display:"flex",flexDirection:"column",flex:85,minWidth:0,minHeight:"48px",justifyContent:"center"};exports.FolderBodyStyle=e;exports.FolderIconStyle=t;exports.IconContainerStyle=n;exports.TextContainerStyle=i;

package/dist/components/FolderCard/styles.d.ts

@@ -15,6 +15,10 @@ export declare const IconContainerStyle: {
     justifyContent: string;
 };
 export declare const TextContainerStyle: {
+    display: string;
+    flexDirection: string;
     flex: number;
     minWidth: number;
+    minHeight: string;
+    justifyContent: string;
 };

package/dist/components/FolderCard/styles.es.js

@@ -1,9 +1,9 @@
-const t = {
+const e = {
   display: "flex",
   padding: "16px !important",
   width: "100%",
   alignItems: "center"
-}, e = {
+}, t = {
   marginRight: ".8rem",
   fontSize: "inherit"
 }, n = {
@@ -12,12 +12,16 @@ const t = {
   display: "flex",
   justifyContent: "center"
 }, i = {
+  display: "flex",
+  flexDirection: "column",
   flex: 85,
-  minWidth: 0
+  minWidth: 0,
+  minHeight: "48px",
+  justifyContent: "center"
 };
 export {
-  t as FolderBodyStyle,
-  e as FolderIconStyle,
+  e as FolderBodyStyle,
+  t as FolderIconStyle,
   n as IconContainerStyle,
   i as TextContainerStyle
 };

package/dist/components/Heading/Heading.cjs.js

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-gtxG2YLo.cjs"),j=require("../../Typography-3CpuuLtj.cjs"),y=({title:u,IconComponent:g,iconColor:n,iconProps:h,iconSize:e=28,titleProps:a,...x})=>d.jsxs(c.Stack,{direction:"row",alignItems:"center",gap:1,...x,children:[g?d.jsx(g,{sx:{fontSize:e,padding:"2px",borderRadius:1,color:n==null?void 0:n[500],backgroundColor:n==null?void 0:n[50]},...h}):null,d.jsx(j.Typography,{component:(a==null?void 0:a.component)??"h3",variant:(a==null?void 0:a.variant)??"h2",fontWeight:(a==null?void 0:a.fontWeight)??400,...a,children:u})]});module.exports=y;
+"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-DpH56CPw.cjs"),j=require("../../Typography-DOpE-TJz.cjs"),y=({title:u,IconComponent:g,iconColor:n,iconProps:h,iconSize:e=28,titleProps:a,...x})=>d.jsxs(c.Stack,{direction:"row",alignItems:"center",gap:1,...x,children:[g?d.jsx(g,{sx:{fontSize:e,padding:"2px",borderRadius:1,color:n==null?void 0:n[500],backgroundColor:n==null?void 0:n[50]},...h}):null,d.jsx(j.Typography,{component:(a==null?void 0:a.component)??"h3",variant:(a==null?void 0:a.variant)??"h2",fontWeight:(a==null?void 0:a.fontWeight)??400,...a,children:u})]});module.exports=y;

package/dist/components/Heading/Heading.es.js

@@ -1,6 +1,6 @@
 import { jsxs as x, jsx as m } from "react/jsx-runtime";
-import { S } from "../../Stack-PQFKjbdN.js";
-import { T as b } from "../../Typography-DZ11k9cZ.js";
+import { S } from "../../Stack-D2Plrf1_.js";
+import { T as b } from "../../Typography-BNt9mZKm.js";
 const y = ({
   title: n,
   IconComponent: g,

package/dist/components/ImagePicker/ImagePicker.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("../../createSvgIcon-2wwaxLPT.cjs"),v=require("../../Delete-CpTtpM4U.cjs"),o=require("@mui/material"),p=require("react"),C=require("../../index-BomeQRLD.cjs"),w=require("../../Stack-gtxG2YLo.cjs"),i=require("../../Typography-3CpuuLtj.cjs"),g=h.createSvgIcon(e.jsx("path",{d:"M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"}),"AddPhotoAlternate"),D=h.createSvgIcon(e.jsx("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"}),"Create"),F=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez-déposez"})," ","ou"," ",e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"cliquez"})," ","pour choisir une image"]}),A=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez"})," ","une image"]}),q=({defaultLabel:x=e.jsx(F,{}),dragLabel:m=e.jsx(A,{}),information:n,onFileChange:l=r=>{},width:u="160px",height:j="160px",initialFile:s=null,...y})=>{const[r,c]=p.useState(s);p.useEffect(()=>{c(s)},[s]);const f=t=>{const d=t[0]||null;c(d),l(d)},b=t=>{t.stopPropagation(),c(null),l(null)},k=t=>{t.stopPropagation(),a()},{open:a,getRootProps:z,getInputProps:I,isDragActive:S}=C.useDropzone({...y,maxFiles:1,onDropAccepted:f,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(w.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:u,minWidth:"150px",minHeight:"150px",height:j,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!r&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!r&&"1px dashed"}`,borderColor:t=>!r&&t.palette.grey.main},...z({onClick:a}),children:[e.jsx("input",{...I()}),r?e.jsxs(e.Fragment,{children:[e.jsxs(o.Box,{sx:{position:"absolute",top:"0.5rem",right:"0.5rem",display:"flex",gap:"0.3rem"},children:[e.jsx(o.Box,{onClick:k,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",justifyContent:"center",boxShadow:1,width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:t=>t.palette.common.white}}},children:e.jsx(D,{fontSize:"small"})}),e.jsx(o.Box,{onClick:b,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",boxShadow:1,justifyContent:"center",width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:t=>t.palette.common.white}}},children:e.jsx(v.DeleteIcon,{fontSize:"small"})})]}),e.jsx("img",{src:typeof r=="string"?r:URL.createObjectURL(r),alt:typeof r=="string"?r:r.name,style:{width:"100%",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:S?e.jsxs(e.Fragment,{children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),m,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]}):e.jsxs(o.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",padding:"0.5rem",gap:"0.3rem"},children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),x,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=q;
+"use strict";const e=require("react/jsx-runtime"),h=require("../../createSvgIcon-DPiiTkVU.cjs"),v=require("../../Delete-C0hR-twe.cjs"),o=require("@mui/material"),p=require("react"),C=require("../../index-Dmu1HrwE.cjs"),w=require("../../Stack-DpH56CPw.cjs"),i=require("../../Typography-DOpE-TJz.cjs"),g=h.createSvgIcon(e.jsx("path",{d:"M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"}),"AddPhotoAlternate"),D=h.createSvgIcon(e.jsx("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"}),"Create"),F=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez-déposez"})," ","ou"," ",e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"cliquez"})," ","pour choisir une image"]}),A=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez"})," ","une image"]}),q=({defaultLabel:x=e.jsx(F,{}),dragLabel:m=e.jsx(A,{}),information:n,onFileChange:l=r=>{},width:u="160px",height:j="160px",initialFile:s=null,...y})=>{const[r,c]=p.useState(s);p.useEffect(()=>{c(s)},[s]);const f=t=>{const d=t[0]||null;c(d),l(d)},b=t=>{t.stopPropagation(),c(null),l(null)},k=t=>{t.stopPropagation(),a()},{open:a,getRootProps:z,getInputProps:I,isDragActive:S}=C.useDropzone({...y,maxFiles:1,onDropAccepted:f,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(w.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:u,minWidth:"150px",minHeight:"150px",height:j,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!r&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!r&&"1px dashed"}`,borderColor:t=>!r&&t.palette.grey.main},...z({onClick:a}),children:[e.jsx("input",{...I()}),r?e.jsxs(e.Fragment,{children:[e.jsxs(o.Box,{sx:{position:"absolute",top:"0.5rem",right:"0.5rem",display:"flex",gap:"0.3rem"},children:[e.jsx(o.Box,{onClick:k,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",justifyContent:"center",boxShadow:1,width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:t=>t.palette.common.white}}},children:e.jsx(D,{fontSize:"small"})}),e.jsx(o.Box,{onClick:b,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",boxShadow:1,justifyContent:"center",width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:t=>t.palette.common.white}}},children:e.jsx(v.DeleteIcon,{fontSize:"small"})})]}),e.jsx("img",{src:typeof r=="string"?r:URL.createObjectURL(r),alt:typeof r=="string"?r:r.name,style:{width:"100%",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:S?e.jsxs(e.Fragment,{children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),m,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]}):e.jsxs(o.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",padding:"0.5rem",gap:"0.3rem"},children:[e.jsx(g,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),x,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=q;

package/dist/components/ImagePicker/ImagePicker.es.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as o, Fragment as s } from "react/jsx-runtime";
-import { c as g } from "../../createSvgIcon-BFqOnlgU.js";
-import { D as w } from "../../Delete-DKn2lIDB.js";
+import { c as g } from "../../createSvgIcon-CCutbgLb.js";
+import { D as w } from "../../Delete-Pl5O0eBK.js";
 import { Box as n } from "@mui/material";
 import { useState as D, useEffect as A } from "react";
-import { u as j } from "../../index-C7WfZsMe.js";
-import { S as F } from "../../Stack-PQFKjbdN.js";
-import { T as l } from "../../Typography-DZ11k9cZ.js";
+import { u as j } from "../../index-gxOBDuBW.js";
+import { S as F } from "../../Stack-D2Plrf1_.js";
+import { T as l } from "../../Typography-BNt9mZKm.js";
 const h = g(/* @__PURE__ */ e("path", {
   d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"
 }), "AddPhotoAlternate"), P = g(/* @__PURE__ */ e("path", {

package/dist/components/Loader/Loader.cjs.js

@@ -1 +1 @@
-"use strict";require('../../assets/Loader.css');const e=require("react/jsx-runtime"),r=require("../../Box-BmfpLwYG.cjs"),s=({})=>e.jsx(r.Box,{className:"cs-loader",color:"primary.main",children:e.jsxs(r.Box,{className:"cs-loader-inner",children:[e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"})]})});module.exports=s;
+"use strict";require('../../assets/Loader.css');const e=require("react/jsx-runtime"),r=require("../../Box-Bl24J58B.cjs"),s=({})=>e.jsx(r.Box,{className:"cs-loader",color:"primary.main",children:e.jsxs(r.Box,{className:"cs-loader-inner",children:[e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"})]})});module.exports=s;

package/dist/components/Loader/Loader.es.js

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as e } from "react/jsx-runtime";
-import { B as r } from "../../Box-C-j-U8SH.js";
+import { B as r } from "../../Box-2IEW8Uij.js";
 import '../../assets/Loader.css';const o = ({}) => /* @__PURE__ */ l(r, { className: "cs-loader", color: "primary.main", children: /* @__PURE__ */ e(r, { className: "cs-loader-inner", children: [
   /* @__PURE__ */ l("label", { children: "●" }),
   /* @__PURE__ */ l("label", { children: "●" }),

package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js

@@ -1 +1 @@
-"use strict";require('../../assets/LoaderBackdrop.css');const r=require("react/jsx-runtime"),e=require("../../Backdrop-BM-OE2Q_.cjs"),c=require("../../Box-BmfpLwYG.cjs"),l=({})=>r.jsx(e.Backdrop,{open:!0,sx:{bgcolor:"background.default"},children:r.jsxs(c.Box,{className:"cs-loader-backdrop-inner",color:"primary.main",children:[r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"})]})});module.exports=l;
+"use strict";require('../../assets/LoaderBackdrop.css');const r=require("react/jsx-runtime"),e=require("../../Backdrop-Be5Hv5U8.cjs"),c=require("../../Box-Bl24J58B.cjs"),l=({})=>r.jsx(e.Backdrop,{open:!0,sx:{bgcolor:"background.default"},children:r.jsxs(c.Box,{className:"cs-loader-backdrop-inner",color:"primary.main",children:[r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"})]})});module.exports=l;

package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { B as l } from "../../Backdrop-COiz4sPF.js";
-import { B as o } from "../../Box-C-j-U8SH.js";
+import { B as l } from "../../Backdrop-CRrNkGxU.js";
+import { B as o } from "../../Box-2IEW8Uij.js";
 import '../../assets/LoaderBackdrop.css';const n = ({}) => /* @__PURE__ */ r(l, { open: !0, sx: { bgcolor: "background.default" }, children: /* @__PURE__ */ e(o, { className: "cs-loader-backdrop-inner", color: "primary.main", children: [
   /* @__PURE__ */ r("label", { children: "●" }),
   /* @__PURE__ */ r("label", { children: "●" }),

package/dist/components/PasswordInput/PasswordInput.cjs.js

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),l=require("react"),d=require("../../TextField-CB2n4aV8.cjs"),a=require("../../InputAdornment-C0WI_oQg.cjs"),u=require("../../IconButton-BLZJne06.cjs"),n=require("../../createSvgIcon-2wwaxLPT.cjs"),p=n.createSvgIcon(s.jsx("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility"),w=n.createSvgIcon(s.jsx("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"}),"VisibilityOff"),x=o=>{const[t,i]=l.useState(!1),c=()=>i(e=>!e),r=e=>{e.preventDefault()};return s.jsx(d.TextField,{...o,type:t?"text":"password",slotProps:{input:{endAdornment:s.jsx(a.InputAdornment,{position:"end",children:s.jsx(u.IconButton,{"aria-label":"toggle password visibility",onClick:c,onMouseDown:r,edge:"end",children:t?s.jsx(w,{}):s.jsx(p,{})})})}}})};module.exports=x;
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),d=require("../../TextField-DFr8lsXU.cjs"),a=require("../../InputAdornment-_UPzajRP.cjs"),u=require("../../IconButton-C1I_233O.cjs"),n=require("../../createSvgIcon-DPiiTkVU.cjs"),p=n.createSvgIcon(s.jsx("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility"),w=n.createSvgIcon(s.jsx("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"}),"VisibilityOff"),x=o=>{const[t,i]=l.useState(!1),c=()=>i(e=>!e),r=e=>{e.preventDefault()};return s.jsx(d.TextField,{...o,type:t?"text":"password",slotProps:{input:{endAdornment:s.jsx(a.InputAdornment,{position:"end",children:s.jsx(u.IconButton,{"aria-label":"toggle password visibility",onClick:c,onMouseDown:r,edge:"end",children:t?s.jsx(w,{}):s.jsx(p,{})})})}}})};module.exports=x;

package/dist/components/PasswordInput/PasswordInput.es.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as r } from "react";
-import { T as a } from "../../TextField-Di6Nfe3O.js";
-import { I as l } from "../../InputAdornment-C6UfLaud.js";
-import { I as c } from "../../IconButton-BQW0xjdH.js";
-import { c as i } from "../../createSvgIcon-BFqOnlgU.js";
+import { T as a } from "../../TextField-BjzDdsW_.js";
+import { I as l } from "../../InputAdornment-Ci0BnJ_e.js";
+import { I as c } from "../../IconButton-CT0Plyy5.js";
+import { c as i } from "../../createSvgIcon-CCutbgLb.js";
 const d = i(/* @__PURE__ */ o("path", {
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
 }), "Visibility"), p = i(/* @__PURE__ */ o("path", {

package/dist/components/ResourceCard/ResourceCard.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),b=require("../../MoreVert-B_Gz5Gfx.cjs"),d=require("@mui/material"),m=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),o=require("./style.cjs.js"),j=({isSelected:s=!1,onSelect:u=()=>{},image:x,title:c,defaultImage:h,propertyItems:p=[],infoIcons:l=[],size:t="md",width:i,onClick:n=()=>{}})=>(l=l.slice(0,3),r.jsx(d.Box,{sx:{width:i&&t==="md"?i:"320px"},children:r.jsxs(o.StyledCard,{selected:s,size:t,onClick:n,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),n==null||n())},role:"button",tabIndex:0,"aria-label":`Resource card for ${c}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),u()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),u())},className:"selected-icon",selected:s,role:"button",tabIndex:0,"aria-label":s?"Unselect card":"Select card",children:r.jsx(b.MoreVertIcon,{})}),r.jsx(d.Stack,{sx:{width:t=="sm"?110:"100%",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box"},children:r.jsx(o.ResourceCardImage,{image:x,defaultImage:h,size:t,role:"img","aria-label":`Image for ${c}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(m,{typographyProps:{variant:"h4",component:"p"},tooltipProps:{placement:"bottom",arrow:!0},children:c}),p.length>0&&p.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===p.length-1,size:t,width:i,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:l.length>0&&l.map((e,a)=>r.jsx(d.Tooltip,{title:e.text,placement:"top",arrow:!0,children:r.jsx(o.ResourceIconItem,{size:t,role:"button",tabIndex:0,"aria-label":e.text,children:e.icon})},`info-${a}`))})]})]})}));module.exports=j;
+"use strict";const r=require("react/jsx-runtime"),m=require("../../MoreVert-MSZXYrMO.cjs"),d=require("@mui/material"),j=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),o=require("./style.cjs.js"),y=({isSelected:s=!1,onSelect:u=()=>{},image:x,title:c,defaultImage:h,propertyItems:p=[],infoIcons:l=[],size:t="md",width:i,onClick:n=()=>{},hasNoButtonOnFocus:b=!1})=>(l=l.slice(0,3),r.jsx(d.Box,{sx:{width:i&&t==="md"?i:"320px"},children:r.jsxs(o.StyledCard,{selected:s,size:t,onClick:n,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),n==null||n())},role:"button",tabIndex:0,"aria-label":`Resource card for ${c}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),u()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),u())},className:"selected-icon",selected:s,role:"button",tabIndex:0,"aria-label":s?"Unselect card":"Select card",hasNoButtonOnFocus:b,children:r.jsx(m.MoreVertIcon,{})}),r.jsx(d.Stack,{sx:{width:t=="sm"?110:"100%",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box"},children:r.jsx(o.ResourceCardImage,{image:x,defaultImage:h,size:t,role:"img","aria-label":`Image for ${c}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(j,{typographyProps:{variant:"h4",component:"p"},tooltipProps:{placement:"bottom",arrow:!0},children:c}),p.length>0&&p.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===p.length-1,size:t,width:i,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:l.length>0&&l.map((e,a)=>r.jsx(d.Tooltip,{title:e.text,placement:"top",arrow:!0,children:r.jsx(o.ResourceIconItem,{size:t,role:"button",tabIndex:0,"aria-label":e.text,children:e.icon})},`info-${a}`))})]})]})}));module.exports=y;

package/dist/components/ResourceCard/ResourceCard.d.ts

@@ -19,6 +19,7 @@ export type ResourceCardProps = {
     size?: ResourceCardSize;
     width?: string;
     onClick?: () => void;
+    hasNoButtonOnFocus?: boolean;
 };
 declare const ResourceCard: React.FunctionComponent<ResourceCardProps>;
 export default ResourceCard;

package/dist/components/ResourceCard/ResourceCard.es.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { M as h } from "../../MoreVert-Dq8BqKg4.js";
-import { Box as b, Stack as x, Tooltip as y } from "@mui/material";
-import f from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { StyledCard as g, SelectedIcon as P, ResourceCardImage as R, ResourceCardBody as D, ResourcePropertyItem as I, ResourcePropertyText as $, PublicIconWrapper as v, ResourceIconItem as w } from "./style.es.js";
-const M = ({
+import { M as b } from "../../MoreVert-BtC5XWOR.js";
+import { Box as x, Stack as f, Tooltip as y } from "@mui/material";
+import g from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { StyledCard as P, SelectedIcon as R, ResourceCardImage as D, ResourceCardBody as I, ResourcePropertyItem as $, ResourcePropertyText as v, PublicIconWrapper as w, ResourceIconItem as j } from "./style.es.js";
+const S = ({
   isSelected: n = !1,
   onSelect: m = () => {
   },
@@ -15,9 +15,10 @@ const M = ({
   size: t = "md",
   width: d,
   onClick: l = () => {
-  }
-}) => (a = a.slice(0, 3), /* @__PURE__ */ r(b, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
-  g,
+  },
+  hasNoButtonOnFocus: h = !1
+}) => (a = a.slice(0, 3), /* @__PURE__ */ r(x, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
+  P,
   {
     selected: n,
     size: t,
@@ -30,7 +31,7 @@ const M = ({
     "aria-label": `Resource card for ${c}`,
     children: [
       /* @__PURE__ */ r(
-        P,
+        R,
         {
           onClick: (e) => {
             e.preventDefault(), e.stopPropagation(), m();
@@ -43,11 +44,12 @@ const M = ({
           role: "button",
           tabIndex: 0,
           "aria-label": n ? "Unselect card" : "Select card",
-          children: /* @__PURE__ */ r(h, {})
+          hasNoButtonOnFocus: h,
+          children: /* @__PURE__ */ r(b, {})
         }
       ),
       /* @__PURE__ */ r(
-        x,
+        f,
         {
           sx: {
             width: t == "sm" ? 110 : "100%",
@@ -57,7 +59,7 @@ const M = ({
             boxSizing: "border-box"
           },
           children: /* @__PURE__ */ r(
-            R,
+            D,
             {
               image: s,
               defaultImage: u,
@@ -68,9 +70,9 @@ const M = ({
           )
         }
       ),
-      /* @__PURE__ */ i(D, { size: t, children: [
+      /* @__PURE__ */ i(I, { size: t, children: [
         /* @__PURE__ */ r(
-          f,
+          g,
           {
             typographyProps: { variant: "h4", component: "p" },
             tooltipProps: { placement: "bottom", arrow: !0 },
@@ -78,7 +80,7 @@ const M = ({
           }
         ),
         p.length > 0 && p.map((e, o) => /* @__PURE__ */ i(
-          I,
+          $,
           {
             size: t,
             role: "group",
@@ -86,7 +88,7 @@ const M = ({
             children: [
               e.icon,
               /* @__PURE__ */ r(
-                $,
+                v,
                 {
                   isLast: o === p.length - 1,
                   size: t,
@@ -98,14 +100,14 @@ const M = ({
           },
           `property-${o}`
         )),
-        /* @__PURE__ */ r(v, { size: t, children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r(w, { size: t, children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
           y,
           {
             title: e.text,
             placement: "top",
             arrow: !0,
             children: /* @__PURE__ */ r(
-              w,
+              j,
               {
                 size: t,
                 role: "button",
@@ -122,5 +124,5 @@ const M = ({
   }
 ) }));
 export {
-  M as default
+  S as default
 };

package/dist/components/ResourceCard/style.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),i=t.styled(t.Card)(({theme:e,selected:o,size:r})=>({boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",borderRadius:"0.5rem",height:"auto",border:"2px solid transparent",transition:"border-color 0.2s ease-in-out",position:"relative",...r==="sm"&&{display:"flex",width:"100%"},...o&&{borderColor:e.palette.primary.light},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),a=t.styled(t.Box)(({theme:e,selected:o})=>({position:"absolute",top:0,right:0,width:"2rem",height:"2rem",background:e.palette.common.white,display:"flex",justifyContent:"center",alignItems:"center",padding:".8rem",borderRadius:".5rem",visibility:"visible",opacity:0,cursor:"pointer",transition:"opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",...o&&{background:e.palette.primary.lighter,opacity:1,visibility:"visible"},"&:hover, &:focus":{background:e.palette.primary.lighter,opacity:1},"& .MuiSvgIcon-root":{color:e.palette.primary.main}})),s=t.styled(t.CardMedia)(({size:e,image:o,defaultImage:r})=>({height:e=="sm"?85:180,width:e=="sm"?85:"calc(100% - 2rem)",objectFit:"cover",margin:e=="sm"?"0 10px":"1rem",borderRadius:"0.5rem",...!o&&e==="md"&&{backgroundImage:`url(${r})`,backgroundRepeat:"repeat",backgroundSize:"20% 20%",backgroundPosition:"center",opacity:"0.7"}})),n=t.styled(t.CardContent)(({size:e})=>({padding:e=="sm"?".7rem 5px .7rem 0 !important":"0 16px 16px 16px !important",width:e==="sm"?"calc(100% - 110px)":"100%"})),p=t.styled(t.Box)(({size:e})=>({display:"flex",alignItems:"center",marginTop:"0.5rem",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),c=t.styled(t.Box)(({size:e,width:o,isLast:r})=>({marginLeft:e==="sm"?".3rem":".5rem",fontSize:e==="sm"?"12px":"15px","& .MuiTypography-root":{paddingTop:"2px",fontSize:e==="sm"?"12px":"15px"},...r&&!o&&{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",maxWidth:e==="sm"?"110px":"172px"}})),d=t.styled(t.Box)(({size:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"fit-content",height:"fit-content",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),l=t.styled(t.Box)(({size:e})=>({position:"absolute",bottom:e==="sm"?".65rem":"16px",right:e==="sm"?"8px":"16px",display:"flex",gap:".2rem"}));exports.PublicIconWrapper=l;exports.ResourceCardBody=n;exports.ResourceCardImage=s;exports.ResourceIconItem=d;exports.ResourcePropertyItem=p;exports.ResourcePropertyText=c;exports.SelectedIcon=a;exports.StyledCard=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),i=t.styled(t.Card)(({selected:e,size:r})=>({boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",borderRadius:"0.5rem",height:"auto",border:"2px solid transparent",transition:"border-color 0.2s ease-in-out",position:"relative",...r==="sm"&&{display:"flex",width:"100%"},...e&&{background:"primary.light"},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),a=t.styled(t.Box)(({selected:e,hasNoButtonOnFocus:r})=>({position:"absolute",top:0,right:0,width:"2rem",height:"2rem",background:"common.white",display:"flex",justifyContent:"center",alignItems:"center",padding:".8rem",borderRadius:".5rem",visibility:"visible",opacity:0,cursor:"pointer",transition:"opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",...e&&{background:"primary.lighter",opacity:1,visibility:"visible"},...r?{"&:hover":{background:"primary.lighter",opacity:1}}:{"&:hover, &:focus":{background:"primary.lighter",opacity:1}},"& .MuiSvgIcon-root":{color:"primary.main"}})),s=t.styled(t.CardMedia)(({size:e,image:r,defaultImage:o})=>({height:e=="sm"?85:180,width:e=="sm"?85:"calc(100% - 2rem)",objectFit:"cover",margin:e=="sm"?"0 10px":"1rem",borderRadius:"0.5rem",...!r&&e==="md"&&{backgroundImage:`url(${o})`,backgroundRepeat:"repeat",backgroundSize:"20% 20%",backgroundPosition:"center",opacity:"0.7"}})),n=t.styled(t.CardContent)(({size:e})=>({padding:e=="sm"?".7rem 5px .7rem 0 !important":"0 16px 16px 16px !important",width:e==="sm"?"calc(100% - 110px)":"100%"})),c=t.styled(t.Box)(({size:e})=>({display:"flex",alignItems:"center",marginTop:"0.5rem",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),p=t.styled(t.Box)(({size:e,width:r,isLast:o})=>({marginLeft:e==="sm"?".3rem":".5rem",fontSize:e==="sm"?"12px":"15px","& .MuiTypography-root":{paddingTop:"2px",fontSize:e==="sm"?"12px":"15px"},...o&&!r&&{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",maxWidth:e==="sm"?"110px":"172px"}})),d=t.styled(t.Box)(({size:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"fit-content",height:"fit-content",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),m=t.styled(t.Box)(({size:e})=>({position:"absolute",bottom:e==="sm"?".65rem":"16px",right:e==="sm"?"8px":"16px",display:"flex",gap:".2rem"}));exports.PublicIconWrapper=m;exports.ResourceCardBody=n;exports.ResourceCardImage=s;exports.ResourceIconItem=d;exports.ResourcePropertyItem=c;exports.ResourcePropertyText=p;exports.SelectedIcon=a;exports.StyledCard=i;

package/dist/components/ResourceCard/style.es.js

@@ -1,5 +1,5 @@
-import { styled as t, Card as a, Box as r, CardMedia as p, CardContent as n } from "@mui/material";
-const c = t(a)(({ theme: e, selected: o, size: i }) => ({
+import { styled as t, Card as a, Box as o, CardMedia as n, CardContent as p } from "@mui/material";
+const m = t(a)(({ selected: e, size: i }) => ({
   boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",
   borderRadius: "0.5rem",
   height: "auto",
@@ -10,8 +10,8 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
     display: "flex",
     width: "100%"
   },
-  ...o && {
-    borderColor: e.palette.primary.light
+  ...e && {
+    background: "primary.light"
   },
   "&:hover": {
     "& .MuiBox-root.selected-icon": {
@@ -19,53 +19,58 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
       visibility: "visible"
     }
   }
-})), m = t(r)(
-  ({ theme: e, selected: o }) => ({
-    position: "absolute",
-    top: 0,
-    right: 0,
-    width: "2rem",
-    height: "2rem",
-    background: e.palette.common.white,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    padding: ".8rem",
-    borderRadius: ".5rem",
-    visibility: "visible",
-    opacity: 0,
-    cursor: "pointer",
-    transition: "opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",
-    ...o && {
-      background: e.palette.primary.lighter,
-      opacity: 1,
-      visibility: "visible"
-    },
+})), c = t(o)(({ selected: e, hasNoButtonOnFocus: i }) => ({
+  position: "absolute",
+  top: 0,
+  right: 0,
+  width: "2rem",
+  height: "2rem",
+  background: "common.white",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  padding: ".8rem",
+  borderRadius: ".5rem",
+  visibility: "visible",
+  opacity: 0,
+  cursor: "pointer",
+  transition: "opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",
+  ...e && {
+    background: "primary.lighter",
+    opacity: 1,
+    visibility: "visible"
+  },
+  ...i ? {
+    "&:hover": {
+      background: "primary.lighter",
+      opacity: 1
+    }
+  } : {
     "&:hover, &:focus": {
-      background: e.palette.primary.lighter,
+      background: "primary.lighter",
       opacity: 1
-    },
-    "& .MuiSvgIcon-root": {
-      color: e.palette.primary.main
     }
-  })
-), d = t(p)(({ size: e, image: o, defaultImage: i }) => ({
+  },
+  "& .MuiSvgIcon-root": {
+    color: "primary.main"
+  }
+})), d = t(n)(({ size: e, image: i, defaultImage: r }) => ({
   height: e == "sm" ? 85 : 180,
   width: e == "sm" ? 85 : "calc(100% - 2rem)",
   objectFit: "cover",
   margin: e == "sm" ? "0 10px" : "1rem",
   borderRadius: "0.5rem",
-  ...!o && e === "md" && {
-    backgroundImage: `url(${i})`,
+  ...!i && e === "md" && {
+    backgroundImage: `url(${r})`,
     backgroundRepeat: "repeat",
     backgroundSize: "20% 20%",
     backgroundPosition: "center",
     opacity: "0.7"
   }
-})), l = t(n)(({ size: e }) => ({
+})), l = t(p)(({ size: e }) => ({
   padding: e == "sm" ? ".7rem 5px .7rem 0 !important" : "0 16px 16px 16px !important",
   width: e === "sm" ? "calc(100% - 110px)" : "100%"
-})), g = t(r)(
+})), g = t(o)(
   ({ size: e }) => ({
     display: "flex",
     alignItems: "center",
@@ -77,20 +82,20 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
       }
     }
   })
-), x = t(r)(({ size: e, width: o, isLast: i }) => ({
+), x = t(o)(({ size: e, width: i, isLast: r }) => ({
   marginLeft: e === "sm" ? ".3rem" : ".5rem",
   fontSize: e === "sm" ? "12px" : "15px",
   "& .MuiTypography-root": {
     paddingTop: "2px",
     fontSize: e === "sm" ? "12px" : "15px"
   },
-  ...i && !o && {
+  ...r && !i && {
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
     overflow: "hidden",
     maxWidth: e === "sm" ? "110px" : "172px"
   }
-})), u = t(r)(
+})), h = t(o)(
   ({ size: e }) => ({
     display: "inline-flex",
     alignItems: "center",
@@ -104,7 +109,7 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
       }
     }
   })
-), h = t(r)(
+), u = t(o)(
   ({ size: e }) => ({
     position: "absolute",
     bottom: e === "sm" ? ".65rem" : "16px",
@@ -114,12 +119,12 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
   })
 );
 export {
-  h as PublicIconWrapper,
+  u as PublicIconWrapper,
   l as ResourceCardBody,
   d as ResourceCardImage,
-  u as ResourceIconItem,
+  h as ResourceIconItem,
   g as ResourcePropertyItem,
   x as ResourcePropertyText,
-  m as SelectedIcon,
-  c as StyledCard
+  c as SelectedIcon,
+  m as StyledCard
 };

package/dist/components/SearchInput/SearchInput.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("../../DefaultPropsProvider-BTnRBr0O.cjs"),o=require("../../InputBase-B3KOyouT.cjs"),s=require("../../InputAdornment-C0WI_oQg.cjs"),u=require("../../createSvgIcon-2wwaxLPT.cjs"),a=u.createSvgIcon(t.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search"),c=n.styled(o.InputBase)(({theme:e})=>({width:"auto",padding:"0px 12px",backgroundColor:e.palette.grey[50],borderRadius:30,"& .MuiInputBase-input":{padding:"8px 0px"},"&:hover, &.Mui-focused":{"& .MuiInputAdornment-root":{color:e.palette.primary.main}}})),p=({placeholder:e="Rechercher",...r})=>t.jsx(c,{...r,placeholder:e,startAdornment:t.jsx(s.InputAdornment,{position:"start",disablePointerEvents:!0,children:t.jsx(a,{})}),type:"search",autoComplete:"off",autoCorrect:"off",spellCheck:!1});module.exports=p;
+"use strict";const t=require("react/jsx-runtime"),n=require("../../DefaultPropsProvider-DLSItMqn.cjs"),o=require("../../InputBase-C-ES3FPH.cjs"),s=require("../../InputAdornment-_UPzajRP.cjs"),u=require("../../createSvgIcon-DPiiTkVU.cjs"),a=u.createSvgIcon(t.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search"),c=n.styled(o.InputBase)(({theme:e})=>({width:"auto",padding:"0px 12px",backgroundColor:e.palette.grey[50],borderRadius:30,"& .MuiInputBase-input":{padding:"8px 0px"},"&:hover, &.Mui-focused":{"& .MuiInputAdornment-root":{color:e.palette.primary.main}}})),p=({placeholder:e="Rechercher",...r})=>t.jsx(c,{...r,placeholder:e,startAdornment:t.jsx(s.InputAdornment,{position:"start",disablePointerEvents:!0,children:t.jsx(a,{})}),type:"search",autoComplete:"off",autoCorrect:"off",spellCheck:!1});module.exports=p;

package/dist/components/SearchInput/SearchInput.es.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s as e } from "../../DefaultPropsProvider-CXfMJdg8.js";
-import { I as a } from "../../InputBase-YOnatBxw.js";
-import { I as p } from "../../InputAdornment-C6UfLaud.js";
-import { c as n } from "../../createSvgIcon-BFqOnlgU.js";
+import { s as e } from "../../DefaultPropsProvider-Bg-6nX-u.js";
+import { I as a } from "../../InputBase-CJvM-WXJ.js";
+import { I as p } from "../../InputAdornment-Ci0BnJ_e.js";
+import { c as n } from "../../createSvgIcon-CCutbgLb.js";
 const s = n(/* @__PURE__ */ r("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
 }), "Search"), i = e(a)(({ theme: t }) => ({