@cgi-learning-hub/ui 1.3.5 → 1.4.0

package/dist/Switch-BOpqo-TS.js

@@ -0,0 +1,329 @@
+import * as k from "react";
+import { H as S, I as y, G as $, L as r, n as f, s as C, q as x, P as a } from "./identifier-D58rA1gM.js";
+import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { S as O } from "./SwitchBase-BAjfatYA.js";
+import { m as l } from "./memoTheme-DyiN-Awd.js";
+import { jsxs as T, jsx as w } from "react/jsx-runtime";
+import { u as R, s as d, c as B } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { r as j } from "./refType-B86yTZra.js";
+function M(t) {
+  return y("MuiSwitch", t);
+}
+const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), N = (t) => {
+  const {
+    classes: e,
+    edge: s,
+    size: c,
+    color: p,
+    checked: u,
+    disabled: g
+  } = t, h = {
+    root: ["root", s && `edge${r(s)}`, `size${r(c)}`],
+    switchBase: ["switchBase", `color${r(p)}`, u && "checked", g && "disabled"],
+    thumb: ["thumb"],
+    track: ["track"],
+    input: ["input"]
+  }, b = B(h, M, e);
+  return {
+    ...e,
+    // forward the disabled and checked classes to the SwitchBase
+    ...b
+  };
+}, I = d("span", {
+  name: "MuiSwitch",
+  slot: "Root",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: s
+    } = t;
+    return [e.root, s.edge && e[`edge${r(s.edge)}`], e[`size${r(s.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,
+  // Reset the stacking context.
+  verticalAlign: "middle",
+  // For correct alignment with the text.
+  "@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,
+      [`& .${o.thumb}`]: {
+        width: 16,
+        height: 16
+      },
+      [`& .${o.switchBase}`]: {
+        padding: 4,
+        [`&.${o.checked}`]: {
+          transform: "translateX(16px)"
+        }
+      }
+    }
+  }]
+}), P = d(O, {
+  name: "MuiSwitch",
+  slot: "SwitchBase",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: s
+    } = t;
+    return [e.switchBase, {
+      [`& .${o.input}`]: e.input
+    }, s.color !== "default" && e[`color${r(s.color)}`]];
+  }
+})(l(({
+  theme: t
+}) => ({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  zIndex: 1,
+  // Render above the focus ripple.
+  color: t.vars ? t.vars.palette.Switch.defaultColor : `${t.palette.mode === "light" ? t.palette.common.white : t.palette.grey[300]}`,
+  transition: t.transitions.create(["left", "transform"], {
+    duration: t.transitions.duration.shortest
+  }),
+  [`&.${o.checked}`]: {
+    transform: "translateX(20px)"
+  },
+  [`&.${o.disabled}`]: {
+    color: t.vars ? t.vars.palette.Switch.defaultDisabledColor : `${t.palette.mode === "light" ? t.palette.grey[100] : t.palette.grey[600]}`
+  },
+  [`&.${o.checked} + .${o.track}`]: {
+    opacity: 0.5
+  },
+  [`&.${o.disabled} + .${o.track}`]: {
+    opacity: t.vars ? t.vars.opacity.switchTrackDisabled : `${t.palette.mode === "light" ? 0.12 : 0.2}`
+  },
+  [`& .${o.input}`]: {
+    left: "-100%",
+    width: "300%"
+  }
+})), l(({
+  theme: t
+}) => ({
+  "&:hover": {
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.action.activeChannel} / ${t.vars.palette.action.hoverOpacity})` : f(t.palette.action.active, t.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  variants: [...Object.entries(t.palette).filter(z(["light"])).map(([e]) => ({
+    props: {
+      color: e
+    },
+    style: {
+      [`&.${o.checked}`]: {
+        color: (t.vars || t).palette[e].main,
+        "&:hover": {
+          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / ${t.vars.palette.action.hoverOpacity})` : f(t.palette[e].main, t.palette.action.hoverOpacity),
+          "@media (hover: none)": {
+            backgroundColor: "transparent"
+          }
+        },
+        [`&.${o.disabled}`]: {
+          color: t.vars ? t.vars.palette.Switch[`${e}DisabledColor`] : `${t.palette.mode === "light" ? C(t.palette[e].main, 0.62) : x(t.palette[e].main, 0.55)}`
+        }
+      },
+      [`&.${o.checked} + .${o.track}`]: {
+        backgroundColor: (t.vars || t).palette[e].main
+      }
+    }
+  }))]
+}))), D = d("span", {
+  name: "MuiSwitch",
+  slot: "Track",
+  overridesResolver: (t, e) => e.track
+})(l(({
+  theme: t
+}) => ({
+  height: "100%",
+  width: "100%",
+  borderRadius: 14 / 2,
+  zIndex: -1,
+  transition: t.transitions.create(["opacity", "background-color"], {
+    duration: t.transitions.duration.shortest
+  }),
+  backgroundColor: t.vars ? t.vars.palette.common.onBackground : `${t.palette.mode === "light" ? t.palette.common.black : t.palette.common.white}`,
+  opacity: t.vars ? t.vars.opacity.switchTrack : `${t.palette.mode === "light" ? 0.38 : 0.3}`
+}))), U = d("span", {
+  name: "MuiSwitch",
+  slot: "Thumb",
+  overridesResolver: (t, e) => e.thumb
+})(l(({
+  theme: t
+}) => ({
+  boxShadow: (t.vars || t).shadows[1],
+  backgroundColor: "currentColor",
+  width: 20,
+  height: 20,
+  borderRadius: "50%"
+}))), E = /* @__PURE__ */ k.forwardRef(function(e, s) {
+  const c = R({
+    props: e,
+    name: "MuiSwitch"
+  }), {
+    className: p,
+    color: u = "primary",
+    edge: g = !1,
+    size: h = "medium",
+    sx: b,
+    ...m
+  } = c, i = {
+    ...c,
+    color: u,
+    edge: g,
+    size: h
+  }, n = N(i), v = /* @__PURE__ */ w(U, {
+    className: n.thumb,
+    ownerState: i
+  });
+  return /* @__PURE__ */ T(I, {
+    className: $(n.root, p),
+    sx: b,
+    ownerState: i,
+    children: [/* @__PURE__ */ w(P, {
+      type: "checkbox",
+      icon: v,
+      checkedIcon: v,
+      ref: s,
+      ownerState: i,
+      ...m,
+      classes: {
+        ...n,
+        root: n.switchBase
+      }
+    }), /* @__PURE__ */ w(D, {
+      className: n.track,
+      ownerState: i
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (E.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: a.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.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: a.oneOfType([a.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), a.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: a.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: a.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: a.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: a.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: a.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: a.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: a.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: j,
+  /**
+   * 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: a.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: a.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense switch styling.
+   * @default 'medium'
+   */
+  size: a.oneOfType([a.oneOf(["medium", "small"]), a.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: a.any
+});
+export {
+  E as S,
+  M as g,
+  o as s
+};

package/dist/Switch-DF4bSjED.cjs

@@ -0,0 +1 @@
+"use strict";const T=require("react"),t=require("./identifier-5n4d7br9.cjs"),m=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),S=require("./SwitchBase-7zONZyYP.cjs"),p=require("./memoTheme-C8EfvlY1.cjs"),l=require("react/jsx-runtime"),i=require("./DefaultPropsProvider-QmkL7lbM.cjs"),k=require("./refType-CjW6JOBA.cjs");function P(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const $=P(T);function w(e){return t.generateUtilityClass("MuiSwitch",e)}const r=t.generateUtilityClasses("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),C=e=>{const{classes:o,edge:a,size:s,color:d,checked:u,disabled:y}=e,h={root:["root",a&&`edge${t.capitalize(a)}`,`size${t.capitalize(s)}`],switchBase:["switchBase",`color${t.capitalize(d)}`,u&&"checked",y&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},g=i.composeClasses(h,w,o);return{...o,...g}},x=i.styled("span",{name:"MuiSwitch",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:a}=e;return[o.root,a.edge&&o[`edge${t.capitalize(a.edge)}`],o[`size${t.capitalize(a.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,[`& .${r.thumb}`]:{width:16,height:16},[`& .${r.switchBase}`]:{padding:4,[`&.${r.checked}`]:{transform:"translateX(16px)"}}}}]}),z=i.styled(S.SwitchBase,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:(e,o)=>{const{ownerState:a}=e;return[o.switchBase,{[`& .${r.input}`]:o.input},a.color!=="default"&&o[`color${t.capitalize(a.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}),[`&.${r.checked}`]:{transform:"translateX(20px)"},[`&.${r.disabled}`]:{color:e.vars?e.vars.palette.Switch.defaultDisabledColor:`${e.palette.mode==="light"?e.palette.grey[100]:e.palette.grey[600]}`},[`&.${r.checked} + .${r.track}`]:{opacity:.5},[`&.${r.disabled} + .${r.track}`]:{opacity:e.vars?e.vars.opacity.switchTrackDisabled:`${e.palette.mode==="light"?.12:.2}`},[`& .${r.input}`]:{left:"-100%",width:"300%"}})),p.memoTheme(({theme:e})=>({"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:t.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},variants:[...Object.entries(e.palette).filter(m.createSimplePaletteValueFilter(["light"])).map(([o])=>({props:{color:o},style:{[`&.${r.checked}`]:{color:(e.vars||e).palette[o].main,"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:t.alpha(e.palette[o].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${r.disabled}`]:{color:e.vars?e.vars.palette.Switch[`${o}DisabledColor`]:`${e.palette.mode==="light"?t.lighten(e.palette[o].main,.62):t.darken(e.palette[o].main,.55)}`}},[`&.${r.checked} + .${r.track}`]:{backgroundColor:(e.vars||e).palette[o].main}}}))]}))),O=i.styled("span",{name:"MuiSwitch",slot:"Track",overridesResolver:(e,o)=>o.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}`}))),j=i.styled("span",{name:"MuiSwitch",slot:"Thumb",overridesResolver:(e,o)=>o.thumb})(p.memoTheme(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}))),f=$.forwardRef(function(o,a){const s=i.useDefaultProps({props:o,name:"MuiSwitch"}),{className:d,color:u="primary",edge:y=!1,size:h="medium",sx:g,...v}=s,c={...s,color:u,edge:y,size:h},n=C(c),b=l.jsx(j,{className:n.thumb,ownerState:c});return l.jsxs(x,{className:t.clsx(n.root,d),sx:g,ownerState:c,children:[l.jsx(z,{type:"checkbox",icon:b,checkedIcon:b,ref:a,ownerState:c,...v,classes:{...n,root:n.switchBase}}),l.jsx(O,{className:n.track,ownerState:c})]})});process.env.NODE_ENV!=="production"&&(f.propTypes={checked:t.PropTypes.bool,checkedIcon:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),defaultChecked:t.PropTypes.bool,disabled:t.PropTypes.bool,disableRipple:t.PropTypes.bool,edge:t.PropTypes.oneOf(["end","start",!1]),icon:t.PropTypes.node,id:t.PropTypes.string,inputProps:t.PropTypes.object,inputRef:k.refType,onChange:t.PropTypes.func,required:t.PropTypes.bool,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["medium","small"]),t.PropTypes.string]),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),value:t.PropTypes.any});exports.Switch=f;exports.getSwitchUtilityClass=w;exports.switchClasses=r;

package/dist/SwitchBase-7zONZyYP.cjs

@@ -0,0 +1 @@
+"use strict";const M=require("react"),e=require("./identifier-5n4d7br9.cjs"),l=require("./DefaultPropsProvider-QmkL7lbM.cjs"),V=require("./useFormControl-haP0iPhl.cjs"),B=require("react/jsx-runtime"),$=require("./useControlled-Ysk4KqoX.cjs"),A=require("./ButtonBase-C2rhY3j-.cjs"),G=require("./refType-CjW6JOBA.cjs");function H(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,i.get?i:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const J=H(M);function K(o){return e.generateUtilityClass("PrivateSwitchBase",o)}e.generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const Q=o=>{const{classes:s,checked:r,disabled:i,edge:a}=o,p={root:["root",r&&"checked",i&&"disabled",a&&`edge${e.capitalize(a)}`],input:["input"]};return l.composeClasses(p,K,s)},W=l.styled(A.ButtonBase)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:o,ownerState:s})=>o==="start"&&s.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:o,ownerState:s})=>o==="end"&&s.size!=="small",style:{marginRight:-12}}]}),X=l.styled("input",{shouldForwardProp:l.rootShouldForwardProp})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),C=J.forwardRef(function(s,r){const{autoFocus:i,checked:a,checkedIcon:p,className:w,defaultChecked:f,disabled:F,disableFocusRipple:y=!1,edge:R=!1,icon:S,id:q,inputProps:x,inputRef:O,name:j,onBlur:h,onChange:b,onFocus:P,readOnly:I,required:v=!1,tabIndex:z,type:d,value:g,...N}=s,[m,D]=$.useControlled({controlled:a,default:!!f,name:"SwitchBase",state:"checked"}),n=V.useFormControl(),E=t=>{P&&P(t),n&&n.onFocus&&n.onFocus(t)},U=t=>{h&&h(t),n&&n.onBlur&&n.onBlur(t)},_=t=>{if(t.nativeEvent.defaultPrevented)return;const k=t.target.checked;D(k),b&&b(t,k)};let c=F;n&&typeof c>"u"&&(c=n.disabled);const L=d==="checkbox"||d==="radio",u={...s,checked:m,disabled:c,disableFocusRipple:y,edge:R},T=Q(u);return B.jsxs(W,{component:"span",className:e.clsx(T.root,w),centerRipple:!0,focusRipple:!y,disabled:c,tabIndex:null,role:void 0,onFocus:E,onBlur:U,ownerState:u,ref:r,...N,children:[B.jsx(X,{autoFocus:i,checked:a,defaultChecked:f,className:T.input,disabled:c,id:L?q:void 0,name:j,onChange:_,readOnly:I,ref:O,required:v,ownerState:u,tabIndex:z,type:d,...d==="checkbox"&&g===void 0?{}:{value:g},...x}),m?p:S]})});process.env.NODE_ENV!=="production"&&(C.propTypes={autoFocus:e.PropTypes.bool,checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),icon:e.PropTypes.node.isRequired,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:G.refType,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,readOnly:e.PropTypes.bool,required:e.PropTypes.bool,sx:e.PropTypes.object,tabIndex:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),type:e.PropTypes.string.isRequired,value:e.PropTypes.any});exports.SwitchBase=C;

package/dist/{SwitchBase-Dlth5_F7.js → SwitchBase-BAjfatYA.js}

@@ -1,12 +1,11 @@
 import * as D from "react";
-import { H as G, I as H, G as V, P as e } from "./generateUtilityClasses-Bssl7BA_.js";
-import { s as C, r as _, c as $ } from "./DefaultPropsProvider-CvJPQJmL.js";
-import { u as A } from "./useFormControl-CatNKXAi.js";
-import { jsxs as J, jsx as K } from "react/jsx-runtime";
-import { B as M } from "./ButtonBase-DAWDecOk.js";
+import { I as G, H, G as V, L as _, P as e } from "./identifier-D58rA1gM.js";
+import { s as C, c as $, r as A } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { u as J } from "./useFormControl-CatNKXAi.js";
+import { jsxs as K, jsx as M } from "react/jsx-runtime";
 import { u as Q } from "./useControlled-BYdyS7Pn.js";
-import { r as W } from "./refType-DKYKROQk.js";
-import { c as X } from "./capitalize-CkF8kU4n.js";
+import { B as W } from "./ButtonBase-DzpmdR6N.js";
+import { r as X } from "./refType-B86yTZra.js";
 function Y(s) {
   return G("PrivateSwitchBase", s);
 }
@@ -16,13 +15,13 @@ const Z = (s) => {
     classes: t,
     checked: d,
     disabled: c,
-    edge: a
+    edge: n
   } = s, l = {
-    root: ["root", d && "checked", c && "disabled", a && `edge${X(a)}`],
+    root: ["root", d && "checked", c && "disabled", n && `edge${_(n)}`],
     input: ["input"]
   };
   return $(l, Y, t);
-}, ee = C(M)({
+}, ee = C(W)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -59,7 +58,7 @@ const Z = (s) => {
     }
   }]
 }), oe = C("input", {
-  shouldForwardProp: _
+  shouldForwardProp: A
 })({
   cursor: "inherit",
   position: "absolute",
@@ -74,7 +73,7 @@ const Z = (s) => {
 }), se = /* @__PURE__ */ D.forwardRef(function(t, d) {
   const {
     autoFocus: c,
-    checked: a,
+    checked: n,
     checkedIcon: l,
     className: w,
     defaultChecked: p,
@@ -89,37 +88,37 @@ const Z = (s) => {
     onBlur: h,
     onChange: m,
     onFocus: b,
-    readOnly: z,
-    required: N = !1,
-    tabIndex: O,
+    readOnly: v,
+    required: z = !1,
+    tabIndex: N,
     type: i,
     value: g,
-    ...j
-  } = t, [y, v] = Q({
-    controlled: a,
+    ...O
+  } = t, [y, j] = Q({
+    controlled: n,
     default: !!p,
     name: "SwitchBase",
     state: "checked"
-  }), n = A(), E = (o) => {
-    b && b(o), n && n.onFocus && n.onFocus(o);
+  }), a = J(), E = (o) => {
+    b && b(o), a && a.onFocus && a.onFocus(o);
+  }, L = (o) => {
+    h && h(o), a && a.onBlur && a.onBlur(o);
   }, T = (o) => {
-    h && h(o), n && n.onBlur && n.onBlur(o);
-  }, U = (o) => {
     if (o.nativeEvent.defaultPrevented)
       return;
     const B = o.target.checked;
-    v(B), m && m(o, B);
+    j(B), m && m(o, B);
   };
   let r = F;
-  n && typeof r > "u" && (r = n.disabled);
-  const L = i === "checkbox" || i === "radio", u = {
+  a && typeof r > "u" && (r = a.disabled);
+  const U = i === "checkbox" || i === "radio", u = {
     ...t,
     checked: y,
     disabled: r,
     disableFocusRipple: f,
     edge: R
   }, k = Z(u);
-  return /* @__PURE__ */ J(ee, {
+  return /* @__PURE__ */ K(ee, {
     component: "span",
     className: V(k.root, w),
     centerRipple: !0,
@@ -128,24 +127,24 @@ const Z = (s) => {
     tabIndex: null,
     role: void 0,
     onFocus: E,
-    onBlur: T,
+    onBlur: L,
     ownerState: u,
     ref: d,
-    ...j,
-    children: [/* @__PURE__ */ K(oe, {
+    ...O,
+    children: [/* @__PURE__ */ M(oe, {
       autoFocus: c,
-      checked: a,
+      checked: n,
       defaultChecked: p,
       className: k.input,
       disabled: r,
-      id: L ? x : void 0,
+      id: U ? x : void 0,
       name: q,
-      onChange: U,
-      readOnly: z,
+      onChange: T,
+      readOnly: v,
       ref: I,
-      required: N,
+      required: z,
       ownerState: u,
-      tabIndex: O,
+      tabIndex: N,
       type: i,
       ...i === "checkbox" && g === void 0 ? {} : {
         value: g
@@ -211,7 +210,7 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: W,
+  inputRef: X,
   /*
    * @ignore
    */