@cgi-learning-hub/ui 1.3.5-dev.1739378027 → 1.3.5-dev.1739974341

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

@@ -1,334 +1,10 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { F as S } from "../../FormControlLabel-BjbkwHC0.js";
-import { C as $ } from "../../Checkbox-y6Kts0Hm.js";
-import { a as C } from "../../Radio-DgedCGZw.js";
-import * as x from "react";
-import { H as T, I as R, G as z, n as v, s as O, q as j, P as t } from "../../generateUtilityClasses-v9KcqdK1.js";
-import { c as B } from "../../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { S as M } from "../../SwitchBase-ynQQkTVh.js";
-import { m as d } from "../../memoTheme-D-rebSfX.js";
-import { u as P, s as p, c as L } from "../../DefaultPropsProvider-CmOKr9hq.js";
-import { c as i } from "../../capitalize-yX_QSknw.js";
-import { r as N } from "../../refType-DcE_kWty.js";
-function I(o) {
-  return R("MuiSwitch", o);
-}
-const a = T("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 = L(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(M, {
-  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(B(["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" ? O(o.palette[e].main, 0.62) : j(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__ */ x.forwardRef(function(e, r) {
-  const l = P({
-    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: z(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: N,
-  /**
-   * 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(S, { ...o }), oo = {
+import { jsx as o } from "react/jsx-runtime";
+import { F as l, R as t } from "../../Radio-BmCVKlgN.js";
+import { C as r } from "../../Checkbox-92V5IqYF.js";
+import { S as a } from "../../Switch-JIoNRv7S.js";
+const n = (e) => /* @__PURE__ */ o(l, { ...e }), d = {
   title: "Components/FormControlLabel",
-  component: A,
+  component: n,
   argTypes: {
     control: {
       control: "object"
@@ -350,9 +26,9 @@ const A = (o) => /* @__PURE__ */ s(S, { ...o }), oo = {
       control: "boolean"
     }
   }
-}, to = {
+}, m = {
   args: {
-    control: /* @__PURE__ */ s($, {}),
+    control: /* @__PURE__ */ o(r, {}),
     checked: void 0,
     disabled: void 0,
     disableTypography: void 0,
@@ -360,20 +36,20 @@ const A = (o) => /* @__PURE__ */ s(S, { ...o }), oo = {
     labelPlacement: "end",
     required: void 0
   }
-}, eo = {
+}, p = {
   args: {
-    control: /* @__PURE__ */ s(C, {}),
+    control: /* @__PURE__ */ o(t, {}),
     label: "Label"
   }
-}, ao = {
+}, h = {
   args: {
-    control: /* @__PURE__ */ s(w, {}),
+    control: /* @__PURE__ */ o(a, {}),
     label: "Label"
   }
 };
 export {
-  to as Checkbox,
-  eo as Radio,
-  ao as Switch,
-  oo as default
+  m as Checkbox,
+  p as Radio,
+  h as Switch,
+  d 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"),t=require("../../createSvgIcon-CWNQW6u6.cjs"),o=require("../Heading/Heading.cjs.js"),n=require("../../generateUtilityClasses-0dYt6eGZ.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../createSvgIcon-DKtSalut.cjs"),o=require("../Heading/Heading.cjs.js"),n=require("../../generateUtilityClasses-0dYt6eGZ.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,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../createSvgIcon-Cd6y8E9W.js";
+import { c as t } from "../../createSvgIcon-CIearCnQ.js";
 import n from "../Heading/Heading.es.js";
 import { r as c } from "../../generateUtilityClasses-v9KcqdK1.js";
 const e = t(/* @__PURE__ */ o("path", {

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-CWNQW6u6.cjs"),l=require("../../IconButton-BUCTqOFa.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-DKtSalut.cjs"),l=require("../../IconButton-loyqjXrR.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-Cd6y8E9W.js";
-import { I as l } from "../../IconButton-CZvDgqOc.js";
+import { c as e } from "../../createSvgIcon-CIearCnQ.js";
+import { I as l } from "../../IconButton-C4GFAbeH.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/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-C-bZSJCq.cjs"),d=require("../../Menu-NuheFzLD.cjs"),o=require("../../MenuItem-CNUAbgnE.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.Button,{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-DiQ9wnM_.cjs"),o=require("../../MenuItem-DuLNR389.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,8 +1,8 @@
 import { jsxs as a, Fragment as u, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { B as p } from "../../Button-CSNPv43f.js";
-import { M as d } from "../../Menu-_4rLUzDf.js";
-import { M as t } from "../../MenuItem-D9Hs7HRQ.js";
+import p from "../Button/Button.es.js";
+import { M as d } from "../../Menu-CtlPVqJo.js";
+import { M as t } from "../../MenuItem-BCyMn0B-.js";
 const h = (c) => {
   const [r, i] = m(null), e = !!r, l = (s) => {
     i(s.currentTarget);

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"),g=require("../../FormLabel-CtCBcJ-1.cjs"),F=require("react"),r=require("../../generateUtilityClasses-0dYt6eGZ.cjs"),u=require("../../Radio-8fNX60rb.cjs"),G=require("../../useControlled-Ysk4KqoX.cjs"),T=require("../../useForkRef-CTI33h-3.cjs"),w=require("../../useId-DNXtOFeX.cjs"),S=require("../../FormGroup-x7hlLAv1.cjs"),L=require("../../DefaultPropsProvider-PRhNsS_3.cjs"),p=require("../../FormControlLabel-BjlJz2oa.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:v,...h}=t,d=l.useRef(null),x=M(t),[f,m]=G.useControlled({controlled:v,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),...h,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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../FormLabel-CtCBcJ-1.cjs"),t=require("../../RadioGroup-CA-GTAeR.cjs"),e=require("../../Radio-Cta61QrN.cjs"),a=l=>o.jsxs(r.FormControl,{children:[o.jsx(r.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),o.jsxs(t.RadioGroup,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...l,children:[o.jsx(e.FormControlLabel,{value:"first",control:o.jsx(e.Radio,{}),label:"First"}),o.jsx(e.FormControlLabel,{value:"second",control:o.jsx(e.Radio,{}),label:"Second"}),o.jsx(e.FormControlLabel,{value:"third",control:o.jsx(e.Radio,{}),label:"Third"})]})]}),s={title:"Components/RadioGroup",component:a},n={args:{row:!1}},i={args:{row:!0}};exports.Default=n;exports.Row=i;exports.default=s;

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

@@ -1,133 +1,37 @@
-import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import { F as V, a as N } from "../../FormLabel-Cm4Ba58U.js";
-import * as s from "react";
-import { I as P, H as S, G as U, P as t } from "../../generateUtilityClasses-v9KcqdK1.js";
-import { R as I, a as c } from "../../Radio-DgedCGZw.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-DdwFGMq2.js";
-import { c as k } from "../../DefaultPropsProvider-CmOKr9hq.js";
-import { F as d } from "../../FormControlLabel-BjbkwHC0.js";
-function q(r) {
-  return P("MuiRadioGroup", r);
-}
-S("MuiRadioGroup", ["root", "row", "error"]);
-const D = (r) => {
-  const {
-    classes: a,
-    row: l,
-    error: n
-  } = r;
-  return k({
-    root: ["root", l && "row", n && "error"]
-  }, q, a);
-}, b = /* @__PURE__ */ s.forwardRef(function(a, l) {
-  const {
-    // private
-    // eslint-disable-next-line react/prop-types
-    actions: n,
-    children: m,
-    className: h,
-    defaultValue: C,
-    name: v,
-    onChange: u,
-    value: y,
-    ...G
-  } = a, i = s.useRef(null), F = D(a), [p, f] = L({
-    controlled: y,
-    default: C,
-    name: "RadioGroup"
-  });
-  s.useImperativeHandle(n, () => ({
-    focus: () => {
-      let e = i.current.querySelector("input:not(:disabled):checked");
-      e || (e = i.current.querySelector("input:not(:disabled)")), e && e.focus();
-    }
-  }), []);
-  const w = M(l, i), R = T(v), x = s.useMemo(() => ({
-    name: R,
-    onChange(e) {
-      f(e.target.value), u && u(e, e.target.value);
-    },
-    value: p
-  }), [R, u, f, p]);
-  return /* @__PURE__ */ o(I.Provider, {
-    value: x,
-    children: /* @__PURE__ */ o(j, {
-      role: "radiogroup",
-      ref: w,
-      className: U(F.root, h),
-      ...G,
-      children: m
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (b.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: t.any,
-  /**
-   * The name used to reference the value of the control.
-   * If you don't provide this prop, it falls back to a randomly generated name.
-   */
-  name: t.string,
-  /**
-   * Callback fired when a radio button is selected.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * @param {string} value The value of the selected radio button.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: t.func,
-  /**
-   * Value of the selected radio button. The DOM API casts this to a string.
-   */
-  value: t.any
-});
-const E = (r) => /* @__PURE__ */ g(V, { children: [
-  /* @__PURE__ */ o(N, { id: "radio-buttons-group-label", children: "Label" }),
-  /* @__PURE__ */ g(
-    b,
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { F as e, a as s } from "../../FormLabel-Cm4Ba58U.js";
+import { R as n } from "../../RadioGroup-BoBajGjF.js";
+import { F as r, R as a } from "../../Radio-BmCVKlgN.js";
+const i = (l) => /* @__PURE__ */ t(e, { children: [
+  /* @__PURE__ */ o(s, { id: "radio-buttons-group-label", children: "Label" }),
+  /* @__PURE__ */ t(
+    n,
     {
       "aria-labelledby": "radio-buttons-group-label",
       defaultValue: "first",
       name: "radio-buttons-group",
-      ...r,
+      ...l,
       children: [
-        /* @__PURE__ */ o(d, { value: "first", control: /* @__PURE__ */ o(c, {}), label: "First" }),
-        /* @__PURE__ */ o(d, { value: "second", control: /* @__PURE__ */ o(c, {}), label: "Second" }),
-        /* @__PURE__ */ o(d, { value: "third", control: /* @__PURE__ */ o(c, {}), label: "Third" })
+        /* @__PURE__ */ o(r, { value: "first", control: /* @__PURE__ */ o(a, {}), label: "First" }),
+        /* @__PURE__ */ o(r, { value: "second", control: /* @__PURE__ */ o(a, {}), label: "Second" }),
+        /* @__PURE__ */ o(r, { value: "third", control: /* @__PURE__ */ o(a, {}), label: "Third" })
       ]
     }
   )
-] }), W = {
+] }), c = {
   title: "Components/RadioGroup",
-  component: E
-}, X = {
+  component: i
+}, p = {
   args: {
     row: !1
   }
-}, Y = {
+}, f = {
   args: {
     row: !0
   }
 };
 export {
-  X as Default,
-  Y as Row,
-  W as default
+  p as Default,
+  f as Row,
+  c as default
 };

package/dist/components/stories/ResourceCard.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("../ResourceCard/ResourceCard.cjs.js"),o=require("../../createSvgIcon-CWNQW6u6.cjs"),r=require("@mui/material"),s=o.createSvgIcon(e.jsx("path",{d:"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V8h16z"}),"CalendarToday"),i=o.createSvgIcon(e.jsx("path",{d:"M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-6 16h-2v-2h2zm2.07-7.75-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25"}),"LiveHelp"),l=o.createSvgIcon(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39"}),"Public"),a=o.createSvgIcon(e.jsx("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star"),n={title:"Components/ResourceCard",component:c,argTypes:{title:{description:"Titre de la carte.",control:"text",table:{type:{summary:"string"}},required:!0},defaultImage:{description:"Image par défaut => Logo de l'application",control:"text",table:{type:{summary:"string"}},required:!0},isSelected:{description:"Indique si la carte est sélectionnée.",control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},onSelect:{description:"Callback déclenché lorsque l'utilisateur sélectionne la carte.",action:"card-selected",table:{type:{summary:"() => void"}}},image:{description:"URL de l'image affichée sur la carte.",control:"text",table:{type:{summary:"string"}}},propertyItems:{description:"Liste des propriétés affichées sous le titre.",control:"object",table:{type:{summary:"PropertyItem[{text: Typography, icon: MuiIcon}]"}}},infoIcons:{description:"Liste des icônes d'information affichées dans la carte. (3 maximums)",control:"object",table:{type:{summary:"InfoItem[{text: string, icon: MuiIcon}]"}}},size:{description:"Taille de la carte (petite ou moyenne).",control:"radio",options:["sm","md"],table:{type:{summary:'"sm" | "md"'},defaultValue:{summary:"md"}}},width:{description:"Largeur de la carte.",control:"text",table:{type:{summary:"string"},defaultValue:{summary:"320px"}}}}},t={args:{isSelected:!1,image:"https://dummyimage.com/600x400/000/fff.png&text=flashquizz",defaultImage:"https://flashquizz-dev.support-ent.fr/images/logo.svg",title:"Titre de la Ressource tres loooooooooooooooooooooooooooooooooooooooooooooooooooooong",propertyItems:[{text:e.jsx(r.Typography,{color:"text.primary",children:"0 questions"}),icon:e.jsx(i,{color:"primary"})},{text:e.jsx(r.Typography,{color:"text.primary",children:"27 septembre 2025"}),icon:e.jsx(s,{color:"primary"})}],infoIcons:[{text:"Information 1",icon:e.jsx(l,{color:"primary"})},{text:"Information 2",icon:e.jsx(a,{color:"primary"})},{text:"Information 3",icon:e.jsx(a,{color:"primary"})}],size:"md",onSelect:()=>{console.log("Carte sélectionnée !")},onClick:()=>{console.log("Select all")}}},m={args:{...t.args,isSelected:!0,title:"Carte Sélectionnée"}},d={args:{...t.args,size:"sm",title:"Petite Carte"}},u={args:{...t.args,title:"Pas d'image",image:void 0}};exports.Default=t;exports.NoImage=u;exports.Selected=m;exports.Small=d;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-DKtSalut.cjs"),r=require("@mui/material"),c=require("../ResourceCard/ResourceCard.cjs.js"),s=o.createSvgIcon(e.jsx("path",{d:"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V8h16z"}),"CalendarToday"),i=o.createSvgIcon(e.jsx("path",{d:"M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-6 16h-2v-2h2zm2.07-7.75-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25"}),"LiveHelp"),l=o.createSvgIcon(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39"}),"Public"),a=o.createSvgIcon(e.jsx("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star"),n={title:"Components/ResourceCard",component:c,argTypes:{title:{description:"Titre de la carte.",control:"text",table:{type:{summary:"string"}},required:!0},defaultImage:{description:"Image par défaut => Logo de l'application",control:"text",table:{type:{summary:"string"}},required:!0},isSelected:{description:"Indique si la carte est sélectionnée.",control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},onSelect:{description:"Callback déclenché lorsque l'utilisateur sélectionne la carte.",action:"card-selected",table:{type:{summary:"() => void"}}},image:{description:"URL de l'image affichée sur la carte.",control:"text",table:{type:{summary:"string"}}},propertyItems:{description:"Liste des propriétés affichées sous le titre.",control:"object",table:{type:{summary:"PropertyItem[{text: Typography, icon: MuiIcon}]"}}},infoIcons:{description:"Liste des icônes d'information affichées dans la carte. (3 maximums)",control:"object",table:{type:{summary:"InfoItem[{text: string, icon: MuiIcon}]"}}},size:{description:"Taille de la carte (petite ou moyenne).",control:"radio",options:["sm","md"],table:{type:{summary:'"sm" | "md"'},defaultValue:{summary:"md"}}},width:{description:"Largeur de la carte.",control:"text",table:{type:{summary:"string"},defaultValue:{summary:"320px"}}}}},t={args:{isSelected:!1,image:"https://dummyimage.com/600x400/000/fff.png&text=flashquizz",defaultImage:"https://flashquizz-dev.support-ent.fr/images/logo.svg",title:"Titre de la Ressource tres loooooooooooooooooooooooooooooooooooooooooooooooooooooong",propertyItems:[{text:e.jsx(r.Typography,{color:"text.primary",children:"0 questions"}),icon:e.jsx(i,{color:"primary"})},{text:e.jsx(r.Typography,{color:"text.primary",children:"27 septembre 2025"}),icon:e.jsx(s,{color:"primary"})}],infoIcons:[{text:"Information 1",icon:e.jsx(l,{color:"primary"})},{text:"Information 2",icon:e.jsx(a,{color:"primary"})},{text:"Information 3",icon:e.jsx(a,{color:"primary"})}],size:"md",onSelect:()=>{console.log("Carte sélectionnée !")},onClick:()=>{console.log("Select all")}}},m={args:{...t.args,isSelected:!0,title:"Carte Sélectionnée"}},d={args:{...t.args,size:"sm",title:"Petite Carte"}},u={args:{...t.args,title:"Pas d'image",image:void 0}};exports.Default=t;exports.NoImage=u;exports.Selected=m;exports.Small=d;exports.default=n;

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import c from "../ResourceCard/ResourceCard.es.js";
-import { c as e } from "../../createSvgIcon-Cd6y8E9W.js";
+import { c as e } from "../../createSvgIcon-CIearCnQ.js";
 import { Typography as r } from "@mui/material";
+import c from "../ResourceCard/ResourceCard.es.js";
 const i = e(/* @__PURE__ */ o("path", {
   d: "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V8h16z"
 }), "CalendarToday"), s = e(/* @__PURE__ */ o("path", {
@@ -91,8 +91,14 @@ const i = e(/* @__PURE__ */ o("path", {
     defaultImage: "https://flashquizz-dev.support-ent.fr/images/logo.svg",
     title: "Titre de la Ressource tres loooooooooooooooooooooooooooooooooooooooooooooooooooooong",
     propertyItems: [
-      { text: /* @__PURE__ */ o(r, { color: "text.primary", children: "0 questions" }), icon: /* @__PURE__ */ o(s, { color: "primary" }) },
-      { text: /* @__PURE__ */ o(r, { color: "text.primary", children: "27 septembre 2025" }), icon: /* @__PURE__ */ o(i, { color: "primary" }) }
+      {
+        text: /* @__PURE__ */ o(r, { color: "text.primary", children: "0 questions" }),
+        icon: /* @__PURE__ */ o(s, { color: "primary" })
+      },
+      {
+        text: /* @__PURE__ */ o(r, { color: "text.primary", children: "27 septembre 2025" }),
+        icon: /* @__PURE__ */ o(i, { color: "primary" })
+      }
     ],
     infoIcons: [
       { text: "Information 1", icon: /* @__PURE__ */ o(l, { color: "primary" }) },

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-CtCBcJ-1.cjs"),l=require("../../Select-DtrvYyJ3.cjs"),t=require("../../MenuItem-CNUAbgnE.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-CtCBcJ-1.cjs"),l=require("../../Select-Bm-ZcxRN.cjs"),t=require("../../MenuItem-DuLNR389.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;