@cgi-learning-hub/ui 1.3.5 → 1.4.0-dev.1740589431

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-CfR4bb21.js";
-import * as s from "react";
-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-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);
-}
-P("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-3-CC-ZGw.js";
+import { R as n } from "../../RadioGroup-cPdOWdYD.js";
+import { F as r, R as a } from "../../Radio-DSRS-tjj.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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ResourceCard } from '../ResourceCard/ResourceCard';
+declare const meta: Meta<typeof ResourceCard>;
+export default meta;
+type Story = StoryObj<typeof ResourceCard>;
+export declare const Default: Story;
+export declare const Selected: Story;
+export declare const Small: Story;
+export declare const NoImage: Story;

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

@@ -0,0 +1,141 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as e } from "../../createSvgIcon-K2ZAdASa.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", {
+  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 = e(/* @__PURE__ */ o("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 = e(/* @__PURE__ */ o("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"), u = {
+  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: /* @__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" }) },
+      { text: "Information 2", icon: /* @__PURE__ */ o(a, { color: "primary" }) },
+      { text: "Information 3", icon: /* @__PURE__ */ o(a, { color: "primary" }) }
+    ],
+    size: "md",
+    onSelect: () => {
+      console.log("Carte sélectionnée !");
+    },
+    onClick: () => {
+      console.log("Select all");
+    }
+  }
+}, y = {
+  args: {
+    ...t.args,
+    isSelected: !0,
+    title: "Carte Sélectionnée"
+  }
+}, g = {
+  args: {
+    ...t.args,
+    size: "sm",
+    title: "Petite Carte"
+  }
+}, f = {
+  args: {
+    ...t.args,
+    title: "Pas d'image",
+    image: void 0
+  }
+};
+export {
+  t as Default,
+  f as NoImage,
+  y as Selected,
+  g as Small,
+  u as default
+};

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-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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),u=require("../../FormLabel-BV7-a0i5.cjs"),l=require("../../Select-DZAzJA0y.cjs"),t=require("../../MenuItem-Bha8aBMr.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-CfR4bb21.js";
-import { a as c, S as m } from "../../Select-DmssuG5M.js";
-import { M as t } from "../../MenuItem-j8luVUcX.js";
+import { F as o } from "../../FormLabel-3-CC-ZGw.js";
+import { a as c, S as m } from "../../Select-CZnKFG3o.js";
+import { M as t } from "../../MenuItem-Cu3FTLl8.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("../../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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),y=require("react"),o=require("../../generateUtilityClasses-De8NU9_E.cjs"),d=require("../../Tabs-AyJ_tKtV.cjs"),M=require("../../useThemeProps-DxBEHys5.cjs"),P=require("../../DefaultPropsProvider-wpBXjN8r.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;

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

@@ -1,10 +1,10 @@
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { jsx as l, jsxs as v } from "react/jsx-runtime";
 import * as r from "react";
 import { useState as w } from "react";
-import { P as o, I, H as M, G as O } from "../../generateUtilityClasses-Bssl7BA_.js";
-import { a as R, T as f } from "../../Tabs-CYbeTnJk.js";
-import { s as S, c as V } from "../../DefaultPropsProvider-CvJPQJmL.js";
-import { u as $ } from "../../useThemeProps-CwEQ4bv2.js";
+import { P as o, I, H as M, G as O } from "../../generateUtilityClasses-DotvgSDH.js";
+import { a as R, T as f } from "../../Tabs-BYfDlOR9.js";
+import { u as S } from "../../useThemeProps-BTfGtNci.js";
+import { s as V, c as $ } from "../../DefaultPropsProvider-Cqcb4sws.js";
 const b = /* @__PURE__ */ r.createContext(null);
 process.env.NODE_ENV !== "production" && (b.displayName = "TabContext");
 function j() {
@@ -13,7 +13,7 @@ function j() {
     t(`mui-p-${Math.round(Math.random() * 1e5)}`);
   }, []), e;
 }
-function v(e) {
+function h(e) {
   const {
     children: t,
     value: n
@@ -26,7 +26,7 @@ function v(e) {
     children: t
   });
 }
-process.env.NODE_ENV !== "production" && (v.propTypes = {
+process.env.NODE_ENV !== "production" && (h.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -85,18 +85,18 @@ process.env.NODE_ENV !== "production" && (C.propTypes = {
   children: o.node
 });
 function D(e) {
-  return M("MuiTabPanel", e);
+  return I("MuiTabPanel", e);
 }
-I("MuiTabPanel", ["root", "hidden"]);
+M("MuiTabPanel", ["root", "hidden"]);
 const U = (e) => {
   const {
     classes: t,
     hidden: n
   } = e;
-  return V({
+  return $({
     root: ["root", n && "hidden"]
   }, D, t);
-}, B = S("div", {
+}, B = V("div", {
   name: "MuiTabPanel",
   slot: "Root",
   overridesResolver: (e, t) => t.root
@@ -105,7 +105,7 @@ const U = (e) => {
 }) => ({
   padding: e.spacing(3)
 })), p = /* @__PURE__ */ r.forwardRef(function(t, n) {
-  const a = $({
+  const a = S({
     props: t,
     name: "MuiTabPanel"
   }), {
@@ -166,8 +166,8 @@ process.env.NODE_ENV !== "production" && (p.propTypes = {
 });
 const L = (e) => {
   const [t, n] = w("1");
-  return /* @__PURE__ */ h(v, { value: t, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ v(h, { value: t, children: [
+    /* @__PURE__ */ v(
       C,
       {
         ...e,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../TextField-BI9KVqjC.cjs"),o=e=>l.jsx(t.TextField,{...e}),r={title:"Components/TextField",component:o,argTypes:{color:{control:"select",options:["primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},error:{control:"boolean"},fullWidth:{control:"boolean"},helperText:{control:"text"},label:{control:"text"},multiline:{control:"boolean"},placeholder:{control:"text"},variant:{control:"select",options:["standard","outlined","filled"]}},args:{color:"primary",disabled:!1,error:!1,fullWidth:!1,helperText:void 0,label:"Label",multiline:!1,placeholder:void 0,variant:"outlined"}},a={args:{}},n={args:{variant:"filled"}},i={args:{variant:"standard"}},s={args:{disabled:!0}};exports.Default=a;exports.Disabled=s;exports.Filled=n;exports.Standard=i;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../TextField-CwcPgdgD.cjs"),o=e=>l.jsx(t.TextField,{...e}),r={title:"Components/TextField",component:o,argTypes:{color:{control:"select",options:["primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},error:{control:"boolean"},fullWidth:{control:"boolean"},helperText:{control:"text"},label:{control:"text"},multiline:{control:"boolean"},placeholder:{control:"text"},variant:{control:"select",options:["standard","outlined","filled"]}},args:{color:"primary",disabled:!1,error:!1,fullWidth:!1,helperText:void 0,label:"Label",multiline:!1,placeholder:void 0,variant:"outlined"}},a={args:{}},n={args:{variant:"filled"}},i={args:{variant:"standard"}},s={args:{disabled:!0}};exports.Default=a;exports.Disabled=s;exports.Filled=n;exports.Standard=i;exports.default=r;

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

@@ -1,6 +1,6 @@
-import { jsx as l } from "react/jsx-runtime";
-import { T as o } from "../../TextField-Cri5Gxa7.js";
-const t = (e) => /* @__PURE__ */ l(o, { ...e }), n = {
+import { jsx as o } from "react/jsx-runtime";
+import { T as l } from "../../TextField-BKfXjPdH.js";
+const t = (e) => /* @__PURE__ */ o(l, { ...e }), n = {
   title: "Components/TextField",
   component: t,
   argTypes: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("../../Tooltip-DhDtvULK.cjs"),l=require("../../Button-BH9MUvmz.cjs"),r=o=>t.jsx(e.Tooltip,{...o,children:t.jsx(l.Button,{children:"Hover to display tooltip"})}),n={title:"Components/Tooltip",component:r,argTypes:{arrow:{control:"boolean"},followCursor:{control:"boolean"},placement:{control:"select",options:["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]},title:{control:"text"}}},s={args:{arrow:!1,followCursor:!1,placement:"bottom",title:"Title"}};exports.Default=s;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("../../Tooltip-oNmnF7Bc.cjs"),l=require("../../Button-UmeKHfcL.cjs"),r=o=>t.jsx(e.Tooltip,{...o,children:t.jsx(l.Button,{children:"Hover to display tooltip"})}),n={title:"Components/Tooltip",component:r,argTypes:{arrow:{control:"boolean"},followCursor:{control:"boolean"},placement:{control:"select",options:["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]},title:{control:"text"}}},s={args:{arrow:!1,followCursor:!1,placement:"bottom",title:"Title"}};exports.Default=s;exports.default=n;

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { T as e } from "../../Tooltip-BhAHhzKz.js";
-import { B as r } from "../../Button-BnNYfQ3E.js";
+import { T as e } from "../../Tooltip-B1NGvrJP.js";
+import { B as r } from "../../Button-B7kOjNW1.js";
 const l = (o) => /* @__PURE__ */ t(e, { ...o, children: /* @__PURE__ */ t(r, { children: "Hover to display tooltip" }) }), i = {
   title: "Components/Tooltip",
   component: l,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Typography-DfRMDngd.cjs"),e={title:"Components/Typography",component:t.Typography,argTypes:{align:{control:"select",options:["center","inherit","justify","left","right"]},children:{control:"text"},color:{control:"select",options:["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]},gutterBottom:{control:"boolean"},noWrap:{control:"boolean"},variant:{control:"select",options:["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]}}},o={args:{align:"inherit",children:"CGI Learning Hub",gutterBottom:!1,noWrap:!1,variant:"body1"}};exports.Default=o;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Typography-DPij13XT.cjs"),e={title:"Components/Typography",component:t.Typography,argTypes:{align:{control:"select",options:["center","inherit","justify","left","right"]},children:{control:"text"},color:{control:"select",options:["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]},gutterBottom:{control:"boolean"},noWrap:{control:"boolean"},variant:{control:"select",options:["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]}}},o={args:{align:"inherit",children:"CGI Learning Hub",gutterBottom:!1,noWrap:!1,variant:"body1"}};exports.Default=o;exports.default=e;

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

@@ -1,4 +1,4 @@
-import { T as t } from "../../Typography-DBwTr_ix.js";
+import { T as t } from "../../Typography-SIQ6eleU.js";
 const e = {
   title: "Components/Typography",
   component: t,

package/dist/createSvgIcon-DJMYlO0S.cjs

@@ -0,0 +1 @@
+"use strict";const x=require("react"),h=require("react/jsx-runtime"),o=require("./generateUtilityClasses-De8NU9_E.cjs"),C=require("./memoTheme-DrjvJtTP.cjs"),b=require("./DefaultPropsProvider-wpBXjN8r.cjs"),P=require("./capitalize-CEByPz9F.cjs");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const z=O(x);function I(e){return o.generateUtilityClass("MuiSvgIcon",e)}const w=o.generateUtilityClasses("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]),j=e=>{const{color:r,fontSize:t,classes:s}=e,n={root:["root",r!=="inherit"&&`color${P.capitalize(r)}`,`fontSize${P.capitalize(t)}`]};return b.composeClasses(n,I,s)},R=b.styled("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,t.color!=="inherit"&&r[`color${P.capitalize(t.color)}`],r[`fontSize${P.capitalize(t.fontSize)}`]]}})(C.memoTheme(({theme:e})=>{var r,t,s,n,p,m,c,S,a,y,l,u,v,f;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:(n=(r=e.transitions)==null?void 0:r.create)==null?void 0:n.call(r,"fill",{duration:(s=(t=(e.vars??e).transitions)==null?void 0:t.duration)==null?void 0:s.shorter}),variants:[{props:i=>!i.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:((m=(p=e.typography)==null?void 0:p.pxToRem)==null?void 0:m.call(p,20))||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:((S=(c=e.typography)==null?void 0:c.pxToRem)==null?void 0:S.call(c,24))||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:((y=(a=e.typography)==null?void 0:a.pxToRem)==null?void 0:y.call(a,35))||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter(([,i])=>i&&i.main).map(([i])=>{var d,T;return{props:{color:i},style:{color:(T=(d=(e.vars??e).palette)==null?void 0:d[i])==null?void 0:T.main}}}),{props:{color:"action"},style:{color:(u=(l=(e.vars??e).palette)==null?void 0:l.action)==null?void 0:u.active}},{props:{color:"disabled"},style:{color:(f=(v=(e.vars??e).palette)==null?void 0:v.action)==null?void 0:f.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}})),g=z.forwardRef(function(r,t){const s=b.useDefaultProps({props:r,name:"MuiSvgIcon"}),{children:n,className:p,color:m="inherit",component:c="svg",fontSize:S="medium",htmlColor:a,inheritViewBox:y=!1,titleAccess:l,viewBox:u="0 0 24 24",...v}=s,f=z.isValidElement(n)&&n.type==="svg",i={...s,color:m,component:c,fontSize:S,instanceFontSize:r.fontSize,inheritViewBox:y,viewBox:u,hasSvgAsChild:f},d={};y||(d.viewBox=u);const T=j(i);return h.jsxs(R,{as:c,className:o.clsx(T.root,p),focusable:"false",color:a,"aria-hidden":l?void 0:!0,role:l?"img":void 0,ref:t,...d,...v,...f&&n.props,ownerState:i,children:[f?n.props.children:n,l?h.jsx("title",{children:l}):null]})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),htmlColor:o.PropTypes.string,inheritViewBox:o.PropTypes.bool,shapeRendering:o.PropTypes.string,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),titleAccess:o.PropTypes.string,viewBox:o.PropTypes.string});g.muiName="SvgIcon";function N(e,r){function t(s,n){return h.jsx(g,{"data-testid":`${r}Icon`,ref:n,...s,children:e})}return process.env.NODE_ENV!=="production"&&(t.displayName=`${r}Icon`),t.muiName=g.muiName,z.memo(z.forwardRef(t))}exports.SvgIcon=g;exports.createSvgIcon=N;exports.getSvgIconUtilityClass=I;exports.svgIconClasses=w;