npm - @zidsa/zidmui - Versions diffs - 2.1.6 → 2.1.7 - Mend

@zidsa/zidmui 2.1.6 → 2.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist/react/cjs/theme/components/app-bar.js ADDED Viewed

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const palette = require("../palette.js");
+const shadows = require("../shadows.js");
+const MuiAppBar = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      boxShadow: shadows.shadows?.[4],
+      input: {
+        fontSize: 14,
+        "&:-webkit-autofill": {
+          transitionDelay: "9999s !important"
+        },
+        "&::-webkit-input-placeholder": {
+          opacity: 1,
+          color: theme.palette.text.secondary
+        },
+        "&::-moz-placeholder": {
+          opacity: 1,
+          color: theme.palette.text.secondary
+        },
+        "&:-ms-input-placeholder": {
+          opacity: 1,
+          color: theme.palette.text.secondary
+        }
+      },
+      "& form": {
+        margin: 0,
+        maxWidth: 564,
+        width: "100%",
+        "& .MuiFormControl-root": {
+          marginTop: 0
+        }
+      },
+      //
+      variants: [
+        {
+          props: { color: "primary" },
+          style: ({ theme: theme2 }) => ({
+            "& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root": {
+              color: theme2.palette.common.white_states.main
+            },
+            input: {
+              color: theme2.palette.primary.contrastText,
+              "&::-webkit-input-placeholder": {
+                opacity: 1,
+                color: theme2.palette.primary.contrastText
+              },
+              "&::-moz-placeholder": {
+                opacity: 1,
+                color: theme2.palette.primary.contrastText
+              },
+              "&:-ms-input-placeholder": {
+                opacity: 1,
+                color: theme2.palette.primary.contrastText
+              }
+            },
+            "& .MuiTextField-root": {
+              "& .MuiOutlinedInput-root": {
+                "& fieldset": {
+                  border: "none",
+                  background: theme2.palette.common.white_states.focusVisible
+                }
+              }
+            }
+          })
+        },
+        {
+          props: { color: "default" },
+          style: ({ theme: theme2 }) => ({
+            "& .MuiTextField-root": {
+              "& .MuiOutlinedInput-root": {
+                "& fieldset": {
+                  border: "none",
+                  background: theme2.palette.common.black_states.selected
+                }
+              }
+            }
+          })
+        },
+        {
+          props: { color: "secondary" },
+          style: ({ theme: theme2 }) => ({
+            "& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root": {
+              color: theme2.palette.common.white_states.main
+            },
+            input: {
+              opacity: 1,
+              color: theme2.palette.primary.contrastText,
+              "&::-webkit-input-placeholder": {
+                opacity: 1,
+                color: theme2.palette.primary.contrastText
+              },
+              "&::-moz-placeholder, &:-ms-input-placeholder": {
+                opacity: 1,
+                color: theme2.palette.primary.contrastText
+              },
+              "&:-ms-input-placeholder": {
+                opacity: 1,
+                color: theme2.palette.primary.contrastText
+              }
+            },
+            "& .MuiTextField-root": {
+              "& .MuiOutlinedInput-root": {
+                "& fieldset": {
+                  border: "none",
+                  background: theme2.palette.common.white_states.focus
+                }
+              }
+            }
+          })
+        },
+        {
+          props: { color: "inherit" },
+          style: ({ theme: theme2 }) => ({
+            "& .MuiTextField-root": {
+              "& .MuiOutlinedInput-root": {
+                "& fieldset": {
+                  border: "none",
+                  background: theme2.palette.common.black_states.hover
+                }
+              }
+            }
+          })
+        },
+        {
+          props: { color: "transparent" },
+          style: ({ theme: theme2 }) => ({
+            backgroundColor: palette.palette?.background?.default,
+            boxShadow: shadows.shadows?.[0],
+            borderBottom: `1px solid ${theme2.palette?.outlined?.outlined_2}`,
+            "& .MuiTextField-root": {
+              "& .MuiOutlinedInput-root": {
+                "& fieldset": {
+                  borderColor: theme2.palette?.outlined?.outlined,
+                  background: theme2.palette?.common?.black_states?.hover
+                },
+                "&.Mui-focused fieldset": {
+                  borderColor: theme2.palette.primary.main
+                },
+                "&:active fieldset": {
+                  borderColor: theme2.palette.primary.main
+                }
+              }
+            }
+          })
+        }
+      ]
+    })
+  }
+};
+exports.MuiAppBar = MuiAppBar;
+//# sourceMappingURL=app-bar.js.map

package/dist/react/cjs/theme/components/app-bar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nimport { palette } from '../palette';\nimport { shadows } from '../shadows';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n boxShadow: shadows?.[4],\n input: {\n fontSize: 14,\n '&:-webkit-autofill': {\n transitionDelay: '9999s !important',\n },\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.text.secondary,\n },\n },\n '& form': {\n margin: 0,\n maxWidth: 564,\n width: '100%',\n '& .MuiFormControl-root': {\n marginTop: 0,\n },\n },\n //\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focusVisible,\n },\n },\n },\n }),\n },\n {\n props: { color: 'default' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.selected,\n },\n },\n },\n }),\n },\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n {\n color: theme.palette.common.white_states.main,\n },\n input: {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n '&::-webkit-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&::-moz-placeholder, &:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n '&:-ms-input-placeholder': {\n opacity: 1,\n color: theme.palette.primary.contrastText,\n },\n },\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.white_states.focus,\n },\n },\n },\n }),\n },\n {\n props: { color: 'inherit' },\n style: ({ theme }) => ({\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n border: 'none',\n background: theme.palette.common.black_states.hover,\n },\n },\n },\n }),\n },\n {\n props: { color: 'transparent' },\n style: ({ theme }) => ({\n backgroundColor: palette?.background?.default,\n boxShadow: shadows?.[0],\n borderBottom: `1px solid ${theme.palette?.outlined?.outlined_2}`,\n '& .MuiTextField-root': {\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n borderColor: theme.palette?.outlined?.outlined,\n background: theme.palette?.common?.black_states?.hover,\n },\n '&.Mui-focused fieldset': {\n borderColor: theme.palette.primary.main,\n },\n '&:active fieldset': {\n borderColor: theme.palette.primary.main,\n },\n },\n },\n }),\n },\n ],\n }),\n },\n};\n"],"names":["shadows","theme","palette"],"mappings":"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"}

package/dist/react/cjs/theme/components/autocomplete.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiAutocomplete = {
+  styleOverrides: {
+    root: () => ({
+      "& .MuiOutlinedInput-root": {
+        paddingTop: 0,
+        paddingBottom: 0
+      }
+    })
+  }
+};
+exports.MuiAutocomplete = MuiAutocomplete;
+//# sourceMappingURL=autocomplete.js.map

package/dist/react/cjs/theme/components/autocomplete.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"autocomplete.js","sources":["../../../../../src/theme/components/autocomplete.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAutocomplete: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiAutocomplete'] = {\n styleOverrides: {\n root: () => ({\n '& .MuiOutlinedInput-root': {\n paddingTop: 0,\n paddingBottom: 0,\n },\n }),\n },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,kBAEU;AAAA,EACrB,gBAAgB;AAAA,IACd,MAAM,OAAO;AAAA,MACX,4BAA4B;AAAA,QAC1B,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/card.js ADDED Viewed

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiCard = {
+  styleOverrides: {
+    root: () => ({
+      borderRadius: 16,
+      "& > .MuiCardContent-root:last-child": {
+        paddingBottom: 16
+      },
+      "& .MuiCardContent-root .MuiCardContent-root": {
+        borderRadius: 8,
+        border: "1px solid #F2F2F2",
+        padding: 16
+      },
+      "& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root": {
+        borderRadius: 4,
+        backgroundColor: "#F8F8F8",
+        border: "none"
+      },
+      form: {
+        marginBottom: 0
+      },
+      "& .MuiList-root:last-child  .MuiListItem-root:last-of-type": {
+        borderBottom: "none",
+        paddingBottom: 0
+      }
+    })
+  }
+};
+exports.MuiCard = MuiCard;
+//# sourceMappingURL=card.js.map

package/dist/react/cjs/theme/components/card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"card.js","sources":["../../../../../src/theme/components/card.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiCard: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiCard'] =\n {\n styleOverrides: {\n root: () => ({\n borderRadius: 16,\n\n '& > .MuiCardContent-root:last-child': {\n paddingBottom: 16,\n },\n\n '& .MuiCardContent-root .MuiCardContent-root': {\n borderRadius: 8,\n border: '1px solid #F2F2F2',\n padding: 16,\n },\n\n '& .MuiCardContent-root .MuiCardContent-root .MuiCardContent-root': {\n borderRadius: 4,\n backgroundColor: '#F8F8F8',\n border: 'none',\n },\n\n form: {\n marginBottom: 0,\n },\n\n '& .MuiList-root:last-child .MuiListItem-root:last-of-type': {\n borderBottom: 'none',\n paddingBottom: 0,\n },\n }),\n },\n };\n"],"names":[],"mappings":";;AAMO,MAAM,UACX;AAAA,EACE,gBAAgB;AAAA,IACd,MAAM,OAAO;AAAA,MACX,cAAc;AAAA,MAEd,uCAAuC;AAAA,QACrC,eAAe;AAAA,MAAA;AAAA,MAGjB,+CAA+C;AAAA,QAC7C,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,MAGX,oEAAoE;AAAA,QAClE,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,QAAQ;AAAA,MAAA;AAAA,MAGV,MAAM;AAAA,QACJ,cAAc;AAAA,MAAA;AAAA,MAGhB,8DAA8D;AAAA,QAC5D,cAAc;AAAA,QACd,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/drawer.js ADDED Viewed

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiDrawer = {
+  styleOverrides: {
+    root: {
+      overflow: "hidden"
+    },
+    paper: {
+      padding: "16px 0 0 0"
+    },
+    modal: {
+      maxHeight: "100vh"
+    },
+    paperAnchorLeft: {
+      width: 390,
+      maxWidth: "calc(100vw - 24px)",
+      borderRadius: "0 16px 16px 0"
+    },
+    paperAnchorRight: {
+      width: 390,
+      maxWidth: "calc(100vw - 24px)",
+      borderRadius: "16px 0 0 16px"
+    },
+    paperAnchorTop: {
+      height: 390,
+      maxHeight: "calc(100vh - 24px)",
+      borderRadius: "0 0 16px 16px"
+    },
+    paperAnchorBottom: {
+      height: 390,
+      maxHeight: "calc(100vh - 24px)",
+      borderRadius: "16px 16px 0 0"
+    }
+  }
+};
+exports.MuiDrawer = MuiDrawer;
+//# sourceMappingURL=drawer.js.map

package/dist/react/cjs/theme/components/drawer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"drawer.js","sources":["../../../../../src/theme/components/drawer.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiDrawer: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiDrawer'] = {\n styleOverrides: {\n root: {\n overflow: 'hidden',\n },\n paper: {\n padding: '16px 0 0 0',\n },\n modal: {\n maxHeight: '100vh',\n },\n\n paperAnchorLeft: {\n width: 390,\n maxWidth: 'calc(100vw - 24px)',\n borderRadius: '0 16px 16px 0',\n },\n\n paperAnchorRight: {\n width: 390,\n maxWidth: 'calc(100vw - 24px)',\n borderRadius: '16px 0 0 16px',\n },\n\n paperAnchorTop: {\n height: 390,\n maxHeight: 'calc(100vh - 24px)',\n borderRadius: '0 0 16px 16px',\n },\n\n paperAnchorBottom: {\n height: 390,\n maxHeight: 'calc(100vh - 24px)',\n borderRadius: '16px 16px 0 0',\n },\n },\n};\n"],"names":[],"mappings":";;AAEO,MAAM,YAEI;AAAA,EACf,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,UAAU;AAAA,IAAA;AAAA,IAEZ,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,WAAW;AAAA,IAAA;AAAA,IAGb,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,IAGhB,kBAAkB;AAAA,MAChB,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,IAGhB,gBAAgB;AAAA,MACd,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,cAAc;AAAA,IAAA;AAAA,IAGhB,mBAAmB;AAAA,MACjB,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,cAAc;AAAA,IAAA;AAAA,EAChB;AAEJ;;"}

package/dist/react/cjs/theme/components/form-control-label.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiFormControlLabel = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      marginInline: 0,
+      ".MuiFormControlLabel-label": {
+        ...theme.typography.body2
+      }
+    })
+  }
+};
+exports.MuiFormControlLabel = MuiFormControlLabel;
+//# sourceMappingURL=form-control-label.js.map

package/dist/react/cjs/theme/components/form-control-label.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-control-label.js","sources":["../../../../../src/theme/components/form-control-label.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiFormControlLabel: Components<Theme & CssVarsTheme>['MuiFormControlLabel'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n marginInline: 0,\n '.MuiFormControlLabel-label': {\n ...theme.typography.body2,\n },\n }),\n },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,sBAA+E;AAAA,EAC1F,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,cAAc;AAAA,MACd,8BAA8B;AAAA,QAC5B,GAAG,MAAM,WAAW;AAAA,MAAA;AAAA,IACtB;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/form-helper-text.js ADDED Viewed

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiFormHelperText = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      ...theme.typography.caption,
+      marginInline: 0,
+      marginTop: theme.spacing(1),
+      color: "inherit",
+      [`&.MuiFormHelperText-root`]: {
+        color: theme.palette.text.tertiary
+      },
+      [`&.MuiFormHelperText-filled`]: {
+        color: theme.palette.text.tertiary,
+        "&.Mui-error": {
+          color: theme.palette.error.main
+        },
+        "&.Mui-disabled": {
+          color: theme.palette.text.disabled
+        }
+      },
+      "&.Mui-focused": {
+        // color: 'inherit',
+        "&.Mui-error": {
+          color: theme.palette.error.main
+        },
+        "&.Mui-disabled": {
+          color: theme.palette.text.disabled
+        }
+      },
+      [`&.Mui-error`]: {
+        color: theme.palette.error.main
+      },
+      variants: [
+        {
+          props: { error: true },
+          style: {
+            color: theme.palette.error.main
+          }
+        }
+      ]
+    })
+  }
+};
+exports.MuiFormHelperText = MuiFormHelperText;
+//# sourceMappingURL=form-helper-text.js.map

package/dist/react/cjs/theme/components/form-helper-text.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-helper-text.js","sources":["../../../../../src/theme/components/form-helper-text.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiFormHelperText: Components<Theme & CssVarsTheme>['MuiFormHelperText'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n ...theme.typography.caption,\n\n marginInline: 0,\n marginTop: theme.spacing(1),\n color: 'inherit',\n [`&.MuiFormHelperText-root`]: {\n color: theme.palette.text.tertiary,\n },\n [`&.MuiFormHelperText-filled`]: {\n color: theme.palette.text.tertiary,\n '&.Mui-error': {\n color: theme.palette.error.main,\n },\n '&.Mui-disabled': {\n color: theme.palette.text.disabled,\n },\n },\n '&.Mui-focused': {\n // color: 'inherit',\n '&.Mui-error': {\n color: theme.palette.error.main,\n },\n '&.Mui-disabled': {\n color: theme.palette.text.disabled,\n },\n },\n [`&.Mui-error`]: {\n color: theme.palette.error.main,\n },\n variants: [\n {\n props: { error: true },\n style: {\n color: theme.palette.error.main,\n },\n },\n ],\n }),\n },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,oBAA2E;AAAA,EACtF,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,GAAG,MAAM,WAAW;AAAA,MAEpB,cAAc;AAAA,MACd,WAAW,MAAM,QAAQ,CAAC;AAAA,MAC1B,OAAO;AAAA,MACP,CAAC,0BAA0B,GAAG;AAAA,QAC5B,OAAO,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,MAE5B,CAAC,4BAA4B,GAAG;AAAA,QAC9B,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,eAAe;AAAA,UACb,OAAO,MAAM,QAAQ,MAAM;AAAA,QAAA;AAAA,QAE7B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MAC5B;AAAA,MAEF,iBAAiB;AAAA;AAAA,QAEf,eAAe;AAAA,UACb,OAAO,MAAM,QAAQ,MAAM;AAAA,QAAA;AAAA,QAE7B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MAC5B;AAAA,MAEF,CAAC,aAAa,GAAG;AAAA,QACf,OAAO,MAAM,QAAQ,MAAM;AAAA,MAAA;AAAA,MAE7B,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,OAAO,KAAA;AAAA,UAChB,OAAO;AAAA,YACL,OAAO,MAAM,QAAQ,MAAM;AAAA,UAAA;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/form-label.js ADDED Viewed

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiFormLabel = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      ...theme.typography.body1,
+      marginBottom: theme.spacing(1),
+      color: "inherit",
+      [`&.MuiFormLabel-filled`]: {
+        color: "inherit",
+        "&.Mui-error": {
+          color: theme.palette.error.main
+        },
+        "&.Mui-disabled": {
+          color: theme.palette.text.disabled
+        }
+      },
+      "&.Mui-focused": {
+        color: "inherit",
+        "&.Mui-error": {
+          color: theme.palette.error.main
+        },
+        "&.Mui-disabled": {
+          color: theme.palette.text.disabled
+        }
+      }
+    })
+  }
+};
+exports.MuiFormLabel = MuiFormLabel;
+//# sourceMappingURL=form-label.js.map

package/dist/react/cjs/theme/components/form-label.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-label.js","sources":["../../../../../src/theme/components/form-label.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiFormLabel: Components<Theme & CssVarsTheme>['MuiFormLabel'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n ...theme.typography.body1,\n\n marginBottom: theme.spacing(1),\n color: 'inherit',\n [`&.MuiFormLabel-filled`]: {\n color: 'inherit',\n '&.Mui-error': {\n color: theme.palette.error.main,\n },\n '&.Mui-disabled': {\n color: theme.palette.text.disabled,\n },\n },\n '&.Mui-focused': {\n color: 'inherit',\n '&.Mui-error': {\n color: theme.palette.error.main,\n },\n '&.Mui-disabled': {\n color: theme.palette.text.disabled,\n },\n },\n }),\n },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,GAAG,MAAM,WAAW;AAAA,MAEpB,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC7B,OAAO;AAAA,MACP,CAAC,uBAAuB,GAAG;AAAA,QACzB,OAAO;AAAA,QACP,eAAe;AAAA,UACb,OAAO,MAAM,QAAQ,MAAM;AAAA,QAAA;AAAA,QAE7B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MAC5B;AAAA,MAEF,iBAAiB;AAAA,QACf,OAAO;AAAA,QACP,eAAe;AAAA,UACb,OAAO,MAAM,QAAQ,MAAM;AAAA,QAAA;AAAA,QAE7B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/icon.js ADDED Viewed

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiIcon = {
+  defaultProps: {
+    fontSize: "medium",
+    color: "primary"
+  },
+  styleOverrides: {
+    root: ({ theme }) => ({
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      borderRadius: "50%",
+      variants: [
+        {
+          props: { fontSize: "large" },
+          style: {
+            minWidth: theme.spacing(6),
+            minHeight: theme.spacing(6)
+          },
+          "> svg": {
+            width: theme.spacing(3),
+            height: theme.spacing(3)
+          }
+        },
+        {
+          props: { fontSize: "medium" },
+          style: {
+            minWidth: theme.spacing(5),
+            minHeight: theme.spacing(5)
+          },
+          "> svg": {
+            width: theme.spacing(2.5),
+            height: theme.spacing(2.5)
+          }
+        },
+        {
+          props: { fontSize: "small" },
+          style: {
+            minWidth: theme.spacing(4),
+            minHeight: theme.spacing(4),
+            "> svg": {
+              width: theme.spacing(2),
+              height: theme.spacing(2)
+            }
+          }
+        },
+        {
+          props: { color: "primary" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.iconButton.primary.text,
+            border: `1px solid ${theme.palette._components.button.primary.contained}`
+          }
+        },
+        {
+          props: { color: "secondary" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.iconButton.secondary.text,
+            border: `1px solid ${theme.palette._components.button.secondary.border}`
+          }
+        },
+        {
+          props: { color: "error" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.button.error.focused,
+            border: `1px solid ${theme.palette._components.button.error.border}`
+          }
+        }
+      ]
+    })
+  }
+};
+exports.MuiIcon = MuiIcon;
+//# sourceMappingURL=icon.js.map

package/dist/react/cjs/theme/components/icon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.js","sources":["../../../../../src/theme/components/icon.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiIcon: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiIcon'] =\n {\n defaultProps: {\n fontSize: 'medium',\n color: 'primary',\n },\n styleOverrides: {\n root: ({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '50%',\n variants: [\n {\n props: { fontSize: 'large' },\n style: {\n minWidth: theme.spacing(6),\n minHeight: theme.spacing(6),\n },\n '> svg': {\n width: theme.spacing(3),\n height: theme.spacing(3),\n },\n },\n {\n props: { fontSize: 'medium' },\n style: {\n minWidth: theme.spacing(5),\n minHeight: theme.spacing(5),\n },\n '> svg': {\n width: theme.spacing(2.5),\n height: theme.spacing(2.5),\n },\n },\n {\n props: { fontSize: 'small' },\n style: {\n minWidth: theme.spacing(4),\n minHeight: theme.spacing(4),\n '> svg': {\n width: theme.spacing(2),\n height: theme.spacing(2),\n },\n },\n },\n {\n props: { color: 'primary' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.iconButton.primary.text,\n border: `1px solid ${theme.palette._components.button.primary.contained}`,\n },\n },\n {\n props: { color: 'secondary' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.iconButton.secondary.text,\n border: `1px solid ${theme.palette._components.button.secondary.border}`,\n },\n },\n {\n props: { color: 'error' },\n style: {\n backgroundColor: 'transparent',\n color: theme.palette._components.button.error.focused,\n border: `1px solid ${theme.palette._components.button.error.border}`,\n },\n },\n ],\n }),\n },\n };\n"],"names":[],"mappings":";;AAMO,MAAM,UACX;AAAA,EACE,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,EAAA;AAAA,EAET,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,QACR;AAAA,UACE,OAAO,EAAE,UAAU,QAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,YACzB,WAAW,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,UAE5B,SAAS;AAAA,YACP,OAAO,MAAM,QAAQ,CAAC;AAAA,YACtB,QAAQ,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,QACzB;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,UAAU,SAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,YACzB,WAAW,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,UAE5B,SAAS;AAAA,YACP,OAAO,MAAM,QAAQ,GAAG;AAAA,YACxB,QAAQ,MAAM,QAAQ,GAAG;AAAA,UAAA;AAAA,QAC3B;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,UAAU,QAAA;AAAA,UACnB,OAAO;AAAA,YACL,UAAU,MAAM,QAAQ,CAAC;AAAA,YACzB,WAAW,MAAM,QAAQ,CAAC;AAAA,YAC1B,SAAS;AAAA,cACP,OAAO,MAAM,QAAQ,CAAC;AAAA,cACtB,QAAQ,MAAM,QAAQ,CAAC;AAAA,YAAA;AAAA,UACzB;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,UAAA;AAAA,UAChB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,WAAW,QAAQ;AAAA,YACpD,QAAQ,aAAa,MAAM,QAAQ,YAAY,OAAO,QAAQ,SAAS;AAAA,UAAA;AAAA,QACzE;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,YAAA;AAAA,UAChB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,WAAW,UAAU;AAAA,YACtD,QAAQ,aAAa,MAAM,QAAQ,YAAY,OAAO,UAAU,MAAM;AAAA,UAAA;AAAA,QACxE;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,QAAA;AAAA,UAChB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAC9C,QAAQ,aAAa,MAAM,QAAQ,YAAY,OAAO,MAAM,MAAM;AAAA,UAAA;AAAA,QACpE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/menu.js ADDED Viewed

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiMenu = {
+  defaultProps: {
+    disableRestoreFocus: true,
+    disableAutoFocusItem: true
+  },
+  styleOverrides: {
+    paper: ({ theme }) => ({
+      borderRadius: theme.spacing(1.5),
+      marginTop: theme.spacing(1),
+      borderStyle: "solid",
+      borderWidth: 1,
+      borderColor: theme.palette.outlined?.outlined
+    })
+  }
+};
+const MuiMenuItem = {
+  defaultProps: {
+    disableRipple: true,
+    disableTouchRipple: true
+  }
+};
+exports.MuiMenu = MuiMenu;
+exports.MuiMenuItem = MuiMenuItem;
+//# sourceMappingURL=menu.js.map

package/dist/react/cjs/theme/components/menu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menu.js","sources":["../../../../../src/theme/components/menu.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiMenu: Components<Theme & CssVarsTheme>['MuiMenu'] = {\n defaultProps: {\n disableRestoreFocus: true,\n disableAutoFocusItem: true,\n },\n styleOverrides: {\n paper: ({ theme }) => ({\n borderRadius: theme.spacing(1.5),\n marginTop: theme.spacing(1),\n borderStyle: 'solid',\n borderWidth: 1,\n borderColor: theme.palette.outlined?.outlined,\n }),\n },\n};\n\nexport const MuiMenuItem: Components<Theme & CssVarsTheme>['MuiMenuItem'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,UAAuD;AAAA,EAClE,cAAc;AAAA,IACZ,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,EAAA;AAAA,EAExB,gBAAgB;AAAA,IACd,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,cAAc,MAAM,QAAQ,GAAG;AAAA,MAC/B,WAAW,MAAM,QAAQ,CAAC;AAAA,MAC1B,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa,MAAM,QAAQ,UAAU;AAAA,IAAA;AAAA,EACvC;AAEJ;AAEO,MAAM,cAA+D;AAAA,EAC1E,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAExB;;;"}

package/dist/react/cjs/theme/components/paper.js ADDED Viewed

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiPaper = {
+  styleOverrides: {
+    root: {
+      border: "1px solid #F2F2F2"
+    }
+  }
+};
+exports.MuiPaper = MuiPaper;
+//# sourceMappingURL=paper.js.map

package/dist/react/cjs/theme/components/paper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"paper.js","sources":["../../../../../src/theme/components/paper.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiPaper: Components<\n Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiPaper'] = {\n styleOverrides: {\n root: {\n border: '1px solid #F2F2F2',\n },\n },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,WAEG;AAAA,EACd,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ;;"}

package/dist/react/cjs/theme/components/select.js ADDED Viewed

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiSelect = {
+  styleOverrides: {
+    icon: ({ theme }) => ({
+      "&.MuiSvgIcon-root": {
+        marginRight: theme.spacing(0.5)
+      }
+    }),
+    select: ({ theme }) => ({
+      "&.MuiSelect-outlined": {
+        "&.MuiInputBase-input": {
+          "&.MuiOutlinedInput-input": {
+            padding: theme.spacing(1, 5, 1, 2),
+            boxSizing: "border-box",
+            minHeight: theme.spacing(6),
+            display: "flex",
+            alignItems: "center"
+          },
+          "&.MuiInputBase-inputSizeSmall": {
+            minHeight: theme.spacing(5)
+          },
+          "&.MuiInputBase-inputAdornedStart": {
+            padding: theme.spacing(1, 5, 1, 0)
+          }
+        }
+      }
+    })
+  }
+};
+exports.MuiSelect = MuiSelect;
+//# sourceMappingURL=select.js.map

package/dist/react/cjs/theme/components/select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select.js","sources":["../../../../../src/theme/components/select.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSelect: Components<Theme & CssVarsTheme>['MuiSelect'] = {\n styleOverrides: {\n icon: ({ theme }) => ({\n '&.MuiSvgIcon-root': {\n marginRight: theme.spacing(0.5),\n },\n }),\n select: ({ theme }) => ({\n '&.MuiSelect-outlined': {\n '&.MuiInputBase-input': {\n '&.MuiOutlinedInput-input': {\n padding: theme.spacing(1, 5, 1, 2),\n boxSizing: 'border-box',\n minHeight: theme.spacing(6),\n display: 'flex',\n alignItems: 'center',\n },\n\n '&.MuiInputBase-inputSizeSmall': {\n minHeight: theme.spacing(5),\n },\n\n '&.MuiInputBase-inputAdornedStart': {\n padding: theme.spacing(1, 5, 1, 0),\n },\n },\n },\n }),\n },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,YAA2D;AAAA,EACtE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,qBAAqB;AAAA,QACnB,aAAa,MAAM,QAAQ,GAAG;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,QAAQ,CAAC,EAAE,aAAa;AAAA,MACtB,wBAAwB;AAAA,QACtB,wBAAwB;AAAA,UACtB,4BAA4B;AAAA,YAC1B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,YACjC,WAAW;AAAA,YACX,WAAW,MAAM,QAAQ,CAAC;AAAA,YAC1B,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAGd,iCAAiC;AAAA,YAC/B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,UAG5B,oCAAoC;AAAA,YAClC,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,UAAA;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/switch.js CHANGED Viewed

@@ -75,6 +75,7 @@ const MuiSwitch = {
         height: toggleSwitchHeight,
         padding: 0,
         overflow: "visible",
+        marginInlineStart: theme.spacing(0),
         marginInlineEnd: theme.spacing(1),
         "&:hover": {
           "& .MuiSwitch-switchBase:not(.Mui-checked)": {

package/dist/react/cjs/theme/components/switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' \| 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n marginInlineEnd: theme.spacing(1),\n '&:hover': {\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n },\n },\n '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-switchBase': {\n padding: 0,\n margin: innerMargin,\n width: toggleCircleSize,\n transitionDuration: '300ms',\n '&.Mui-checked': {\n transform: `translateX(${transformValue})`,\n color: theme.palette._components?.switch?.knobFillEnabled,\n '& + .MuiSwitch-track': {\n opacity: 1,\n boxShadow: 'none',\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.5,\n },\n },\n '&.Mui-focusVisible .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.color,\n boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n },\n '&.Mui-disabled .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.knobFillEnabled,\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.7,\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-thumb': {\n boxSizing: 'border-box',\n width: toggleCircleSize,\n height: toggleCircleSize,\n borderRadius: toggleCircleSize,\n borderWidth: theme.spacing(0.08375),\n borderStyle: 'solid',\n borderColor: theme.palette._components.switch.knowFillDisabled,\n boxShadow: theme.shadows[2],\n transition: theme.transitions.create(['transform'], {\n duration: 300,\n }),\n },\n '& .MuiSwitch-track': {\n borderRadius: theme.spacing(8.25),\n backgroundColor: theme.palette._components.switch?.slideFill,\n opacity: 1,\n transition: theme.transitions.create(['background-color'], {\n duration: 500,\n }),\n boxShadow: `${shadowValue} transparent`,\n },\n };\n },\n },\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' \| 'error') => {\n const toggleCircleSize = theme.spacing(1.83);\n const pressedToggleCircleSize = theme.spacing(2.25);\n const transformValue = theme.spacing(0.5);\n\n return {\n '&:active': {\n '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n boxShadow: 'none',\n },\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: 'translateX(0)',\n borderRadius: toggleCircleSize,\n },\n },\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n '& .MuiSwitch-thumb': {\n width: `${pressedToggleCircleSize}`,\n transform: `translateX(-${transformValue})`,\n borderRadius: toggleCircleSize,\n },\n },\n },\n };\n};\n\nexport const MuiSwitch: Components<\n Omit<Theme, 'components' \| 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableTouchRipple: true,\n },\n variants: [\n {\n props: { color: 'primary' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'primary'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n },\n },\n }),\n },\n {\n props: { color: 'error' },\n style: ({ theme }) => ({\n ...createSwitchActiveStyles(theme, 'error'),\n '& .MuiSwitch-switchBase.Mui-checked': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n },\n },\n }),\n },\n ],\n styleOverrides: {\n root: ({ theme }) => {\n const toggleSwitchWidth = theme.spacing(4);\n const toggleSwitchHeight = theme.spacing(2.5);\n const toggleCircleSize = theme.spacing(1.83);\n const innerMargin = theme.spacing(0.33);\n const shadowValue = theme.spacing(0, 0, 0, 0.25);\n const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n return {\n width: toggleSwitchWidth,\n height: toggleSwitchHeight,\n padding: 0,\n overflow: 'visible',\n marginInlineStart: theme.spacing(0),\n marginInlineEnd: theme.spacing(1),\n '&:hover': {\n '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n '& + .MuiSwitch-track': {\n boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n },\n },\n '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-switchBase': {\n padding: 0,\n margin: innerMargin,\n width: toggleCircleSize,\n transitionDuration: '300ms',\n '&.Mui-checked': {\n transform: `translateX(${transformValue})`,\n color: theme.palette._components?.switch?.knobFillEnabled,\n '& + .MuiSwitch-track': {\n opacity: 1,\n boxShadow: 'none',\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.5,\n },\n },\n '&.Mui-focusVisible .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.color,\n boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n },\n '&.Mui-disabled .MuiSwitch-thumb': {\n color: theme.palette._components?.switch?.knobFillEnabled,\n },\n '&.Mui-disabled + .MuiSwitch-track': {\n opacity: 0.7,\n boxShadow: 'none',\n },\n },\n '& .MuiSwitch-thumb': {\n boxSizing: 'border-box',\n width: toggleCircleSize,\n height: toggleCircleSize,\n borderRadius: toggleCircleSize,\n borderWidth: theme.spacing(0.08375),\n borderStyle: 'solid',\n borderColor: theme.palette._components.switch.knowFillDisabled,\n boxShadow: theme.shadows[2],\n transition: theme.transitions.create(['transform'], {\n duration: 300,\n }),\n },\n '& .MuiSwitch-track': {\n borderRadius: theme.spacing(8.25),\n backgroundColor: theme.palette._components.switch?.slideFill,\n opacity: 1,\n transition: theme.transitions.create(['background-color'], {\n duration: 500,\n }),\n boxShadow: `${shadowValue} transparent`,\n },\n };\n },\n },\n};\n"],"names":[],"mappings":"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"}