@cgi-learning-hub/ui 1.3.3-dev.1732123246 → 1.3.3-dev.1732550407

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

@@ -1,19 +1,48 @@
-import { jsx as t } from "react/jsx-runtime";
-import { C as o } from "../../Checkbox-aBoDjdQG.js";
-const s = (e) => /* @__PURE__ */ t(o, { ...e }), a = {
+import { jsx as o } from "react/jsx-runtime";
+import { C as r } from "../../Checkbox-Bmz9nh6k.js";
+const s = (e) => /* @__PURE__ */ o(r, { ...e }), t = {
   title: "Components/Checkbox",
-  component: s
-}, d = {
-  args: {}
+  component: s,
+  argTypes: {
+    checked: {
+      control: "boolean"
+    },
+    color: {
+      control: "select",
+      options: ["primary", "secondary", "success", "error", "info", "warning"]
+    },
+    disabled: {
+      control: "boolean"
+    },
+    disableRipple: {
+      control: "boolean"
+    },
+    required: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["medium", "small"]
+    }
+  }
+}, a = {
+  args: {
+    checked: void 0,
+    color: "primary",
+    disabled: !1,
+    disableRipple: !1,
+    required: !1,
+    size: "medium"
+  }
 }, n = {
   args: {
     checked: !0
   }
-}, b = {
+}, i = {
   args: {
     disabled: !0
   }
-}, h = {
+}, d = {
   args: {
     checked: !0,
     disabled: !0
@@ -21,8 +50,8 @@ const s = (e) => /* @__PURE__ */ t(o, { ...e }), a = {
 };
 export {
   n as Checked,
-  d as Default,
-  b as Disabled,
-  h as DisabledChecked,
-  a as default
+  a as Default,
+  i as Disabled,
+  d as DisabledChecked,
+  t as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-DGRD-CdO.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-MSoGmJoG.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;

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

@@ -1,4 +1,4 @@
-import { D as t } from "../../DatePicker-DXgVCuAd.js";
+import { D as t } from "../../DatePicker-Ds7y4pei.js";
 const a = {
   title: "Components/DatePicker",
   component: t

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

@@ -1,8 +1,8 @@
 import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
 import i from "../Button/Button.es.js";
-import { D as u, b as m, a as d } from "../../DialogContent-CP2NOfUr.js";
-import { a as p, D as g } from "../../DialogTitle-Couh2TzJ.js";
+import { D as u, b as m, a as d } from "../../DialogContent-B_NH_if8.js";
+import { a as p, D as g } from "../../DialogTitle-Bx7712Li.js";
 const D = (a) => {
   const [l, o] = c(!1), r = () => o(!0), n = () => o(!1);
   return /* @__PURE__ */ t(s, { children: [

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Divider-DlN3YfOR.cjs"),t={title:"Components/Divider",component:e.Divider,argTypes:{absolute:{control:"boolean"},children:{control:"text"},flexItem:{control:"boolean"},orientation:{control:"select",options:["horizontal","vertical"]},textAlign:{control:"select",options:["center","left","right"]},variant:{control:"select",options:["fullWidth","inset","middle"]}}},o={args:{absolute:!1,children:void 0,flexItem:!1,orientation:"horizontal",textAlign:"center",variant:"fullWidth"}};exports.Default=o;exports.default=t;

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

@@ -0,0 +1,6 @@
+import { default as Divider } from '@mui/material/Divider';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Default: Story;

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

@@ -0,0 +1,41 @@
+import { D as t } from "../../Divider-CMuvurmv.js";
+const e = {
+  title: "Components/Divider",
+  component: t,
+  argTypes: {
+    absolute: {
+      control: "boolean"
+    },
+    children: {
+      control: "text"
+    },
+    flexItem: {
+      control: "boolean"
+    },
+    orientation: {
+      control: "select",
+      options: ["horizontal", "vertical"]
+    },
+    textAlign: {
+      control: "select",
+      options: ["center", "left", "right"]
+    },
+    variant: {
+      control: "select",
+      options: ["fullWidth", "inset", "middle"]
+    }
+  }
+}, l = {
+  args: {
+    absolute: !1,
+    children: void 0,
+    flexItem: !1,
+    orientation: "horizontal",
+    textAlign: "center",
+    variant: "fullWidth"
+  }
+};
+export {
+  l as Default,
+  e as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("../../Checkbox-OTMaikud.cjs"),m=require("../../Radio-D-wbZ6M-.cjs"),T=require("react"),o=require("../../identifier-DTh6b5Gz.cjs"),k=require("../../createSimplePaletteValueFilter-PTK3TAhW.cjs"),S=require("../../SwitchBase-DWfUIgEW.cjs"),p=require("../../memoTheme-DJBS0nbO.cjs"),n=require("../../DefaultPropsProvider-eVMpAUQg.cjs"),P=require("../../refType-DNB-r0Bp.cjs"),$=require("../../FormControlLabel-D8GTkxJD.cjs");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const x=C(T);function j(e){return o.generateUtilityClass("MuiSwitch",e)}const a=o.generateUtilityClasses("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),z=e=>{const{classes:t,edge:r,size:i,color:d,checked:u,disabled:b}=e,y={root:["root",r&&`edge${o.capitalize(r)}`,`size${o.capitalize(i)}`],switchBase:["switchBase",`color${o.capitalize(d)}`,u&&"checked",b&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},h=n.composeClasses(y,j,t);return{...t,...h}},O=n.styled("span",{name:"MuiSwitch",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.edge&&t[`edge${o.capitalize(r.edge)}`],t[`size${o.capitalize(r.size)}`]]}})({display:"inline-flex",width:34+12*2,height:14+12*2,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"},variants:[{props:{edge:"start"},style:{marginLeft:-8}},{props:{edge:"end"},style:{marginRight:-8}},{props:{size:"small"},style:{width:40,height:24,padding:7,[`& .${a.thumb}`]:{width:16,height:16},[`& .${a.switchBase}`]:{padding:4,[`&.${a.checked}`]:{transform:"translateX(16px)"}}}}]}),R=n.styled(S.SwitchBase,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.switchBase,{[`& .${a.input}`]:t.input},r.color!=="default"&&t[`color${o.capitalize(r.color)}`]]}})(p.memoTheme(({theme:e})=>({position:"absolute",top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode==="light"?e.palette.common.white:e.palette.grey[300]}`,transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),[`&.${a.checked}`]:{transform:"translateX(20px)"},[`&.${a.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${a.checked} + .${a.track}`]:{opacity:.5},[`&.${a.disabled} + .${a.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode==="light"?.12:.2}`},[`& .${a.input}`]:{left:"-100%",width:"300%"}})),p.memoTheme(({theme:e})=>({"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},variants:[...Object.entries(e.palette).filter(k.createSimplePaletteValueFilter(["light"])).map(([t])=>({props:{color:t},style:{[`&.${a.checked}`]:{color:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette[t].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${a.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${t}DisabledColor`]:`${e.palette.mode==="light"?o.lighten(e.palette[t].main,.62):o.darken(e.palette[t].main,.55)}`}},[`&.${a.checked} + .${a.track}`]:{backgroundColor:(e.vars||e).palette[t].main}}}))]}))),q=n.styled("span",{name:"MuiSwitch",slot:"Track",overridesResolver:(e,t)=>t.track})(p.memoTheme(({theme:e})=>({height:"100%",width:"100%",borderRadius:14/2,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:e.vars?e.vars.palette.common.onBackground:`${e.palette.mode==="light"?e.palette.common.black:e.palette.common.white}`,opacity:e.vars?e.vars.opacity.switchTrack:`${e.palette.mode==="light"?.38:.3}`}))),B=n.styled("span",{name:"MuiSwitch",slot:"Thumb",overridesResolver:(e,t)=>t.thumb})(p.memoTheme(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}))),v=x.forwardRef(function(t,r){const i=n.useDefaultProps({props:t,name:"MuiSwitch"}),{className:d,color:u="primary",edge:b=!1,size:y="medium",sx:h,...w}=i,c={...i,color:u,edge:b,size:y},l=z(c),g=s.jsx(B,{className:l.thumb,ownerState:c});return s.jsxs(O,{className:o.clsx(l.root,d),sx:h,ownerState:c,children:[s.jsx(R,{type:"checkbox",icon:g,checkedIcon:g,ref:r,ownerState:c,...w,classes:{...l,root:l.switchBase}}),s.jsx(q,{className:l.track,ownerState:c})]})});process.env.NODE_ENV!=="production"&&(v.propTypes={checked:o.PropTypes.bool,checkedIcon:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),defaultChecked:o.PropTypes.bool,disabled:o.PropTypes.bool,disableRipple:o.PropTypes.bool,edge:o.PropTypes.oneOf(["end","start",!1]),icon:o.PropTypes.node,id:o.PropTypes.string,inputProps:o.PropTypes.object,inputRef:P.refType,onChange:o.PropTypes.func,required:o.PropTypes.bool,size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.any});const M=e=>s.jsx($.FormControlLabel,{...e}),D={title:"Components/FormControlLabel",component:M,argTypes:{control:{control:"object"},disabled:{control:"boolean"},disableTypography:{control:"boolean"},label:{control:"object"},labelPlacement:{control:"select",options:["bottom","end","start","top"]},required:{control:"boolean"}}},L={args:{control:s.jsx(f.Checkbox,{}),checked:void 0,disabled:void 0,disableTypography:void 0,label:"Label",labelPlacement:"end",required:void 0}},N={args:{control:s.jsx(m.Radio,{}),label:"Label"}},F={args:{control:s.jsx(v,{}),label:"Label"}};exports.Checkbox=L;exports.Radio=N;exports.Switch=F;exports.default=D;

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

@@ -0,0 +1,9 @@
+import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import { Meta, StoryObj } from '@storybook/react';
+declare const FormControlLabel: (props: FormControlLabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof FormControlLabel>;
+export default meta;
+type Story = StoryObj<typeof FormControlLabel>;
+export declare const Checkbox: Story;
+export declare const Radio: Story;
+export declare const Switch: Story;

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

@@ -0,0 +1,378 @@
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { C as S } from "../../Checkbox-Bmz9nh6k.js";
+import { a as $ } from "../../Radio-CW4v1BS4.js";
+import * as C from "react";
+import { I as x, H as T, L as i, P as t, n as f, s as R, q as z, G as O } from "../../identifier-B7MO0PvI.js";
+import { c as j } from "../../createSimplePaletteValueFilter-B7--0ryQ.js";
+import { S as B } from "../../SwitchBase-DBnju71w.js";
+import { m as d } from "../../memoTheme-CqfvfBST.js";
+import { s as p, u as L, c as M } from "../../DefaultPropsProvider-BYFwNPLt.js";
+import { r as P } from "../../refType-BqQbA6de.js";
+import { F as N } from "../../FormControlLabel-BDXTL5Eo.js";
+function I(o) {
+  return T("MuiSwitch", o);
+}
+const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), D = (o) => {
+  const {
+    classes: e,
+    edge: r,
+    size: l,
+    color: b,
+    checked: u,
+    disabled: g
+  } = o, h = {
+    root: ["root", r && `edge${i(r)}`, `size${i(l)}`],
+    switchBase: ["switchBase", `color${i(b)}`, u && "checked", g && "disabled"],
+    thumb: ["thumb"],
+    track: ["track"],
+    input: ["input"]
+  }, m = M(h, I, e);
+  return {
+    ...e,
+    // forward the disabled and checked classes to the SwitchBase
+    ...m
+  };
+}, F = p("span", {
+  name: "MuiSwitch",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: r
+    } = o;
+    return [e.root, r.edge && e[`edge${i(r.edge)}`], e[`size${i(r.size)}`]];
+  }
+})({
+  display: "inline-flex",
+  width: 34 + 12 * 2,
+  height: 14 + 12 * 2,
+  overflow: "hidden",
+  padding: 12,
+  boxSizing: "border-box",
+  position: "relative",
+  flexShrink: 0,
+  zIndex: 0,
+  // Reset the stacking context.
+  verticalAlign: "middle",
+  // For correct alignment with the text.
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  variants: [{
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -8
+    }
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -8
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      width: 40,
+      height: 24,
+      padding: 7,
+      [`& .${a.thumb}`]: {
+        width: 16,
+        height: 16
+      },
+      [`& .${a.switchBase}`]: {
+        padding: 4,
+        [`&.${a.checked}`]: {
+          transform: "translateX(16px)"
+        }
+      }
+    }
+  }]
+}), q = p(B, {
+  name: "MuiSwitch",
+  slot: "SwitchBase",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: r
+    } = o;
+    return [e.switchBase, {
+      [`& .${a.input}`]: e.input
+    }, r.color !== "default" && e[`color${i(r.color)}`]];
+  }
+})(d(({
+  theme: o
+}) => ({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  zIndex: 1,
+  // Render above the focus ripple.
+  color: o.vars ? o.vars.palette.Switch.defaultColor : `${o.palette.mode === "light" ? o.palette.common.white : o.palette.grey[300]}`,
+  transition: o.transitions.create(["left", "transform"], {
+    duration: o.transitions.duration.shortest
+  }),
+  [`&.${a.checked}`]: {
+    transform: "translateX(20px)"
+  },
+  [`&.${a.disabled}`]: {
+    color: o.vars ? o.vars.palette.Switch.defaultDisabledColor : `${o.palette.mode === "light" ? o.palette.grey[100] : o.palette.grey[600]}`
+  },
+  [`&.${a.checked} + .${a.track}`]: {
+    opacity: 0.5
+  },
+  [`&.${a.disabled} + .${a.track}`]: {
+    opacity: o.vars ? o.vars.opacity.switchTrackDisabled : `${o.palette.mode === "light" ? 0.12 : 0.2}`
+  },
+  [`& .${a.input}`]: {
+    left: "-100%",
+    width: "300%"
+  }
+})), d(({
+  theme: o
+}) => ({
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette.action.active, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  variants: [...Object.entries(o.palette).filter(j(["light"])).map(([e]) => ({
+    props: {
+      color: e
+    },
+    style: {
+      [`&.${a.checked}`]: {
+        color: (o.vars || o).palette[e].main,
+        "&:hover": {
+          backgroundColor: o.vars ? `rgba(${o.vars.palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette[e].main, o.palette.action.hoverOpacity),
+          "@media (hover: none)": {
+            backgroundColor: "transparent"
+          }
+        },
+        [`&.${a.disabled}`]: {
+          color: o.vars ? o.vars.palette.Switch[`${e}DisabledColor`] : `${o.palette.mode === "light" ? R(o.palette[e].main, 0.62) : z(o.palette[e].main, 0.55)}`
+        }
+      },
+      [`&.${a.checked} + .${a.track}`]: {
+        backgroundColor: (o.vars || o).palette[e].main
+      }
+    }
+  }))]
+}))), U = p("span", {
+  name: "MuiSwitch",
+  slot: "Track",
+  overridesResolver: (o, e) => e.track
+})(d(({
+  theme: o
+}) => ({
+  height: "100%",
+  width: "100%",
+  borderRadius: 14 / 2,
+  zIndex: -1,
+  transition: o.transitions.create(["opacity", "background-color"], {
+    duration: o.transitions.duration.shortest
+  }),
+  backgroundColor: o.vars ? o.vars.palette.common.onBackground : `${o.palette.mode === "light" ? o.palette.common.black : o.palette.common.white}`,
+  opacity: o.vars ? o.vars.opacity.switchTrack : `${o.palette.mode === "light" ? 0.38 : 0.3}`
+}))), E = p("span", {
+  name: "MuiSwitch",
+  slot: "Thumb",
+  overridesResolver: (o, e) => e.thumb
+})(d(({
+  theme: o
+}) => ({
+  boxShadow: (o.vars || o).shadows[1],
+  backgroundColor: "currentColor",
+  width: 20,
+  height: 20,
+  borderRadius: "50%"
+}))), w = /* @__PURE__ */ C.forwardRef(function(e, r) {
+  const l = L({
+    props: e,
+    name: "MuiSwitch"
+  }), {
+    className: b,
+    color: u = "primary",
+    edge: g = !1,
+    size: h = "medium",
+    sx: m,
+    ...k
+  } = l, n = {
+    ...l,
+    color: u,
+    edge: g,
+    size: h
+  }, c = D(n), v = /* @__PURE__ */ s(E, {
+    className: c.thumb,
+    ownerState: n
+  });
+  return /* @__PURE__ */ y(F, {
+    className: O(c.root, b),
+    sx: m,
+    ownerState: n,
+    children: [/* @__PURE__ */ s(q, {
+      type: "checkbox",
+      icon: v,
+      checkedIcon: v,
+      ref: r,
+      ownerState: n,
+      ...k,
+      classes: {
+        ...c,
+        root: c.switchBase
+      }
+    }), /* @__PURE__ */ s(U, {
+      className: c.track,
+      ownerState: n
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (w.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: t.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.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 'primary'
+   */
+  color: t.oneOfType([t.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: t.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: t.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: t.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: t.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: t.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: t.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: P,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: t.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: t.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense switch styling.
+   * @default 'medium'
+   */
+  size: t.oneOfType([t.oneOf(["medium", "small"]), t.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: t.any
+});
+const A = (o) => /* @__PURE__ */ s(N, { ...o }), Z = {
+  title: "Components/FormControlLabel",
+  component: A,
+  argTypes: {
+    control: {
+      control: "object"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    disableTypography: {
+      control: "boolean"
+    },
+    label: {
+      control: "object"
+    },
+    labelPlacement: {
+      control: "select",
+      options: ["bottom", "end", "start", "top"]
+    },
+    required: {
+      control: "boolean"
+    }
+  }
+}, oo = {
+  args: {
+    control: /* @__PURE__ */ s(S, {}),
+    checked: void 0,
+    disabled: void 0,
+    disableTypography: void 0,
+    label: "Label",
+    labelPlacement: "end",
+    required: void 0
+  }
+}, to = {
+  args: {
+    control: /* @__PURE__ */ s($, {}),
+    label: "Label"
+  }
+}, eo = {
+  args: {
+    control: /* @__PURE__ */ s(w, {}),
+    label: "Label"
+  }
+};
+export {
+  oo as Checkbox,
+  to as Radio,
+  eo as Switch,
+  Z as default
+};

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../createSvgIcon-VByplk-r.js";
+import { c as t } from "../../createSvgIcon-BS0Qe85N.js";
 import n from "../Heading/Heading.es.js";
-import { r as c } from "../../identifier-BewKgEhI.js";
+import { r as c } from "../../identifier-B7MO0PvI.js";
 const e = t(/* @__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"), i = {

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

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as t } from "../../createSvgIcon-VByplk-r.js";
-import { I as o } from "../../IconButton-CsqR1453.js";
+import { c as t } from "../../createSvgIcon-BS0Qe85N.js";
+import { I as o } from "../../IconButton-DLcGpM1F.js";
 const s = t(/* @__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"), a = {

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../ImagePicker/ImagePicker.cjs.js"),t={title:"Components/ImagePicker",component:o},n={args:{information:"SVG, PNG, JPG, GIF",onFileChange:e=>{console.log(e?"Image uplaodé":"Image supprimé")}}};exports.Default=n;exports.default=t;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ImagePicker } from '../ImagePicker';
+declare const meta: Meta<typeof ImagePicker>;
+export default meta;
+type Story = StoryObj<typeof ImagePicker>;
+export declare const Default: Story;

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

@@ -0,0 +1,16 @@
+import o from "../ImagePicker/ImagePicker.es.js";
+const n = {
+  title: "Components/ImagePicker",
+  component: o
+}, t = {
+  args: {
+    information: "SVG, PNG, JPG, GIF",
+    onFileChange: (e) => {
+      console.log(e ? "Image uplaodé" : "Image supprimé");
+    }
+  }
+};
+export {
+  t as Default,
+  n as default
+};

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { L as e } from "../../Link-CPyeYGpa.js";
+import { L as e } from "../../Link-D_0FIsgB.js";
 const n = (r) => /* @__PURE__ */ o(e, { ...r }), c = {
   title: "Components/Link",
   component: n,

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),a=require("../Button/Button.cjs.js"),d=require("../../Menu-0Hr9Yx9l.cjs"),o=require("../../MenuItem-BP7OsPVc.cjs"),m=r=>{const[u,s]=l.useState(null),t=!!u,c=i=>{s(i.currentTarget)},n=()=>s(null);return e.jsxs(e.Fragment,{children:[e.jsx(a,{variant:"text",id:"basic-button","aria-controls":t?"basic-menu":void 0,"aria-haspopup":"true","aria-expanded":t?"true":void 0,onClick:c,children:"Open menu"}),e.jsxs(d.Menu,{...r,id:"basic-menu",anchorEl:u,open:t,onClose:n,MenuListProps:{"aria-labelledby":"basic-button"},children:[e.jsx(o.MenuItem,{onClick:n,children:"Profile"}),e.jsx(o.MenuItem,{onClick:n,children:"My account"}),e.jsx(o.MenuItem,{onClick:n,children:"Logout"})]})]})},M={title:"Components/Menu",component:m},p={args:{}};exports.Default=p;exports.default=M;

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

@@ -0,0 +1,7 @@
+import { MenuProps } from '@mui/material/Menu';
+import { Meta, StoryObj } from '@storybook/react';
+declare const Menu: (props: MenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof Menu>;
+export declare const Default: Story;