@cgi-learning-hub/ui 1.2.0 → 1.3.0-dev.1731062725

package/dist/components/Dropzone/Dropzone.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("./Dropzone.cjs.js"),n={title:"Components/Inputs/Dropzone",component:o,argTypes:{}},s=e=>r.jsx(o,{...e}),t=s.bind({});t.args={information:"SVG, PNG, JPG or GIF (max. 3MB)",onDrop:e=>alert("dropped")};exports.Default=t;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),o=require("./Dropzone.cjs.js"),r={title:"Components/Dropzone",component:o,argTypes:{}},s=e=>n.jsx(o,{...e}),t=s.bind({});t.args={information:"SVG, PNG, JPG or GIF (max. 3MB)",onDrop:e=>alert("dropped")};exports.Default=t;exports.default=r;

package/dist/components/Dropzone/Dropzone.stories.d.ts

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

package/dist/components/Dropzone/Dropzone.stories.es.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "./Dropzone.es.js";
 const a = {
-  title: "Components/Inputs/Dropzone",
+  title: "Components/Dropzone",
   component: t,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).

package/dist/components/EmptyState/EmptyState.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),l=require("../../hooks/lazySvgImport.cjs.js"),g=require("../../Stack-656bqKiW.cjs"),i=require("../../Typography-CreZW2v6.cjs"),u=({svgName:n,title:s,description:e,descriptionProps:o,svgProps:c,titleProps:a,...h})=>{const{Svg:r}=l.useLazySvgImport(n);return r?t.jsxs(g.Stack,{direction:"column",alignItems:"center",margin:"auto",...h,children:[t.jsx("div",{style:{width:200,maxHeight:200},children:t.jsx(r,{width:"100%",height:"100%",preserveAspectRatio:"xMinYMin slice",...c})}),t.jsx(i.Typography,{variant:"h2",fontWeight:500,mt:3,...a,children:s}),e?t.jsx(i.Typography,{color:"grey",mt:2,...o,children:e}):null]}):null};module.exports=u;

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,12 @@
+import { StackProps } from '@mui/material/Stack';
+import { TypographyProps } from '@mui/material/Typography';
+export type EmptyStateProps = {
+    svgName: string;
+    title: string;
+    description?: string;
+    descriptionProps?: TypographyProps;
+    svgProps?: React.SVGAttributes<SVGSVGElement>;
+    titleProps?: TypographyProps;
+} & StackProps;
+declare const EmptyState: React.FunctionComponent<EmptyStateProps>;
+export default EmptyState;

package/dist/components/EmptyState/EmptyState.es.js

@@ -0,0 +1,31 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useLazySvgImport as h } from "../../hooks/lazySvgImport.es.js";
+import { S as p } from "../../Stack-CutIWKkG.js";
+import { T as i } from "../../Typography-DsJC595c.js";
+const y = ({
+  svgName: o,
+  title: n,
+  description: r,
+  descriptionProps: m,
+  svgProps: a,
+  titleProps: l,
+  ...s
+}) => {
+  const { Svg: e } = h(o);
+  return e ? /* @__PURE__ */ c(p, { direction: "column", alignItems: "center", margin: "auto", ...s, children: [
+    /* @__PURE__ */ t("div", { style: { width: 200, maxHeight: 200 }, children: /* @__PURE__ */ t(
+      e,
+      {
+        width: "100%",
+        height: "100%",
+        preserveAspectRatio: "xMinYMin slice",
+        ...a
+      }
+    ) }),
+    /* @__PURE__ */ t(i, { variant: "h2", fontWeight: 500, mt: 3, ...l, children: n }),
+    r ? /* @__PURE__ */ t(i, { color: "grey", mt: 2, ...m, children: r }) : null
+  ] }) : null;
+};
+export {
+  y as default
+};

package/dist/components/EmptyState/EmptyState.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("./EmptyState.cjs.js"),n={title:"Components/EmptyState",component:e,argTypes:{}},o=s=>r.jsx(e,{...s}),t=o.bind({});t.args={svgName:"client-error",title:"Une erreur est  survenue"};exports.Default=t;exports.default=n;

package/dist/components/{PaperHeader/PaperHeader.stories.d.ts → EmptyState/EmptyState.stories.d.ts}

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

package/dist/components/EmptyState/EmptyState.stories.es.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "./EmptyState.es.js";
+const a = {
+  title: "Components/EmptyState",
+  component: t,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, o = (e) => /* @__PURE__ */ r(t, { ...e }), s = o.bind({});
+s.args = {
+  svgName: "client-error",
+  title: "Une erreur est  survenue"
+};
+export {
+  s as Default,
+  a as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./EmptyState.cjs.js");exports.EmptyState=t;

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

@@ -0,0 +1,2 @@
+export * from './EmptyState';
+export { default as EmptyState } from './EmptyState';

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

@@ -0,0 +1,4 @@
+import { default as e } from "./EmptyState.es.js";
+export {
+  e as EmptyState
+};

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

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime");require("react");const t=require("./FileListItem.cjs.js"),o=require("../../Box-D61CmHcZ.cjs"),n=({files:r=[]})=>i.jsx(o.Box,{sx:{display:"flex",flexDirection:"column",rowGap:"0.5rem"},children:r.map((s,e)=>i.jsx(t,{file:s,uploading:e%2===0},e))});module.exports=n;

package/dist/components/{lists/FileList → FileList}/FileList.d.ts

@@ -1,5 +1,4 @@
 import { File } from './FileListItem';
-
 export interface FileListProps<T extends File> {
     files: T[];
     onDelete?: (file: T) => void;

package/dist/components/{lists/FileList → FileList}/FileList.es.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
 import m from "./FileListItem.es.js";
-import { B as e } from "../../../Box-Bawb5zHX.js";
+import { B as e } from "../../Box-a6v7fn61.js";
 const f = ({
   files: i = []
 }) => /* @__PURE__ */ r(e, { sx: { display: "flex", flexDirection: "column", rowGap: "0.5rem" }, children: i.map((t, o) => /* @__PURE__ */ r(

package/dist/components/FileList/FileList.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("./FileList.cjs.js"),l={title:"Components/FileList",component:t,argTypes:{}},n=e=>i.jsx(t,{...e}),s=n.bind({});s.args={files:[{name:"sample.csv",size:500,uploading:!1},{name:"components_lists_filelist.png",size:1780,uploading:!0}],onDelete:e=>alert("delete")};exports.Default=s;exports.default=l;

package/dist/components/{lists/FileList → FileList}/FileList.stories.d.ts

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

package/dist/components/{lists/FileList → FileList}/FileList.stories.es.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import t from "./FileList.es.js";
-const n = {
-  title: "Components/Data Display/FileList",
+const a = {
+  title: "Components/FileList",
   component: t,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
@@ -24,5 +24,5 @@ l.args = {
 };
 export {
   l as Default,
-  n as default
+  a as default
 };

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

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),o=require("../../createSvgIcon-PXjVOXDY.cjs"),a=require("../../Stack-656bqKiW.cjs"),h=require("../../Box-D61CmHcZ.cjs"),t=require("../../Typography-CreZW2v6.cjs"),x=require("../../IconButton-DfmbM9nO.cjs"),l=require("../../CircularProgress-DDIZxeFH.cjs"),u=o.createSvgIcon(r.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"),d=o.createSvgIcon(r.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"),j=({file:e,uploading:s,onDelete:c})=>{const i=`${e.size} octets`,n=()=>c==null?void 0:c(e);return r.jsxs(a.Stack,{direction:"row",alignItems:"center",spacing:2,children:[r.jsx(d,{color:"primary"}),r.jsxs(h.Box,{sx:{width:"100%"},children:[r.jsx(t.Typography,{children:e.name}),r.jsx(t.Typography,{fontSize:"0.875rem",color:"grey",children:i})]}),r.jsx(x.IconButton,{onClick:n,disabled:s,children:s?r.jsx(l.CircularProgress,{size:24}):r.jsx(u,{})})]})};module.exports=j;

package/dist/components/FileList/FileListItem.d.ts

@@ -0,0 +1,12 @@
+export interface File {
+    name: string;
+    size: number;
+    uploading?: boolean;
+}
+export interface FileListItemProps<T extends File> {
+    file: T;
+    uploading?: boolean;
+    onDelete?: (file: T) => void;
+}
+declare const FileListItem: <T extends File>({ file, uploading, onDelete, }: FileListItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default FileListItem;

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

@@ -0,0 +1,29 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { c as e } from "../../createSvgIcon-Ae1vF9Lv.js";
+import { S as a } from "../../Stack-CutIWKkG.js";
+import { B as l } from "../../Box-a6v7fn61.js";
+import { T as s } from "../../Typography-DsJC595c.js";
+import { I as h } from "../../IconButton-C7H_G1LX.js";
+import { C as p } from "../../CircularProgress-DU3DJQfF.js";
+const d = e(/* @__PURE__ */ r("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"), z = e(/* @__PURE__ */ r("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"), u = ({
+  file: t,
+  uploading: c,
+  onDelete: o
+}) => {
+  const m = `${t.size} octets`, n = () => o == null ? void 0 : o(t);
+  return /* @__PURE__ */ i(a, { direction: "row", alignItems: "center", spacing: 2, children: [
+    /* @__PURE__ */ r(z, { color: "primary" }),
+    /* @__PURE__ */ i(l, { sx: { width: "100%" }, children: [
+      /* @__PURE__ */ r(s, { children: t.name }),
+      /* @__PURE__ */ r(s, { fontSize: "0.875rem", color: "grey", children: m })
+    ] }),
+    /* @__PURE__ */ r(h, { onClick: n, disabled: c, children: c ? /* @__PURE__ */ r(p, { size: 24 }) : /* @__PURE__ */ r(d, {}) })
+  ] });
+};
+export {
+  u as default
+};

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

@@ -0,0 +1 @@
+"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-656bqKiW.cjs"),j=require("../../Typography-CreZW2v6.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/{PaperHeader/PaperHeader.d.ts → Heading/Heading.d.ts}

@@ -1,13 +1,14 @@
 import { SvgIconComponent } from '@mui/icons-material';
 import { Color, SvgIconProps } from '@mui/material';
+import { StackProps } from '@mui/material/Stack';
 import { TypographyProps } from '@mui/material/Typography';
-
-export type PaperHeaderProps = {
+export type HeadingProps = {
     title: string;
     IconComponent?: SvgIconComponent;
     iconColor?: Color;
     iconProps?: SvgIconProps;
     iconSize?: number;
-} & TypographyProps;
-declare const PaperHeader: React.FunctionComponent<PaperHeaderProps>;
-export default PaperHeader;
+    titleProps?: TypographyProps;
+} & StackProps;
+declare const Heading: React.FunctionComponent<HeadingProps>;
+export default Heading;

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

@@ -0,0 +1,39 @@
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import { S } from "../../Stack-CutIWKkG.js";
+import { T as b } from "../../Typography-DsJC595c.js";
+const y = ({
+  title: n,
+  IconComponent: g,
+  iconColor: d,
+  iconProps: f,
+  iconSize: h = 28,
+  titleProps: a,
+  ...u
+}) => /* @__PURE__ */ x(S, { direction: "row", alignItems: "center", gap: 1, ...u, children: [
+  g ? /* @__PURE__ */ m(
+    g,
+    {
+      sx: {
+        fontSize: h,
+        padding: "2px",
+        borderRadius: 1,
+        color: d == null ? void 0 : d[500],
+        backgroundColor: d == null ? void 0 : d[50]
+      },
+      ...f
+    }
+  ) : null,
+  /* @__PURE__ */ m(
+    b,
+    {
+      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: n
+    }
+  )
+] });
+export {
+  y as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../createSvgIcon-PXjVOXDY.cjs"),o=require("./Heading.cjs.js"),s=require("../../identifier-B_IiMbpZ.cjs"),i=c.createSvgIcon(e.jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5m-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11m3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5"}),"Mood"),r={title:"Components/Heading",component:o,argTypes:{}},a=n=>e.jsx(o,{...n}),t=a.bind({});t.args={title:"Heading",iconColor:s.red,IconComponent:i};exports.Default=t;exports.default=r;

package/dist/components/{buttons/PrimaryButton/PrimaryButton.stories.d.ts → Heading/Heading.stories.d.ts}

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

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

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../createSvgIcon-Ae1vF9Lv.js";
+import t from "./Heading.es.js";
+import { r as c } from "../../identifier-Bu3vgTzE.js";
+const r = n(/* @__PURE__ */ o("path", {
+  d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5m-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11m3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5"
+}), "Mood"), f = {
+  title: "Components/Heading",
+  component: t,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, s = (e) => /* @__PURE__ */ o(t, { ...e }), m = s.bind({});
+m.args = {
+  title: "Heading",
+  iconColor: c,
+  IconComponent: r
+};
+export {
+  m as Default,
+  f as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Heading.cjs.js");exports.Heading=e;

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

@@ -0,0 +1,2 @@
+export * from './Heading';
+export { default as Heading } from './Heading';

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

@@ -0,0 +1,4 @@
+import { default as d } from "./Heading.es.js";
+export {
+  d as Heading
+};

package/dist/components/IconButton.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../createSvgIcon-PXjVOXDY.cjs"),t=require("../IconButton-DfmbM9nO.cjs"),o=s.createSvgIcon(e.jsx("path",{d:"M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28M3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7s-.54.11-.7-.12c-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21m6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39s-4.66 1.97-4.66 4.39c0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15m7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12M14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94s3.08 1.32 3.08 2.94c0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38"}),"Fingerprint"),r={title:"Components/IconButton",component:t.IconButton,argTypes:{}},i=n=>e.jsx(t.IconButton,{...n}),c=i.bind({});c.args={children:e.jsx(o,{}),onClick:()=>alert("Alert"),disabled:!1};exports.Default=c;exports.default=r;

package/dist/components/{buttons/IconButton.stories.d.ts → IconButton.stories.d.ts}

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

package/dist/components/IconButton.stories.es.js

@@ -0,0 +1,21 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as o } from "../createSvgIcon-Ae1vF9Lv.js";
+import { I as t } from "../IconButton-C7H_G1LX.js";
+const n = o(/* @__PURE__ */ c("path", {
+  d: "M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28M3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7s-.54.11-.7-.12c-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21m6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39s-4.66 1.97-4.66 4.39c0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15m7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12M14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94s3.08 1.32 3.08 2.94c0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38"
+}), "Fingerprint"), p = {
+  title: "Components/IconButton",
+  component: t,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, e = (s) => /* @__PURE__ */ c(t, { ...s }), r = e.bind({});
+r.args = {
+  children: /* @__PURE__ */ c(n, {}),
+  onClick: () => alert("Alert"),
+  disabled: !1
+};
+export {
+  r as Default,
+  p as default
+};

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

@@ -1 +1 @@
-"use strict";require('../../assets/styles.css');const e=require("react/jsx-runtime");;/* empty css                      */const r=require("../../Box-5x1F2S3-.cjs"),l=({})=>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=l;
+"use strict";require('../../assets/styles2.css');const e=require("react/jsx-runtime");;/* empty css                      */const r=require("../../Box-D61CmHcZ.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.d.ts

@@ -1,4 +1,3 @@
-
 export interface LoaderProps {
 }
 declare const Loader: React.FunctionComponent<LoaderProps>;

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

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import '../../assets/styles.css';/* empty css                    */
-import { B as l } from "../../Box-Bawb5zHX.js";
+import '../../assets/styles2.css';/* empty css                    */
+import { B as l } from "../../Box-a6v7fn61.js";
 const i = ({}) => /* @__PURE__ */ r(l, { className: "cs-loader", color: "primary.main", children: /* @__PURE__ */ e(l, { className: "cs-loader-inner", children: [
   /* @__PURE__ */ r("label", { children: "●" }),
   /* @__PURE__ */ r("label", { children: "●" }),

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("./Loader.cjs.js"),s={title:"Components/Loader",component:e,argTypes:{}},n=o=>r.jsx(e,{...o}),t=n.bind({});t.args={};exports.Default=t;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("./Loader.cjs.js"),n={title:"Components/Loader",component:e,argTypes:{}},r=o=>s.jsx(e,{...o}),t=r.bind({});t.args={};exports.Default=t;exports.default=n;

package/dist/components/Loader/Loader.stories.d.ts

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

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

@@ -1 +1 @@
-"use strict";require('../../assets/styles2.css');const e=require("react/jsx-runtime");;/* empty css                      */const r=({})=>e.jsx("div",{className:"cs-loader-backdrop",children:e.jsxs("div",{className:"cs-loader-backdrop-inner",children:[e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"})]})});module.exports=r;
+"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime");;/* empty css                      */const e=require("../../Backdrop-ZCTs-Ws8.cjs"),c=require("../../Box-D61CmHcZ.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.d.ts

@@ -1,4 +1,3 @@
-
 export interface LoaderBackdropProps {
 }
 declare const LoaderBackdrop: React.FunctionComponent<LoaderBackdropProps>;

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

@@ -1,11 +1,13 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import '../../assets/styles2.css';/* empty css                    */
-const d = ({}) => /* @__PURE__ */ e("div", { className: "cs-loader-backdrop", children: /* @__PURE__ */ l("div", { className: "cs-loader-backdrop-inner", children: [
-  /* @__PURE__ */ e("label", { children: "●" }),
-  /* @__PURE__ */ e("label", { children: "●" }),
-  /* @__PURE__ */ e("label", { children: "●" }),
-  /* @__PURE__ */ e("label", { children: "●" })
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import '../../assets/styles.css';/* empty css                    */
+import { B as e } from "../../Backdrop-CxHwPsCX.js";
+import { B as l } from "../../Box-a6v7fn61.js";
+const n = ({}) => /* @__PURE__ */ r(e, { open: !0, sx: { bgcolor: "background.default" }, children: /* @__PURE__ */ o(l, { className: "cs-loader-backdrop-inner", color: "primary.main", children: [
+  /* @__PURE__ */ r("label", { children: "●" }),
+  /* @__PURE__ */ r("label", { children: "●" }),
+  /* @__PURE__ */ r("label", { children: "●" }),
+  /* @__PURE__ */ r("label", { children: "●" })
 ] }) });
 export {
-  d as default
+  n as default
 };

package/dist/components/LoaderBackdrop/LoaderBackdrop.stories.d.ts

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

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

@@ -0,0 +1 @@
+"use strict";require('../../assets/styles.css');require('../../assets/styles2.css');const e=require("react/jsx-runtime"),u=require("react"),l=require("../TextInput/TextInput.cjs.js");require("../Alert/Alert.cjs.js");require("../Button/Button.cjs.js");require("../../fr-BtINyNRC.cjs");;/* empty css                      */;/* empty css                      */require("../SearchInput/SearchInput.cjs.js");const a=require("../../InputAdornment-C-EbfNtT.cjs"),d=require("../../IconButton-DfmbM9nO.cjs"),r=require("../../createSvgIcon-PXjVOXDY.cjs"),p=r.createSvgIcon(e.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"),q=r.createSvgIcon(e.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"),w=s=>{const[n,o]=u.useState(!1),i=()=>o(t=>!t),c=t=>{t.preventDefault()};return e.jsx(l,{...s,variant:"outlined",label:s.label,type:n?"text":"password",InputProps:{endAdornment:e.jsx(a.InputAdornment,{position:"end",children:e.jsx(d.IconButton,{"aria-label":"toggle password visibility",onClick:i,onMouseDown:c,edge:"end",children:n?e.jsx(q,{}):e.jsx(p,{})})})}})};module.exports=w;

package/dist/components/{inputs/PasswordInput → PasswordInput}/PasswordInput.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { InputTextProps } from '../TextInput';
-
 export type PasswordInputProps = {} & Omit<InputTextProps, "variant" | "type">;
 declare const PasswordInput: React.FunctionComponent<PasswordInputProps>;
 export default PasswordInput;

package/dist/components/{inputs/PasswordInput → PasswordInput}/PasswordInput.es.js

@@ -1,21 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as a } from "react";
 import c from "../TextInput/TextInput.es.js";
-import "../../../DefaultButton-F67BOmrx.js";
-import "../../feedback/Alert/Alert.es.js";
+import "../Alert/Alert.es.js";
+import "../Button/Button.es.js";
+import "../../fr-B0c4Eu-I.js";
+import '../../assets/styles.css';import '../../assets/styles2.css';/* empty css                    */
+/* empty css                    */
 import "../SearchInput/SearchInput.es.js";
-import "../../lists/FileList/FileListItem.es.js";
-import '../../../assets/styles2.css';import '../../../assets/styles.css';/* empty css                       */
-/* empty css                       */
-import "../../../fr-By4s91yO.js";
-import { I as p } from "../../../InputAdornment-hNrnvXW9.js";
-import { I as m } from "../../../IconButton-D_deQOvN.js";
-import { c as r } from "../../../createSvgIcon-B8vHI3I6.js";
+import { I as p } from "../../InputAdornment-CPJFY_m_.js";
+import { I as m } from "../../IconButton-C7H_G1LX.js";
+import { c as r } from "../../createSvgIcon-Ae1vF9Lv.js";
 const d = r(/* @__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"), f = r(/* @__PURE__ */ o("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"), V = (i) => {
+}), "VisibilityOff"), S = (i) => {
   const [s, e] = a(!1), n = () => e((t) => !t), l = (t) => {
     t.preventDefault();
   };
@@ -42,5 +41,5 @@ const d = r(/* @__PURE__ */ o("path", {
   );
 };
 export {
-  V as default
+  S as default
 };

package/dist/components/{inputs/PasswordInput → PasswordInput}/PasswordInput.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("./PasswordInput.cjs.js"),n={title:"Components/Inputs/PasswordInput",component:e,argTypes:{}},r=s=>o.jsx(e,{...s}),t=r.bind({});t.args={label:"Password"};exports.Default=t;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("./PasswordInput.cjs.js"),n={title:"Components/PasswordInput",component:e,argTypes:{}},r=s=>o.jsx(e,{...s}),t=r.bind({});t.args={label:"Password"};exports.Default=t;exports.default=n;

package/dist/components/{inputs/PasswordInput → PasswordInput}/PasswordInput.stories.d.ts

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

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

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "./PasswordInput.es.js";
+const p = {
+  title: "Components/PasswordInput",
+  component: o,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, e = (s) => /* @__PURE__ */ t(o, { ...s }), r = e.bind({});
+r.args = {
+  label: "Password"
+};
+export {
+  r as Default,
+  p as default
+};

package/dist/components/QueryError/QueryError.cjs.js

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),e=require("../EmptyState/EmptyState.cjs.js"),i=require("./helpers.cjs.js"),n=({error:t,statusPrefix:u="Erreur "})=>{if(i.isFetchBaseQueryError(t)){const r="error"in t?t.error:t.data?JSON.stringify(t.data):null;return typeof t.status=="number"&&t.status.toString().startsWith("4")?s.jsx(e,{svgName:"client-error",title:`Erreur client (${t.status})`,description:r??void 0}):typeof t.status=="number"&&t.status.toString().startsWith("5")?s.jsx(e,{svgName:"server-error",title:`Erreur serveur (${t.status})`,description:r??void 0}):s.jsx(e,{svgName:"error",title:`${u}${t.status}`,description:r??void 0})}return s.jsx(e,{svgName:"error",title:i.isErrorWithMessage(t)?t.message:"Une erreur est survenue"})};module.exports=n;

package/dist/components/{feedback/QueryError → QueryError}/QueryError.d.ts

@@ -1,6 +1,5 @@
 import { SerializedError } from '@reduxjs/toolkit';
 import { FetchBaseQueryError } from '@reduxjs/toolkit/query';
-
 export interface QueryErrorProps {
     error: FetchBaseQueryError | SerializedError | undefined;
     statusPrefix?: string;

package/dist/components/QueryError/QueryError.es.js

@@ -0,0 +1,43 @@
+import { jsx as s } from "react/jsx-runtime";
+import e from "../EmptyState/EmptyState.es.js";
+import { isFetchBaseQueryError as u, isErrorWithMessage as a } from "./helpers.es.js";
+const f = ({
+  error: t,
+  statusPrefix: i = "Erreur "
+}) => {
+  if (u(t)) {
+    const r = "error" in t ? t.error : t.data ? JSON.stringify(t.data) : null;
+    return typeof t.status == "number" && t.status.toString().startsWith("4") ? /* @__PURE__ */ s(
+      e,
+      {
+        svgName: "client-error",
+        title: `Erreur client (${t.status})`,
+        description: r ?? void 0
+      }
+    ) : typeof t.status == "number" && t.status.toString().startsWith("5") ? /* @__PURE__ */ s(
+      e,
+      {
+        svgName: "server-error",
+        title: `Erreur serveur (${t.status})`,
+        description: r ?? void 0
+      }
+    ) : /* @__PURE__ */ s(
+      e,
+      {
+        svgName: "error",
+        title: `${i}${t.status}`,
+        description: r ?? void 0
+      }
+    );
+  }
+  return /* @__PURE__ */ s(
+    e,
+    {
+      svgName: "error",
+      title: a(t) ? t.message : "Une erreur est survenue"
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/components/{feedback/QueryError → QueryError}/helpers.d.ts

@@ -1,5 +1,4 @@
 import { FetchBaseQueryError } from '@reduxjs/toolkit/query';
-
 /**
  * Type predicate to narrow an unknown error to `FetchBaseQueryError`
  */

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

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),n=require("../../DefaultPropsProvider-eEVEiLDf.cjs"),o=require("../../InputBase-CPtGhJye.cjs"),s=require("../../InputAdornment-C-EbfNtT.cjs"),u=require("../../createSvgIcon-PXjVOXDY.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/{inputs/SearchInput → SearchInput}/SearchInput.d.ts

@@ -1,5 +1,4 @@
 import { InputBaseProps } from '@mui/material/InputBase';
-
 export interface SearchInputProps extends InputBaseProps {
 }
 declare const SearchInput: React.FunctionComponent<SearchInputProps>;