@cgi-learning-hub/ui 1.3.4 → 1.3.5-dev.1736340751

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

@@ -1,45 +1,46 @@
 import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { C as S } from "../../Checkbox-aJ1r7ufI.js";
-import { a as $ } from "../../Radio-BrzQH9pY.js";
+import { C as S } from "../../Checkbox-8Rhxpkjl.js";
+import { a as $ } from "../../Radio-DGhot3Cd.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-Bn0tF6ls.js";
+import { I as x, H as T, P as e, n as w, s as R, q as z, G as O } from "../../generateUtilityClasses-Bssl7BA_.js";
 import { c as j } from "../../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { S as B } from "../../SwitchBase-CGa9A6SL.js";
-import { m as d } from "../../memoTheme-CMJVTZEg.js";
-import { s as p, u as L, c as M } from "../../DefaultPropsProvider-xJkZOrdv.js";
-import { r as P } from "../../refType-BmrOFNz6.js";
-import { F as N } from "../../FormControlLabel-w-X91z27.js";
+import { S as B } from "../../SwitchBase-Dlth5_F7.js";
+import { m as d } from "../../memoTheme-D7Fyh_3C.js";
+import { s as p, u as M, c as P } from "../../DefaultPropsProvider-CvJPQJmL.js";
+import { c as i } from "../../capitalize-CkF8kU4n.js";
+import { r as L } from "../../refType-DKYKROQk.js";
+import { F as N } from "../../FormControlLabel-BmrKQtQA.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,
+    classes: t,
     edge: r,
     size: l,
-    color: b,
-    checked: u,
+    color: u,
+    checked: b,
     disabled: g
   } = o, h = {
     root: ["root", r && `edge${i(r)}`, `size${i(l)}`],
-    switchBase: ["switchBase", `color${i(b)}`, u && "checked", g && "disabled"],
+    switchBase: ["switchBase", `color${i(u)}`, b && "checked", g && "disabled"],
     thumb: ["thumb"],
     track: ["track"],
     input: ["input"]
-  }, m = M(h, I, e);
+  }, f = P(h, I, t);
   return {
-    ...e,
+    ...t,
     // forward the disabled and checked classes to the SwitchBase
-    ...m
+    ...f
   };
 }, F = p("span", {
   name: "MuiSwitch",
   slot: "Root",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, t) => {
     const {
       ownerState: r
     } = o;
-    return [e.root, r.edge && e[`edge${i(r.edge)}`], e[`size${i(r.size)}`]];
+    return [t.root, r.edge && t[`edge${i(r.edge)}`], t[`size${i(r.size)}`]];
   }
 })({
   display: "inline-flex",
@@ -94,13 +95,13 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
 }), q = p(B, {
   name: "MuiSwitch",
   slot: "SwitchBase",
-  overridesResolver: (o, e) => {
+  overridesResolver: (o, t) => {
     const {
       ownerState: r
     } = o;
-    return [e.switchBase, {
-      [`& .${a.input}`]: e.input
-    }, r.color !== "default" && e[`color${i(r.color)}`]];
+    return [t.switchBase, {
+      [`& .${a.input}`]: t.input
+    }, r.color !== "default" && t[`color${i(r.color)}`]];
   }
 })(d(({
   theme: o
@@ -134,38 +135,38 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   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),
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : w(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]) => ({
+  variants: [...Object.entries(o.palette).filter(j(["light"])).map(([t]) => ({
     props: {
-      color: e
+      color: t
     },
     style: {
       [`&.${a.checked}`]: {
-        color: (o.vars || o).palette[e].main,
+        color: (o.vars || o).palette[t].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),
+          backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : w(o.palette[t].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)}`
+          color: o.vars ? o.vars.palette.Switch[`${t}DisabledColor`] : `${o.palette.mode === "light" ? R(o.palette[t].main, 0.62) : z(o.palette[t].main, 0.55)}`
         }
       },
       [`&.${a.checked} + .${a.track}`]: {
-        backgroundColor: (o.vars || o).palette[e].main
+        backgroundColor: (o.vars || o).palette[t].main
       }
     }
   }))]
 }))), U = p("span", {
   name: "MuiSwitch",
   slot: "Track",
-  overridesResolver: (o, e) => e.track
+  overridesResolver: (o, t) => t.track
 })(d(({
   theme: o
 }) => ({
@@ -181,7 +182,7 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
 }))), E = p("span", {
   name: "MuiSwitch",
   slot: "Thumb",
-  overridesResolver: (o, e) => e.thumb
+  overridesResolver: (o, t) => t.thumb
 })(d(({
   theme: o
 }) => ({
@@ -190,34 +191,34 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   width: 20,
   height: 20,
   borderRadius: "50%"
-}))), w = /* @__PURE__ */ C.forwardRef(function(e, r) {
-  const l = L({
-    props: e,
+}))), v = /* @__PURE__ */ C.forwardRef(function(t, r) {
+  const l = M({
+    props: t,
     name: "MuiSwitch"
   }), {
-    className: b,
-    color: u = "primary",
+    className: u,
+    color: b = "primary",
     edge: g = !1,
     size: h = "medium",
-    sx: m,
+    sx: f,
     ...k
   } = l, n = {
     ...l,
-    color: u,
+    color: b,
     edge: g,
     size: h
-  }, c = D(n), v = /* @__PURE__ */ s(E, {
+  }, c = D(n), m = /* @__PURE__ */ s(E, {
     className: c.thumb,
     ownerState: n
   });
   return /* @__PURE__ */ y(F, {
-    className: O(c.root, b),
-    sx: m,
+    className: O(c.root, u),
+    sx: f,
     ownerState: n,
     children: [/* @__PURE__ */ s(q, {
       type: "checkbox",
-      icon: v,
-      checkedIcon: v,
+      icon: m,
+      checkedIcon: m,
       ref: r,
       ownerState: n,
       ...k,
@@ -231,7 +232,7 @@ const a = x("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (w.propTypes = {
+process.env.NODE_ENV !== "production" && (v.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -239,39 +240,39 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
   /**
    * If `true`, the component is checked.
    */
-  checked: t.bool,
+  checked: e.bool,
   /**
    * The icon to display when the component is checked.
    */
-  checkedIcon: t.node,
+  checkedIcon: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: e.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]),
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
   /**
    * The default checked state. Use when the component is not controlled.
    */
-  defaultChecked: t.bool,
+  defaultChecked: e.bool,
   /**
    * If `true`, the component is disabled.
    */
-  disabled: t.bool,
+  disabled: e.bool,
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple: t.bool,
+  disableRipple: e.bool,
   /**
    * If given, uses a negative margin to counteract the padding on one
    * side (this is often helpful for aligning the left or right
@@ -279,23 +280,23 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
    * size and shape).
    * @default false
    */
-  edge: t.oneOf(["end", "start", !1]),
+  edge: e.oneOf(["end", "start", !1]),
   /**
    * The icon to display when the component is unchecked.
    */
-  icon: t.node,
+  icon: e.node,
   /**
    * The id of the `input` element.
    */
-  id: t.string,
+  id: e.string,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    */
-  inputProps: t.object,
+  inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: P,
+  inputRef: L,
   /**
    * Callback fired when the state is changed.
    *
@@ -303,29 +304,29 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
    * 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,
+  onChange: e.func,
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required: t.bool,
+  required: e.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]),
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.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]),
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.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
+  value: e.any
 });
-const A = (o) => /* @__PURE__ */ s(N, { ...o }), Z = {
+const A = (o) => /* @__PURE__ */ s(N, { ...o }), oo = {
   title: "Components/FormControlLabel",
   component: A,
   argTypes: {
@@ -349,7 +350,7 @@ const A = (o) => /* @__PURE__ */ s(N, { ...o }), Z = {
       control: "boolean"
     }
   }
-}, oo = {
+}, eo = {
   args: {
     control: /* @__PURE__ */ s(S, {}),
     checked: void 0,
@@ -364,15 +365,15 @@ const A = (o) => /* @__PURE__ */ s(N, { ...o }), Z = {
     control: /* @__PURE__ */ s($, {}),
     label: "Label"
   }
-}, eo = {
+}, ao = {
   args: {
-    control: /* @__PURE__ */ s(w, {}),
+    control: /* @__PURE__ */ s(v, {}),
     label: "Label"
   }
 };
 export {
-  oo as Checkbox,
+  eo as Checkbox,
   to as Radio,
-  eo as Switch,
-  Z as default
+  ao as Switch,
+  oo as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-BMmqQ2z0.cjs"),t=require("../Heading/Heading.cjs.js"),n=require("../../identifier-Dax8VlUh.cjs"),c=o.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"),i={title:"Components/Heading",component:t},r={args:{title:"Heading",iconColor:n.red,IconComponent:c}};exports.Default=r;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../createSvgIcon--rEClVU7.cjs"),o=require("../Heading/Heading.cjs.js"),n=require("../../generateUtilityClasses-B_H9HEmg.cjs"),c=t.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"),s={title:"Components/Heading",component:o},r={args:{title:"Heading",iconColor:n.red,IconComponent:c}};exports.Default=r;exports.default=s;

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-CVd3Lo1D.js";
+import { c as t } from "../../createSvgIcon-C8nGcfF4.js";
 import n from "../Heading/Heading.es.js";
-import { r as c } from "../../identifier-Bn0tF6ls.js";
+import { r as c } from "../../generateUtilityClasses-Bssl7BA_.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.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-BMmqQ2z0.cjs"),l=require("../../IconButton-DRs0xB4z.cjs"),t=o.createSvgIcon(e.jsx("path",{d:"M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"}),"School"),n={title:"Components/IconButton",component:l.IconButton,argTypes:{color:{control:"select",options:["inherit","default","primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},disableFocusRipple:{control:"boolean"},disableRipple:{control:"boolean"},edge:{control:"radio",options:["end","start",!1]},size:{control:"radio",options:["small","medium","large"]}}},s={args:{children:e.jsx(t,{}),color:"default",disabled:!1,disableFocusRipple:!1,disableRipple:!1,edge:!1,size:"medium"}};exports.Default=s;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon--rEClVU7.cjs"),l=require("../../IconButton-CJfzspZK.cjs"),t=o.createSvgIcon(e.jsx("path",{d:"M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"}),"School"),n={title:"Components/IconButton",component:l.IconButton,argTypes:{color:{control:"select",options:["inherit","default","primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},disableFocusRipple:{control:"boolean"},disableRipple:{control:"boolean"},edge:{control:"radio",options:["end","start",!1]},size:{control:"radio",options:["small","medium","large"]}}},s={args:{children:e.jsx(t,{}),color:"default",disabled:!1,disableFocusRipple:!1,disableRipple:!1,edge:!1,size:"medium"}};exports.Default=s;exports.default=n;

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../createSvgIcon-CVd3Lo1D.js";
-import { I as l } from "../../IconButton-DjeMTpI5.js";
+import { c as e } from "../../createSvgIcon-C8nGcfF4.js";
+import { I as l } from "../../IconButton-CekuyD4r.js";
 const s = e(/* @__PURE__ */ o("path", {
   d: "M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"
 }), "School"), r = {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ImagePicker/ImagePicker.cjs.js"),a={title:"Components/ImagePicker",component:t,argTypes:{defaultLabel:{description:"Le contenu affiché comme label par défaut (ReactNode).",control:"text",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<ImagePickerDefaultLabel />"}}},dragLabel:{description:"Texte affiché lorsque l'utilisateur fait glisser un fichier.",control:"text",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<ImagePickerDefaultDragLabel />"}}},information:{description:"Informations supplémentaires affichées sous le label par défaut.",control:"text",table:{type:{summary:"string"}}},onFileChange:{description:"Callback déclenché lorsque l'utilisateur sélectionne ou supprime un fichier.",action:"file-changed",table:{type:{summary:"(file: File | null) => void"}}}}},l={args:{information:"SVG, PNG, JPG, GIF",onFileChange:e=>{console.log(e?"Image uplaodé":"Image supprimé")},width:"160px",height:"160px"}};exports.Default=l;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ImagePicker/ImagePicker.cjs.js"),a={title:"Components/ImagePicker",component:t,argTypes:{defaultLabel:{description:"Le contenu affiché comme label par défaut (ReactNode).",control:"text",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<ImagePickerDefaultLabel />"}}},dragLabel:{description:"Texte affiché lorsque l'utilisateur fait glisser un fichier.",control:"text",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<ImagePickerDefaultDragLabel />"}}},information:{description:"Informations supplémentaires affichées sous le label par défaut.",control:"text",table:{type:{summary:"string"}}},onFileChange:{description:"Callback déclenché lorsque l'utilisateur sélectionne ou supprime un fichier.",action:"file-changed",table:{type:{summary:"(file: File | null) => void"}}},initialFile:{description:"Ajouter une image initiale",control:"text",table:{type:{summary:"string | File"}}}}},i={args:{information:"SVG, PNG, JPG, GIF",onFileChange:e=>{console.log(e?"Image uplaodé":"Image supprimé")},width:"160px",height:"160px"}};exports.Default=i;exports.default=a;

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

@@ -1,7 +1,7 @@
-import a from "../ImagePicker/ImagePicker.es.js";
-const l = {
+import t from "../ImagePicker/ImagePicker.es.js";
+const i = {
   title: "Components/ImagePicker",
-  component: a,
+  component: t,
   argTypes: {
     defaultLabel: {
       description: "Le contenu affiché comme label par défaut (ReactNode).",
@@ -32,9 +32,16 @@ const l = {
       table: {
         type: { summary: "(file: File | null) => void" }
       }
+    },
+    initialFile: {
+      description: "Ajouter une image initiale",
+      control: "text",
+      table: {
+        type: { summary: "string | File" }
+      }
     }
   }
-}, i = {
+}, l = {
   args: {
     information: "SVG, PNG, JPG, GIF",
     onFileChange: (e) => {
@@ -45,6 +52,6 @@ const l = {
   }
 };
 export {
-  i as Default,
-  l as default
+  l as Default,
+  i as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../Link-Z_UCBvgV.cjs"),n=e=>t.jsx(r.Link,{...e}),o={title:"Components/Link",component:n,argTypes:{children:{control:"text"},color:{control:"select",options:["primary","secondary","error","info","success","warning","textPrimary","textSecondary","textDisabled"]},href:{control:"text"},underline:{control:"select",options:["always","hover","none"]}}},i={args:{children:"Link",color:"primary",href:"https://www.cgi.com/france/fr-fr/solution/cgi-learning-hub",underline:"always"}};exports.Default=i;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../Link-CWczkFp0.cjs"),n=e=>t.jsx(r.Link,{...e}),o={title:"Components/Link",component:n,argTypes:{children:{control:"text"},color:{control:"select",options:["primary","secondary","error","info","success","warning","textPrimary","textSecondary","textDisabled"]},href:{control:"text"},underline:{control:"select",options:["always","hover","none"]}}},i={args:{children:"Link",color:"primary",href:"https://www.cgi.com/france/fr-fr/solution/cgi-learning-hub",underline:"always"}};exports.Default=i;exports.default=o;

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-Dmwt9wxb.js";
+import { L as e } from "../../Link-CoQuUM0t.js";
 const n = (r) => /* @__PURE__ */ o(e, { ...r }), c = {
   title: "Components/Link",
   component: n,

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

@@ -1 +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-DREdNbqu.cjs"),o=require("../../MenuItem-CN75Du-9.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;
+"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-Bsx8PA-q.cjs"),o=require("../../MenuItem-BZ_EVaBq.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.es.js

@@ -1,47 +1,47 @@
-import { jsxs as a, Fragment as u, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, Fragment as u, jsx as e } from "react/jsx-runtime";
 import { useState as m } from "react";
-import p from "../Button/Button.es.js";
-import { M as d } from "../../Menu-4U27Dst1.js";
-import { M as t } from "../../MenuItem-CqPsuuC1.js";
-const h = (c) => {
-  const [r, i] = m(null), e = !!r, l = (s) => {
+import d from "../Button/Button.es.js";
+import { M as p } from "../../Menu-C7tKmcAh.js";
+import { M as t } from "../../MenuItem-j8luVUcX.js";
+const f = (c) => {
+  const [r, i] = m(null), o = !!r, l = (s) => {
     i(s.currentTarget);
   }, n = () => i(null);
   return /* @__PURE__ */ a(u, { children: [
-    /* @__PURE__ */ o(
-      p,
+    /* @__PURE__ */ e(
+      d,
       {
         variant: "text",
         id: "basic-button",
-        "aria-controls": e ? "basic-menu" : void 0,
+        "aria-controls": o ? "basic-menu" : void 0,
         "aria-haspopup": "true",
-        "aria-expanded": e ? "true" : void 0,
+        "aria-expanded": o ? "true" : void 0,
         onClick: l,
         children: "Open menu"
       }
     ),
     /* @__PURE__ */ a(
-      d,
+      p,
       {
         ...c,
         id: "basic-menu",
         anchorEl: r,
-        open: e,
+        open: o,
         onClose: n,
         MenuListProps: {
           "aria-labelledby": "basic-button"
         },
         children: [
-          /* @__PURE__ */ o(t, { onClick: n, children: "Profile" }),
-          /* @__PURE__ */ o(t, { onClick: n, children: "My account" }),
-          /* @__PURE__ */ o(t, { onClick: n, children: "Logout" })
+          /* @__PURE__ */ e(t, { onClick: n, children: "Profile" }),
+          /* @__PURE__ */ e(t, { onClick: n, children: "My account" }),
+          /* @__PURE__ */ e(t, { onClick: n, children: "Logout" })
         ]
       }
     )
   ] });
 }, x = {
   title: "Components/Menu",
-  component: h
+  component: f
 }, g = {
   args: {}
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../Paper-CjMuucS5.cjs"),r=e=>t.jsx(o.Paper,{sx:{width:"10rem",height:"10rem",p:1},...e,children:"children"}),n={title:"Components/Paper",component:r,argTypes:{elevation:{control:"number"},square:{control:"boolean"},variant:{control:"select",options:["elevation","outlined"]}}},a={args:{elevation:1,square:!1,variant:"elevation"}};exports.Default=a;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../Paper-Cr56xkCr.cjs"),r=e=>t.jsx(o.Paper,{sx:{width:"10rem",height:"10rem",p:1},...e,children:"children"}),n={title:"Components/Paper",component:r,argTypes:{elevation:{control:"number"},square:{control:"boolean"},variant:{control:"select",options:["elevation","outlined"]}}},a={args:{elevation:1,square:!1,variant:"elevation"}};exports.Default=a;exports.default=n;

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { P as o } from "../../Paper-D973Ow-i.js";
+import { P as o } from "../../Paper-BG4Vk_Um.js";
 const r = (e) => /* @__PURE__ */ t(o, { sx: { width: "10rem", height: "10rem", p: 1 }, ...e, children: "children" }), l = {
   title: "Components/Paper",
   component: r,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),R=require("../../FormLabel-BkiH7wl7.cjs"),F=require("react"),r=require("../../identifier-Dax8VlUh.cjs"),u=require("../../Radio-DxbXYNhR.cjs"),G=require("../../useControlled-Ysk4KqoX.cjs"),T=require("../../useForkRef-CTI33h-3.cjs"),w=require("../../useId-DNXtOFeX.cjs"),S=require("../../FormGroup-D0zSGn42.cjs"),L=require("../../DefaultPropsProvider-Biv7NHew.cjs"),p=require("../../FormControlLabel-BlO93LTi.cjs");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const l=O(F);function D(e){return r.generateUtilityClass("MuiRadioGroup",e)}r.generateUtilityClasses("MuiRadioGroup",["root","row","error"]);const M=e=>{const{classes:t,row:s,error:a}=e,i={root:["root",s&&"row",a&&"error"]};return L.composeClasses(i,D,t)},g=l.forwardRef(function(t,s){const{actions:a,children:i,className:y,defaultValue:j,name:C,onChange:c,value:v,...h}=t,d=l.useRef(null),x=M(t),[f,m]=G.useControlled({controlled:v,default:j,name:"RadioGroup"});l.useImperativeHandle(a,()=>({focus:()=>{let n=d.current.querySelector("input:not(:disabled):checked");n||(n=d.current.querySelector("input:not(:disabled)")),n&&n.focus()}}),[]);const P=T.useForkRef(s,d),b=w.useId(C),q=l.useMemo(()=>({name:b,onChange(n){m(n.target.value),c&&c(n,n.target.value)},value:f}),[b,c,m,f]);return o.jsx(u.RadioGroupContext.Provider,{value:q,children:o.jsx(S.FormGroup,{role:"radiogroup",ref:P,className:r.clsx(x.root,y),...h,children:i})})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:r.PropTypes.node,className:r.PropTypes.string,defaultValue:r.PropTypes.any,name:r.PropTypes.string,onChange:r.PropTypes.func,value:r.PropTypes.any});const N=e=>o.jsxs(R.FormControl,{children:[o.jsx(R.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),o.jsxs(g,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...e,children:[o.jsx(p.FormControlLabel,{value:"first",control:o.jsx(u.Radio,{}),label:"First"}),o.jsx(p.FormControlLabel,{value:"second",control:o.jsx(u.Radio,{}),label:"Second"}),o.jsx(p.FormControlLabel,{value:"third",control:o.jsx(u.Radio,{}),label:"Third"})]})]}),V={title:"Components/RadioGroup",component:N},_={args:{row:!1}},k={args:{row:!0}};exports.Default=_;exports.Row=k;exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("../../FormLabel-D1uvEhsH.cjs"),F=require("react"),r=require("../../generateUtilityClasses-B_H9HEmg.cjs"),u=require("../../Radio-CVAEGXKi.cjs"),G=require("../../useControlled-Ysk4KqoX.cjs"),T=require("../../useForkRef-CTI33h-3.cjs"),w=require("../../useId-DNXtOFeX.cjs"),S=require("../../FormGroup-Y3P2AG0i.cjs"),L=require("../../DefaultPropsProvider-3KMGupjb.cjs"),p=require("../../FormControlLabel-Bb6Ul-qQ.cjs");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const l=O(F);function D(e){return r.generateUtilityClass("MuiRadioGroup",e)}r.generateUtilityClasses("MuiRadioGroup",["root","row","error"]);const M=e=>{const{classes:t,row:s,error:a}=e,i={root:["root",s&&"row",a&&"error"]};return L.composeClasses(i,D,t)},R=l.forwardRef(function(t,s){const{actions:a,children:i,className:y,defaultValue:C,name:j,onChange:c,value:h,...v}=t,d=l.useRef(null),x=M(t),[f,m]=G.useControlled({controlled:h,default:C,name:"RadioGroup"});l.useImperativeHandle(a,()=>({focus:()=>{let n=d.current.querySelector("input:not(:disabled):checked");n||(n=d.current.querySelector("input:not(:disabled)")),n&&n.focus()}}),[]);const P=T.useForkRef(s,d),b=w.useId(j),q=l.useMemo(()=>({name:b,onChange(n){m(n.target.value),c&&c(n,n.target.value)},value:f}),[b,c,m,f]);return o.jsx(u.RadioGroupContext.Provider,{value:q,children:o.jsx(S.FormGroup,{role:"radiogroup",ref:P,className:r.clsx(x.root,y),...v,children:i})})});process.env.NODE_ENV!=="production"&&(R.propTypes={children:r.PropTypes.node,className:r.PropTypes.string,defaultValue:r.PropTypes.any,name:r.PropTypes.string,onChange:r.PropTypes.func,value:r.PropTypes.any});const N=e=>o.jsxs(g.FormControl,{children:[o.jsx(g.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),o.jsxs(R,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...e,children:[o.jsx(p.FormControlLabel,{value:"first",control:o.jsx(u.Radio,{}),label:"First"}),o.jsx(p.FormControlLabel,{value:"second",control:o.jsx(u.Radio,{}),label:"Second"}),o.jsx(p.FormControlLabel,{value:"third",control:o.jsx(u.Radio,{}),label:"Third"})]})]}),V={title:"Components/RadioGroup",component:N},_={args:{row:!1}},U={args:{row:!0}};exports.Default=_;exports.Row=U;exports.default=V;

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

@@ -1,14 +1,14 @@
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { F as V, a as N } from "../../FormLabel-CoLJ9tA8.js";
+import { F as V, a as N } from "../../FormLabel-CfR4bb21.js";
 import * as s from "react";
-import { I as P, H as S, G as U, P as t } from "../../identifier-Bn0tF6ls.js";
-import { R as I, a as c } from "../../Radio-BrzQH9pY.js";
+import { I as P, H as S, G as U, P as t } from "../../generateUtilityClasses-Bssl7BA_.js";
+import { R as I, a as c } from "../../Radio-DGhot3Cd.js";
 import { u as L } from "../../useControlled-BYdyS7Pn.js";
 import { u as M } from "../../useForkRef-C_4o__cU.js";
 import { u as T } from "../../useId-CK6Kn3Tn.js";
-import { F as j } from "../../FormGroup-6NoANcYk.js";
-import { c as k } from "../../DefaultPropsProvider-xJkZOrdv.js";
-import { F as d } from "../../FormControlLabel-w-X91z27.js";
+import { F as j } from "../../FormGroup-CbczEc6e.js";
+import { c as k } from "../../DefaultPropsProvider-CvJPQJmL.js";
+import { F as d } from "../../FormControlLabel-BmrKQtQA.js";
 function q(r) {
   return S("MuiRadioGroup", r);
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),u=require("../../FormLabel-BkiH7wl7.cjs"),l=require("../../Select-CL4E8NNL.cjs"),t=require("../../MenuItem-CN75Du-9.cjs"),c=n=>{const[a,s]=d.useState("pending"),i=r=>s(r.target.value);return e.jsxs(u.FormControl,{variant:n.variant,sx:{width:"10rem"},children:[e.jsx(l.InputLabel,{id:"simple-select-label",children:"Status"}),e.jsxs(l.Select,{labelId:"simple-select-label",id:"simple-select",value:a,label:"Status",onChange:i,...n,children:[e.jsx(t.MenuItem,{value:"pending",children:"Pending"}),e.jsx(t.MenuItem,{value:"ongoing",children:"Ongoing"}),e.jsx(t.MenuItem,{value:"validated",children:"Validated"}),e.jsx(t.MenuItem,{value:"rejected",children:"Rejected"})]})]})},o={title:"Components/Select",component:c},g={args:{}},m={args:{variant:"filled"}},v={args:{variant:"standard"}},S={args:{disabled:!0}};exports.Default=g;exports.Disabled=S;exports.Filled=m;exports.Standard=v;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),u=require("../../FormLabel-D1uvEhsH.cjs"),l=require("../../Select-CwAWNiiv.cjs"),t=require("../../MenuItem-BZ_EVaBq.cjs"),c=n=>{const[a,s]=d.useState("pending"),i=r=>s(r.target.value);return e.jsxs(u.FormControl,{variant:n.variant,sx:{width:"10rem"},children:[e.jsx(l.InputLabel,{id:"simple-select-label",children:"Status"}),e.jsxs(l.Select,{labelId:"simple-select-label",id:"simple-select",value:a,label:"Status",onChange:i,...n,children:[e.jsx(t.MenuItem,{value:"pending",children:"Pending"}),e.jsx(t.MenuItem,{value:"ongoing",children:"Ongoing"}),e.jsx(t.MenuItem,{value:"validated",children:"Validated"}),e.jsx(t.MenuItem,{value:"rejected",children:"Rejected"})]})]})},o={title:"Components/Select",component:c},g={args:{}},m={args:{variant:"filled"}},v={args:{variant:"standard"}},S={args:{disabled:!0}};exports.Default=g;exports.Disabled=S;exports.Filled=m;exports.Standard=v;exports.default=o;

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

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { F as o } from "../../FormLabel-CoLJ9tA8.js";
-import { a as c, S as m } from "../../Select-CgAPAUTr.js";
-import { M as t } from "../../MenuItem-CqPsuuC1.js";
+import { F as o } from "../../FormLabel-CfR4bb21.js";
+import { a as c, S as m } from "../../Select-DmssuG5M.js";
+import { M as t } from "../../MenuItem-j8luVUcX.js";
 const u = (a) => {
   const [n, s] = d("pending"), r = (i) => s(i.target.value);
   return /* @__PURE__ */ l(o, { variant: a.variant, sx: { width: "10rem" }, children: [

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),y=require("react"),o=require("../../identifier-Dax8VlUh.cjs"),d=require("../../Tabs-BNqwYd2G.cjs"),P=require("../../DefaultPropsProvider-Biv7NHew.cjs"),M=require("../../useThemeProps-DNFKz8wS.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=w(y),T=l.createContext(null);process.env.NODE_ENV!=="production"&&(T.displayName="TabContext");function E(){const[e,t]=l.useState(null);return l.useEffect(()=>{t(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function v(e){const{children:t,value:r}=e,n=E(),i=l.useMemo(()=>({idPrefix:n,value:r}),[n,r]);return s.jsx(T.Provider,{value:i,children:t})}process.env.NODE_ENV!=="production"&&(v.propTypes={children:o.PropTypes.node,value:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});function m(){return l.useContext(T)}function h(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-P-${t}`}function x(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-T-${t}`}const g=l.forwardRef(function(t,r){const{children:n,...i}=t,a=m();if(a===null)throw new TypeError("No TabContext provided");const c=l.Children.map(n,u=>l.isValidElement(u)?l.cloneElement(u,{"aria-controls":h(a,u.props.value),id:x(a,u.props.value)}):null);return s.jsx(d.Tabs,{...i,ref:r,value:a.value,children:c})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:o.PropTypes.node});function S(e){return o.generateUtilityClass("MuiTabPanel",e)}o.generateUtilityClasses("MuiTabPanel",["root","hidden"]);const I=e=>{const{classes:t,hidden:r}=e,n={root:["root",r&&"hidden"]};return P.composeClasses(n,S,t)},R=P.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({padding:e.spacing(3)})),b=l.forwardRef(function(t,r){const n=M.useThemeProps({props:t,name:"MuiTabPanel"}),{children:i,className:a,value:c,keepMounted:u=!1,...C}=n,f={...n},j=I(f),p=m();if(p===null)throw new TypeError("No TabContext provided");const N=h(p,c),O=x(p,c);return s.jsx(R,{"aria-labelledby":O,className:o.clsx(j.root,a),hidden:c!==p.value,id:N,ref:r,role:"tabpanel",ownerState:f,...C,children:(u||c===p.value)&&i})});process.env.NODE_ENV!=="production"&&(b.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,keepMounted:o.PropTypes.bool,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.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});const q=e=>{const[t,r]=y.useState("1"),n=(i,a)=>r(a);return s.jsxs(v,{value:t,children:[s.jsxs(g,{...e,onChange:n,"aria-label":"lib tablist example",children:[s.jsx(d.Tab,{label:"Item one",value:"1"}),s.jsx(d.Tab,{label:"Item two",value:"2"}),s.jsx(d.Tab,{label:"Item three",value:"3"})]}),s.jsx(b,{value:"1",children:"Item one"}),s.jsx(b,{value:"2",children:"Item two"}),s.jsx(b,{value:"3",children:"Item three"})]})},D={title:"Components/TabList",component:q,argTypes:{allowScrollButtonsMobile:{control:"boolean"},centered:{control:"boolean"},indicatorColor:{control:"radio",options:["primary","secondary"]},orientation:{control:"radio",options:["horizontal","vertical"]},scrollButtons:{control:"radio",options:["auto",!0,!1]},textColor:{control:"radio",options:["inherit","primary","secondary"]},variant:{control:"radio",options:["fullWidth","scrollable","standard"]},visibleScrollbar:{control:"boolean"}}},_={args:{allowScrollButtonsMobile:!1,centered:!1,indicatorColor:"primary",orientation:"horizontal",scrollButtons:"auto",textColor:"primary",variant:"standard",visibleScrollbar:!1}};exports.Default=_;exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),y=require("react"),o=require("../../generateUtilityClasses-B_H9HEmg.cjs"),d=require("../../Tabs-KG4VWw-1.cjs"),P=require("../../DefaultPropsProvider-3KMGupjb.cjs"),M=require("../../useThemeProps-CdV_QwDl.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=w(y),f=l.createContext(null);process.env.NODE_ENV!=="production"&&(f.displayName="TabContext");function E(){const[e,t]=l.useState(null);return l.useEffect(()=>{t(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function v(e){const{children:t,value:r}=e,n=E(),i=l.useMemo(()=>({idPrefix:n,value:r}),[n,r]);return s.jsx(f.Provider,{value:i,children:t})}process.env.NODE_ENV!=="production"&&(v.propTypes={children:o.PropTypes.node,value:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});function m(){return l.useContext(f)}function h(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-P-${t}`}function x(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-T-${t}`}const g=l.forwardRef(function(t,r){const{children:n,...i}=t,a=m();if(a===null)throw new TypeError("No TabContext provided");const c=l.Children.map(n,u=>l.isValidElement(u)?l.cloneElement(u,{"aria-controls":h(a,u.props.value),id:x(a,u.props.value)}):null);return s.jsx(d.Tabs,{...i,ref:r,value:a.value,children:c})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:o.PropTypes.node});function S(e){return o.generateUtilityClass("MuiTabPanel",e)}o.generateUtilityClasses("MuiTabPanel",["root","hidden"]);const I=e=>{const{classes:t,hidden:r}=e,n={root:["root",r&&"hidden"]};return P.composeClasses(n,S,t)},R=P.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({padding:e.spacing(3)})),b=l.forwardRef(function(t,r){const n=M.useThemeProps({props:t,name:"MuiTabPanel"}),{children:i,className:a,value:c,keepMounted:u=!1,...C}=n,T={...n},j=I(T),p=m();if(p===null)throw new TypeError("No TabContext provided");const N=h(p,c),O=x(p,c);return s.jsx(R,{"aria-labelledby":O,className:o.clsx(j.root,a),hidden:c!==p.value,id:N,ref:r,role:"tabpanel",ownerState:T,...C,children:(u||c===p.value)&&i})});process.env.NODE_ENV!=="production"&&(b.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,keepMounted:o.PropTypes.bool,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.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});const q=e=>{const[t,r]=y.useState("1"),n=(i,a)=>r(a);return s.jsxs(v,{value:t,children:[s.jsxs(g,{...e,onChange:n,"aria-label":"lib tablist example",children:[s.jsx(d.Tab,{label:"Item one",value:"1"}),s.jsx(d.Tab,{label:"Item two",value:"2"}),s.jsx(d.Tab,{label:"Item three",value:"3"})]}),s.jsx(b,{value:"1",children:"Item one"}),s.jsx(b,{value:"2",children:"Item two"}),s.jsx(b,{value:"3",children:"Item three"})]})},D={title:"Components/TabList",component:q,argTypes:{allowScrollButtonsMobile:{control:"boolean"},centered:{control:"boolean"},indicatorColor:{control:"radio",options:["primary","secondary"]},orientation:{control:"radio",options:["horizontal","vertical"]},scrollButtons:{control:"radio",options:["auto",!0,!1]},textColor:{control:"radio",options:["inherit","primary","secondary"]},variant:{control:"radio",options:["fullWidth","scrollable","standard"]},visibleScrollbar:{control:"boolean"}}},_={args:{allowScrollButtonsMobile:!1,centered:!1,indicatorColor:"primary",orientation:"horizontal",scrollButtons:"auto",textColor:"primary",variant:"standard",visibleScrollbar:!1}};exports.Default=_;exports.default=D;