@cgi-learning-hub/ui 1.5.1 → 1.6.0

package/dist/{Switch-D3KweZGQ.js → Switch-Bg4QB4PJ.js}

@@ -1,43 +1,45 @@
-import * as k from "react";
-import { G as S, H as y, I as $, n as v, s as C, q as x, P as a } from "./generateUtilityClasses-BpRGbQmY.js";
-import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { S as O } from "./SwitchBase-BsP35Aas.js";
-import { m as l } from "./memoTheme-44McxcVZ.js";
-import { jsxs as T, jsx as w } from "react/jsx-runtime";
-import { u as R, s as d, c as B } from "./DefaultPropsProvider-Ik4eAJdt.js";
-import { c as r } from "./capitalize-DSG2FA7x.js";
-import { r as j } from "./refType-DsRJ5_Sj.js";
-function M(t) {
-  return y("MuiSwitch", t);
+import * as P from "react";
+import { P as e } from "./index-Sy88PpwE.js";
+import { F as R, G as j, H as M, n as S, s as N, q as D } from "./generateUtilityClasses-DngCqveO.js";
+import { c as I } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { S as U } from "./SwitchBase-EDFBMPd7.js";
+import { m as d } from "./memoTheme-nmt7i1dS.js";
+import { u as y } from "./useSlot-BDb1lvxu.js";
+import { jsx as v, jsxs as E } from "react/jsx-runtime";
+import { u as F, s as u, c as q } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { c as n } from "./capitalize-BHFotl9B.js";
+import { r as A } from "./refType-Dp7CJc86.js";
+function V(t) {
+  return j("MuiSwitch", t);
 }
-const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), N = (t) => {
+const a = R("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]), X = (t) => {
   const {
-    classes: e,
+    classes: o,
     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"],
+    size: p,
+    color: h,
+    checked: f,
+    disabled: b
+  } = t, m = {
+    root: ["root", s && `edge${n(s)}`, `size${n(p)}`],
+    switchBase: ["switchBase", `color${n(h)}`, f && "checked", b && "disabled"],
     thumb: ["thumb"],
     track: ["track"],
     input: ["input"]
-  }, b = B(h, M, e);
+  }, g = q(m, V, o);
   return {
-    ...e,
+    ...o,
     // forward the disabled and checked classes to the SwitchBase
-    ...b
+    ...g
   };
-}, I = d("span", {
+}, G = u("span", {
   name: "MuiSwitch",
   slot: "Root",
-  overridesResolver: (t, e) => {
+  overridesResolver: (t, o) => {
     const {
       ownerState: s
     } = t;
-    return [e.root, s.edge && e[`edge${r(s.edge)}`], e[`size${r(s.size)}`]];
+    return [o.root, s.edge && o[`edge${n(s.edge)}`], o[`size${n(s.size)}`]];
   }
 })({
   display: "inline-flex",
@@ -77,30 +79,30 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
       width: 40,
       height: 24,
       padding: 7,
-      [`& .${o.thumb}`]: {
+      [`& .${a.thumb}`]: {
         width: 16,
         height: 16
       },
-      [`& .${o.switchBase}`]: {
+      [`& .${a.switchBase}`]: {
         padding: 4,
-        [`&.${o.checked}`]: {
+        [`&.${a.checked}`]: {
           transform: "translateX(16px)"
         }
       }
     }
   }]
-}), P = d(O, {
+}), H = u(U, {
   name: "MuiSwitch",
   slot: "SwitchBase",
-  overridesResolver: (t, e) => {
+  overridesResolver: (t, o) => {
     const {
       ownerState: s
     } = t;
-    return [e.switchBase, {
-      [`& .${o.input}`]: e.input
-    }, s.color !== "default" && e[`color${r(s.color)}`]];
+    return [o.switchBase, {
+      [`& .${a.input}`]: o.input
+    }, s.color !== "default" && o[`color${n(s.color)}`]];
   }
-})(l(({
+})(d(({
   theme: t
 }) => ({
   position: "absolute",
@@ -112,59 +114,59 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   transition: t.transitions.create(["left", "transform"], {
     duration: t.transitions.duration.shortest
   }),
-  [`&.${o.checked}`]: {
+  [`&.${a.checked}`]: {
     transform: "translateX(20px)"
   },
-  [`&.${o.disabled}`]: {
+  [`&.${a.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}`]: {
+  [`&.${a.checked} + .${a.track}`]: {
     opacity: 0.5
   },
-  [`&.${o.disabled} + .${o.track}`]: {
+  [`&.${a.disabled} + .${a.track}`]: {
     opacity: t.vars ? t.vars.opacity.switchTrackDisabled : `${t.palette.mode === "light" ? 0.12 : 0.2}`
   },
-  [`& .${o.input}`]: {
+  [`& .${a.input}`]: {
     left: "-100%",
     width: "300%"
   }
-})), l(({
+})), d(({
   theme: t
 }) => ({
   "&:hover": {
-    backgroundColor: t.vars ? `rgba(${t.vars.palette.action.activeChannel} / ${t.vars.palette.action.hoverOpacity})` : v(t.palette.action.active, t.palette.action.hoverOpacity),
+    backgroundColor: t.vars ? `rgba(${t.vars.palette.action.activeChannel} / ${t.vars.palette.action.hoverOpacity})` : S(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]) => ({
+  variants: [...Object.entries(t.palette).filter(I(["light"])).map(([o]) => ({
     props: {
-      color: e
+      color: o
     },
     style: {
-      [`&.${o.checked}`]: {
-        color: (t.vars || t).palette[e].main,
+      [`&.${a.checked}`]: {
+        color: (t.vars || t).palette[o].main,
         "&:hover": {
-          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / ${t.vars.palette.action.hoverOpacity})` : v(t.palette[e].main, t.palette.action.hoverOpacity),
+          backgroundColor: t.vars ? `rgba(${t.vars.palette[o].mainChannel} / ${t.vars.palette.action.hoverOpacity})` : S(t.palette[o].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)}`
+        [`&.${a.disabled}`]: {
+          color: t.vars ? t.vars.palette.Switch[`${o}DisabledColor`] : `${t.palette.mode === "light" ? N(t.palette[o].main, 0.62) : D(t.palette[o].main, 0.55)}`
         }
       },
-      [`&.${o.checked} + .${o.track}`]: {
-        backgroundColor: (t.vars || t).palette[e].main
+      [`&.${a.checked} + .${a.track}`]: {
+        backgroundColor: (t.vars || t).palette[o].main
       }
     }
   }))]
-}))), D = d("span", {
+}))), L = u("span", {
   name: "MuiSwitch",
   slot: "Track",
-  overridesResolver: (t, e) => e.track
-})(l(({
+  overridesResolver: (t, o) => o.track
+})(d(({
   theme: t
 }) => ({
   height: "100%",
@@ -176,11 +178,11 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   }),
   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", {
+}))), _ = u("span", {
   name: "MuiSwitch",
   slot: "Thumb",
-  overridesResolver: (t, e) => e.thumb
-})(l(({
+  overridesResolver: (t, o) => o.thumb
+})(d(({
   theme: t
 }) => ({
   boxShadow: (t.vars || t).shadows[1],
@@ -188,48 +190,83 @@ const o = S("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPr
   width: 20,
   height: 20,
   borderRadius: "50%"
-}))), E = /* @__PURE__ */ k.forwardRef(function(e, s) {
-  const c = R({
-    props: e,
+}))), J = /* @__PURE__ */ P.forwardRef(function(o, s) {
+  const p = F({
+    props: o,
     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), f = /* @__PURE__ */ w(U, {
-    className: n.thumb,
+    className: h,
+    color: f = "primary",
+    edge: b = !1,
+    size: m = "medium",
+    sx: g,
+    slots: c = {},
+    slotProps: r = {},
+    ...$
+  } = p, i = {
+    ...p,
+    color: f,
+    edge: b,
+    size: m
+  }, l = X(i), w = {
+    slots: c,
+    slotProps: r
+  }, [T, C] = y("root", {
+    className: M(l.root, h),
+    elementType: G,
+    externalForwardedProps: w,
+    ownerState: i,
+    additionalProps: {
+      sx: g
+    }
+  }), [x, O] = y("thumb", {
+    className: l.thumb,
+    elementType: _,
+    externalForwardedProps: w,
+    ownerState: i
+  }), k = /* @__PURE__ */ v(x, {
+    ...O
+  }), [B, z] = y("track", {
+    className: l.track,
+    elementType: L,
+    externalForwardedProps: w,
     ownerState: i
   });
-  return /* @__PURE__ */ T(I, {
-    className: $(n.root, p),
-    sx: b,
-    ownerState: i,
-    children: [/* @__PURE__ */ w(P, {
+  return /* @__PURE__ */ E(T, {
+    ...C,
+    children: [/* @__PURE__ */ v(H, {
       type: "checkbox",
-      icon: f,
-      checkedIcon: f,
+      icon: k,
+      checkedIcon: k,
       ref: s,
       ownerState: i,
-      ...m,
+      ...$,
       classes: {
-        ...n,
-        root: n.switchBase
+        ...l,
+        root: l.switchBase
+      },
+      slots: {
+        ...c.switchBase && {
+          root: c.switchBase
+        },
+        ...c.input && {
+          input: c.input
+        }
+      },
+      slotProps: {
+        ...r.switchBase && {
+          root: typeof r.switchBase == "function" ? r.switchBase(i) : r.switchBase
+        },
+        ...r.input && {
+          input: typeof r.input == "function" ? r.input(i) : r.input
+        }
       }
-    }), /* @__PURE__ */ w(D, {
-      className: n.track,
-      ownerState: i
+    }), /* @__PURE__ */ v(B, {
+      ...z
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (E.propTypes = {
+process.env.NODE_ENV !== "production" && (J.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -237,39 +274,39 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
   /**
    * If `true`, the component is checked.
    */
-  checked: a.bool,
+  checked: e.bool,
   /**
    * The icon to display when the component is checked.
    */
-  checkedIcon: a.node,
+  checkedIcon: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: a.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: a.string,
+  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: a.oneOfType([a.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), a.string]),
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
   /**
    * The default checked state. Use when the component is not controlled.
    */
-  defaultChecked: a.bool,
+  defaultChecked: e.bool,
   /**
    * If `true`, the component is disabled.
    */
-  disabled: a.bool,
+  disabled: e.bool,
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple: a.bool,
+  disableRipple: e.bool,
   /**
    * If given, uses a negative margin to counteract the padding on one
    * side (this is often helpful for aligning the left or right
@@ -277,23 +314,25 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
    * size and shape).
    * @default false
    */
-  edge: a.oneOf(["end", "start", !1]),
+  edge: e.oneOf(["end", "start", !1]),
   /**
    * The icon to display when the component is unchecked.
    */
-  icon: a.node,
+  icon: e.node,
   /**
    * The id of the `input` element.
    */
-  id: a.string,
+  id: e.string,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputProps: a.object,
+  inputProps: e.object,
   /**
    * Pass a ref to the `input` element.
+   * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputRef: j,
+  inputRef: A,
   /**
    * Callback fired when the state is changed.
    *
@@ -301,30 +340,52 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
    * 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,
+  onChange: e.func,
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required: a.bool,
+  required: e.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]),
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object]),
+    switchBase: e.oneOfType([e.func, e.object]),
+    thumb: e.oneOfType([e.func, e.object]),
+    track: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType,
+    switchBase: e.elementType,
+    thumb: e.elementType,
+    track: e.elementType
+  }),
   /**
    * 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]),
+  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.
    * The browser uses "on" as the default value.
    */
-  value: a.any
+  value: e.any
 });
 export {
-  E as S,
-  M as g,
-  o as s
+  J as S,
+  V as g,
+  a as s
 };

package/dist/Switch-CEfqaD33.cjs

@@ -0,0 +1 @@
+"use strict";const R=require("react"),t=require("./index-DLnSn8GT.cjs"),n=require("./generateUtilityClasses-CMlilM6r.cjs"),q=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),M=require("./SwitchBase-DvCITKv8.cjs"),T=require("./memoTheme-BAbn60Cb.cjs"),m=require("./useSlot-W0PiuVaZ.cjs"),y=require("react/jsx-runtime"),l=require("./DefaultPropsProvider-B1crdkTC.cjs"),c=require("./capitalize-CKLkSyDO.cjs"),D=require("./refType-B_IEJm4x.cjs");function N(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return o.default=e,Object.freeze(o)}const U=N(R);function S(e){return n.generateUtilityClass("MuiSwitch",e)}const r=n.generateUtilityClasses("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),I=e=>{const{classes:o,edge:s,size:i,color:h,checked:P,disabled:b}=e,f={root:["root",s&&`edge${c.capitalize(s)}`,`size${c.capitalize(i)}`],switchBase:["switchBase",`color${c.capitalize(h)}`,P&&"checked",b&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},g=l.composeClasses(f,S,o);return{...o,...g}},_=l.styled("span",{name:"MuiSwitch",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:s}=e;return[o.root,s.edge&&o[`edge${c.capitalize(s.edge)}`],o[`size${c.capitalize(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,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)"}}}}]}),E=l.styled(M.SwitchBase,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:(e,o)=>{const{ownerState:s}=e;return[o.switchBase,{[`& .${r.input}`]:o.input},s.color!=="default"&&o[`color${c.capitalize(s.color)}`]]}})(T.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%"}})),T.memoTheme(({theme:e})=>({"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:n.alpha(e.palette.action.active,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},variants:[...Object.entries(e.palette).filter(q.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})`:n.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"?n.lighten(e.palette[o].main,.62):n.darken(e.palette[o].main,.55)}`}},[`&.${r.checked} + .${r.track}`]:{backgroundColor:(e.vars||e).palette[o].main}}}))]}))),F=l.styled("span",{name:"MuiSwitch",slot:"Track",overridesResolver:(e,o)=>o.track})(T.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}`}))),V=l.styled("span",{name:"MuiSwitch",slot:"Thumb",overridesResolver:(e,o)=>o.thumb})(T.memoTheme(({theme:e})=>({boxShadow:(e.vars||e).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}))),k=U.forwardRef(function(o,s){const i=l.useDefaultProps({props:o,name:"MuiSwitch"}),{className:h,color:P="primary",edge:b=!1,size:f="medium",sx:g,slots:d={},slotProps:a={},...$}=i,p={...i,color:P,edge:b,size:f},u=I(p),w={slots:d,slotProps:a},[C,O]=m.useSlot("root",{className:n.clsx(u.root,h),elementType:_,externalForwardedProps:w,ownerState:p,additionalProps:{sx:g}}),[x,z]=m.useSlot("thumb",{className:u.thumb,elementType:V,externalForwardedProps:w,ownerState:p}),v=y.jsx(x,{...z}),[j,B]=m.useSlot("track",{className:u.track,elementType:F,externalForwardedProps:w,ownerState:p});return y.jsxs(C,{...O,children:[y.jsx(E,{type:"checkbox",icon:v,checkedIcon:v,ref:s,ownerState:p,...$,classes:{...u,root:u.switchBase},slots:{...d.switchBase&&{root:d.switchBase},...d.input&&{input:d.input}},slotProps:{...a.switchBase&&{root:typeof a.switchBase=="function"?a.switchBase(p):a.switchBase},...a.input&&{input:typeof a.input=="function"?a.input(p):a.input}}}),y.jsx(j,{...B})]})});process.env.NODE_ENV!=="production"&&(k.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:D.refType,onChange:t.PropTypes.func,required:t.PropTypes.bool,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["medium","small"]),t.PropTypes.string]),slotProps:t.PropTypes.shape({input:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),root:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),switchBase:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),thumb:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),track:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object])}),slots:t.PropTypes.shape({input:t.PropTypes.elementType,root:t.PropTypes.elementType,switchBase:t.PropTypes.elementType,thumb:t.PropTypes.elementType,track:t.PropTypes.elementType}),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=k;exports.getSwitchUtilityClass=S;exports.switchClasses=r;

package/dist/SwitchBase-DvCITKv8.cjs

@@ -0,0 +1 @@
+"use strict";const W=require("react"),e=require("./index-DLnSn8GT.cjs"),d=require("./DefaultPropsProvider-B1crdkTC.cjs"),X=require("./useFormControl-haP0iPhl.cjs"),w=require("./generateUtilityClasses-CMlilM6r.cjs"),F=require("./useSlot-W0PiuVaZ.cjs"),k=require("react/jsx-runtime"),Y=require("./useControlled-Ysk4KqoX.cjs"),Z=require("./capitalize-CKLkSyDO.cjs"),ee=require("./ButtonBase-Cteo-mSC.cjs"),oe=require("./refType-B_IEJm4x.cjs");function te(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const se=te(W);function re(t){return w.generateUtilityClass("PrivateSwitchBase",t)}w.generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const ne=t=>{const{classes:s,checked:n,disabled:c,edge:a}=t,y={root:["root",n&&"checked",c&&"disabled",a&&`edge${Z.capitalize(a)}`],input:["input"]};return d.composeClasses(y,re,s)},pe=d.styled(ee.ButtonBase)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:t,ownerState:s})=>t==="start"&&s.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:t,ownerState:s})=>t==="end"&&s.size!=="small",style:{marginRight:-12}}]}),ie=d.styled("input",{shouldForwardProp:d.rootShouldForwardProp})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),R=se.forwardRef(function(s,n){const{autoFocus:c,checked:a,checkedIcon:y,defaultChecked:f,disabled:q,disableFocusRipple:T=!1,edge:x=!1,icon:j,id:O,inputProps:I,inputRef:z,name:N,onBlur:g,onChange:b,onFocus:h,readOnly:v,required:U=!1,tabIndex:D,type:u,value:m,slots:E={},slotProps:_={},...L}=s,[S,M]=Y.useControlled({controlled:a,default:!!f,name:"SwitchBase",state:"checked"}),p=X.useFormControl(),V=o=>{h&&h(o),p&&p.onFocus&&p.onFocus(o)},$=o=>{g&&g(o),p&&p.onBlur&&p.onBlur(o)},A=o=>{if(o.nativeEvent.defaultPrevented)return;const r=o.target.checked;M(r),b&&b(o,r)};let l=q;p&&typeof l>"u"&&(l=p.disabled);const G=u==="checkbox"||u==="radio",P={...s,checked:S,disabled:l,disableFocusRipple:T,edge:x},B=ne(P),C={slots:E,slotProps:{input:I,..._}},[H,J]=F.useSlot("root",{ref:n,elementType:pe,className:B.root,shouldForwardComponentProp:!0,externalForwardedProps:{...C,component:"span",...L},getSlotProps:o=>({...o,onFocus:r=>{var i;(i=o.onFocus)==null||i.call(o,r),V(r)},onBlur:r=>{var i;(i=o.onBlur)==null||i.call(o,r),$(r)}}),ownerState:P,additionalProps:{centerRipple:!0,focusRipple:!T,disabled:l,role:void 0,tabIndex:null}}),[K,Q]=F.useSlot("input",{ref:z,elementType:ie,className:B.input,externalForwardedProps:C,getSlotProps:o=>({...o,onChange:r=>{var i;(i=o.onChange)==null||i.call(o,r),A(r)}}),ownerState:P,additionalProps:{autoFocus:c,checked:a,defaultChecked:f,disabled:l,id:G?O:void 0,name:N,readOnly:v,required:U,tabIndex:D,type:u,...u==="checkbox"&&m===void 0?{}:{value:m}}});return k.jsxs(H,{...J,children:[k.jsx(K,{...Q}),S?y:j]})});process.env.NODE_ENV!=="production"&&(R.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:oe.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,slotProps:e.PropTypes.shape({input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),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=R;