@cgi-learning-hub/ui 1.3.3 → 1.3.4

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

@@ -0,0 +1,28 @@
+import { jsx as t } from "react/jsx-runtime";
+import { P as o } from "../../Paper-D973Ow-i.js";
+const r = (e) => /* @__PURE__ */ t(o, { sx: { width: "10rem", height: "10rem", p: 1 }, ...e, children: "children" }), l = {
+  title: "Components/Paper",
+  component: r,
+  argTypes: {
+    elevation: {
+      control: "number"
+    },
+    square: {
+      control: "boolean"
+    },
+    variant: {
+      control: "select",
+      options: ["elevation", "outlined"]
+    }
+  }
+}, i = {
+  args: {
+    elevation: 1,
+    square: !1,
+    variant: "elevation"
+  }
+};
+export {
+  i as Default,
+  l as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),O=require("../../FormLabel-D8jYibc1.cjs"),B=require("react"),o=require("../../identifier-BQH88SE0.cjs"),D=require("../../useControlled-Ysk4KqoX.cjs"),E=require("../../useForkRef-D81w5oMb.cjs"),U=require("../../useId-DNXtOFeX.cjs"),v=require("../../FormGroup-BBYEQB4C.cjs"),c=require("../../DefaultPropsProvider-BrX6iuA3.cjs"),_=require("../../SwitchBase-URM3X3YZ.cjs"),G=require("../../createSvgIcon-GU7fqNnI.cjs"),V=require("../../memoTheme-B6o2KVgJ.cjs"),L=require("../../useFormControl-haP0iPhl.cjs"),F=require("../../createSimplePaletteValueFilter-PTK3TAhW.cjs"),H=require("../../refType-Do7KaOvv.cjs");function Z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=Z(B),A=G.createSvgIcon(s.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),J=G.createSvgIcon(s.jsx("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked"),K=c.styled("span",{shouldForwardProp:c.rootShouldForwardProp})({position:"relative",display:"flex"}),Q=c.styled(A)({transform:"scale(1)"}),W=c.styled(J)(V.memoTheme(({theme:e})=>({left:0,position:"absolute",transform:"scale(0)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeIn,duration:e.transitions.duration.shortest}),variants:[{props:{checked:!0},style:{transform:"scale(1)",transition:e.transitions.create("transform",{easing:e.transitions.easing.easeOut,duration:e.transitions.duration.shortest})}}]})));function w(e){const{checked:r=!1,classes:t={},fontSize:a}=e,n={...e,checked:r};return s.jsxs(K,{className:t.root,ownerState:n,children:[s.jsx(Q,{fontSize:a,className:t.background,ownerState:n}),s.jsx(W,{fontSize:a,className:t.dot,ownerState:n})]})}process.env.NODE_ENV!=="production"&&(w.propTypes={checked:o.PropTypes.bool,classes:o.PropTypes.object,fontSize:o.PropTypes.oneOf(["small","medium"])});const z=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(z.displayName="RadioGroupContext");function X(){return l.useContext(z)}function Y(e){return o.generateUtilityClass("MuiRadio",e)}const q=o.generateUtilityClasses("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]),ee=e=>{const{classes:r,color:t,size:a}=e,n={root:["root",`color${o.capitalize(t)}`,a!=="medium"&&`size${o.capitalize(a)}`]};return{...r,...c.composeClasses(n,Y,r)}},oe=c.styled(_.SwitchBase,{shouldForwardProp:e=>c.rootShouldForwardProp(e)||e==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:t}=e;return[r.root,t.size!=="medium"&&r[`size${o.capitalize(t.size)}`],r[`color${o.capitalize(t.color)}`]]}})(V.memoTheme(({theme:e})=>({color:(e.vars||e).palette.text.secondary,[`&.${q.disabled}`]:{color:(e.vars||e).palette.action.disabled},variants:[{props:{color:"default",disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette.action.active,e.palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter(F.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1,disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[r].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette[r].main,e.palette.action.hoverOpacity)}}})),...Object.entries(e.palette).filter(F.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r,disabled:!1},style:{[`&.${q.checked}`]:{color:(e.vars||e).palette[r].main}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]})));function re(e,r){return typeof r=="object"&&r!==null?e===r:String(e)===String(r)}const N=s.jsx(w,{checked:!0}),I=s.jsx(w,{}),T=l.forwardRef(function(r,t){const a=c.useDefaultProps({props:r,name:"MuiRadio"}),{checked:n,checkedIcon:C=N,color:R="primary",icon:h=I,name:u,onChange:S,size:d="medium",className:f,disabled:j,disableRipple:m=!1,...b}=a,P=L.useFormControl();let p=j;P&&typeof p>"u"&&(p=P.disabled),p??(p=!1);const g={...a,disabled:p,disableRipple:m,color:R,size:d},i=ee(g),y=X();let x=n;const $=O.createChainedFunction(S,y&&y.onChange);let k=u;return y&&(typeof x>"u"&&(x=re(y.value,a.value)),typeof k>"u"&&(k=y.name)),s.jsx(oe,{type:"radio",icon:l.cloneElement(h,{fontSize:I.props.fontSize??d}),checkedIcon:l.cloneElement(C,{fontSize:N.props.fontSize??d}),disabled:p,ownerState:g,classes:i,name:k,checked:x,onChange:$,ref:t,className:o.clsx(i.root,f),...b})});process.env.NODE_ENV!=="production"&&(T.propTypes={checked:o.PropTypes.bool,checkedIcon:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),disabled:o.PropTypes.bool,disableRipple:o.PropTypes.bool,icon:o.PropTypes.node,id:o.PropTypes.string,inputProps:o.PropTypes.object,inputRef:H.refType,name:o.PropTypes.string,onChange:o.PropTypes.func,required:o.PropTypes.bool,size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.any});function te(e){return o.generateUtilityClass("MuiRadioGroup",e)}o.generateUtilityClasses("MuiRadioGroup",["root","row","error"]);const se=e=>{const{classes:r,row:t,error:a}=e,n={root:["root",t&&"row",a&&"error"]};return c.composeClasses(n,te,r)},M=l.forwardRef(function(r,t){const{actions:a,children:n,className:C,defaultValue:R,name:h,onChange:u,value:S,...d}=r,f=l.useRef(null),j=se(r),[m,b]=D.useControlled({controlled:S,default:R,name:"RadioGroup"});l.useImperativeHandle(a,()=>({focus:()=>{let i=f.current.querySelector("input:not(:disabled):checked");i||(i=f.current.querySelector("input:not(:disabled)")),i&&i.focus()}}),[]);const P=E.useForkRef(t,f),p=U.useId(h),g=l.useMemo(()=>({name:p,onChange(i){b(i.target.value),u&&u(i,i.target.value)},value:m}),[p,u,b,m]);return s.jsx(z.Provider,{value:g,children:s.jsx(v.FormGroup,{role:"radiogroup",ref:P,className:o.clsx(j.root,C),...d,children:n})})});process.env.NODE_ENV!=="production"&&(M.propTypes={children:o.PropTypes.node,className:o.PropTypes.string,defaultValue:o.PropTypes.any,name:o.PropTypes.string,onChange:o.PropTypes.func,value:o.PropTypes.any});const ae=e=>s.jsxs(O.FormControl,{children:[s.jsx(O.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),s.jsxs(M,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...e,children:[s.jsx(v.FormControlLabel,{value:"first",control:s.jsx(T,{}),label:"First"}),s.jsx(v.FormControlLabel,{value:"second",control:s.jsx(T,{}),label:"Second"}),s.jsx(v.FormControlLabel,{value:"third",control:s.jsx(T,{}),label:"Third"})]})]}),ne={title:"Components/RadioGroup",component:ae},ie={args:{row:!1}},le={args:{row:!0}};exports.Default=ie;exports.Row=le;exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),R=require("../../FormLabel-BkiH7wl7.cjs"),F=require("react"),r=require("../../identifier-Dax8VlUh.cjs"),u=require("../../Radio-DxbXYNhR.cjs"),G=require("../../useControlled-Ysk4KqoX.cjs"),T=require("../../useForkRef-CTI33h-3.cjs"),w=require("../../useId-DNXtOFeX.cjs"),S=require("../../FormGroup-D0zSGn42.cjs"),L=require("../../DefaultPropsProvider-Biv7NHew.cjs"),p=require("../../FormControlLabel-BlO93LTi.cjs");function O(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const l=O(F);function D(e){return r.generateUtilityClass("MuiRadioGroup",e)}r.generateUtilityClasses("MuiRadioGroup",["root","row","error"]);const M=e=>{const{classes:t,row:s,error:a}=e,i={root:["root",s&&"row",a&&"error"]};return L.composeClasses(i,D,t)},g=l.forwardRef(function(t,s){const{actions:a,children:i,className:y,defaultValue:j,name:C,onChange:c,value:v,...h}=t,d=l.useRef(null),x=M(t),[f,m]=G.useControlled({controlled:v,default:j,name:"RadioGroup"});l.useImperativeHandle(a,()=>({focus:()=>{let n=d.current.querySelector("input:not(:disabled):checked");n||(n=d.current.querySelector("input:not(:disabled)")),n&&n.focus()}}),[]);const P=T.useForkRef(s,d),b=w.useId(C),q=l.useMemo(()=>({name:b,onChange(n){m(n.target.value),c&&c(n,n.target.value)},value:f}),[b,c,m,f]);return o.jsx(u.RadioGroupContext.Provider,{value:q,children:o.jsx(S.FormGroup,{role:"radiogroup",ref:P,className:r.clsx(x.root,y),...h,children:i})})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:r.PropTypes.node,className:r.PropTypes.string,defaultValue:r.PropTypes.any,name:r.PropTypes.string,onChange:r.PropTypes.func,value:r.PropTypes.any});const N=e=>o.jsxs(R.FormControl,{children:[o.jsx(R.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),o.jsxs(g,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...e,children:[o.jsx(p.FormControlLabel,{value:"first",control:o.jsx(u.Radio,{}),label:"First"}),o.jsx(p.FormControlLabel,{value:"second",control:o.jsx(u.Radio,{}),label:"Second"}),o.jsx(p.FormControlLabel,{value:"third",control:o.jsx(u.Radio,{}),label:"Third"})]})]}),V={title:"Components/RadioGroup",component:N},_={args:{row:!1}},k={args:{row:!0}};exports.Default=_;exports.Row=k;exports.default=V;

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

@@ -1,370 +1,69 @@
-import { jsx as t, jsxs as P } from "react/jsx-runtime";
-import { e as J, F as K, a as Z } from "../../FormLabel-B4QlkhhB.js";
-import * as l from "react";
-import { P as e, J as j, I as B, L as y, n as x, K as M } from "../../identifier-BqadgaK7.js";
-import { u as A } from "../../useControlled-BYdyS7Pn.js";
-import { u as Q } from "../../useForkRef-D-DyzOXj.js";
-import { u as W } from "../../useId-CK6Kn3Tn.js";
-import { a as X, F as I } from "../../FormGroup-BVtE8Mrv.js";
-import { s as C, r as U, u as Y, c as D } from "../../DefaultPropsProvider-CaRoy5OV.js";
-import { S as oo } from "../../SwitchBase-yCuH0Tqk.js";
-import { c as q } from "../../createSvgIcon-DxbvMQd7.js";
-import { m as L } from "../../memoTheme-DfGVDRrB.js";
-import { u as eo } from "../../useFormControl-CatNKXAi.js";
-import { c as $ } from "../../createSimplePaletteValueFilter-B7--0ryQ.js";
-import { r as ao } from "../../refType-DlHf9HvO.js";
-const to = q(/* @__PURE__ */ t("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "RadioButtonUnchecked"), ro = q(/* @__PURE__ */ t("path", {
-  d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-}), "RadioButtonChecked"), so = C("span", {
-  shouldForwardProp: U
-})({
-  position: "relative",
-  display: "flex"
-}), no = C(to)({
-  // Scale applied to prevent dot misalignment in Safari
-  transform: "scale(1)"
-}), io = C(ro)(L(({
-  theme: o
-}) => ({
-  left: 0,
-  position: "absolute",
-  transform: "scale(0)",
-  transition: o.transitions.create("transform", {
-    easing: o.transitions.easing.easeIn,
-    duration: o.transitions.duration.shortest
-  }),
-  variants: [{
-    props: {
-      checked: !0
-    },
-    style: {
-      transform: "scale(1)",
-      transition: o.transitions.create("transform", {
-        easing: o.transitions.easing.easeOut,
-        duration: o.transitions.duration.shortest
-      })
-    }
-  }]
-})));
-function F(o) {
-  const {
-    checked: a = !1,
-    classes: r = {},
-    fontSize: s
-  } = o, i = {
-    ...o,
-    checked: a
-  };
-  return /* @__PURE__ */ P(so, {
-    className: r.root,
-    ownerState: i,
-    children: [/* @__PURE__ */ t(no, {
-      fontSize: s,
-      className: r.background,
-      ownerState: i
-    }), /* @__PURE__ */ t(io, {
-      fontSize: s,
-      className: r.dot,
-      ownerState: i
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (F.propTypes = {
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: e.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense radio styling.
-   */
-  fontSize: e.oneOf(["small", "medium"])
-});
-const G = /* @__PURE__ */ l.createContext(void 0);
-process.env.NODE_ENV !== "production" && (G.displayName = "RadioGroupContext");
-function lo() {
-  return l.useContext(G);
-}
-function co(o) {
-  return B("MuiRadio", o);
-}
-const E = j("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]), uo = (o) => {
-  const {
-    classes: a,
-    color: r,
-    size: s
-  } = o, i = {
-    root: ["root", `color${y(r)}`, s !== "medium" && `size${y(s)}`]
-  };
-  return {
-    ...a,
-    ...D(i, co, a)
-  };
-}, po = C(oo, {
-  shouldForwardProp: (o) => U(o) || o === "classes",
-  name: "MuiRadio",
-  slot: "Root",
-  overridesResolver: (o, a) => {
-    const {
-      ownerState: r
-    } = o;
-    return [a.root, r.size !== "medium" && a[`size${y(r.size)}`], a[`color${y(r.color)}`]];
-  }
-})(L(({
-  theme: o
-}) => ({
-  color: (o.vars || o).palette.text.secondary,
-  [`&.${E.disabled}`]: {
-    color: (o.vars || o).palette.action.disabled
-  },
-  variants: [{
-    props: {
-      color: "default",
-      disabled: !1,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : x(o.palette.action.active, o.palette.action.hoverOpacity)
-      }
-    }
-  }, ...Object.entries(o.palette).filter($()).map(([a]) => ({
-    props: {
-      color: a,
-      disabled: !1,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[a].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : x(o.palette[a].main, o.palette.action.hoverOpacity)
-      }
-    }
-  })), ...Object.entries(o.palette).filter($()).map(([a]) => ({
-    props: {
-      color: a,
-      disabled: !1
-    },
-    style: {
-      [`&.${E.checked}`]: {
-        color: (o.vars || o).palette[a].main
-      }
-    }
-  })), {
-    // Should be last to override other colors
-    props: {
-      disableRipple: !1
-    },
-    style: {
-      // Reset on touch devices, it doesn't add specificity
-      "&:hover": {
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }]
-})));
-function fo(o, a) {
-  return typeof a == "object" && a !== null ? o === a : String(o) === String(a);
-}
-const T = /* @__PURE__ */ t(F, {
-  checked: !0
-}), V = /* @__PURE__ */ t(F, {}), g = /* @__PURE__ */ l.forwardRef(function(a, r) {
-  const s = Y({
-    props: a,
-    name: "MuiRadio"
-  }), {
-    checked: i,
-    checkedIcon: h = T,
-    color: S = "primary",
-    icon: k = V,
-    name: d,
-    onChange: w,
-    size: u = "medium",
-    className: p,
-    disabled: z,
-    disableRipple: m = !1,
-    ...b
-  } = s, v = eo();
-  let c = z;
-  v && typeof c > "u" && (c = v.disabled), c ?? (c = !1);
-  const R = {
-    ...s,
-    disabled: c,
-    disableRipple: m,
-    color: S,
-    size: u
-  }, n = uo(R), f = lo();
-  let O = i;
-  const H = J(w, f && f.onChange);
-  let N = d;
-  return f && (typeof O > "u" && (O = fo(f.value, s.value)), typeof N > "u" && (N = f.name)), /* @__PURE__ */ t(po, {
-    type: "radio",
-    icon: /* @__PURE__ */ l.cloneElement(k, {
-      fontSize: V.props.fontSize ?? u
-    }),
-    checkedIcon: /* @__PURE__ */ l.cloneElement(h, {
-      fontSize: T.props.fontSize ?? u
-    }),
-    disabled: c,
-    ownerState: R,
-    classes: n,
-    name: N,
-    checked: O,
-    onChange: H,
-    ref: r,
-    className: M(n.root, p),
-    ...b
-  });
-});
-process.env.NODE_ENV !== "production" && (g.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: e.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <RadioButtonIcon checked />
-   */
-  checkedIcon: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: e.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <RadioButtonIcon />
-   */
-  icon: e.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: e.string,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: ao,
-  /**
-   * Name attribute of the `input` element.
-   */
-  name: e.string,
-  /**
-   * 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: e.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense radio styling.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   */
-  value: e.any
-});
-function mo(o) {
-  return B("MuiRadioGroup", o);
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { F as V, a as N } from "../../FormLabel-CoLJ9tA8.js";
+import * as s from "react";
+import { I as P, H as S, G as U, P as t } from "../../identifier-Bn0tF6ls.js";
+import { R as I, a as c } from "../../Radio-BrzQH9pY.js";
+import { u as L } from "../../useControlled-BYdyS7Pn.js";
+import { u as M } from "../../useForkRef-C_4o__cU.js";
+import { u as T } from "../../useId-CK6Kn3Tn.js";
+import { F as j } from "../../FormGroup-6NoANcYk.js";
+import { c as k } from "../../DefaultPropsProvider-xJkZOrdv.js";
+import { F as d } from "../../FormControlLabel-w-X91z27.js";
+function q(r) {
+  return S("MuiRadioGroup", r);
 }
-j("MuiRadioGroup", ["root", "row", "error"]);
-const bo = (o) => {
+P("MuiRadioGroup", ["root", "row", "error"]);
+const D = (r) => {
   const {
     classes: a,
-    row: r,
-    error: s
-  } = o;
-  return D({
-    root: ["root", r && "row", s && "error"]
-  }, mo, a);
-}, _ = /* @__PURE__ */ l.forwardRef(function(a, r) {
+    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: s,
-    children: i,
+    actions: n,
+    children: m,
     className: h,
-    defaultValue: S,
-    name: k,
-    onChange: d,
-    value: w,
-    ...u
-  } = a, p = l.useRef(null), z = bo(a), [m, b] = A({
-    controlled: w,
-    default: S,
+    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"
   });
-  l.useImperativeHandle(s, () => ({
+  s.useImperativeHandle(n, () => ({
     focus: () => {
-      let n = p.current.querySelector("input:not(:disabled):checked");
-      n || (n = p.current.querySelector("input:not(:disabled)")), n && n.focus();
+      let e = i.current.querySelector("input:not(:disabled):checked");
+      e || (e = i.current.querySelector("input:not(:disabled)")), e && e.focus();
     }
   }), []);
-  const v = Q(r, p), c = W(k), R = l.useMemo(() => ({
-    name: c,
-    onChange(n) {
-      b(n.target.value), d && d(n, n.target.value);
+  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: m
-  }), [c, d, b, m]);
-  return /* @__PURE__ */ t(G.Provider, {
-    value: R,
-    children: /* @__PURE__ */ t(X, {
+    value: p
+  }), [R, u, f, p]);
+  return /* @__PURE__ */ o(I.Provider, {
+    value: x,
+    children: /* @__PURE__ */ o(j, {
       role: "radiogroup",
-      ref: v,
-      className: M(z.root, h),
-      ...u,
-      children: i
+      ref: w,
+      className: U(F.root, h),
+      ...G,
+      children: m
     })
   });
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+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`.     │
@@ -372,20 +71,20 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: t.node,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: e.any,
+  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: e.string,
+  name: t.string,
   /**
    * Callback fired when a radio button is selected.
    *
@@ -393,42 +92,42 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    * @param {string} value The value of the selected radio button.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange: e.func,
+  onChange: t.func,
   /**
    * Value of the selected radio button. The DOM API casts this to a string.
    */
-  value: e.any
+  value: t.any
 });
-const vo = (o) => /* @__PURE__ */ P(K, { children: [
-  /* @__PURE__ */ t(Z, { id: "radio-buttons-group-label", children: "Label" }),
-  /* @__PURE__ */ P(
-    _,
+const E = (r) => /* @__PURE__ */ g(V, { children: [
+  /* @__PURE__ */ o(N, { id: "radio-buttons-group-label", children: "Label" }),
+  /* @__PURE__ */ g(
+    b,
     {
       "aria-labelledby": "radio-buttons-group-label",
       defaultValue: "first",
       name: "radio-buttons-group",
-      ...o,
+      ...r,
       children: [
-        /* @__PURE__ */ t(I, { value: "first", control: /* @__PURE__ */ t(g, {}), label: "First" }),
-        /* @__PURE__ */ t(I, { value: "second", control: /* @__PURE__ */ t(g, {}), label: "Second" }),
-        /* @__PURE__ */ t(I, { value: "third", control: /* @__PURE__ */ t(g, {}), label: "Third" })
+        /* @__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" })
       ]
     }
   )
-] }), Go = {
+] }), W = {
   title: "Components/RadioGroup",
-  component: vo
-}, xo = {
+  component: E
+}, X = {
   args: {
     row: !1
   }
-}, $o = {
+}, Y = {
   args: {
     row: !0
   }
 };
 export {
-  xo as Default,
-  $o as Row,
-  Go as default
+  X as Default,
+  Y as Row,
+  W 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-D8jYibc1.cjs"),l=require("../../Select-ipcMZ4iK.cjs"),t=require("../../MenuItem-Els-vJZW.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-BkiH7wl7.cjs"),l=require("../../Select-CL4E8NNL.cjs"),t=require("../../MenuItem-CN75Du-9.cjs"),c=n=>{const[a,s]=d.useState("pending"),i=r=>s(r.target.value);return e.jsxs(u.FormControl,{variant:n.variant,sx:{width:"10rem"},children:[e.jsx(l.InputLabel,{id:"simple-select-label",children:"Status"}),e.jsxs(l.Select,{labelId:"simple-select-label",id:"simple-select",value:a,label:"Status",onChange:i,...n,children:[e.jsx(t.MenuItem,{value:"pending",children:"Pending"}),e.jsx(t.MenuItem,{value:"ongoing",children:"Ongoing"}),e.jsx(t.MenuItem,{value:"validated",children:"Validated"}),e.jsx(t.MenuItem,{value:"rejected",children:"Rejected"})]})]})},o={title:"Components/Select",component:c},g={args:{}},m={args:{variant:"filled"}},v={args:{variant:"standard"}},S={args:{disabled:!0}};exports.Default=g;exports.Disabled=S;exports.Filled=m;exports.Standard=v;exports.default=o;

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