@cgi-learning-hub/ui 1.3.3-dev.1732021842 → 1.3.3-dev.1732274173

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../createSvgIcon-DxbvMQd7.js";
+import { c as o } from "../../createSvgIcon-BS0Qe85N.js";
 import e from "../Button/Button.es.js";
 const n = o(/* @__PURE__ */ t("path", {
   d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),T=require("../Button/Button.cjs.js"),g=require("../../Card-DBGYwd3H.cjs"),m=require("react"),e=require("../../identifier-DTh6b5Gz.cjs"),a=require("../../DefaultPropsProvider-eVMpAUQg.cjs"),p=require("../../Typography-DyMSnhvs.cjs");function P(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return t.default=o,Object.freeze(t)}const y=P(m);function b(o){return e.generateUtilityClass("MuiCardActions",o)}e.generateUtilityClasses("MuiCardActions",["root","spacing"]);const v=o=>{const{classes:t,disableSpacing:s}=o,n={root:["root",!s&&"spacing"]};return a.composeClasses(n,b,t)},j=a.styled("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:s}=o;return[t.root,!s.disableSpacing&&t.spacing]}})({display:"flex",alignItems:"center",padding:8,variants:[{props:{disableSpacing:!1},style:{"& > :not(style) ~ :not(style)":{marginLeft:8}}}]}),f=y.forwardRef(function(t,s){const n=a.useDefaultProps({props:t,name:"MuiCardActions"}),{disableSpacing:l=!1,className:c,...d}=n,i={...n,disableSpacing:l},u=v(i);return r.jsx(j,{className:e.clsx(u.root,c),ownerState:i,ref:s,...d})});process.env.NODE_ENV!=="production"&&(f.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,disableSpacing:e.PropTypes.bool,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function x(o){return e.generateUtilityClass("MuiCardContent",o)}e.generateUtilityClasses("MuiCardContent",["root"]);const h=o=>{const{classes:t}=o,s={root:["root"]};return a.composeClasses(s,x,t)},S=a.styled("div",{name:"MuiCardContent",slot:"Root",overridesResolver:(o,t)=>t.root})({padding:16,"&:last-child":{paddingBottom:24}}),C=y.forwardRef(function(t,s){const n=a.useDefaultProps({props:t,name:"MuiCardContent"}),{className:l,component:c="div",...d}=n,i={...n,component:c},u=h(i);return r.jsx(S,{as:c,className:e.clsx(u.root,l),ownerState:i,ref:s,...d})});process.env.NODE_ENV!=="production"&&(C.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});const O=o=>r.jsxs(g.Card,{sx:{minWidth:275},...o,children:[r.jsxs(C,{children:[r.jsx(p.Typography,{gutterBottom:!0,sx:{color:"text.secondary",fontSize:14},children:"Word of the Day"}),r.jsx(p.Typography,{variant:"h5",component:"div",children:"be-nev-o-lent"}),r.jsx(p.Typography,{sx:{color:"text.secondary",mb:1.5},children:"adjective"}),r.jsxs(p.Typography,{variant:"body2",children:["well meaning and kindly.",r.jsx("br",{}),'"a benevolent smile"']})]}),r.jsx(f,{children:r.jsx(T,{variant:"text",size:"small",children:"Learn More"})})]}),M={title:"Components/Card",component:O,argTypes:{elevation:{control:"number"},square:{control:"boolean"},variant:{control:"select",options:["elevation","outlined"]}}},N={args:{elevation:1,square:!1,variant:"elevation"}};exports.Default=N;exports.default=M;

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

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

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-mAtxoJ0p.js";
+import * as u from "react";
+import { I as f, H as C, G as y, P as o } from "../../identifier-B7MO0PvI.js";
+import { s as v, u as g, c as b } from "../../DefaultPropsProvider-BYFwNPLt.js";
+import { T as c } from "../../Typography-CizHc1nM.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-OTMaikud.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-Bmz9nh6k.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-MSoGmJoG.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-Ds7y4pei.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"),u=require("react"),t=require("../Button/Button.cjs.js"),i=require("../../DialogContent-C0L4r0-p.cjs"),l=require("../../DialogTitle-DemSKN6H.cjs"),c=a=>{const[s,o]=u.useState(!1),r=()=>o(!0),n=()=>o(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t,{variant:"outlined",onClick:r,children:"Open dialog"}),e.jsxs(i.Dialog,{...a,open:s,onClose:n,children:[e.jsx(l.DialogTitle,{children:"Dialog title"}),e.jsx(i.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(i.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:c},m={args:{}};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,33 @@
+import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
+import i from "../Button/Button.es.js";
+import { D as u, b as m, a as d } from "../../DialogContent-B_NH_if8.js";
+import { a as p, D as g } from "../../DialogTitle-Bx7712Li.js";
+const D = (a) => {
+  const [l, o] = c(!1), r = () => o(!0), n = () => o(!1);
+  return /* @__PURE__ */ t(s, { children: [
+    /* @__PURE__ */ e(i, { variant: "outlined", onClick: r, children: "Open dialog" }),
+    /* @__PURE__ */ t(u, { ...a, open: l, onClose: n, children: [
+      /* @__PURE__ */ e(p, { children: "Dialog title" }),
+      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ t(g, { 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__ */ t(d, { children: [
+        /* @__PURE__ */ e(i, { variant: "text", onClick: n, children: "Cancel" }),
+        /* @__PURE__ */ e(i, { variant: "text", onClick: () => !0, children: "Save" })
+      ] })
+    ] })
+  ] });
+}, b = {
+  title: "Components/Dialog",
+  component: D
+}, q = {
+  args: {}
+};
+export {
+  q as Default,
+  b 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-DlN3YfOR.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-CMuvurmv.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-OTMaikud.cjs"),m=require("../../Radio-D-wbZ6M-.cjs"),T=require("react"),o=require("../../identifier-DTh6b5Gz.cjs"),k=require("../../createSimplePaletteValueFilter-PTK3TAhW.cjs"),S=require("../../SwitchBase-DWfUIgEW.cjs"),p=require("../../memoTheme-DJBS0nbO.cjs"),n=require("../../DefaultPropsProvider-eVMpAUQg.cjs"),P=require("../../refType-DNB-r0Bp.cjs"),$=require("../../FormControlLabel-D8GTkxJD.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;