@cgi-learning-hub/ui 1.3.2 → 1.3.3-dev.1732123246

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

@@ -0,0 +1,11 @@
+import o from "../LoaderBackdrop/LoaderBackdrop.es.js";
+const a = {
+  title: "Components/LoaderBackdrop",
+  component: o
+}, e = {
+  args: {}
+};
+export {
+  e as Default,
+  a as default
+};

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

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

package/dist/components/stories/Paper.stories.d.ts

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

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-CMUbp6SX.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/PasswordInput.stories.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../PasswordInput/PasswordInput.cjs.js"),t={title:"Components/PasswordInput",component:e},o={args:{label:"Password"}};exports.Default=o;exports.default=t;

package/dist/components/stories/PasswordInput.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PasswordInput } from '../PasswordInput';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+export declare const Default: Story;

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

@@ -0,0 +1,13 @@
+import t from "../PasswordInput/PasswordInput.es.js";
+const s = {
+  title: "Components/PasswordInput",
+  component: t
+}, a = {
+  args: {
+    label: "Password"
+  }
+};
+export {
+  a as Default,
+  s as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),z=require("../../FormLabel-C506NT5o.cjs"),B=require("react"),o=require("../../identifier-DTh6b5Gz.cjs"),D=require("../../useControlled-Ysk4KqoX.cjs"),E=require("../../useForkRef-CTI33h-3.cjs"),U=require("../../useId-DNXtOFeX.cjs"),v=require("../../FormGroup-KOLND6rE.cjs"),c=require("../../DefaultPropsProvider-eVMpAUQg.cjs"),_=require("../../SwitchBase-DWfUIgEW.cjs"),G=require("../../createSvgIcon-DQqazotA.cjs"),V=require("../../memoTheme-DJBS0nbO.cjs"),L=require("../../useFormControl-haP0iPhl.cjs"),F=require("../../createSimplePaletteValueFilter-PTK3TAhW.cjs"),H=require("../../createChainedFunction-CJmlQuW8.cjs"),Z=require("../../refType-DNB-r0Bp.cjs");function A(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=A(B),J=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"),K=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"),Q=c.styled("span",{shouldForwardProp:c.rootShouldForwardProp})({position:"relative",display:"flex"}),W=c.styled(J)({transform:"scale(1)"}),X=c.styled(K)(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 O(e){const{checked:r=!1,classes:t={},fontSize:a}=e,n={...e,checked:r};return s.jsxs(Q,{className:t.root,ownerState:n,children:[s.jsx(W,{fontSize:a,className:t.background,ownerState:n}),s.jsx(X,{fontSize:a,className:t.dot,ownerState:n})]})}process.env.NODE_ENV!=="production"&&(O.propTypes={checked:o.PropTypes.bool,classes:o.PropTypes.object,fontSize:o.PropTypes.oneOf(["small","medium"])});const w=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(w.displayName="RadioGroupContext");function Y(){return l.useContext(w)}function ee(e){return o.generateUtilityClass("MuiRadio",e)}const q=o.generateUtilityClasses("MuiRadio",["root","checked","disabled","colorPrimary","colorSecondary","sizeSmall"]),oe=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,ee,r)}},re=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 te(e,r){return typeof r=="object"&&r!==null?e===r:String(e)===String(r)}const N=s.jsx(O,{checked:!0}),I=s.jsx(O,{}),C=l.forwardRef(function(r,t){const a=c.useDefaultProps({props:r,name:"MuiRadio"}),{checked:n,checkedIcon:T=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=oe(g),y=Y();let x=n;const $=H.createChainedFunction(S,y&&y.onChange);let k=u;return y&&(typeof x>"u"&&(x=te(y.value,a.value)),typeof k>"u"&&(k=y.name)),s.jsx(re,{type:"radio",icon:l.cloneElement(h,{fontSize:I.props.fontSize??d}),checkedIcon:l.cloneElement(T,{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"&&(C.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:Z.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 se(e){return o.generateUtilityClass("MuiRadioGroup",e)}o.generateUtilityClasses("MuiRadioGroup",["root","row","error"]);const ae=e=>{const{classes:r,row:t,error:a}=e,n={root:["root",t&&"row",a&&"error"]};return c.composeClasses(n,se,r)},M=l.forwardRef(function(r,t){const{actions:a,children:n,className:T,defaultValue:R,name:h,onChange:u,value:S,...d}=r,f=l.useRef(null),j=ae(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(w.Provider,{value:g,children:s.jsx(v.FormGroup,{role:"radiogroup",ref:P,className:o.clsx(j.root,T),...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 ne=e=>s.jsxs(z.FormControl,{children:[s.jsx(z.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(C,{}),label:"First"}),s.jsx(v.FormControlLabel,{value:"second",control:s.jsx(C,{}),label:"Second"}),s.jsx(v.FormControlLabel,{value:"third",control:s.jsx(C,{}),label:"Third"})]})]}),ie={title:"Components/RadioGroup",component:ne},le={args:{row:!1}},ce={args:{row:!0}};exports.Default=le;exports.Row=ce;exports.default=ie;

package/dist/components/stories/RadioGroup.stories.d.ts

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

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

@@ -0,0 +1,435 @@
+import { jsx as t, jsxs as P } from "react/jsx-runtime";
+import { F as J, a as K } from "../../FormLabel-wDh-AEMQ.js";
+import * as l from "react";
+import { P as e, J as j, I as B, K as y, n as x, L as M } from "../../identifier-BewKgEhI.js";
+import { u as Z } from "../../useControlled-BYdyS7Pn.js";
+import { u as A } from "../../useForkRef-C_4o__cU.js";
+import { u as Q } from "../../useId-CK6Kn3Tn.js";
+import { a as W, F as I } from "../../FormGroup-CcM69JIS.js";
+import { s as C, r as U, u as X, c as D } from "../../DefaultPropsProvider-StV_SUuk.js";
+import { S as Y } from "../../SwitchBase-DYa1wGSu.js";
+import { c as q } from "../../createSvgIcon-VByplk-r.js";
+import { m as L } from "../../memoTheme-B9kDhX1-.js";
+import { u as oo } from "../../useFormControl-CatNKXAi.js";
+import { c as $ } from "../../createSimplePaletteValueFilter-B7--0ryQ.js";
+import { c as eo } from "../../createChainedFunction-C0nujS3O.js";
+import { r as ao } from "../../refType-3o3c-kYx.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(Y, {
+  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 = X({
+    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 = oo();
+  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 = eo(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);
+}
+j("MuiRadioGroup", ["root", "row", "error"]);
+const bo = (o) => {
+  const {
+    classes: a,
+    row: r,
+    error: s
+  } = o;
+  return D({
+    root: ["root", r && "row", s && "error"]
+  }, mo, a);
+}, _ = /* @__PURE__ */ l.forwardRef(function(a, r) {
+  const {
+    // private
+    // eslint-disable-next-line react/prop-types
+    actions: s,
+    children: i,
+    className: h,
+    defaultValue: S,
+    name: k,
+    onChange: d,
+    value: w,
+    ...u
+  } = a, p = l.useRef(null), z = bo(a), [m, b] = Z({
+    controlled: w,
+    default: S,
+    name: "RadioGroup"
+  });
+  l.useImperativeHandle(s, () => ({
+    focus: () => {
+      let n = p.current.querySelector("input:not(:disabled):checked");
+      n || (n = p.current.querySelector("input:not(:disabled)")), n && n.focus();
+    }
+  }), []);
+  const v = A(r, p), c = Q(k), R = l.useMemo(() => ({
+    name: c,
+    onChange(n) {
+      b(n.target.value), d && d(n, n.target.value);
+    },
+    value: m
+  }), [c, d, b, m]);
+  return /* @__PURE__ */ t(G.Provider, {
+    value: R,
+    children: /* @__PURE__ */ t(W, {
+      role: "radiogroup",
+      ref: v,
+      className: M(z.root, h),
+      ...u,
+      children: i
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (_.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: e.node,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.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,
+  /**
+   * 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: e.func,
+  /**
+   * Value of the selected radio button. The DOM API casts this to a string.
+   */
+  value: e.any
+});
+const vo = (o) => /* @__PURE__ */ P(J, { children: [
+  /* @__PURE__ */ t(K, { id: "radio-buttons-group-label", children: "Label" }),
+  /* @__PURE__ */ P(
+    _,
+    {
+      "aria-labelledby": "radio-buttons-group-label",
+      defaultValue: "first",
+      name: "radio-buttons-group",
+      ...o,
+      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" })
+      ]
+    }
+  )
+] }), xo = {
+  title: "Components/RadioGroup",
+  component: vo
+}, $o = {
+  args: {
+    row: !1
+  }
+}, Eo = {
+  args: {
+    row: !0
+  }
+};
+export {
+  $o as Default,
+  Eo as Row,
+  xo as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../SearchInput/SearchInput.cjs.js"),t={title:"Components/SearchInput",component:e},o={args:{placeholder:"Rechercher"}};exports.Default=o;exports.default=t;

package/dist/components/stories/SearchInput.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SearchInput } from '../SearchInput';
+declare const meta: Meta<typeof SearchInput>;
+export default meta;
+type Story = StoryObj<typeof SearchInput>;
+export declare const Default: Story;

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

@@ -0,0 +1,13 @@
+import e from "../SearchInput/SearchInput.es.js";
+const o = {
+  title: "Components/SearchInput",
+  component: e
+}, r = {
+  args: {
+    placeholder: "Rechercher"
+  }
+};
+export {
+  r as Default,
+  o as default
+};

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

@@ -0,0 +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-C506NT5o.cjs"),l=require("../../Select-CnFa2_je.cjs"),t=require("../../MenuItem-BxXCEc8h.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.d.ts

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

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

@@ -0,0 +1,52 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { F as o } from "../../FormLabel-wDh-AEMQ.js";
+import { a as c, S as m } from "../../Select-CcnCBhBN.js";
+import { M as t } from "../../MenuItem-BFkBwBkN.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: [
+    /* @__PURE__ */ e(c, { id: "simple-select-label", children: "Status" }),
+    /* @__PURE__ */ l(
+      m,
+      {
+        labelId: "simple-select-label",
+        id: "simple-select",
+        value: n,
+        label: "Status",
+        onChange: r,
+        ...a,
+        children: [
+          /* @__PURE__ */ e(t, { value: "pending", children: "Pending" }),
+          /* @__PURE__ */ e(t, { value: "ongoing", children: "Ongoing" }),
+          /* @__PURE__ */ e(t, { value: "validated", children: "Validated" }),
+          /* @__PURE__ */ e(t, { value: "rejected", children: "Rejected" })
+        ]
+      }
+    )
+  ] });
+}, f = {
+  title: "Components/Select",
+  component: u
+}, b = {
+  args: {}
+}, j = {
+  args: {
+    variant: "filled"
+  }
+}, x = {
+  args: {
+    variant: "standard"
+  }
+}, C = {
+  args: {
+    disabled: !0
+  }
+};
+export {
+  b as Default,
+  C as Disabled,
+  j as Filled,
+  x as Standard,
+  f as default
+};

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

@@ -0,0 +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-DTh6b5Gz.cjs"),d=require("../../Tabs-CUpcnsPl.cjs"),P=require("../../DefaultPropsProvider-eVMpAUQg.cjs"),E=require("../../useThemeProps-BoO3MMZc.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;

package/dist/components/stories/TabList.stories.d.ts

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