@cgi-learning-hub/ui 0.0.1-dev.1708959157 → 0.0.1-dev.1708959744

package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-import { D as e } from "../../../DefaultButton-BlGFPRC7.js";
-import { u as m } from "../../../useTheme-BZek68TX.js";
-const s = (r) => {
+import e from "../DefaultButton/DefaultButton.es.js";
+import { u as m } from "../../../useTheme-BSwuVDD3.js";
+const u = (r) => {
   const t = m();
   return /* @__PURE__ */ o(
     e,
@@ -14,5 +14,5 @@ const s = (r) => {
   );
 };
 export {
-  s as default
+  u as default
 };

package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import o from "./PrimaryButton.es.js";
-import { c as r } from "../../../createSvgIcon-D4Mxh_r9.js";
+import { c as r } from "../../../createSvgIcon-DLZM3vHe.js";
 const n = r(/* @__PURE__ */ t("path", {
   d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"
 }), "Save"), p = {

package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime");require("react");const o=require("../../../DefaultButton-BD9W4fvr.cjs"),r=require("../../../useTheme-C-LTLVMt.cjs"),u=e=>{const t=r.useTheme();return n.jsx(o.DefaultButton,{contentColor:t.palette.secondary.main,...e})};module.exports=u;
+"use strict";const n=require("react/jsx-runtime");require("react");const o=require("../DefaultButton/DefaultButton.cjs.js"),r=require("../../../useTheme-C-LTLVMt.cjs"),u=e=>{const t=r.useTheme();return n.jsx(o,{contentColor:t.palette.secondary.main,...e})};module.exports=u;

package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
-import { D as r } from "../../../DefaultButton-BlGFPRC7.js";
-import { u as m } from "../../../useTheme-BZek68TX.js";
+import r from "../DefaultButton/DefaultButton.es.js";
+import { u as m } from "../../../useTheme-BSwuVDD3.js";
 const p = (t) => {
   const o = m();
   return /* @__PURE__ */ e(r, { contentColor: o.palette.secondary.main, ...t });

package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import t from "./SecondaryButton.es.js";
-import { c as e } from "../../../createSvgIcon-D4Mxh_r9.js";
+import { c as e } from "../../../createSvgIcon-DLZM3vHe.js";
 const r = e(/* @__PURE__ */ o("path", {
   d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
 }), "PersonAdd"), i = {

package/dist/components/buttons/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../DefaultButton-BD9W4fvr.cjs"),o=require("./IconButton/IconButton.cjs.js"),n=require("./PrimaryButton/PrimaryButton.cjs.js"),u=require("./SecondaryButton/SecondaryButton.cjs.js");exports.DefaultButton=t.DefaultButton;exports.IconButton=o;exports.PrimaryButton=n;exports.SecondaryButton=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./DefaultButton/DefaultButton.cjs.js"),o=require("./PrimaryButton/PrimaryButton.cjs.js"),n=require("./SecondaryButton/SecondaryButton.cjs.js");exports.DefaultButton=t;exports.PrimaryButton=o;exports.SecondaryButton=n;

package/dist/components/buttons/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./DefaultButton";
-export * from "./IconButton";
 export * from "./PrimaryButton";
 export * from "./SecondaryButton";

package/dist/components/buttons/index.es.js

@@ -1,10 +1,8 @@
-import { D as r } from "../../DefaultButton-BlGFPRC7.js";
-import { default as e } from "./IconButton/IconButton.es.js";
-import { default as u } from "./PrimaryButton/PrimaryButton.es.js";
-import { default as m } from "./SecondaryButton/SecondaryButton.es.js";
+import { default as a } from "./DefaultButton/DefaultButton.es.js";
+import { default as e } from "./PrimaryButton/PrimaryButton.es.js";
+import { default as u } from "./SecondaryButton/SecondaryButton.es.js";
 export {
-  r as DefaultButton,
-  e as IconButton,
-  u as PrimaryButton,
-  m as SecondaryButton
+  a as DefaultButton,
+  e as PrimaryButton,
+  u as SecondaryButton
 };

package/dist/components/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./AnotherComponent/AnotherComponent.cjs.js"),n=require("./BasicButtons/BasicButtons.cjs.js"),o=require("./Dropzone/Dropzone.cjs.js"),e=require("../DefaultButton-BD9W4fvr.cjs"),s=require("./buttons/IconButton/IconButton.cjs.js"),u=require("./buttons/PrimaryButton/PrimaryButton.cjs.js"),r=require("./buttons/SecondaryButton/SecondaryButton.cjs.js"),c=require("./inputs/SearchInput/SearchInput.cjs.js"),i=require("./inputs/TextInput/TextInput.cjs.js"),_=require("./lists/FileList/FileList.cjs.js"),p=require("./lists/FileList/FileListItem.cjs.js"),a=require("../Tab-C2Tmr8Sv.cjs");exports.AnotherComponent=t;exports.BasicButtons=n;exports.Dropzone=o;exports.DefaultButton=e.DefaultButton;exports.IconButton=s;exports.PrimaryButton=u;exports.SecondaryButton=r;exports.SearchInput=c;exports.TextInput=i;exports.FileList=_;exports.FileListItem=p;exports.Tab=a.Tab;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./AnotherComponent/AnotherComponent.cjs.js"),n=require("./BasicButtons/BasicButtons.cjs.js"),e=require("./Dropzone/Dropzone.cjs.js"),o=require("./buttons/DefaultButton/DefaultButton.cjs.js"),r=require("./buttons/PrimaryButton/PrimaryButton.cjs.js"),s=require("./buttons/SecondaryButton/SecondaryButton.cjs.js"),u=require("./inputs/SearchInput/SearchInput.cjs.js"),i=require("./inputs/TextInput/TextInput.cjs.js"),c=require("./lists/FileList/FileList.cjs.js"),_=require("./lists/FileList/FileListItem.cjs.js"),p=require("../Tab-C2Tmr8Sv.cjs");exports.AnotherComponent=t;exports.BasicButtons=n;exports.Dropzone=e;exports.DefaultButton=o;exports.PrimaryButton=r;exports.SecondaryButton=s;exports.SearchInput=u;exports.TextInput=i;exports.FileList=c;exports.FileListItem=_;exports.Tab=p.Tab;

package/dist/components/index.es.js

@@ -1,26 +1,24 @@
 import { default as e } from "./AnotherComponent/AnotherComponent.es.js";
 import { default as a } from "./BasicButtons/BasicButtons.es.js";
 import { default as u } from "./Dropzone/Dropzone.es.js";
-import { D as s } from "../DefaultButton-BlGFPRC7.js";
-import { default as l } from "./buttons/IconButton/IconButton.es.js";
-import { default as x } from "./buttons/PrimaryButton/PrimaryButton.es.js";
-import { default as i } from "./buttons/SecondaryButton/SecondaryButton.es.js";
-import { default as c } from "./inputs/SearchInput/SearchInput.es.js";
-import { default as D } from "./inputs/TextInput/TextInput.es.js";
-import { default as h } from "./lists/FileList/FileList.es.js";
-import { default as F } from "./lists/FileList/FileListItem.es.js";
-import { T as S } from "../Tab-Dgd9jYEq.js";
+import { default as s } from "./buttons/DefaultButton/DefaultButton.es.js";
+import { default as l } from "./buttons/PrimaryButton/PrimaryButton.es.js";
+import { default as d } from "./buttons/SecondaryButton/SecondaryButton.es.js";
+import { default as i } from "./inputs/SearchInput/SearchInput.es.js";
+import { default as c } from "./inputs/TextInput/TextInput.es.js";
+import { default as T } from "./lists/FileList/FileList.es.js";
+import { default as y } from "./lists/FileList/FileListItem.es.js";
+import { T as F } from "../Tab-CWxCqAvH.js";
 export {
   e as AnotherComponent,
   a as BasicButtons,
   s as DefaultButton,
   u as Dropzone,
-  h as FileList,
-  F as FileListItem,
-  l as IconButton,
-  x as PrimaryButton,
-  c as SearchInput,
-  i as SecondaryButton,
-  S as Tab,
-  D as TextInput
+  T as FileList,
+  y as FileListItem,
+  l as PrimaryButton,
+  i as SearchInput,
+  d as SecondaryButton,
+  F as Tab,
+  c as TextInput
 };

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

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as A } from "react/jsx-runtime";
 import * as b from "react";
-import { g as T, c as S, s as I, a as m, f as L, _ as N, h as R, P as e, e as v, j } from "../../../useThemeProps-CHytz5pp.js";
-import { u as z, F as M, c as O } from "../../../InputBase-D8YZOKOt.js";
-import { T as _ } from "../../../Typography-Di0hlj32.js";
-import { c as $ } from "../../../createSvgIcon-D4Mxh_r9.js";
+import { g as T, c as S, s as I, a as m, f as L, _ as N, h as R, P as e, e as v, j } from "../../../useThemeProps-kb_vU-1P.js";
+import { u as z, F as M, c as O } from "../../../InputBase-BbXy6VDy.js";
+import { T as _ } from "../../../Typography-B1bdo7yt.js";
+import { c as $ } from "../../../createSvgIcon-DLZM3vHe.js";
 const F = $(/* @__PURE__ */ o("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");

package/dist/components/inputs/TextInput/TextInput.es.js

@@ -1,20 +1,20 @@
 import { jsxs as me, jsx as I } from "react/jsx-runtime";
 import * as p from "react";
 import He from "react";
-import { P as e, a as d, _ as z, h as Y, g as ne, c as oe, s as B, r as Oe, f as re, k as zn, j as te, e as ce, E as bn, l as Cn, F as _o, y as jo } from "../../../useThemeProps-CHytz5pp.js";
-import { d as Hn, i as Kn, I as Gn, r as Xn, a as Yn, b as Zn, c as Jn, u as Ve, f as Ue, e as Ao, g as dn, F as Bo } from "../../../InputBase-D8YZOKOt.js";
+import { P as e, a as d, _ as z, h as Y, g as ne, c as oe, s as B, r as Oe, f as re, k as zn, j as te, e as ce, E as bn, x as Cn, F as _o, y as jo } from "../../../useThemeProps-kb_vU-1P.js";
+import { d as Hn, i as Kn, I as Gn, r as Xn, a as Yn, b as Zn, c as Jn, u as Ve, f as Ue, e as Ao, g as dn, F as Bo } from "../../../InputBase-BbXy6VDy.js";
 import { c as Nn, i as sn, u as Sn } from "../../../useControlled-BsLcOmhe.js";
 import { u as Qn } from "../../../useId-BW-oWmul.js";
-import { u as Je } from "../../../useTheme-BZek68TX.js";
+import { u as Je } from "../../../useTheme-BSwuVDD3.js";
 import { a as de, u as un, s as In } from "../../../useForkRef-DwN_Iz9R.js";
-import { c as Qe, r as $e, e as Wo } from "../../../refType-hKctx4k0.js";
+import { c as Qe, r as $e, e as Wo } from "../../../refType-CMQbzE37.js";
 import { _ as Vo, T as eo } from "../../../TransitionGroupContext-C7wWJ6l7.js";
 import * as Uo from "react-dom";
 import Ke from "react-dom";
 import { a as ie, o as Be, d as qo } from "../../../ownerWindow-BoRkeomM.js";
 import { a as wn, u as zo } from "../../../useTimeout-KN97abZR.js";
-import { c as Ho } from "../../../createSvgIcon-D4Mxh_r9.js";
-import { I as no } from "../../../Input-CGU1Xw4s.js";
+import { c as Ho } from "../../../createSvgIcon-DLZM3vHe.js";
+import { I as no } from "../../../Input-Dk-cN0Fb.js";
 function Ko(n) {
   const {
     prototype: o = {}

package/dist/components/lists/FileList/FileList.es.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
 import e from "./FileListItem.es.js";
-import { B as l } from "../../../createSvgIcon-D3HDfwCm.js";
+import { B as l } from "../../../createSvgIcon-9NfUaq9H.js";
 const n = ({
   files: i = [],
   ...t

package/dist/components/lists/FileList/FileListItem.cjs.js

@@ -1 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("../../../createSvgIcon-B7HVs3ZC.cjs"),v=require("react"),p=require("../../../DefaultButton-BD9W4fvr.cjs"),x=require("../../buttons/IconButton/IconButton.cjs.js"),c=require("../../../Typography-CO64FVmw.cjs");var o={},_=t.interopRequireDefaultExports;Object.defineProperty(o,"__esModule",{value:!0});var n=o.default=void 0,f=_(t.requireCreateSvgIcon()),m=e;n=o.default=(0,f.default)((0,m.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete");var a={},h=t.interopRequireDefaultExports;Object.defineProperty(a,"__esModule",{value:!0});var u=a.default=void 0,j=h(t.requireCreateSvgIcon()),q=e;u=a.default=(0,j.default)((0,q.jsx)("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"}),"InsertDriveFile");const I=({file:r,uploading:i,onDelete:s})=>{const l=`${r.size} octets`,d=()=>s==null?void 0:s(r);return e.jsxs(t.Box,{sx:{display:"flex",alignItems:"center",columnGap:"1rem"},children:[e.jsx(u,{color:"primary"}),e.jsxs("div",{className:"text-start w-full",children:[e.jsx(c.Typography,{children:r.name}),e.jsx(c.Typography,{fontSize:"0.875rem",color:"grey",children:l})]}),e.jsx(x,{onClick:d,disabled:i,children:i?e.jsx(p.CircularProgress,{size:24}):e.jsx(n,{})})]})},y=v.memo(I);module.exports=y;
+"use strict";const a=require("react/jsx-runtime"),i=require("../../../createSvgIcon-B7HVs3ZC.cjs"),b=require("react"),v=require("../../../Typography-CO64FVmw.cjs"),e=require("../../../useThemeProps-C6ClLEqN.cjs"),_=require("../../../ButtonBase-XPViWbp_.cjs"),j=require("../../../refType-dllUCpD8.cjs"),I=require("../../../CircularProgress-BCdQaPFF.cjs");function C(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const p=C(b);var d={},O=i.interopRequireDefaultExports;Object.defineProperty(d,"__esModule",{value:!0});var T=d.default=void 0,$=O(i.requireCreateSvgIcon()),B=a;T=d.default=(0,$.default)((0,B.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete");var u={},q=i.interopRequireDefaultExports;Object.defineProperty(u,"__esModule",{value:!0});var h=u.default=void 0,M=q(i.requireCreateSvgIcon()),k=a;h=u.default=(0,M.default)((0,k.jsx)("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"}),"InsertDriveFile");function S(o){return e.generateUtilityClass("MuiIconButton",o)}const E=e.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]),N=["edge","children","className","color","disabled","disableFocusRipple","size"],D=o=>{const{classes:r,disabled:t,color:s,edge:n,size:l}=o,c={root:["root",t&&"disabled",s!=="default"&&`color${e.capitalize(s)}`,n&&`edge${e.capitalize(n)}`,`size${e.capitalize(l)}`]};return e.composeClasses(c,S,r)},F=e.styled(_.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.root,t.color!=="default"&&r[`color${e.capitalize(t.color)}`],t.edge&&r[`edge${e.capitalize(t.edge)}`],r[`size${e.capitalize(t.size)}`]]}})(({theme:o,ownerState:r})=>e._extends({textAlign:"center",flex:"0 0 auto",fontSize:o.typography.pxToRem(24),padding:8,borderRadius:"50%",overflow:"visible",color:(o.vars||o).palette.action.active,transition:o.transitions.create("background-color",{duration:o.transitions.duration.shortest})},!r.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette.action.active,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},r.edge==="start"&&{marginLeft:r.size==="small"?-3:-12},r.edge==="end"&&{marginRight:r.size==="small"?-3:-12}),({theme:o,ownerState:r})=>{var t;const s=(t=(o.vars||o).palette)==null?void 0:t[r.color];return e._extends({},r.color==="inherit"&&{color:"inherit"},r.color!=="inherit"&&r.color!=="default"&&e._extends({color:s==null?void 0:s.main},!r.disableRipple&&{"&:hover":e._extends({},s&&{backgroundColor:o.vars?`rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(s.main,o.palette.action.hoverOpacity)},{"@media (hover: none)":{backgroundColor:"transparent"}})}),r.size==="small"&&{padding:5,fontSize:o.typography.pxToRem(18)},r.size==="large"&&{padding:12,fontSize:o.typography.pxToRem(28)},{[`&.${E.disabled}`]:{backgroundColor:"transparent",color:(o.vars||o).palette.action.disabled}})}),m=p.forwardRef(function(r,t){const s=e.useThemeProps({props:r,name:"MuiIconButton"}),{edge:n=!1,children:l,className:c,color:x="default",disabled:f=!1,disableFocusRipple:y=!1,size:P="medium"}=s,z=e._objectWithoutPropertiesLoose(s,N),g=e._extends({},s,{edge:n,color:x,disabled:f,disableFocusRipple:y,size:P}),R=D(g);return a.jsx(F,e._extends({className:e.clsx(R.root,c),centerRipple:!0,focusRipple:!y,disabled:f,ref:t,ownerState:g},z,{children:l}))});process.env.NODE_ENV!=="production"&&(m.propTypes={children:j.chainPropTypes(e.PropTypes.node,o=>p.Children.toArray(o.children).some(t=>p.isValidElement(t)&&t.props.onClick)?new Error(["MUI: You are providing an onClick event listener to a child of a button element.","Prefer applying it to the IconButton directly.","This guarantees that the whole <button> will be responsive to click events."].join(`
+`)):null),classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["small","medium","large"]),e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});const L=m,U=({file:o,uploading:r,onDelete:t})=>{const s=`${o.size} octets`,n=()=>t==null?void 0:t(o);return a.jsxs(i.Box,{sx:{display:"flex",alignItems:"center",columnGap:"1rem"},children:[a.jsx(h,{color:"primary"}),a.jsxs("div",{className:"text-start w-full",children:[a.jsx(v.Typography,{children:o.name}),a.jsx(v.Typography,{fontSize:"0.875rem",color:"grey",children:s})]}),a.jsx(L,{onClick:n,disabled:r,children:r?a.jsx(I.CircularProgress,{size:24}):a.jsx(T,{})})]})},V=b.memo(U);module.exports=V;

package/dist/components/lists/FileList/FileListItem.es.js

@@ -1,40 +1,216 @@
-import c, { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { r as u, i as d, B as p } from "../../../createSvgIcon-D3HDfwCm.js";
-import _ from "react";
-import { C as h } from "../../../DefaultButton-BlGFPRC7.js";
-import x from "../../buttons/IconButton/IconButton.es.js";
-import { T as s } from "../../../Typography-Di0hlj32.js";
-var a = {}, I = d;
-Object.defineProperty(a, "__esModule", {
+import z, { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { r as R, i as x, B as T } from "../../../createSvgIcon-9NfUaq9H.js";
+import * as p from "react";
+import M from "react";
+import { T as y } from "../../../Typography-B1bdo7yt.js";
+import { g as k, c as P, s as E, e as l, a as n, x as h, f as F, _ as L, h as N, P as r, j as q } from "../../../useThemeProps-kb_vU-1P.js";
+import { B as S } from "../../../ButtonBase-Bw43M3TO.js";
+import { c as U } from "../../../refType-CMQbzE37.js";
+import { C as V } from "../../../CircularProgress-DRE9BLTL.js";
+var u = {}, D = x;
+Object.defineProperty(u, "__esModule", {
   value: !0
 });
-var m = a.default = void 0, j = I(u()), z = c;
-m = a.default = (0, j.default)(/* @__PURE__ */ (0, z.jsx)("path", {
+var I = u.default = void 0, A = D(R()), H = z;
+I = u.default = (0, A.default)(/* @__PURE__ */ (0, H.jsx)("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
 }), "Delete");
-var i = {}, $ = d;
-Object.defineProperty(i, "__esModule", {
+var f = {}, W = x;
+Object.defineProperty(f, "__esModule", {
   value: !0
 });
-var n = i.default = void 0, y = $(u()), g = c;
-n = i.default = (0, y.default)(/* @__PURE__ */ (0, g.jsx)("path", {
+var C = f.default = void 0, G = W(R()), Y = z;
+C = f.default = (0, G.default)(/* @__PURE__ */ (0, Y.jsx)("path", {
   d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
 }), "InsertDriveFile");
-const R = ({
-  file: r,
+function w(e) {
+  return P("MuiIconButton", e);
+}
+const J = k("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), K = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], Q = (e) => {
+  const {
+    classes: o,
+    disabled: t,
+    color: a,
+    edge: i,
+    size: c
+  } = e, d = {
+    root: ["root", t && "disabled", a !== "default" && `color${l(a)}`, i && `edge${l(i)}`, `size${l(c)}`]
+  };
+  return q(d, w, o);
+}, X = E(S, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: t
+    } = e;
+    return [o.root, t.color !== "default" && o[`color${l(t.color)}`], t.edge && o[`edge${l(t.edge)}`], o[`size${l(t.size)}`]];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => n({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: e.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (e.vars || e).palette.action.active,
+  transition: e.transitions.create("background-color", {
+    duration: e.transitions.duration.shortest
+  })
+}, !o.disableRipple && {
+  "&:hover": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})` : h(e.palette.action.active, e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, o.edge === "start" && {
+  marginLeft: o.size === "small" ? -3 : -12
+}, o.edge === "end" && {
+  marginRight: o.size === "small" ? -3 : -12
+}), ({
+  theme: e,
+  ownerState: o
+}) => {
+  var t;
+  const a = (t = (e.vars || e).palette) == null ? void 0 : t[o.color];
+  return n({}, o.color === "inherit" && {
+    color: "inherit"
+  }, o.color !== "inherit" && o.color !== "default" && n({
+    color: a == null ? void 0 : a.main
+  }, !o.disableRipple && {
+    "&:hover": n({}, a && {
+      backgroundColor: e.vars ? `rgba(${a.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : h(a.main, e.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), o.size === "small" && {
+    padding: 5,
+    fontSize: e.typography.pxToRem(18)
+  }, o.size === "large" && {
+    padding: 12,
+    fontSize: e.typography.pxToRem(28)
+  }, {
+    [`&.${J.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (e.vars || e).palette.action.disabled
+    }
+  });
+}), _ = /* @__PURE__ */ p.forwardRef(function(o, t) {
+  const a = F({
+    props: o,
+    name: "MuiIconButton"
+  }), {
+    edge: i = !1,
+    children: c,
+    className: d,
+    color: $ = "default",
+    disabled: v = !1,
+    disableFocusRipple: g = !1,
+    size: B = "medium"
+  } = a, O = L(a, K), m = n({}, a, {
+    edge: i,
+    color: $,
+    disabled: v,
+    disableFocusRipple: g,
+    size: B
+  }), j = Q(m);
+  return /* @__PURE__ */ s(X, n({
+    className: N(j.root, d),
+    centerRipple: !0,
+    focusRipple: !g,
+    disabled: v,
+    ref: t,
+    ownerState: m
+  }, O, {
+    children: c
+  }));
+});
+process.env.NODE_ENV !== "production" && (_.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The icon to display.
+   */
+  children: U(r.node, (e) => p.Children.toArray(e.children).some((t) => /* @__PURE__ */ p.isValidElement(t) && t.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'default'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: r.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: r.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
+});
+const Z = _, ee = ({
+  file: e,
   uploading: o,
   onDelete: t
 }) => {
-  const f = `${r.size} octets`, v = () => t == null ? void 0 : t(r);
-  return /* @__PURE__ */ l(p, { sx: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
-    /* @__PURE__ */ e(n, { color: "primary" }),
-    /* @__PURE__ */ l("div", { className: "text-start w-full", children: [
-      /* @__PURE__ */ e(s, { children: r.name }),
-      /* @__PURE__ */ e(s, { fontSize: "0.875rem", color: "grey", children: f })
+  const a = `${e.size} octets`, i = () => t == null ? void 0 : t(e);
+  return /* @__PURE__ */ b(T, { sx: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
+    /* @__PURE__ */ s(C, { color: "primary" }),
+    /* @__PURE__ */ b("div", { className: "text-start w-full", children: [
+      /* @__PURE__ */ s(y, { children: e.name }),
+      /* @__PURE__ */ s(y, { fontSize: "0.875rem", color: "grey", children: a })
     ] }),
-    /* @__PURE__ */ e(x, { onClick: v, disabled: o, children: o ? /* @__PURE__ */ e(h, { size: 24 }) : /* @__PURE__ */ e(m, {}) })
+    /* @__PURE__ */ s(Z, { onClick: i, disabled: o, children: o ? /* @__PURE__ */ s(V, { size: 24 }) : /* @__PURE__ */ s(I, {}) })
   ] });
-}, b = _.memo(R);
+}, ce = M.memo(ee);
 export {
-  b as default
+  ce as default
 };

package/dist/{createSvgIcon-D3HDfwCm.js → createSvgIcon-9NfUaq9H.js}

@@ -1,8 +1,8 @@
-import { a as _, z as E, A as T, u as b, _ as C, h as P, g as S, B as I, T as $, C as v, P as r, e as O, D as B } from "./useThemeProps-CHytz5pp.js";
+import { a as _, z as E, A as T, u as b, _ as C, h as P, g as S, B as I, T as $, C as v, P as r, e as O, D as B } from "./useThemeProps-kb_vU-1P.js";
 import * as D from "react";
 import { jsx as w } from "react/jsx-runtime";
-import { e as R } from "./extendSxProp-DCdWqtQk.js";
-import { c as M } from "./createSvgIcon-D4Mxh_r9.js";
+import { e as R } from "./extendSxProp-CVD6j4mA.js";
+import { c as M } from "./createSvgIcon-DLZM3vHe.js";
 import { c as q, i as F, u as j } from "./useControlled-BsLcOmhe.js";
 import { d as V, a as k, o as G } from "./ownerWindow-BoRkeomM.js";
 import { s as z, u as A, a as U } from "./useForkRef-DwN_Iz9R.js";

package/dist/{createSvgIcon-D4Mxh_r9.js → createSvgIcon-DLZM3vHe.js}

@@ -1,4 +1,4 @@
-import { c as I, g as b, s as w, e as g, f as C, _ as T, a as S, h as N, P as o, j as R } from "./useThemeProps-CHytz5pp.js";
+import { c as I, g as b, s as w, e as g, f as C, _ as T, a as S, h as N, P as o, j as R } from "./useThemeProps-kb_vU-1P.js";
 import * as v from "react";
 import { jsxs as O, jsx as _ } from "react/jsx-runtime";
 function j(e) {

package/dist/{extendSxProp-DCdWqtQk.js → extendSxProp-CVD6j4mA.js}

@@ -1,4 +1,4 @@
-import { _ as a, a as i, d as c, i as f } from "./useThemeProps-CHytz5pp.js";
+import { _ as a, a as i, d as c, i as f } from "./useThemeProps-kb_vU-1P.js";
 const x = ["sx"], P = (t) => {
   var s, o;
   const n = {

package/dist/index.cjs.js

@@ -1 +1 @@
-var m=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/AnotherComponent/AnotherComponent.cjs.js"),n=require("./components/BasicButtons/BasicButtons.cjs.js"),o=require("./components/Dropzone/Dropzone.cjs.js"),e=require("./DefaultButton-BD9W4fvr.cjs"),r=require("./components/buttons/IconButton/IconButton.cjs.js"),s=require("./components/buttons/PrimaryButton/PrimaryButton.cjs.js"),u=require("./components/buttons/SecondaryButton/SecondaryButton.cjs.js"),i=require("./components/inputs/SearchInput/SearchInput.cjs.js"),c=require("./components/inputs/TextInput/TextInput.cjs.js"),_=require("./components/lists/FileList/FileList.cjs.js"),p=require("./components/lists/FileList/FileListItem.cjs.js"),a=require("./Tab-C2Tmr8Sv.cjs");exports.AnotherComponent=t;exports.BasicButtons=n;exports.Dropzone=o;exports.DefaultButton=e.DefaultButton;exports.IconButton=r;exports.PrimaryButton=s;exports.SecondaryButton=u;exports.SearchInput=i;exports.TextInput=c;exports.FileList=_;exports.FileListItem=p;exports.Tab=a.Tab;
+var a=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/AnotherComponent/AnotherComponent.cjs.js"),n=require("./components/BasicButtons/BasicButtons.cjs.js"),o=require("./components/Dropzone/Dropzone.cjs.js"),e=require("./components/buttons/DefaultButton/DefaultButton.cjs.js"),r=require("./components/buttons/PrimaryButton/PrimaryButton.cjs.js"),s=require("./components/buttons/SecondaryButton/SecondaryButton.cjs.js"),u=require("./components/inputs/SearchInput/SearchInput.cjs.js"),i=require("./components/inputs/TextInput/TextInput.cjs.js"),c=require("./components/lists/FileList/FileList.cjs.js"),_=require("./components/lists/FileList/FileListItem.cjs.js"),p=require("./Tab-C2Tmr8Sv.cjs");exports.AnotherComponent=t;exports.BasicButtons=n;exports.Dropzone=o;exports.DefaultButton=e;exports.PrimaryButton=r;exports.SecondaryButton=s;exports.SearchInput=u;exports.TextInput=i;exports.FileList=c;exports.FileListItem=_;exports.Tab=p.Tab;

package/dist/index.es.js

@@ -2,26 +2,24 @@ import "./assets/index.css";
 import { default as r } from "./components/AnotherComponent/AnotherComponent.es.js";
 import { default as f } from "./components/BasicButtons/BasicButtons.es.js";
 import { default as p } from "./components/Dropzone/Dropzone.es.js";
-import { D as s } from "./DefaultButton-BlGFPRC7.js";
-import { default as n } from "./components/buttons/IconButton/IconButton.es.js";
-import { default as d } from "./components/buttons/PrimaryButton/PrimaryButton.es.js";
-import { default as B } from "./components/buttons/SecondaryButton/SecondaryButton.es.js";
-import { default as I } from "./components/inputs/SearchInput/SearchInput.es.js";
-import { default as T } from "./components/inputs/TextInput/TextInput.es.js";
-import { default as y } from "./components/lists/FileList/FileList.es.js";
-import { default as L } from "./components/lists/FileList/FileListItem.es.js";
-import { T as b } from "./Tab-Dgd9jYEq.js";
+import { default as s } from "./components/buttons/DefaultButton/DefaultButton.es.js";
+import { default as x } from "./components/buttons/PrimaryButton/PrimaryButton.es.js";
+import { default as n } from "./components/buttons/SecondaryButton/SecondaryButton.es.js";
+import { default as B } from "./components/inputs/SearchInput/SearchInput.es.js";
+import { default as I } from "./components/inputs/TextInput/TextInput.es.js";
+import { default as h } from "./components/lists/FileList/FileList.es.js";
+import { default as D } from "./components/lists/FileList/FileListItem.es.js";
+import { T as L } from "./Tab-CWxCqAvH.js";
 export {
   r as AnotherComponent,
   f as BasicButtons,
   s as DefaultButton,
   p as Dropzone,
-  y as FileList,
-  L as FileListItem,
-  n as IconButton,
-  d as PrimaryButton,
-  I as SearchInput,
-  B as SecondaryButton,
-  b as Tab,
-  T as TextInput
+  h as FileList,
+  D as FileListItem,
+  x as PrimaryButton,
+  B as SearchInput,
+  n as SecondaryButton,
+  L as Tab,
+  I as TextInput
 };

package/dist/{refType-hKctx4k0.js → refType-CMQbzE37.js}

@@ -1,4 +1,4 @@
-import { P as o } from "./useThemeProps-CHytz5pp.js";
+import { P as o } from "./useThemeProps-kb_vU-1P.js";
 function a(n, e) {
   return process.env.NODE_ENV === "production" ? () => null : function(...t) {
     return n(...t) || e(...t);

package/dist/{useTheme-BZek68TX.js → useTheme-BSwuVDD3.js}

@@ -1,5 +1,5 @@
 import * as s from "react";
-import { u, T as o, b as t } from "./useThemeProps-CHytz5pp.js";
+import { u, T as o, b as t } from "./useThemeProps-kb_vU-1P.js";
 function a() {
   const e = u(t);
   return process.env.NODE_ENV !== "production" && s.useDebugValue(e), e[o] || e;

package/dist/{useThemeProps-CHytz5pp.js → useThemeProps-kb_vU-1P.js}

@@ -2705,7 +2705,7 @@ export {
   de as i,
   Eo as j,
   re as k,
-  xo as l,
+  Dt as l,
   $n as m,
   it as n,
   ae as o,
@@ -2717,7 +2717,7 @@ export {
   bn as u,
   Pn as v,
   we as w,
-  Dt as x,
+  xo as x,
   Se as y,
   yr as z
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "0.0.1-dev.1708959157",
+  "version": "0.0.1-dev.1708959744",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",