@cgi-learning-hub/ui 1.3.3 → 1.3.4-dev.1733911143

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

@@ -0,0 +1,379 @@
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { C as S } from "../../Checkbox-CLM5GjuC.js";
+import { a as $ } from "../../Radio-B0v6nDvz.js";
+import * as C from "react";
+import { I as x, H as T, P as t, n as v, s as R, q as z, G as O } from "../../generateUtilityClasses--6MLb_cS.js";
+import { c as j } from "../../createSimplePaletteValueFilter-B7--0ryQ.js";
+import { S as B } from "../../SwitchBase-DfbwljzN.js";
+import { m as d } from "../../memoTheme-o8RCKrNG.js";
+import { s as p, u as M, c as P } from "../../DefaultPropsProvider-DUWovK-8.js";
+import { c as i } from "../../capitalize-NmHVRYy8.js";
+import { r as L } from "../../useEnhancedEffect-DlS7O_-p.js";
+import { F as N } from "../../FormControlLabel-0-cflTuo.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 = P(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})` : v(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})` : v(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 = M({
+    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), f = /* @__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: f,
+      checkedIcon: f,
+      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: L,
+  /**
+   * 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 }), oo = {
+  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"
+    }
+  }
+}, to = {
+  args: {
+    control: /* @__PURE__ */ s(S, {}),
+    checked: void 0,
+    disabled: void 0,
+    disableTypography: void 0,
+    label: "Label",
+    labelPlacement: "end",
+    required: void 0
+  }
+}, eo = {
+  args: {
+    control: /* @__PURE__ */ s($, {}),
+    label: "Label"
+  }
+}, ao = {
+  args: {
+    control: /* @__PURE__ */ s(w, {}),
+    label: "Label"
+  }
+};
+export {
+  to as Checkbox,
+  eo as Radio,
+  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-GU7fqNnI.cjs"),t=require("../Heading/Heading.cjs.js"),n=require("../../identifier-BQH88SE0.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-eUfAcV0x.cjs"),o=require("../Heading/Heading.cjs.js"),n=require("../../generateUtilityClasses-DEQ18TAF.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-DxbvMQd7.js";
+import { c as t } from "../../createSvgIcon-CeuAoIMQ.js";
 import n from "../Heading/Heading.es.js";
-import { r as c } from "../../identifier-BqadgaK7.js";
+import { r as c } from "../../generateUtilityClasses--6MLb_cS.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"),c=require("../../createSvgIcon-GU7fqNnI.cjs"),t=require("../../IconButton-CVyLtjcH.cjs"),n=c.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"),s={title:"Components/IconButton",component:t.IconButton},o={args:{children:e.jsx(n,{}),onClick:()=>alert("Alert"),disabled:!1}};exports.Default=o;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-eUfAcV0x.cjs"),l=require("../../IconButton-DbWtCGLB.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,19 +1,55 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as t } from "../../createSvgIcon-DxbvMQd7.js";
-import { I as o } from "../../IconButton-Av8eJ5IG.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 = {
+import { jsx as o } from "react/jsx-runtime";
+import { c as e } from "../../createSvgIcon-CeuAoIMQ.js";
+import { I as l } from "../../IconButton-CMwpC2Co.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 = {
   title: "Components/IconButton",
-  component: o
+  component: l,
+  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"]
+    }
+  }
 }, i = {
   args: {
-    children: /* @__PURE__ */ c(s, {}),
-    onClick: () => alert("Alert"),
-    disabled: !1
+    children: /* @__PURE__ */ o(s, {}),
+    color: "default",
+    disabled: !1,
+    disableFocusRipple: !1,
+    disableRipple: !1,
+    edge: !1,
+    size: "medium"
   }
 };
 export {
   i as Default,
-  a as default
+  r as default
 };

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

@@ -0,0 +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;

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,50 @@
+import a from "../ImagePicker/ImagePicker.es.js";
+const l = {
+  title: "Components/ImagePicker",
+  component: a,
+  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" }
+      }
+    }
+  }
+}, i = {
+  args: {
+    information: "SVG, PNG, JPG, GIF",
+    onFileChange: (e) => {
+      console.log(e ? "Image uplaodé" : "Image supprimé");
+    },
+    width: "160px",
+    height: "160px"
+  }
+};
+export {
+  i as Default,
+  l as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../Link-AXhb0uJT.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.d.ts

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

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

@@ -0,0 +1,43 @@
+import { jsx as o } from "react/jsx-runtime";
+import { L as e } from "../../Link-Bdupo_fW.js";
+const n = (r) => /* @__PURE__ */ o(e, { ...r }), c = {
+  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"]
+    }
+  }
+}, s = {
+  args: {
+    children: "Link",
+    color: "primary",
+    href: "https://www.cgi.com/france/fr-fr/solution/cgi-learning-hub",
+    underline: "always"
+  }
+};
+export {
+  s as Default,
+  c as default
+};

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-_chQG-Za.cjs"),o=require("../../MenuItem-De6eStq9.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;

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

@@ -0,0 +1,51 @@
+import { jsxs as a, Fragment as u, jsx as o } from "react/jsx-runtime";
+import { useState as m } from "react";
+import p from "../Button/Button.es.js";
+import { M as d } from "../../Menu-DR-xtxpt.js";
+import { M as t } from "../../MenuItem-C_d0Sc_L.js";
+const h = (c) => {
+  const [r, i] = m(null), e = !!r, l = (s) => {
+    i(s.currentTarget);
+  }, n = () => i(null);
+  return /* @__PURE__ */ a(u, { children: [
+    /* @__PURE__ */ o(
+      p,
+      {
+        variant: "text",
+        id: "basic-button",
+        "aria-controls": e ? "basic-menu" : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": e ? "true" : void 0,
+        onClick: l,
+        children: "Open menu"
+      }
+    ),
+    /* @__PURE__ */ a(
+      d,
+      {
+        ...c,
+        id: "basic-menu",
+        anchorEl: r,
+        open: e,
+        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" })
+        ]
+      }
+    )
+  ] });
+}, x = {
+  title: "Components/Menu",
+  component: h
+}, g = {
+  args: {}
+};
+export {
+  g as Default,
+  x as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../Paper-CH4BABUB.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.d.ts

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