@stytch/react 20.0.0 → 20.0.1

package/dist/esm-dev/node_modules/@mui/material/styles/createTheme.mjs

@@ -0,0 +1,102 @@
+import createPalette from './createPalette.mjs';
+import createThemeWithVars from './createThemeWithVars.mjs';
+import createThemeNoVars from './createThemeNoVars.mjs';
+
+// eslint-disable-next-line consistent-return
+function attachColorScheme(theme, scheme, colorScheme) {
+  if (!theme.colorSchemes) {
+    return undefined;
+  }
+  if (colorScheme) {
+    theme.colorSchemes[scheme] = {
+      ...(colorScheme !== true && colorScheme),
+      palette: createPalette({
+        ...(colorScheme === true ? {} : colorScheme.palette),
+        mode: scheme
+      }) // cast type to skip module augmentation test
+    };
+  }
+}
+
+/**
+ * Generate a theme base on the options received.
+ * @param options Takes an incomplete theme object and adds the missing parts.
+ * @param args Deep merge the arguments with the about to be returned theme.
+ * @returns A complete, ready-to-use theme object.
+ */
+function createTheme(options = {},
+// cast type to skip module augmentation test
+...args) {
+  const {
+    palette,
+    cssVariables = false,
+    colorSchemes: initialColorSchemes = !palette ? {
+      light: true
+    } : undefined,
+    defaultColorScheme: initialDefaultColorScheme = palette?.mode,
+    ...rest
+  } = options;
+  const defaultColorSchemeInput = initialDefaultColorScheme || 'light';
+  const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];
+  const colorSchemesInput = {
+    ...initialColorSchemes,
+    ...(palette ? {
+      [defaultColorSchemeInput]: {
+        ...(typeof defaultScheme !== 'boolean' && defaultScheme),
+        palette
+      }
+    } : undefined)
+  };
+  if (cssVariables === false) {
+    if (!('colorSchemes' in options)) {
+      // Behaves exactly as v5
+      return createThemeNoVars(options, ...args);
+    }
+    let paletteOptions = palette;
+    if (!('palette' in options)) {
+      if (colorSchemesInput[defaultColorSchemeInput]) {
+        if (colorSchemesInput[defaultColorSchemeInput] !== true) {
+          paletteOptions = colorSchemesInput[defaultColorSchemeInput].palette;
+        } else if (defaultColorSchemeInput === 'dark') {
+          // @ts-ignore to prevent the module augmentation test from failing
+          paletteOptions = {
+            mode: 'dark'
+          };
+        }
+      }
+    }
+    const theme = createThemeNoVars({
+      ...options,
+      palette: paletteOptions
+    }, ...args);
+    theme.defaultColorScheme = defaultColorSchemeInput;
+    theme.colorSchemes = colorSchemesInput;
+    if (theme.palette.mode === 'light') {
+      theme.colorSchemes.light = {
+        ...(colorSchemesInput.light !== true && colorSchemesInput.light),
+        palette: theme.palette
+      };
+      attachColorScheme(theme, 'dark', colorSchemesInput.dark);
+    }
+    if (theme.palette.mode === 'dark') {
+      theme.colorSchemes.dark = {
+        ...(colorSchemesInput.dark !== true && colorSchemesInput.dark),
+        palette: theme.palette
+      };
+      attachColorScheme(theme, 'light', colorSchemesInput.light);
+    }
+    return theme;
+  }
+  if (!palette && !('light' in colorSchemesInput) && defaultColorSchemeInput === 'light') {
+    colorSchemesInput.light = true;
+  }
+  return createThemeWithVars({
+    ...rest,
+    colorSchemes: colorSchemesInput,
+    defaultColorScheme: defaultColorSchemeInput,
+    ...(typeof cssVariables !== 'boolean' && cssVariables)
+  }, ...args);
+}
+
+export { createTheme as default };
+//# sourceMappingURL=createTheme.mjs.map

package/dist/esm-dev/node_modules/@mui/material/styles/createTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.mjs","sources":["../../../../../../../../node_modules/@mui/material/styles/createTheme.js"],"sourcesContent":["import createPalette from \"./createPalette.js\";\nimport createThemeWithVars from \"./createThemeWithVars.js\";\nimport createThemeNoVars from \"./createThemeNoVars.js\";\nexport { createMuiTheme } from \"./createThemeNoVars.js\";\n// eslint-disable-next-line consistent-return\nfunction attachColorScheme(theme, scheme, colorScheme) {\n  if (!theme.colorSchemes) {\n    return undefined;\n  }\n  if (colorScheme) {\n    theme.colorSchemes[scheme] = {\n      ...(colorScheme !== true && colorScheme),\n      palette: createPalette({\n        ...(colorScheme === true ? {} : colorScheme.palette),\n        mode: scheme\n      }) // cast type to skip module augmentation test\n    };\n  }\n}\n\n/**\n * Generate a theme base on the options received.\n * @param options Takes an incomplete theme object and adds the missing parts.\n * @param args Deep merge the arguments with the about to be returned theme.\n * @returns A complete, ready-to-use theme object.\n */\nexport default function createTheme(options = {},\n// cast type to skip module augmentation test\n...args) {\n  const {\n    palette,\n    cssVariables = false,\n    colorSchemes: initialColorSchemes = !palette ? {\n      light: true\n    } : undefined,\n    defaultColorScheme: initialDefaultColorScheme = palette?.mode,\n    ...rest\n  } = options;\n  const defaultColorSchemeInput = initialDefaultColorScheme || 'light';\n  const defaultScheme = initialColorSchemes?.[defaultColorSchemeInput];\n  const colorSchemesInput = {\n    ...initialColorSchemes,\n    ...(palette ? {\n      [defaultColorSchemeInput]: {\n        ...(typeof defaultScheme !== 'boolean' && defaultScheme),\n        palette\n      }\n    } : undefined)\n  };\n  if (cssVariables === false) {\n    if (!('colorSchemes' in options)) {\n      // Behaves exactly as v5\n      return createThemeNoVars(options, ...args);\n    }\n    let paletteOptions = palette;\n    if (!('palette' in options)) {\n      if (colorSchemesInput[defaultColorSchemeInput]) {\n        if (colorSchemesInput[defaultColorSchemeInput] !== true) {\n          paletteOptions = colorSchemesInput[defaultColorSchemeInput].palette;\n        } else if (defaultColorSchemeInput === 'dark') {\n          // @ts-ignore to prevent the module augmentation test from failing\n          paletteOptions = {\n            mode: 'dark'\n          };\n        }\n      }\n    }\n    const theme = createThemeNoVars({\n      ...options,\n      palette: paletteOptions\n    }, ...args);\n    theme.defaultColorScheme = defaultColorSchemeInput;\n    theme.colorSchemes = colorSchemesInput;\n    if (theme.palette.mode === 'light') {\n      theme.colorSchemes.light = {\n        ...(colorSchemesInput.light !== true && colorSchemesInput.light),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'dark', colorSchemesInput.dark);\n    }\n    if (theme.palette.mode === 'dark') {\n      theme.colorSchemes.dark = {\n        ...(colorSchemesInput.dark !== true && colorSchemesInput.dark),\n        palette: theme.palette\n      };\n      attachColorScheme(theme, 'light', colorSchemesInput.light);\n    }\n    return theme;\n  }\n  if (!palette && !('light' in colorSchemesInput) && defaultColorSchemeInput === 'light') {\n    colorSchemesInput.light = true;\n  }\n  return createThemeWithVars({\n    ...rest,\n    colorSchemes: colorSchemesInput,\n    defaultColorScheme: defaultColorSchemeInput,\n    ...(typeof cssVariables !== 'boolean' && cssVariables)\n  }, ...args);\n}"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm-dev/node_modules/@mui/material/styles/createThemeNoVars.mjs

@@ -0,0 +1,89 @@
+import createMixins from './createMixins.mjs';
+import createPalette from './createPalette.mjs';
+import createTypography from './createTypography.mjs';
+import shadows from './shadows.mjs';
+import createTransitions from './createTransitions.mjs';
+import zIndex from './zIndex.mjs';
+import { stringifyTheme } from './stringifyTheme.mjs';
+import createTheme from '../../system/esm/createTheme/createTheme.mjs';
+import deepmerge from '../../utils/esm/deepmerge/deepmerge.mjs';
+import defaultSxConfig from '../../system/esm/styleFunctionSx/defaultSxConfig.mjs';
+import styleFunctionSx from '../../system/esm/styleFunctionSx/styleFunctionSx.mjs';
+import generateUtilityClass from '../../utils/esm/generateUtilityClass/generateUtilityClass.mjs';
+
+function createThemeNoVars(options = {}, ...args) {
+  const {
+    breakpoints: breakpointsInput,
+    mixins: mixinsInput = {},
+    spacing: spacingInput,
+    palette: paletteInput = {},
+    transitions: transitionsInput = {},
+    typography: typographyInput = {},
+    shape: shapeInput,
+    ...other
+  } = options;
+  if (options.vars) {
+    throw new Error('MUI: `vars` is a private field used for CSS variables support.\n' + 'Please use another name.' );
+  }
+  const palette = createPalette(paletteInput);
+  const systemTheme = createTheme(options);
+  let muiTheme = deepmerge(systemTheme, {
+    mixins: createMixins(systemTheme.breakpoints, mixinsInput),
+    palette,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: shadows.slice(),
+    typography: createTypography(palette, typographyInput),
+    transitions: createTransitions(transitionsInput),
+    zIndex: {
+      ...zIndex
+    }
+  });
+  muiTheme = deepmerge(muiTheme, other);
+  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
+  {
+    // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component.
+    const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];
+    const traverse = (node, component) => {
+      let key;
+
+      // eslint-disable-next-line guard-for-in
+      for (key in node) {
+        const child = node[key];
+        if (stateClasses.includes(key) && Object.keys(child).length > 0) {
+          {
+            const stateClass = generateUtilityClass('', key);
+            console.error([`MUI: The \`${component}\` component increases ` + `the CSS specificity of the \`${key}\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${stateClass}`]: child
+              }
+            }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\n'));
+          }
+          // Remove the style to prevent global conflicts.
+          node[key] = {};
+        }
+      }
+    };
+    Object.keys(muiTheme.components).forEach(component => {
+      const styleOverrides = muiTheme.components[component].styleOverrides;
+      if (styleOverrides && component.startsWith('Mui')) {
+        traverse(styleOverrides, component);
+      }
+    });
+  }
+  muiTheme.unstable_sxConfig = {
+    ...defaultSxConfig,
+    ...other?.unstable_sxConfig
+  };
+  muiTheme.unstable_sx = function sx(props) {
+    return styleFunctionSx({
+      sx: props,
+      theme: this
+    });
+  };
+  muiTheme.toRuntimeSource = stringifyTheme; // for Pigment CSS integration
+
+  return muiTheme;
+}
+
+export { createThemeNoVars as default };
+//# sourceMappingURL=createThemeNoVars.mjs.map

package/dist/esm-dev/node_modules/@mui/material/styles/createThemeNoVars.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThemeNoVars.mjs","sources":["../../../../../../../../node_modules/@mui/material/styles/createThemeNoVars.js"],"sourcesContent":["import _formatMuiErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nimport deepmerge from '@mui/utils/deepmerge';\nimport styleFunctionSx, { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx';\nimport systemCreateTheme from '@mui/system/createTheme';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport createMixins from \"./createMixins.js\";\nimport createPalette from \"./createPalette.js\";\nimport createTypography from \"./createTypography.js\";\nimport shadows from \"./shadows.js\";\nimport createTransitions from \"./createTransitions.js\";\nimport zIndex from \"./zIndex.js\";\nimport { stringifyTheme } from \"./stringifyTheme.js\";\nfunction createThemeNoVars(options = {}, ...args) {\n  const {\n    breakpoints: breakpointsInput,\n    mixins: mixinsInput = {},\n    spacing: spacingInput,\n    palette: paletteInput = {},\n    transitions: transitionsInput = {},\n    typography: typographyInput = {},\n    shape: shapeInput,\n    ...other\n  } = options;\n  if (options.vars) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'MUI: `vars` is a private field used for CSS variables support.\\n' + 'Please use another name.' : _formatMuiErrorMessage(20));\n  }\n  const palette = createPalette(paletteInput);\n  const systemTheme = systemCreateTheme(options);\n  let muiTheme = deepmerge(systemTheme, {\n    mixins: createMixins(systemTheme.breakpoints, mixinsInput),\n    palette,\n    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.\n    shadows: shadows.slice(),\n    typography: createTypography(palette, typographyInput),\n    transitions: createTransitions(transitionsInput),\n    zIndex: {\n      ...zIndex\n    }\n  });\n  muiTheme = deepmerge(muiTheme, other);\n  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO v6: Refactor to use globalStateClassesMapping from @mui/utils once `readOnly` state class is used in Rating component.\n    const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];\n    const traverse = (node, component) => {\n      let key;\n\n      // eslint-disable-next-line guard-for-in\n      for (key in node) {\n        const child = node[key];\n        if (stateClasses.includes(key) && Object.keys(child).length > 0) {\n          if (process.env.NODE_ENV !== 'production') {\n            const stateClass = generateUtilityClass('', key);\n            console.error([`MUI: The \\`${component}\\` component increases ` + `the CSS specificity of the \\`${key}\\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({\n              root: {\n                [`&.${stateClass}`]: child\n              }\n            }, null, 2), '', 'https://mui.com/r/state-classes-guide'].join('\\n'));\n          }\n          // Remove the style to prevent global conflicts.\n          node[key] = {};\n        }\n      }\n    };\n    Object.keys(muiTheme.components).forEach(component => {\n      const styleOverrides = muiTheme.components[component].styleOverrides;\n      if (styleOverrides && component.startsWith('Mui')) {\n        traverse(styleOverrides, component);\n      }\n    });\n  }\n  muiTheme.unstable_sxConfig = {\n    ...defaultSxConfig,\n    ...other?.unstable_sxConfig\n  };\n  muiTheme.unstable_sx = function sx(props) {\n    return styleFunctionSx({\n      sx: props,\n      theme: this\n    });\n  };\n  muiTheme.toRuntimeSource = stringifyTheme; // for Pigment CSS integration\n\n  return muiTheme;\n}\nlet warnedOnce = false;\nexport function createMuiTheme(...args) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (!warnedOnce) {\n      warnedOnce = true;\n      console.error(['MUI: the createMuiTheme function was renamed to createTheme.', '', \"You should use `import { createTheme } from '@mui/material/styles'`\"].join('\\n'));\n    }\n  }\n  return createThemeNoVars(...args);\n}\nexport default createThemeNoVars;"],"names":["systemCreateTheme"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm-dev/node_modules/@mui/material/styles/createThemeWithVars.mjs

@@ -0,0 +1,393 @@
+import createThemeNoVars from './createThemeNoVars.mjs';
+import createColorScheme, { getOverlays, getOpacity } from './createColorScheme.mjs';
+import shouldSkipGeneratingVar from './shouldSkipGeneratingVar.mjs';
+import defaultGetSelector from './createGetSelector.mjs';
+import { stringifyTheme } from './stringifyTheme.mjs';
+import prepareTypographyVars from '../../system/esm/cssVars/prepareTypographyVars.mjs';
+import { private_safeDarken, private_safeLighten, private_safeEmphasize, private_safeAlpha, private_safeColorChannel, hslToRgb } from '../../system/esm/colorManipulator/colorManipulator.mjs';
+import deepmerge from '../../utils/esm/deepmerge/deepmerge.mjs';
+import createGetCssVar$1 from '../../system/esm/cssVars/createGetCssVar.mjs';
+import prepareCssVars from '../../system/esm/cssVars/prepareCssVars.mjs';
+import createSpacing from '../../system/esm/createTheme/createSpacing.mjs';
+import { createGetColorSchemeSelector } from '../../system/esm/cssVars/getColorSchemeSelector.mjs';
+import defaultSxConfig from '../../system/esm/styleFunctionSx/defaultSxConfig.mjs';
+import styleFunctionSx from '../../system/esm/styleFunctionSx/styleFunctionSx.mjs';
+import { createUnarySpacing } from '../../system/esm/spacing/spacing.mjs';
+
+function assignNode(obj, keys) {
+  keys.forEach(k => {
+    if (!obj[k]) {
+      obj[k] = {};
+    }
+  });
+}
+function setColor(obj, key, defaultValue) {
+  if (!obj[key] && defaultValue) {
+    obj[key] = defaultValue;
+  }
+}
+function toRgb(color) {
+  if (typeof color !== 'string' || !color.startsWith('hsl')) {
+    return color;
+  }
+  return hslToRgb(color);
+}
+function setColorChannel(obj, key) {
+  if (!(`${key}Channel` in obj)) {
+    // custom channel token is not provided, generate one.
+    // if channel token can't be generated, show a warning.
+    obj[`${key}Channel`] = private_safeColorChannel(toRgb(obj[key]), `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`);
+  }
+}
+function getSpacingVal(spacingInput) {
+  if (typeof spacingInput === 'number') {
+    return `${spacingInput}px`;
+  }
+  if (typeof spacingInput === 'string' || typeof spacingInput === 'function' || Array.isArray(spacingInput)) {
+    return spacingInput;
+  }
+  return '8px';
+}
+const silent = fn => {
+  try {
+    return fn();
+  } catch (error) {
+    // ignore error
+  }
+  return undefined;
+};
+const createGetCssVar = (cssVarPrefix = 'mui') => createGetCssVar$1(cssVarPrefix);
+function attachColorScheme(colorSchemes, scheme, restTheme, colorScheme) {
+  if (!scheme) {
+    return undefined;
+  }
+  scheme = scheme === true ? {} : scheme;
+  const mode = colorScheme === 'dark' ? 'dark' : 'light';
+  if (!restTheme) {
+    colorSchemes[colorScheme] = createColorScheme({
+      ...scheme,
+      palette: {
+        mode,
+        ...scheme?.palette
+      }
+    });
+    return undefined;
+  }
+  const {
+    palette,
+    ...muiTheme
+  } = createThemeNoVars({
+    ...restTheme,
+    palette: {
+      mode,
+      ...scheme?.palette
+    }
+  });
+  colorSchemes[colorScheme] = {
+    ...scheme,
+    palette,
+    opacity: {
+      ...getOpacity(mode),
+      ...scheme?.opacity
+    },
+    overlays: scheme?.overlays || getOverlays(mode)
+  };
+  return muiTheme;
+}
+
+/**
+ * A default `createThemeWithVars` comes with a single color scheme, either `light` or `dark` based on the `defaultColorScheme`.
+ * This is better suited for apps that only need a single color scheme.
+ *
+ * To enable built-in `light` and `dark` color schemes, either:
+ * 1. provide a `colorSchemeSelector` to define how the color schemes will change.
+ * 2. provide `colorSchemes.dark` will set `colorSchemeSelector: 'media'` by default.
+ */
+function createThemeWithVars(options = {}, ...args) {
+  const {
+    colorSchemes: colorSchemesInput = {
+      light: true
+    },
+    defaultColorScheme: defaultColorSchemeInput,
+    disableCssColorScheme = false,
+    cssVarPrefix = 'mui',
+    shouldSkipGeneratingVar: shouldSkipGeneratingVar$1 = shouldSkipGeneratingVar,
+    colorSchemeSelector: selector = colorSchemesInput.light && colorSchemesInput.dark ? 'media' : undefined,
+    rootSelector = ':root',
+    ...input
+  } = options;
+  const firstColorScheme = Object.keys(colorSchemesInput)[0];
+  const defaultColorScheme = defaultColorSchemeInput || (colorSchemesInput.light && firstColorScheme !== 'light' ? 'light' : firstColorScheme);
+  const getCssVar = createGetCssVar(cssVarPrefix);
+  const {
+    [defaultColorScheme]: defaultSchemeInput,
+    light: builtInLight,
+    dark: builtInDark,
+    ...customColorSchemes
+  } = colorSchemesInput;
+  const colorSchemes = {
+    ...customColorSchemes
+  };
+  let defaultScheme = defaultSchemeInput;
+
+  // For built-in light and dark color schemes, ensure that the value is valid if they are the default color scheme.
+  if (defaultColorScheme === 'dark' && !('dark' in colorSchemesInput) || defaultColorScheme === 'light' && !('light' in colorSchemesInput)) {
+    defaultScheme = true;
+  }
+  if (!defaultScheme) {
+    throw new Error(`MUI: The \`colorSchemes.${defaultColorScheme}\` option is either missing or invalid.` );
+  }
+
+  // Create the palette for the default color scheme, either `light`, `dark`, or custom color scheme.
+  const muiTheme = attachColorScheme(colorSchemes, defaultScheme, input, defaultColorScheme);
+  if (builtInLight && !colorSchemes.light) {
+    attachColorScheme(colorSchemes, builtInLight, undefined, 'light');
+  }
+  if (builtInDark && !colorSchemes.dark) {
+    attachColorScheme(colorSchemes, builtInDark, undefined, 'dark');
+  }
+  let theme = {
+    defaultColorScheme,
+    ...muiTheme,
+    cssVarPrefix,
+    colorSchemeSelector: selector,
+    rootSelector,
+    getCssVar,
+    colorSchemes,
+    font: {
+      ...prepareTypographyVars(muiTheme.typography),
+      ...muiTheme.font
+    },
+    spacing: getSpacingVal(input.spacing)
+  };
+  Object.keys(theme.colorSchemes).forEach(key => {
+    const palette = theme.colorSchemes[key].palette;
+    const setCssVarColor = cssVar => {
+      const tokens = cssVar.split('-');
+      const color = tokens[1];
+      const colorToken = tokens[2];
+      return getCssVar(cssVar, palette[color][colorToken]);
+    };
+
+    // attach black & white channels to common node
+    if (palette.mode === 'light') {
+      setColor(palette.common, 'background', '#fff');
+      setColor(palette.common, 'onBackground', '#000');
+    }
+    if (palette.mode === 'dark') {
+      setColor(palette.common, 'background', '#000');
+      setColor(palette.common, 'onBackground', '#fff');
+    }
+
+    // assign component variables
+    assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Button', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
+    if (palette.mode === 'light') {
+      setColor(palette.Alert, 'errorColor', private_safeDarken(palette.error.light, 0.6));
+      setColor(palette.Alert, 'infoColor', private_safeDarken(palette.info.light, 0.6));
+      setColor(palette.Alert, 'successColor', private_safeDarken(palette.success.light, 0.6));
+      setColor(palette.Alert, 'warningColor', private_safeDarken(palette.warning.light, 0.6));
+      setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-main'));
+      setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-main'));
+      setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-main'));
+      setColor(palette.Alert, 'warningFilledBg', setCssVarColor('palette-warning-main'));
+      setColor(palette.Alert, 'errorFilledColor', silent(() => palette.getContrastText(palette.error.main)));
+      setColor(palette.Alert, 'infoFilledColor', silent(() => palette.getContrastText(palette.info.main)));
+      setColor(palette.Alert, 'successFilledColor', silent(() => palette.getContrastText(palette.success.main)));
+      setColor(palette.Alert, 'warningFilledColor', silent(() => palette.getContrastText(palette.warning.main)));
+      setColor(palette.Alert, 'errorStandardBg', private_safeLighten(palette.error.light, 0.9));
+      setColor(palette.Alert, 'infoStandardBg', private_safeLighten(palette.info.light, 0.9));
+      setColor(palette.Alert, 'successStandardBg', private_safeLighten(palette.success.light, 0.9));
+      setColor(palette.Alert, 'warningStandardBg', private_safeLighten(palette.warning.light, 0.9));
+      setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
+      setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
+      setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
+      setColor(palette.Alert, 'warningIconColor', setCssVarColor('palette-warning-main'));
+      setColor(palette.AppBar, 'defaultBg', setCssVarColor('palette-grey-100'));
+      setColor(palette.Avatar, 'defaultBg', setCssVarColor('palette-grey-400'));
+      setColor(palette.Button, 'inheritContainedBg', setCssVarColor('palette-grey-300'));
+      setColor(palette.Button, 'inheritContainedHoverBg', setCssVarColor('palette-grey-A100'));
+      setColor(palette.Chip, 'defaultBorder', setCssVarColor('palette-grey-400'));
+      setColor(palette.Chip, 'defaultAvatarColor', setCssVarColor('palette-grey-700'));
+      setColor(palette.Chip, 'defaultIconColor', setCssVarColor('palette-grey-700'));
+      setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
+      setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
+      setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
+      setColor(palette.LinearProgress, 'primaryBg', private_safeLighten(palette.primary.main, 0.62));
+      setColor(palette.LinearProgress, 'secondaryBg', private_safeLighten(palette.secondary.main, 0.62));
+      setColor(palette.LinearProgress, 'errorBg', private_safeLighten(palette.error.main, 0.62));
+      setColor(palette.LinearProgress, 'infoBg', private_safeLighten(palette.info.main, 0.62));
+      setColor(palette.LinearProgress, 'successBg', private_safeLighten(palette.success.main, 0.62));
+      setColor(palette.LinearProgress, 'warningBg', private_safeLighten(palette.warning.main, 0.62));
+      setColor(palette.Skeleton, 'bg', `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.11)`);
+      setColor(palette.Slider, 'primaryTrack', private_safeLighten(palette.primary.main, 0.62));
+      setColor(palette.Slider, 'secondaryTrack', private_safeLighten(palette.secondary.main, 0.62));
+      setColor(palette.Slider, 'errorTrack', private_safeLighten(palette.error.main, 0.62));
+      setColor(palette.Slider, 'infoTrack', private_safeLighten(palette.info.main, 0.62));
+      setColor(palette.Slider, 'successTrack', private_safeLighten(palette.success.main, 0.62));
+      setColor(palette.Slider, 'warningTrack', private_safeLighten(palette.warning.main, 0.62));
+      const snackbarContentBackground = private_safeEmphasize(palette.background.default, 0.8);
+      setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
+      setColor(palette.SnackbarContent, 'color', silent(() => palette.getContrastText(snackbarContentBackground)));
+      setColor(palette.SpeedDialAction, 'fabHoverBg', private_safeEmphasize(palette.background.paper, 0.15));
+      setColor(palette.StepConnector, 'border', setCssVarColor('palette-grey-400'));
+      setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-400'));
+      setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-common-white'));
+      setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-100'));
+      setColor(palette.Switch, 'primaryDisabledColor', private_safeLighten(palette.primary.main, 0.62));
+      setColor(palette.Switch, 'secondaryDisabledColor', private_safeLighten(palette.secondary.main, 0.62));
+      setColor(palette.Switch, 'errorDisabledColor', private_safeLighten(palette.error.main, 0.62));
+      setColor(palette.Switch, 'infoDisabledColor', private_safeLighten(palette.info.main, 0.62));
+      setColor(palette.Switch, 'successDisabledColor', private_safeLighten(palette.success.main, 0.62));
+      setColor(palette.Switch, 'warningDisabledColor', private_safeLighten(palette.warning.main, 0.62));
+      setColor(palette.TableCell, 'border', private_safeLighten(private_safeAlpha(palette.divider, 1), 0.88));
+      setColor(palette.Tooltip, 'bg', private_safeAlpha(palette.grey[700], 0.92));
+    }
+    if (palette.mode === 'dark') {
+      setColor(palette.Alert, 'errorColor', private_safeLighten(palette.error.light, 0.6));
+      setColor(palette.Alert, 'infoColor', private_safeLighten(palette.info.light, 0.6));
+      setColor(palette.Alert, 'successColor', private_safeLighten(palette.success.light, 0.6));
+      setColor(palette.Alert, 'warningColor', private_safeLighten(palette.warning.light, 0.6));
+      setColor(palette.Alert, 'errorFilledBg', setCssVarColor('palette-error-dark'));
+      setColor(palette.Alert, 'infoFilledBg', setCssVarColor('palette-info-dark'));
+      setColor(palette.Alert, 'successFilledBg', setCssVarColor('palette-success-dark'));
+      setColor(palette.Alert, 'warningFilledBg', setCssVarColor('palette-warning-dark'));
+      setColor(palette.Alert, 'errorFilledColor', silent(() => palette.getContrastText(palette.error.dark)));
+      setColor(palette.Alert, 'infoFilledColor', silent(() => palette.getContrastText(palette.info.dark)));
+      setColor(palette.Alert, 'successFilledColor', silent(() => palette.getContrastText(palette.success.dark)));
+      setColor(palette.Alert, 'warningFilledColor', silent(() => palette.getContrastText(palette.warning.dark)));
+      setColor(palette.Alert, 'errorStandardBg', private_safeDarken(palette.error.light, 0.9));
+      setColor(palette.Alert, 'infoStandardBg', private_safeDarken(palette.info.light, 0.9));
+      setColor(palette.Alert, 'successStandardBg', private_safeDarken(palette.success.light, 0.9));
+      setColor(palette.Alert, 'warningStandardBg', private_safeDarken(palette.warning.light, 0.9));
+      setColor(palette.Alert, 'errorIconColor', setCssVarColor('palette-error-main'));
+      setColor(palette.Alert, 'infoIconColor', setCssVarColor('palette-info-main'));
+      setColor(palette.Alert, 'successIconColor', setCssVarColor('palette-success-main'));
+      setColor(palette.Alert, 'warningIconColor', setCssVarColor('palette-warning-main'));
+      setColor(palette.AppBar, 'defaultBg', setCssVarColor('palette-grey-900'));
+      setColor(palette.AppBar, 'darkBg', setCssVarColor('palette-background-paper')); // specific for dark mode
+      setColor(palette.AppBar, 'darkColor', setCssVarColor('palette-text-primary')); // specific for dark mode
+      setColor(palette.Avatar, 'defaultBg', setCssVarColor('palette-grey-600'));
+      setColor(palette.Button, 'inheritContainedBg', setCssVarColor('palette-grey-800'));
+      setColor(palette.Button, 'inheritContainedHoverBg', setCssVarColor('palette-grey-700'));
+      setColor(palette.Chip, 'defaultBorder', setCssVarColor('palette-grey-700'));
+      setColor(palette.Chip, 'defaultAvatarColor', setCssVarColor('palette-grey-300'));
+      setColor(palette.Chip, 'defaultIconColor', setCssVarColor('palette-grey-300'));
+      setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
+      setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
+      setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
+      setColor(palette.LinearProgress, 'primaryBg', private_safeDarken(palette.primary.main, 0.5));
+      setColor(palette.LinearProgress, 'secondaryBg', private_safeDarken(palette.secondary.main, 0.5));
+      setColor(palette.LinearProgress, 'errorBg', private_safeDarken(palette.error.main, 0.5));
+      setColor(palette.LinearProgress, 'infoBg', private_safeDarken(palette.info.main, 0.5));
+      setColor(palette.LinearProgress, 'successBg', private_safeDarken(palette.success.main, 0.5));
+      setColor(palette.LinearProgress, 'warningBg', private_safeDarken(palette.warning.main, 0.5));
+      setColor(palette.Skeleton, 'bg', `rgba(${setCssVarColor('palette-text-primaryChannel')} / 0.13)`);
+      setColor(palette.Slider, 'primaryTrack', private_safeDarken(palette.primary.main, 0.5));
+      setColor(palette.Slider, 'secondaryTrack', private_safeDarken(palette.secondary.main, 0.5));
+      setColor(palette.Slider, 'errorTrack', private_safeDarken(palette.error.main, 0.5));
+      setColor(palette.Slider, 'infoTrack', private_safeDarken(palette.info.main, 0.5));
+      setColor(palette.Slider, 'successTrack', private_safeDarken(palette.success.main, 0.5));
+      setColor(palette.Slider, 'warningTrack', private_safeDarken(palette.warning.main, 0.5));
+      const snackbarContentBackground = private_safeEmphasize(palette.background.default, 0.98);
+      setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
+      setColor(palette.SnackbarContent, 'color', silent(() => palette.getContrastText(snackbarContentBackground)));
+      setColor(palette.SpeedDialAction, 'fabHoverBg', private_safeEmphasize(palette.background.paper, 0.15));
+      setColor(palette.StepConnector, 'border', setCssVarColor('palette-grey-600'));
+      setColor(palette.StepContent, 'border', setCssVarColor('palette-grey-600'));
+      setColor(palette.Switch, 'defaultColor', setCssVarColor('palette-grey-300'));
+      setColor(palette.Switch, 'defaultDisabledColor', setCssVarColor('palette-grey-600'));
+      setColor(palette.Switch, 'primaryDisabledColor', private_safeDarken(palette.primary.main, 0.55));
+      setColor(palette.Switch, 'secondaryDisabledColor', private_safeDarken(palette.secondary.main, 0.55));
+      setColor(palette.Switch, 'errorDisabledColor', private_safeDarken(palette.error.main, 0.55));
+      setColor(palette.Switch, 'infoDisabledColor', private_safeDarken(palette.info.main, 0.55));
+      setColor(palette.Switch, 'successDisabledColor', private_safeDarken(palette.success.main, 0.55));
+      setColor(palette.Switch, 'warningDisabledColor', private_safeDarken(palette.warning.main, 0.55));
+      setColor(palette.TableCell, 'border', private_safeDarken(private_safeAlpha(palette.divider, 1), 0.68));
+      setColor(palette.Tooltip, 'bg', private_safeAlpha(palette.grey[700], 0.92));
+    }
+
+    // MUI X - DataGrid needs this token.
+    setColorChannel(palette.background, 'default');
+
+    // added for consistency with the `background.default` token
+    setColorChannel(palette.background, 'paper');
+    setColorChannel(palette.common, 'background');
+    setColorChannel(palette.common, 'onBackground');
+    setColorChannel(palette, 'divider');
+    Object.keys(palette).forEach(color => {
+      const colors = palette[color];
+
+      // The default palettes (primary, secondary, error, info, success, and warning) errors are handled by the above `createTheme(...)`.
+
+      if (color !== 'tonalOffset' && colors && typeof colors === 'object') {
+        // Silent the error for custom palettes.
+        if (colors.main) {
+          setColor(palette[color], 'mainChannel', private_safeColorChannel(toRgb(colors.main)));
+        }
+        if (colors.light) {
+          setColor(palette[color], 'lightChannel', private_safeColorChannel(toRgb(colors.light)));
+        }
+        if (colors.dark) {
+          setColor(palette[color], 'darkChannel', private_safeColorChannel(toRgb(colors.dark)));
+        }
+        if (colors.contrastText) {
+          setColor(palette[color], 'contrastTextChannel', private_safeColorChannel(toRgb(colors.contrastText)));
+        }
+        if (color === 'text') {
+          // Text colors: text.primary, text.secondary
+          setColorChannel(palette[color], 'primary');
+          setColorChannel(palette[color], 'secondary');
+        }
+        if (color === 'action') {
+          // Action colors: action.active, action.selected
+          if (colors.active) {
+            setColorChannel(palette[color], 'active');
+          }
+          if (colors.selected) {
+            setColorChannel(palette[color], 'selected');
+          }
+        }
+      }
+    });
+  });
+  theme = args.reduce((acc, argument) => deepmerge(acc, argument), theme);
+  const parserConfig = {
+    prefix: cssVarPrefix,
+    disableCssColorScheme,
+    shouldSkipGeneratingVar: shouldSkipGeneratingVar$1,
+    getSelector: defaultGetSelector(theme)
+  };
+  const {
+    vars,
+    generateThemeVars,
+    generateStyleSheets
+  } = prepareCssVars(theme, parserConfig);
+  theme.vars = vars;
+  Object.entries(theme.colorSchemes[theme.defaultColorScheme]).forEach(([key, value]) => {
+    theme[key] = value;
+  });
+  theme.generateThemeVars = generateThemeVars;
+  theme.generateStyleSheets = generateStyleSheets;
+  theme.generateSpacing = function generateSpacing() {
+    return createSpacing(input.spacing, createUnarySpacing(this));
+  };
+  theme.getColorSchemeSelector = createGetColorSchemeSelector(selector);
+  theme.spacing = theme.generateSpacing();
+  theme.shouldSkipGeneratingVar = shouldSkipGeneratingVar$1;
+  theme.unstable_sxConfig = {
+    ...defaultSxConfig,
+    ...input?.unstable_sxConfig
+  };
+  theme.unstable_sx = function sx(props) {
+    return styleFunctionSx({
+      sx: props,
+      theme: this
+    });
+  };
+  theme.toRuntimeSource = stringifyTheme; // for Pigment CSS integration
+
+  return theme;
+}
+
+export { createGetCssVar, createThemeWithVars as default };
+//# sourceMappingURL=createThemeWithVars.mjs.map