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

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

@@ -0,0 +1,193 @@
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import S from "../Button/Button.es.js";
+import { C as T } from "../../Card-mGRk1RuE.js";
+import * as u from "react";
+import { I as f, H as C, G as y, P as o } from "../../identifier-Bn0tF6ls.js";
+import { s as v, u as g, c as b } from "../../DefaultPropsProvider-xJkZOrdv.js";
+import { T as c } from "../../Typography-CUdlQxLM.js";
+function N(t) {
+  return C("MuiCardActions", t);
+}
+f("MuiCardActions", ["root", "spacing"]);
+const j = (t) => {
+  const {
+    classes: e,
+    disableSpacing: s
+  } = t;
+  return b({
+    root: ["root", !s && "spacing"]
+  }, N, e);
+}, M = v("div", {
+  name: "MuiCardActions",
+  slot: "Root",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: s
+    } = t;
+    return [e.root, !s.disableSpacing && e.spacing];
+  }
+})({
+  display: "flex",
+  alignItems: "center",
+  padding: 8,
+  variants: [{
+    props: {
+      disableSpacing: !1
+    },
+    style: {
+      "& > :not(style) ~ :not(style)": {
+        marginLeft: 8
+      }
+    }
+  }]
+}), h = /* @__PURE__ */ u.forwardRef(function(e, s) {
+  const r = g({
+    props: e,
+    name: "MuiCardActions"
+  }), {
+    disableSpacing: l = !1,
+    className: i,
+    ...d
+  } = r, a = {
+    ...r,
+    disableSpacing: l
+  }, p = j(a);
+  return /* @__PURE__ */ n(M, {
+    className: y(p.root, i),
+    ownerState: a,
+    ref: s,
+    ...d
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function R(t) {
+  return C("MuiCardContent", t);
+}
+f("MuiCardContent", ["root"]);
+const w = (t) => {
+  const {
+    classes: e
+  } = t;
+  return b({
+    root: ["root"]
+  }, R, e);
+}, A = v("div", {
+  name: "MuiCardContent",
+  slot: "Root",
+  overridesResolver: (t, e) => e.root
+})({
+  padding: 16,
+  "&:last-child": {
+    paddingBottom: 24
+  }
+}), x = /* @__PURE__ */ u.forwardRef(function(e, s) {
+  const r = g({
+    props: e,
+    name: "MuiCardContent"
+  }), {
+    className: l,
+    component: i = "div",
+    ...d
+  } = r, a = {
+    ...r,
+    component: i
+  }, p = w(a);
+  return /* @__PURE__ */ n(A, {
+    as: i,
+    className: y(p.root, l),
+    ownerState: a,
+    ref: s,
+    ...d
+  });
+});
+process.env.NODE_ENV !== "production" && (x.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const O = (t) => /* @__PURE__ */ m(T, { sx: { minWidth: 275 }, ...t, children: [
+  /* @__PURE__ */ m(x, { children: [
+    /* @__PURE__ */ n(c, { gutterBottom: !0, sx: { color: "text.secondary", fontSize: 14 }, children: "Word of the Day" }),
+    /* @__PURE__ */ n(c, { variant: "h5", component: "div", children: "be-nev-o-lent" }),
+    /* @__PURE__ */ n(c, { sx: { color: "text.secondary", mb: 1.5 }, children: "adjective" }),
+    /* @__PURE__ */ m(c, { variant: "body2", children: [
+      "well meaning and kindly.",
+      /* @__PURE__ */ n("br", {}),
+      '"a benevolent smile"'
+    ] })
+  ] }),
+  /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(S, { variant: "text", size: "small", children: "Learn More" }) })
+] }), z = {
+  title: "Components/Card",
+  component: O,
+  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,
+  z as default
+};

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("../../Checkbox-CuYTY0gd.cjs"),c=e=>t.jsx(s.Checkbox,{...e}),o={title:"Components/Checkbox",component:c},r={args:{}},d={args:{checked:!0}},a={args:{disabled:!0}},u={args:{checked:!0,disabled:!0}};exports.Checked=d;exports.Default=r;exports.Disabled=a;exports.DisabledChecked=u;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),s=require("../../Checkbox-s_RdgUlw.cjs"),r=e=>o.jsx(s.Checkbox,{...e}),c={title:"Components/Checkbox",component:r,argTypes:{checked:{control:"boolean"},color:{control:"select",options:["primary","secondary","success","error","info","warning"]},disabled:{control:"boolean"},disableRipple:{control:"boolean"},required:{control:"boolean"},size:{control:"select",options:["medium","small"]}}},l={args:{checked:void 0,color:"primary",disabled:!1,disableRipple:!1,required:!1,size:"medium"}},t={args:{checked:!0}},a={args:{disabled:!0}},i={args:{checked:!0,disabled:!0}};exports.Checked=t;exports.Default=l;exports.Disabled=a;exports.DisabledChecked=i;exports.default=c;

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

@@ -1,19 +1,48 @@
-import { jsx as t } from "react/jsx-runtime";
-import { C as o } from "../../Checkbox-Ct5E_6h7.js";
-const s = (e) => /* @__PURE__ */ t(o, { ...e }), a = {
+import { jsx as o } from "react/jsx-runtime";
+import { C as r } from "../../Checkbox-aJ1r7ufI.js";
+const s = (e) => /* @__PURE__ */ o(r, { ...e }), t = {
   title: "Components/Checkbox",
-  component: s
-}, d = {
-  args: {}
+  component: s,
+  argTypes: {
+    checked: {
+      control: "boolean"
+    },
+    color: {
+      control: "select",
+      options: ["primary", "secondary", "success", "error", "info", "warning"]
+    },
+    disabled: {
+      control: "boolean"
+    },
+    disableRipple: {
+      control: "boolean"
+    },
+    required: {
+      control: "boolean"
+    },
+    size: {
+      control: "select",
+      options: ["medium", "small"]
+    }
+  }
+}, a = {
+  args: {
+    checked: void 0,
+    color: "primary",
+    disabled: !1,
+    disableRipple: !1,
+    required: !1,
+    size: "medium"
+  }
 }, n = {
   args: {
     checked: !0
   }
-}, b = {
+}, i = {
   args: {
     disabled: !0
   }
-}, h = {
+}, d = {
   args: {
     checked: !0,
     disabled: !0
@@ -21,8 +50,8 @@ const s = (e) => /* @__PURE__ */ t(o, { ...e }), a = {
 };
 export {
   n as Checked,
-  d as Default,
-  b as Disabled,
-  h as DisabledChecked,
-  a as default
+  a as Default,
+  i as Disabled,
+  d as DisabledChecked,
+  t as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-rhgpaD-r.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-juzW4bLC.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;

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

@@ -1,4 +1,4 @@
-import { q as t } from "../../DatePicker-u4rtXGeo.js";
+import { D as t } from "../../DatePicker-Dyf9Vhld.js";
 const a = {
   title: "Components/DatePicker",
   component: t

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),t=require("../Button/Button.cjs.js"),o=require("../../DialogContent-Dphl2SKX.cjs"),l=require("../../DialogTitle-C8AdXsDz.cjs"),u=a=>{const[s,i]=c.useState(!1),r=()=>i(!0),n=()=>i(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t,{variant:"outlined",onClick:r,children:"Open dialog"}),e.jsxs(o.Dialog,{...a,open:s,onClose:n,children:[e.jsx(l.DialogTitle,{children:"Dialog title"}),e.jsx(o.DialogContent,{children:e.jsxs(l.DialogContentText,{children:["Dialog content text",e.jsx("br",{}),e.jsx("br",{}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."]})}),e.jsxs(o.DialogActions,{children:[e.jsx(t,{variant:"text",onClick:n,children:"Cancel"}),e.jsx(t,{variant:"text",onClick:()=>!0,children:"Save"})]})]})]})},d={title:"Components/Dialog",component:u,argTypes:{disableEscapeKeyDown:{control:"boolean"},fullScreen:{control:"boolean"},fullWidth:{control:"boolean"},maxWidth:{control:"select",options:["xs","sm","md","lg","xl",!1]}}},m={args:{disableEscapeKeyDown:!1,fullScreen:!1,fullWidth:!1,maxWidth:"sm"}};exports.Default=m;exports.default=d;

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

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

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

@@ -0,0 +1,53 @@
+import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
+import t from "../Button/Button.es.js";
+import { D as u, b as d, a as m } from "../../DialogContent-D1KFPXhr.js";
+import { a as p, D as f } from "../../DialogTitle-AQ-YU9PH.js";
+const g = (a) => {
+  const [n, i] = c(!1), r = () => i(!0), l = () => i(!1);
+  return /* @__PURE__ */ o(s, { children: [
+    /* @__PURE__ */ e(t, { variant: "outlined", onClick: r, children: "Open dialog" }),
+    /* @__PURE__ */ o(u, { ...a, open: n, onClose: l, children: [
+      /* @__PURE__ */ e(p, { children: "Dialog title" }),
+      /* @__PURE__ */ e(d, { children: /* @__PURE__ */ o(f, { children: [
+        "Dialog content text",
+        /* @__PURE__ */ e("br", {}),
+        /* @__PURE__ */ e("br", {}),
+        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+      ] }) }),
+      /* @__PURE__ */ o(m, { children: [
+        /* @__PURE__ */ e(t, { variant: "text", onClick: l, children: "Cancel" }),
+        /* @__PURE__ */ e(t, { variant: "text", onClick: () => !0, children: "Save" })
+      ] })
+    ] })
+  ] });
+}, v = {
+  title: "Components/Dialog",
+  component: g,
+  argTypes: {
+    disableEscapeKeyDown: {
+      control: "boolean"
+    },
+    fullScreen: {
+      control: "boolean"
+    },
+    fullWidth: {
+      control: "boolean"
+    },
+    maxWidth: {
+      control: "select",
+      options: ["xs", "sm", "md", "lg", "xl", !1]
+    }
+  }
+}, q = {
+  args: {
+    disableEscapeKeyDown: !1,
+    fullScreen: !1,
+    fullWidth: !1,
+    maxWidth: "sm"
+  }
+};
+export {
+  q as Default,
+  v as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Divider-Bdp8beK-.cjs"),t={title:"Components/Divider",component:e.Divider,argTypes:{absolute:{control:"boolean"},children:{control:"text"},flexItem:{control:"boolean"},orientation:{control:"select",options:["horizontal","vertical"]},textAlign:{control:"select",options:["center","left","right"]},variant:{control:"select",options:["fullWidth","inset","middle"]}}},o={args:{absolute:!1,children:void 0,flexItem:!1,orientation:"horizontal",textAlign:"center",variant:"fullWidth"}};exports.Default=o;exports.default=t;

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

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

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

@@ -0,0 +1,41 @@
+import { D as t } from "../../Divider-C0R1SUa4.js";
+const e = {
+  title: "Components/Divider",
+  component: t,
+  argTypes: {
+    absolute: {
+      control: "boolean"
+    },
+    children: {
+      control: "text"
+    },
+    flexItem: {
+      control: "boolean"
+    },
+    orientation: {
+      control: "select",
+      options: ["horizontal", "vertical"]
+    },
+    textAlign: {
+      control: "select",
+      options: ["center", "left", "right"]
+    },
+    variant: {
+      control: "select",
+      options: ["fullWidth", "inset", "middle"]
+    }
+  }
+}, l = {
+  args: {
+    absolute: !1,
+    children: void 0,
+    flexItem: !1,
+    orientation: "horizontal",
+    textAlign: "center",
+    variant: "fullWidth"
+  }
+};
+export {
+  l as Default,
+  e as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),f=require("../../Checkbox-s_RdgUlw.cjs"),m=require("../../Radio-DxbXYNhR.cjs"),T=require("react"),o=require("../../identifier-Dax8VlUh.cjs"),k=require("../../createSimplePaletteValueFilter-PTK3TAhW.cjs"),S=require("../../SwitchBase-Cqh9rxOh.cjs"),p=require("../../memoTheme-BPA1FjB4.cjs"),n=require("../../DefaultPropsProvider-Biv7NHew.cjs"),P=require("../../refType-Dm84STBj.cjs"),$=require("../../FormControlLabel-BlO93LTi.cjs");function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const x=C(T);function j(e){return o.generateUtilityClass("MuiSwitch",e)}const a=o.generateUtilityClasses("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),z=e=>{const{classes:t,edge:r,size:i,color:d,checked:u,disabled:b}=e,y={root:["root",r&&`edge${o.capitalize(r)}`,`size${o.capitalize(i)}`],switchBase:["switchBase",`color${o.capitalize(d)}`,u&&"checked",b&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},h=n.composeClasses(y,j,t);return{...t,...h}},O=n.styled("span",{name:"MuiSwitch",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,r.edge&&t[`edge${o.capitalize(r.edge)}`],t[`size${o.capitalize(r.size)}`]]}})({display:"inline-flex",width:34+12*2,height:14+12*2,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"},variants:[{props:{edge:"start"},style:{marginLeft:-8}},{props:{edge:"end"},style:{marginRight:-8}},{props:{size:"small"},style:{width:40,height:24,padding:7,[`& .${a.thumb}`]:{width:16,height:16},[`& .${a.switchBase}`]:{padding:4,[`&.${a.checked}`]:{transform:"translateX(16px)"}}}}]}),R=n.styled(S.SwitchBase,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.switchBase,{[`& .${a.input}`]:t.input},r.color!=="default"&&t[`color${o.capitalize(r.color)}`]]}})(p.memoTheme(({theme:e})=>({position:"absolute",top:0,left:0,zIndex:1,color:e.vars?e.vars.palette.Switch.defaultColor:`${e.palette.mode==="light"?e.palette.common.white:e.palette.grey[300]}`,transition:e.transitions.create(["left","transform"],{duration:e.transitions.duration.shortest}),[`&.${a.checked}`]:{transform:"translateX(20px)"},[`&.${a.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${a.checked} + .${a.track}`]:{opacity:.5},[`&.${a.disabled} + .${a.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode==="light"?.12:.2}`},[`& .${a.input}`]:{left:"-100%",width:"300%"}})),p.memoTheme(({theme:e})=>({"&: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),"@media (hover: none)":{backgroundColor:"transparent"}},variants:[...Object.entries(e.palette).filter(k.createSimplePaletteValueFilter(["light"])).map(([t])=>({props:{color:t},style:{[`&.${a.checked}`]:{color:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:o.alpha(e.palette[t].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${a.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${t}DisabledColor`]:`${e.palette.mode==="light"?o.lighten(e.palette[t].main,.62):o.darken(e.palette[t].main,.55)}`}},[`&.${a.checked} + .${a.track}`]:{backgroundColor:(e.vars||e).palette[t].main}}}))]}))),q=n.styled("span",{name:"MuiSwitch",slot:"Track",overridesResolver:(e,t)=>t.track})(p.memoTheme(({theme:e})=>({height:"100%",width:"100%",borderRadius:14/2,zIndex:-1,transition:e.transitions.create(["opacity","background-color"],{duration:e.transitions.duration.shortest}),backgroundColor:e.vars?e.vars.palette.common.onBackground:`${e.palette.mode==="light"?e.palette.common.black:e.palette.common.white}`,opacity:e.vars?e.vars.opacity.switchTrack:`${e.palette.mode==="light"?.38:.3}`}))),B=n.styled("span",{name:"MuiSwitch",slot:"Thumb",overridesResolver:(e,t)=>t.thumb})(p.memoTheme(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}))),v=x.forwardRef(function(t,r){const i=n.useDefaultProps({props:t,name:"MuiSwitch"}),{className:d,color:u="primary",edge:b=!1,size:y="medium",sx:h,...w}=i,c={...i,color:u,edge:b,size:y},l=z(c),g=s.jsx(B,{className:l.thumb,ownerState:c});return s.jsxs(O,{className:o.clsx(l.root,d),sx:h,ownerState:c,children:[s.jsx(R,{type:"checkbox",icon:g,checkedIcon:g,ref:r,ownerState:c,...w,classes:{...l,root:l.switchBase}}),s.jsx(q,{className:l.track,ownerState:c})]})});process.env.NODE_ENV!=="production"&&(v.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]),defaultChecked:o.PropTypes.bool,disabled:o.PropTypes.bool,disableRipple:o.PropTypes.bool,edge:o.PropTypes.oneOf(["end","start",!1]),icon:o.PropTypes.node,id:o.PropTypes.string,inputProps:o.PropTypes.object,inputRef:P.refType,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});const M=e=>s.jsx($.FormControlLabel,{...e}),D={title:"Components/FormControlLabel",component:M,argTypes:{control:{control:"object"},disabled:{control:"boolean"},disableTypography:{control:"boolean"},label:{control:"object"},labelPlacement:{control:"select",options:["bottom","end","start","top"]},required:{control:"boolean"}}},L={args:{control:s.jsx(f.Checkbox,{}),checked:void 0,disabled:void 0,disableTypography:void 0,label:"Label",labelPlacement:"end",required:void 0}},N={args:{control:s.jsx(m.Radio,{}),label:"Label"}},F={args:{control:s.jsx(v,{}),label:"Label"}};exports.Checkbox=L;exports.Radio=N;exports.Switch=F;exports.default=D;

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

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