react-easy-wall 2.0.13 → 3.0.0

package/dist/esm/node_modules/@mui/system/esm/createStyled/createStyled.js

@@ -2,6 +2,8 @@ import styled, { internal_mutateStyles, internal_serializeStyles } from '../../.
 import preprocessStyles from '../preprocessStyles.js';
 import createTheme from '../createTheme/createTheme.js';
 import styleFunctionSx from '../styleFunctionSx/styleFunctionSx.js';
+import capitalize from '../../../utils/esm/capitalize/capitalize.js';
+import getDisplayName from '../../../utils/esm/getDisplayName/getDisplayName.js';
 import { isPlainObject } from '../../../utils/esm/deepmerge/deepmerge.js';
 
 /* eslint-disable no-underscore-dangle */
@@ -143,7 +145,7 @@ function createStyled(input = {}) {
     }
     const defaultStyledResolver = styled(tag, {
       shouldForwardProp: shouldForwardPropOption,
-      label: generateStyledLabel(),
+      label: generateStyledLabel(componentName, componentSlot),
       ...options
     });
     const transformStyle = style => {
@@ -234,6 +236,9 @@ function createStyled(input = {}) {
       if (tag.muiName) {
         Component.muiName = tag.muiName;
       }
+      if (process.env.NODE_ENV !== 'production') {
+        Component.displayName = generateDisplayName(componentName, componentSlot, tag);
+      }
       return Component;
     };
     if (defaultStyledResolver.withConfig) {
@@ -243,8 +248,21 @@ function createStyled(input = {}) {
   };
   return styled$1;
 }
+function generateDisplayName(componentName, componentSlot, tag) {
+  if (componentName) {
+    return `${componentName}${capitalize(componentSlot || '')}`;
+  }
+  return `Styled(${getDisplayName(tag)})`;
+}
 function generateStyledLabel(componentName, componentSlot) {
   let label;
+  if (process.env.NODE_ENV !== 'production') {
+    if (componentName) {
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;
+    }
+  }
   return label;
 }
 function isObjectEmpty(object) {

package/dist/esm/node_modules/@mui/system/esm/createStyled/createStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"createStyled.js","sources":["../../../../../../../node_modules/@mui/system/esm/createStyled/createStyled.js"],"sourcesContent":["import styledEngineStyled, { internal_mutateStyles as mutateStyles, internal_serializeStyles as serializeStyles } from '@mui/styled-engine';\nimport { isPlainObject } from '@mui/utils/deepmerge';\nimport capitalize from '@mui/utils/capitalize';\nimport getDisplayName from '@mui/utils/getDisplayName';\nimport createTheme from \"../createTheme/index.js\";\nimport styleFunctionSx from \"../styleFunctionSx/index.js\";\nimport preprocessStyles from \"../preprocessStyles.js\";\n\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable no-labels */\n/* eslint-disable no-lone-blocks */\n\nexport const systemDefaultTheme = createTheme();\n\n// Update /system/styled/#api in case if this changes\nexport function shouldForwardProp(prop) {\n  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';\n}\nfunction shallowLayer(serialized, layerName) {\n  if (layerName && serialized && typeof serialized === 'object' && serialized.styles && !serialized.styles.startsWith('@layer') // only add the layer if it is not already there.\n  ) {\n    serialized.styles = `@layer ${layerName}{${String(serialized.styles)}}`;\n  }\n  return serialized;\n}\nfunction defaultOverridesResolver(slot) {\n  if (!slot) {\n    return null;\n  }\n  return (_props, styles) => styles[slot];\n}\nfunction attachTheme(props, themeId, defaultTheme) {\n  props.theme = isObjectEmpty(props.theme) ? defaultTheme : props.theme[themeId] || props.theme;\n}\nfunction processStyle(props, style, layerName) {\n  /*\n   * Style types:\n   *  - null/undefined\n   *  - string\n   *  - CSS style object: { [cssKey]: [cssValue], variants }\n   *  - Processed style object: { style, variants, isProcessed: true }\n   *  - Array of any of the above\n   */\n\n  const resolvedStyle = typeof style === 'function' ? style(props) : style;\n  if (Array.isArray(resolvedStyle)) {\n    return resolvedStyle.flatMap(subStyle => processStyle(props, subStyle, layerName));\n  }\n  if (Array.isArray(resolvedStyle?.variants)) {\n    let rootStyle;\n    if (resolvedStyle.isProcessed) {\n      rootStyle = layerName ? shallowLayer(resolvedStyle.style, layerName) : resolvedStyle.style;\n    } else {\n      const {\n        variants,\n        ...otherStyles\n      } = resolvedStyle;\n      rootStyle = layerName ? shallowLayer(serializeStyles(otherStyles), layerName) : otherStyles;\n    }\n    return processStyleVariants(props, resolvedStyle.variants, [rootStyle], layerName);\n  }\n  if (resolvedStyle?.isProcessed) {\n    return layerName ? shallowLayer(serializeStyles(resolvedStyle.style), layerName) : resolvedStyle.style;\n  }\n  return layerName ? shallowLayer(serializeStyles(resolvedStyle), layerName) : resolvedStyle;\n}\nfunction processStyleVariants(props, variants, results = [], layerName = undefined) {\n  let mergedState; // We might not need it, initialized lazily\n\n  variantLoop: for (let i = 0; i < variants.length; i += 1) {\n    const variant = variants[i];\n    if (typeof variant.props === 'function') {\n      mergedState ??= {\n        ...props,\n        ...props.ownerState,\n        ownerState: props.ownerState\n      };\n      if (!variant.props(mergedState)) {\n        continue;\n      }\n    } else {\n      for (const key in variant.props) {\n        if (props[key] !== variant.props[key] && props.ownerState?.[key] !== variant.props[key]) {\n          continue variantLoop;\n        }\n      }\n    }\n    if (typeof variant.style === 'function') {\n      mergedState ??= {\n        ...props,\n        ...props.ownerState,\n        ownerState: props.ownerState\n      };\n      results.push(layerName ? shallowLayer(serializeStyles(variant.style(mergedState)), layerName) : variant.style(mergedState));\n    } else {\n      results.push(layerName ? shallowLayer(serializeStyles(variant.style), layerName) : variant.style);\n    }\n  }\n  return results;\n}\nexport default function createStyled(input = {}) {\n  const {\n    themeId,\n    defaultTheme = systemDefaultTheme,\n    rootShouldForwardProp = shouldForwardProp,\n    slotShouldForwardProp = shouldForwardProp\n  } = input;\n  function styleAttachTheme(props) {\n    attachTheme(props, themeId, defaultTheme);\n  }\n  const styled = (tag, inputOptions = {}) => {\n    // If `tag` is already a styled component, filter out the `sx` style function\n    // to prevent unnecessary styles generated by the composite components.\n    mutateStyles(tag, styles => styles.filter(style => style !== styleFunctionSx));\n    const {\n      name: componentName,\n      slot: componentSlot,\n      skipVariantsResolver: inputSkipVariantsResolver,\n      skipSx: inputSkipSx,\n      // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot)),\n      ...options\n    } = inputOptions;\n    const layerName = componentName && componentName.startsWith('Mui') || !!componentSlot ? 'components' : 'custom';\n\n    // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.\n    const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    componentSlot && componentSlot !== 'Root' && componentSlot !== 'root' || false;\n    const skipSx = inputSkipSx || false;\n    let shouldForwardPropOption = shouldForwardProp;\n\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    if (componentSlot === 'Root' || componentSlot === 'root') {\n      shouldForwardPropOption = rootShouldForwardProp;\n    } else if (componentSlot) {\n      // any other slot specified\n      shouldForwardPropOption = slotShouldForwardProp;\n    } else if (isStringTag(tag)) {\n      // for string (html) tag, preserve the behavior in emotion & styled-components.\n      shouldForwardPropOption = undefined;\n    }\n    const defaultStyledResolver = styledEngineStyled(tag, {\n      shouldForwardProp: shouldForwardPropOption,\n      label: generateStyledLabel(componentName, componentSlot),\n      ...options\n    });\n    const transformStyle = style => {\n      // - On the server Emotion doesn't use React.forwardRef for creating components, so the created\n      //   component stays as a function. This condition makes sure that we do not interpolate functions\n      //   which are basically components used as a selectors.\n      // - `style` could be a styled component from a babel plugin for component selectors, This condition\n      //   makes sure that we do not interpolate them.\n      if (style.__emotion_real === style) {\n        return style;\n      }\n      if (typeof style === 'function') {\n        return function styleFunctionProcessor(props) {\n          return processStyle(props, style, props.theme.modularCssLayers ? layerName : undefined);\n        };\n      }\n      if (isPlainObject(style)) {\n        const serialized = preprocessStyles(style);\n        return function styleObjectProcessor(props) {\n          if (!serialized.variants) {\n            return props.theme.modularCssLayers ? shallowLayer(serialized.style, layerName) : serialized.style;\n          }\n          return processStyle(props, serialized, props.theme.modularCssLayers ? layerName : undefined);\n        };\n      }\n      return style;\n    };\n    const muiStyledResolver = (...expressionsInput) => {\n      const expressionsHead = [];\n      const expressionsBody = expressionsInput.map(transformStyle);\n      const expressionsTail = [];\n\n      // Preprocess `props` to set the scoped theme value.\n      // This must run before any other expression.\n      expressionsHead.push(styleAttachTheme);\n      if (componentName && overridesResolver) {\n        expressionsTail.push(function styleThemeOverrides(props) {\n          const theme = props.theme;\n          const styleOverrides = theme.components?.[componentName]?.styleOverrides;\n          if (!styleOverrides) {\n            return null;\n          }\n          const resolvedStyleOverrides = {};\n\n          // TODO: v7 remove iteration and use `resolveStyleArg(styleOverrides[slot])` directly\n          // eslint-disable-next-line guard-for-in\n          for (const slotKey in styleOverrides) {\n            resolvedStyleOverrides[slotKey] = processStyle(props, styleOverrides[slotKey], props.theme.modularCssLayers ? 'theme' : undefined);\n          }\n          return overridesResolver(props, resolvedStyleOverrides);\n        });\n      }\n      if (componentName && !skipVariantsResolver) {\n        expressionsTail.push(function styleThemeVariants(props) {\n          const theme = props.theme;\n          const themeVariants = theme?.components?.[componentName]?.variants;\n          if (!themeVariants) {\n            return null;\n          }\n          return processStyleVariants(props, themeVariants, [], props.theme.modularCssLayers ? 'theme' : undefined);\n        });\n      }\n      if (!skipSx) {\n        expressionsTail.push(styleFunctionSx);\n      }\n\n      // This function can be called as a tagged template, so the first argument would contain\n      // CSS `string[]` values.\n      if (Array.isArray(expressionsBody[0])) {\n        const inputStrings = expressionsBody.shift();\n\n        // We need to add placeholders in the tagged template for the custom functions we have\n        // possibly added (attachTheme, overrides, variants, and sx).\n        const placeholdersHead = new Array(expressionsHead.length).fill('');\n        const placeholdersTail = new Array(expressionsTail.length).fill('');\n        let outputStrings;\n        // prettier-ignore\n        {\n          outputStrings = [...placeholdersHead, ...inputStrings, ...placeholdersTail];\n          outputStrings.raw = [...placeholdersHead, ...inputStrings.raw, ...placeholdersTail];\n        }\n\n        // The only case where we put something before `attachTheme`\n        expressionsHead.unshift(outputStrings);\n      }\n      const expressions = [...expressionsHead, ...expressionsBody, ...expressionsTail];\n      const Component = defaultStyledResolver(...expressions);\n      if (tag.muiName) {\n        Component.muiName = tag.muiName;\n      }\n      if (process.env.NODE_ENV !== 'production') {\n        Component.displayName = generateDisplayName(componentName, componentSlot, tag);\n      }\n      return Component;\n    };\n    if (defaultStyledResolver.withConfig) {\n      muiStyledResolver.withConfig = defaultStyledResolver.withConfig;\n    }\n    return muiStyledResolver;\n  };\n  return styled;\n}\nfunction generateDisplayName(componentName, componentSlot, tag) {\n  if (componentName) {\n    return `${componentName}${capitalize(componentSlot || '')}`;\n  }\n  return `Styled(${getDisplayName(tag)})`;\n}\nfunction generateStyledLabel(componentName, componentSlot) {\n  let label;\n  if (process.env.NODE_ENV !== 'production') {\n    if (componentName) {\n      // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;\n    }\n  }\n  return label;\n}\nfunction isObjectEmpty(object) {\n  // eslint-disable-next-line\n  for (const _ in object) {\n    return false;\n  }\n  return true;\n}\n\n// https://github.com/emotion-js/emotion/blob/26ded6109fcd8ca9875cc2ce4564fee678a3f3c5/packages/styled/src/utils.js#L40\nfunction isStringTag(tag) {\n  return typeof tag === 'string' &&\n  // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96;\n}\nfunction lowercaseFirstLetter(string) {\n  if (!string) {\n    return string;\n  }\n  return string.charAt(0).toLowerCase() + string.slice(1);\n}"],"names":["serializeStyles","styled","mutateStyles","styledEngineStyled"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"createStyled.js","sources":["../../../../../../../node_modules/@mui/system/esm/createStyled/createStyled.js"],"sourcesContent":["import styledEngineStyled, { internal_mutateStyles as mutateStyles, internal_serializeStyles as serializeStyles } from '@mui/styled-engine';\nimport { isPlainObject } from '@mui/utils/deepmerge';\nimport capitalize from '@mui/utils/capitalize';\nimport getDisplayName from '@mui/utils/getDisplayName';\nimport createTheme from \"../createTheme/index.js\";\nimport styleFunctionSx from \"../styleFunctionSx/index.js\";\nimport preprocessStyles from \"../preprocessStyles.js\";\n\n/* eslint-disable no-underscore-dangle */\n/* eslint-disable no-labels */\n/* eslint-disable no-lone-blocks */\n\nexport const systemDefaultTheme = createTheme();\n\n// Update /system/styled/#api in case if this changes\nexport function shouldForwardProp(prop) {\n  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';\n}\nfunction shallowLayer(serialized, layerName) {\n  if (layerName && serialized && typeof serialized === 'object' && serialized.styles && !serialized.styles.startsWith('@layer') // only add the layer if it is not already there.\n  ) {\n    serialized.styles = `@layer ${layerName}{${String(serialized.styles)}}`;\n  }\n  return serialized;\n}\nfunction defaultOverridesResolver(slot) {\n  if (!slot) {\n    return null;\n  }\n  return (_props, styles) => styles[slot];\n}\nfunction attachTheme(props, themeId, defaultTheme) {\n  props.theme = isObjectEmpty(props.theme) ? defaultTheme : props.theme[themeId] || props.theme;\n}\nfunction processStyle(props, style, layerName) {\n  /*\n   * Style types:\n   *  - null/undefined\n   *  - string\n   *  - CSS style object: { [cssKey]: [cssValue], variants }\n   *  - Processed style object: { style, variants, isProcessed: true }\n   *  - Array of any of the above\n   */\n\n  const resolvedStyle = typeof style === 'function' ? style(props) : style;\n  if (Array.isArray(resolvedStyle)) {\n    return resolvedStyle.flatMap(subStyle => processStyle(props, subStyle, layerName));\n  }\n  if (Array.isArray(resolvedStyle?.variants)) {\n    let rootStyle;\n    if (resolvedStyle.isProcessed) {\n      rootStyle = layerName ? shallowLayer(resolvedStyle.style, layerName) : resolvedStyle.style;\n    } else {\n      const {\n        variants,\n        ...otherStyles\n      } = resolvedStyle;\n      rootStyle = layerName ? shallowLayer(serializeStyles(otherStyles), layerName) : otherStyles;\n    }\n    return processStyleVariants(props, resolvedStyle.variants, [rootStyle], layerName);\n  }\n  if (resolvedStyle?.isProcessed) {\n    return layerName ? shallowLayer(serializeStyles(resolvedStyle.style), layerName) : resolvedStyle.style;\n  }\n  return layerName ? shallowLayer(serializeStyles(resolvedStyle), layerName) : resolvedStyle;\n}\nfunction processStyleVariants(props, variants, results = [], layerName = undefined) {\n  let mergedState; // We might not need it, initialized lazily\n\n  variantLoop: for (let i = 0; i < variants.length; i += 1) {\n    const variant = variants[i];\n    if (typeof variant.props === 'function') {\n      mergedState ??= {\n        ...props,\n        ...props.ownerState,\n        ownerState: props.ownerState\n      };\n      if (!variant.props(mergedState)) {\n        continue;\n      }\n    } else {\n      for (const key in variant.props) {\n        if (props[key] !== variant.props[key] && props.ownerState?.[key] !== variant.props[key]) {\n          continue variantLoop;\n        }\n      }\n    }\n    if (typeof variant.style === 'function') {\n      mergedState ??= {\n        ...props,\n        ...props.ownerState,\n        ownerState: props.ownerState\n      };\n      results.push(layerName ? shallowLayer(serializeStyles(variant.style(mergedState)), layerName) : variant.style(mergedState));\n    } else {\n      results.push(layerName ? shallowLayer(serializeStyles(variant.style), layerName) : variant.style);\n    }\n  }\n  return results;\n}\nexport default function createStyled(input = {}) {\n  const {\n    themeId,\n    defaultTheme = systemDefaultTheme,\n    rootShouldForwardProp = shouldForwardProp,\n    slotShouldForwardProp = shouldForwardProp\n  } = input;\n  function styleAttachTheme(props) {\n    attachTheme(props, themeId, defaultTheme);\n  }\n  const styled = (tag, inputOptions = {}) => {\n    // If `tag` is already a styled component, filter out the `sx` style function\n    // to prevent unnecessary styles generated by the composite components.\n    mutateStyles(tag, styles => styles.filter(style => style !== styleFunctionSx));\n    const {\n      name: componentName,\n      slot: componentSlot,\n      skipVariantsResolver: inputSkipVariantsResolver,\n      skipSx: inputSkipSx,\n      // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot)),\n      ...options\n    } = inputOptions;\n    const layerName = componentName && componentName.startsWith('Mui') || !!componentSlot ? 'components' : 'custom';\n\n    // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.\n    const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    componentSlot && componentSlot !== 'Root' && componentSlot !== 'root' || false;\n    const skipSx = inputSkipSx || false;\n    let shouldForwardPropOption = shouldForwardProp;\n\n    // TODO v6: remove `Root` in the next major release\n    // For more details: https://github.com/mui/material-ui/pull/37908\n    if (componentSlot === 'Root' || componentSlot === 'root') {\n      shouldForwardPropOption = rootShouldForwardProp;\n    } else if (componentSlot) {\n      // any other slot specified\n      shouldForwardPropOption = slotShouldForwardProp;\n    } else if (isStringTag(tag)) {\n      // for string (html) tag, preserve the behavior in emotion & styled-components.\n      shouldForwardPropOption = undefined;\n    }\n    const defaultStyledResolver = styledEngineStyled(tag, {\n      shouldForwardProp: shouldForwardPropOption,\n      label: generateStyledLabel(componentName, componentSlot),\n      ...options\n    });\n    const transformStyle = style => {\n      // - On the server Emotion doesn't use React.forwardRef for creating components, so the created\n      //   component stays as a function. This condition makes sure that we do not interpolate functions\n      //   which are basically components used as a selectors.\n      // - `style` could be a styled component from a babel plugin for component selectors, This condition\n      //   makes sure that we do not interpolate them.\n      if (style.__emotion_real === style) {\n        return style;\n      }\n      if (typeof style === 'function') {\n        return function styleFunctionProcessor(props) {\n          return processStyle(props, style, props.theme.modularCssLayers ? layerName : undefined);\n        };\n      }\n      if (isPlainObject(style)) {\n        const serialized = preprocessStyles(style);\n        return function styleObjectProcessor(props) {\n          if (!serialized.variants) {\n            return props.theme.modularCssLayers ? shallowLayer(serialized.style, layerName) : serialized.style;\n          }\n          return processStyle(props, serialized, props.theme.modularCssLayers ? layerName : undefined);\n        };\n      }\n      return style;\n    };\n    const muiStyledResolver = (...expressionsInput) => {\n      const expressionsHead = [];\n      const expressionsBody = expressionsInput.map(transformStyle);\n      const expressionsTail = [];\n\n      // Preprocess `props` to set the scoped theme value.\n      // This must run before any other expression.\n      expressionsHead.push(styleAttachTheme);\n      if (componentName && overridesResolver) {\n        expressionsTail.push(function styleThemeOverrides(props) {\n          const theme = props.theme;\n          const styleOverrides = theme.components?.[componentName]?.styleOverrides;\n          if (!styleOverrides) {\n            return null;\n          }\n          const resolvedStyleOverrides = {};\n\n          // TODO: v7 remove iteration and use `resolveStyleArg(styleOverrides[slot])` directly\n          // eslint-disable-next-line guard-for-in\n          for (const slotKey in styleOverrides) {\n            resolvedStyleOverrides[slotKey] = processStyle(props, styleOverrides[slotKey], props.theme.modularCssLayers ? 'theme' : undefined);\n          }\n          return overridesResolver(props, resolvedStyleOverrides);\n        });\n      }\n      if (componentName && !skipVariantsResolver) {\n        expressionsTail.push(function styleThemeVariants(props) {\n          const theme = props.theme;\n          const themeVariants = theme?.components?.[componentName]?.variants;\n          if (!themeVariants) {\n            return null;\n          }\n          return processStyleVariants(props, themeVariants, [], props.theme.modularCssLayers ? 'theme' : undefined);\n        });\n      }\n      if (!skipSx) {\n        expressionsTail.push(styleFunctionSx);\n      }\n\n      // This function can be called as a tagged template, so the first argument would contain\n      // CSS `string[]` values.\n      if (Array.isArray(expressionsBody[0])) {\n        const inputStrings = expressionsBody.shift();\n\n        // We need to add placeholders in the tagged template for the custom functions we have\n        // possibly added (attachTheme, overrides, variants, and sx).\n        const placeholdersHead = new Array(expressionsHead.length).fill('');\n        const placeholdersTail = new Array(expressionsTail.length).fill('');\n        let outputStrings;\n        // prettier-ignore\n        {\n          outputStrings = [...placeholdersHead, ...inputStrings, ...placeholdersTail];\n          outputStrings.raw = [...placeholdersHead, ...inputStrings.raw, ...placeholdersTail];\n        }\n\n        // The only case where we put something before `attachTheme`\n        expressionsHead.unshift(outputStrings);\n      }\n      const expressions = [...expressionsHead, ...expressionsBody, ...expressionsTail];\n      const Component = defaultStyledResolver(...expressions);\n      if (tag.muiName) {\n        Component.muiName = tag.muiName;\n      }\n      if (process.env.NODE_ENV !== 'production') {\n        Component.displayName = generateDisplayName(componentName, componentSlot, tag);\n      }\n      return Component;\n    };\n    if (defaultStyledResolver.withConfig) {\n      muiStyledResolver.withConfig = defaultStyledResolver.withConfig;\n    }\n    return muiStyledResolver;\n  };\n  return styled;\n}\nfunction generateDisplayName(componentName, componentSlot, tag) {\n  if (componentName) {\n    return `${componentName}${capitalize(componentSlot || '')}`;\n  }\n  return `Styled(${getDisplayName(tag)})`;\n}\nfunction generateStyledLabel(componentName, componentSlot) {\n  let label;\n  if (process.env.NODE_ENV !== 'production') {\n    if (componentName) {\n      // TODO v6: remove `lowercaseFirstLetter()` in the next major release\n      // For more details: https://github.com/mui/material-ui/pull/37908\n      label = `${componentName}-${lowercaseFirstLetter(componentSlot || 'Root')}`;\n    }\n  }\n  return label;\n}\nfunction isObjectEmpty(object) {\n  // eslint-disable-next-line\n  for (const _ in object) {\n    return false;\n  }\n  return true;\n}\n\n// https://github.com/emotion-js/emotion/blob/26ded6109fcd8ca9875cc2ce4564fee678a3f3c5/packages/styled/src/utils.js#L40\nfunction isStringTag(tag) {\n  return typeof tag === 'string' &&\n  // 96 is one less than the char code\n  // for \"a\" so this is checking that\n  // it's a lowercase character\n  tag.charCodeAt(0) > 96;\n}\nfunction lowercaseFirstLetter(string) {\n  if (!string) {\n    return string;\n  }\n  return string.charAt(0).toLowerCase() + string.slice(1);\n}"],"names":["serializeStyles","styled","mutateStyles","styledEngineStyled"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@mui/system/esm/createTheme/createSpacing.js

@@ -15,6 +15,11 @@ transform = createUnarySpacing({
     return spacingInput;
   }
   const spacing = (...argsInput) => {
+    if (process.env.NODE_ENV !== 'production') {
+      if (!(argsInput.length <= 4)) {
+        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
+      }
+    }
     const args = argsInput.length === 0 ? [1] : argsInput;
     return args.map(argument => {
       const output = transform(argument);

package/dist/esm/node_modules/@mui/system/esm/createTheme/createSpacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSpacing.js","sources":["../../../../../../../node_modules/@mui/system/esm/createTheme/createSpacing.js"],"sourcesContent":["import { createUnarySpacing } from \"../spacing/index.js\";\n\n// The different signatures imply different meaning for their arguments that can't be expressed structurally.\n// We express the difference with variable names.\n\nexport default function createSpacing(spacingInput = 8,\n// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.\n// Smaller components, such as icons, can align to a 4dp grid.\n// https://m2.material.io/design/layout/understanding-layout.html\ntransform = createUnarySpacing({\n  spacing: spacingInput\n})) {\n  // Already transformed.\n  if (spacingInput.mui) {\n    return spacingInput;\n  }\n  const spacing = (...argsInput) => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (!(argsInput.length <= 4)) {\n        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n      }\n    }\n    const args = argsInput.length === 0 ? [1] : argsInput;\n    return args.map(argument => {\n      const output = transform(argument);\n      return typeof output === 'number' ? `${output}px` : output;\n    }).join(' ');\n  };\n  spacing.mui = true;\n  return spacing;\n}"],"names":[],"mappings":";;AAEA;AACA;;AAEe,SAAS,aAAa,CAAC,YAAY,GAAG,CAAC;AACtD;AACA;AACA;AACA,SAAS,GAAG,kBAAkB,CAAC;AAC/B,EAAE,OAAO,EAAE;AACX,CAAC,CAAC,EAAE;AACJ;AACA,EAAE,IAAI,YAAY,CAAC,GAAG,EAAE;AACxB,IAAI,OAAO,YAAY;AACvB,EAAE;AACF,EAAE,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,KAAK;AAMpC,IAAI,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS;AACzD,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI;AAChC,MAAM,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC;AACxC,MAAM,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM;AAChE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAChB,EAAE,CAAC;AACH,EAAE,OAAO,CAAC,GAAG,GAAG,IAAI;AACpB,EAAE,OAAO,OAAO;AAChB;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"createSpacing.js","sources":["../../../../../../../node_modules/@mui/system/esm/createTheme/createSpacing.js"],"sourcesContent":["import { createUnarySpacing } from \"../spacing/index.js\";\n\n// The different signatures imply different meaning for their arguments that can't be expressed structurally.\n// We express the difference with variable names.\n\nexport default function createSpacing(spacingInput = 8,\n// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.\n// Smaller components, such as icons, can align to a 4dp grid.\n// https://m2.material.io/design/layout/understanding-layout.html\ntransform = createUnarySpacing({\n  spacing: spacingInput\n})) {\n  // Already transformed.\n  if (spacingInput.mui) {\n    return spacingInput;\n  }\n  const spacing = (...argsInput) => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (!(argsInput.length <= 4)) {\n        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n      }\n    }\n    const args = argsInput.length === 0 ? [1] : argsInput;\n    return args.map(argument => {\n      const output = transform(argument);\n      return typeof output === 'number' ? `${output}px` : output;\n    }).join(' ');\n  };\n  spacing.mui = true;\n  return spacing;\n}"],"names":[],"mappings":";;AAEA;AACA;;AAEe,SAAS,aAAa,CAAC,YAAY,GAAG,CAAC;AACtD;AACA;AACA;AACA,SAAS,GAAG,kBAAkB,CAAC;AAC/B,EAAE,OAAO,EAAE;AACX,CAAC,CAAC,EAAE;AACJ;AACA,EAAE,IAAI,YAAY,CAAC,GAAG,EAAE;AACxB,IAAI,OAAO,YAAY;AACvB,EAAE;AACF,EAAE,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,KAAK;AACpC,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC/C,MAAM,IAAI,EAAE,SAAS,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE;AACpC,QAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,gEAAgE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5G,MAAM;AACN,IAAI;AACJ,IAAI,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS;AACzD,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI;AAChC,MAAM,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC;AACxC,MAAM,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,MAAM;AAChE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAChB,EAAE,CAAC;AACH,EAAE,OAAO,CAAC,GAAG,GAAG,IAAI;AACpB,EAAE,OAAO,OAAO;AAChB;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js

@@ -30,6 +30,9 @@ function isCqShorthand(breakpointKeys, value) {
 function getContainerQuery(theme, shorthand) {
   const matches = shorthand.match(/^@([^/]+)?\/?(.+)?$/);
   if (!matches) {
+    if (process.env.NODE_ENV !== 'production') {
+      throw /* minify-error */new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.');
+    }
     return null;
   }
   const [, containerQuery, containerName] = matches;

package/dist/esm/node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js.map

@@ -1 +1 @@
-{"version":3,"file":"cssContainerQueries.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js"],"sourcesContent":["/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px\n */\nexport function sortContainerQueries(theme, css) {\n  if (!theme.containerQueries) {\n    return css;\n  }\n  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n    const regex = /min-width:\\s*([0-9.]+)/;\n    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n  });\n  if (!sorted.length) {\n    return css;\n  }\n  return sorted.reduce((acc, key) => {\n    const value = css[key];\n    delete acc[key];\n    acc[key] = value;\n    return acc;\n  }, {\n    ...css\n  });\n}\nexport function isCqShorthand(breakpointKeys, value) {\n  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nexport function getContainerQuery(theme, shorthand) {\n  const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n  if (!matches) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw /* minify-error */new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.');\n    }\n    return null;\n  }\n  const [, containerQuery, containerName] = matches;\n  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n  return theme.containerQueries(containerName).up(value);\n}\nexport default function cssContainerQueries(themeInput) {\n  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n  function attachCq(node, name) {\n    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n    node.not = (...args) => {\n      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n      if (result.includes('not all and')) {\n        // `@container` does not work with `not all and`, so need to invert the logic\n        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n      }\n      return result;\n    };\n  }\n  const node = {};\n  const containerQueries = name => {\n    attachCq(node, name);\n    return node;\n  };\n  attachCq(containerQueries);\n  return {\n    ...themeInput,\n    containerQueries\n  };\n}"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"cssContainerQueries.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js"],"sourcesContent":["/**\n * For using in `sx` prop to sort the breakpoint from low to high.\n * Note: this function does not work and will not support multiple units.\n *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }\n *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px\n */\nexport function sortContainerQueries(theme, css) {\n  if (!theme.containerQueries) {\n    return css;\n  }\n  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {\n    const regex = /min-width:\\s*([0-9.]+)/;\n    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);\n  });\n  if (!sorted.length) {\n    return css;\n  }\n  return sorted.reduce((acc, key) => {\n    const value = css[key];\n    delete acc[key];\n    acc[key] = value;\n    return acc;\n  }, {\n    ...css\n  });\n}\nexport function isCqShorthand(breakpointKeys, value) {\n  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\\d/));\n}\nexport function getContainerQuery(theme, shorthand) {\n  const matches = shorthand.match(/^@([^/]+)?\\/?(.+)?$/);\n  if (!matches) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw /* minify-error */new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \\`@<breakpoint | number>\\` or \\`@<breakpoint | number>/<container>\\`.\\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.');\n    }\n    return null;\n  }\n  const [, containerQuery, containerName] = matches;\n  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;\n  return theme.containerQueries(containerName).up(value);\n}\nexport default function cssContainerQueries(themeInput) {\n  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');\n  function attachCq(node, name) {\n    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);\n    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);\n    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);\n    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);\n    node.not = (...args) => {\n      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);\n      if (result.includes('not all and')) {\n        // `@container` does not work with `not all and`, so need to invert the logic\n        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');\n      }\n      return result;\n    };\n  }\n  const node = {};\n  const containerQueries = name => {\n    attachCq(node, name);\n    return node;\n  };\n  attachCq(containerQueries);\n  return {\n    ...themeInput,\n    containerQueries\n  };\n}"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@mui/system/esm/cssGrid/cssGrid.js

@@ -1,3 +1,4 @@
+import responsivePropType from '../responsivePropType/responsivePropType.js';
 import style from '../style/style.js';
 import compose from '../compose/compose.js';
 import { createUnaryUnit, getValue } from '../spacing/spacing.js';
@@ -7,7 +8,7 @@ import { handleBreakpoints } from '../breakpoints/breakpoints.js';
 // eslint-disable-next-line react/function-component-definition
 const gap = props => {
   if (props.gap !== undefined && props.gap !== null) {
-    const transformer = createUnaryUnit(props.theme, 'spacing', 8);
+    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');
     const styleFromPropValue = propValue => ({
       gap: getValue(transformer, propValue)
     });
@@ -15,14 +16,16 @@ const gap = props => {
   }
   return null;
 };
-gap.propTypes = {};
+gap.propTypes = process.env.NODE_ENV !== 'production' ? {
+  gap: responsivePropType
+} : {};
 gap.filterProps = ['gap'];
 
 // false positive
 // eslint-disable-next-line react/function-component-definition
 const columnGap = props => {
   if (props.columnGap !== undefined && props.columnGap !== null) {
-    const transformer = createUnaryUnit(props.theme, 'spacing', 8);
+    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');
     const styleFromPropValue = propValue => ({
       columnGap: getValue(transformer, propValue)
     });
@@ -30,14 +33,16 @@ const columnGap = props => {
   }
   return null;
 };
-columnGap.propTypes = {};
+columnGap.propTypes = process.env.NODE_ENV !== 'production' ? {
+  columnGap: responsivePropType
+} : {};
 columnGap.filterProps = ['columnGap'];
 
 // false positive
 // eslint-disable-next-line react/function-component-definition
 const rowGap = props => {
   if (props.rowGap !== undefined && props.rowGap !== null) {
-    const transformer = createUnaryUnit(props.theme, 'spacing', 8);
+    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');
     const styleFromPropValue = propValue => ({
       rowGap: getValue(transformer, propValue)
     });
@@ -45,7 +50,9 @@ const rowGap = props => {
   }
   return null;
 };
-rowGap.propTypes = {};
+rowGap.propTypes = process.env.NODE_ENV !== 'production' ? {
+  rowGap: responsivePropType
+} : {};
 rowGap.filterProps = ['rowGap'];
 const gridColumn = style({
   prop: 'gridColumn'

package/dist/esm/node_modules/@mui/system/esm/cssGrid/cssGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"cssGrid.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssGrid/cssGrid.js"],"sourcesContent":["import style from \"../style/index.js\";\nimport compose from \"../compose/index.js\";\nimport { createUnaryUnit, getValue } from \"../spacing/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nimport responsivePropType from \"../responsivePropType/index.js\";\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const gap = props => {\n  if (props.gap !== undefined && props.gap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n    const styleFromPropValue = propValue => ({\n      gap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.gap, styleFromPropValue);\n  }\n  return null;\n};\ngap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  gap: responsivePropType\n} : {};\ngap.filterProps = ['gap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const columnGap = props => {\n  if (props.columnGap !== undefined && props.columnGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n    const styleFromPropValue = propValue => ({\n      columnGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n  }\n  return null;\n};\ncolumnGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  columnGap: responsivePropType\n} : {};\ncolumnGap.filterProps = ['columnGap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const rowGap = props => {\n  if (props.rowGap !== undefined && props.rowGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n    const styleFromPropValue = propValue => ({\n      rowGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n  }\n  return null;\n};\nrowGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  rowGap: responsivePropType\n} : {};\nrowGap.filterProps = ['rowGap'];\nexport const gridColumn = style({\n  prop: 'gridColumn'\n});\nexport const gridRow = style({\n  prop: 'gridRow'\n});\nexport const gridAutoFlow = style({\n  prop: 'gridAutoFlow'\n});\nexport const gridAutoColumns = style({\n  prop: 'gridAutoColumns'\n});\nexport const gridAutoRows = style({\n  prop: 'gridAutoRows'\n});\nexport const gridTemplateColumns = style({\n  prop: 'gridTemplateColumns'\n});\nexport const gridTemplateRows = style({\n  prop: 'gridTemplateRows'\n});\nexport const gridTemplateAreas = style({\n  prop: 'gridTemplateAreas'\n});\nexport const gridArea = style({\n  prop: 'gridArea'\n});\nconst grid = compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;"],"names":[],"mappings":";;;;;AAMA;AACA;AACY,MAAC,GAAG,GAAG,KAAK,IAAI;AAC5B,EAAE,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,EAAE;AACrD,IAAI,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAQ,CAAC;AACzE,IAAI,MAAM,kBAAkB,GAAG,SAAS,KAAK;AAC7C,MAAM,GAAG,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS;AAC1C,KAAK,CAAC;AACN,IAAI,OAAO,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,kBAAkB,CAAC;AAClE,EAAE;AACF,EAAE,OAAO,IAAI;AACb;AACA,GAAG,CAAC,SAAS,GAET,EAAE;AACN,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC;;AAEzB;AACA;AACY,MAAC,SAAS,GAAG,KAAK,IAAI;AAClC,EAAE,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,EAAE;AACjE,IAAI,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAc,CAAC;AAC/E,IAAI,MAAM,kBAAkB,GAAG,SAAS,KAAK;AAC7C,MAAM,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS;AAChD,KAAK,CAAC;AACN,IAAI,OAAO,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,kBAAkB,CAAC;AACxE,EAAE;AACF,EAAE,OAAO,IAAI;AACb;AACA,SAAS,CAAC,SAAS,GAEf,EAAE;AACN,SAAS,CAAC,WAAW,GAAG,CAAC,WAAW,CAAC;;AAErC;AACA;AACY,MAAC,MAAM,GAAG,KAAK,IAAI;AAC/B,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE;AAC3D,IAAI,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAW,CAAC;AAC5E,IAAI,MAAM,kBAAkB,GAAG,SAAS,KAAK;AAC7C,MAAM,MAAM,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS;AAC7C,KAAK,CAAC;AACN,IAAI,OAAO,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC;AACrE,EAAE;AACF,EAAE,OAAO,IAAI;AACb;AACA,MAAM,CAAC,SAAS,GAEZ,EAAE;AACN,MAAM,CAAC,WAAW,GAAG,CAAC,QAAQ,CAAC;AACnB,MAAC,UAAU,GAAG,KAAK,CAAC;AAChC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,OAAO,GAAG,KAAK,CAAC;AAC7B,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,YAAY,GAAG,KAAK,CAAC;AAClC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,eAAe,GAAG,KAAK,CAAC;AACrC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,YAAY,GAAG,KAAK,CAAC;AAClC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,mBAAmB,GAAG,KAAK,CAAC;AACzC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,iBAAiB,GAAG,KAAK,CAAC;AACvC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,QAAQ,GAAG,KAAK,CAAC;AAC9B,EAAE,IAAI,EAAE;AACR,CAAC;AACY,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"cssGrid.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssGrid/cssGrid.js"],"sourcesContent":["import style from \"../style/index.js\";\nimport compose from \"../compose/index.js\";\nimport { createUnaryUnit, getValue } from \"../spacing/index.js\";\nimport { handleBreakpoints } from \"../breakpoints/index.js\";\nimport responsivePropType from \"../responsivePropType/index.js\";\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const gap = props => {\n  if (props.gap !== undefined && props.gap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n    const styleFromPropValue = propValue => ({\n      gap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.gap, styleFromPropValue);\n  }\n  return null;\n};\ngap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  gap: responsivePropType\n} : {};\ngap.filterProps = ['gap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const columnGap = props => {\n  if (props.columnGap !== undefined && props.columnGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n    const styleFromPropValue = propValue => ({\n      columnGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n  }\n  return null;\n};\ncolumnGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  columnGap: responsivePropType\n} : {};\ncolumnGap.filterProps = ['columnGap'];\n\n// false positive\n// eslint-disable-next-line react/function-component-definition\nexport const rowGap = props => {\n  if (props.rowGap !== undefined && props.rowGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n    const styleFromPropValue = propValue => ({\n      rowGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n  }\n  return null;\n};\nrowGap.propTypes = process.env.NODE_ENV !== 'production' ? {\n  rowGap: responsivePropType\n} : {};\nrowGap.filterProps = ['rowGap'];\nexport const gridColumn = style({\n  prop: 'gridColumn'\n});\nexport const gridRow = style({\n  prop: 'gridRow'\n});\nexport const gridAutoFlow = style({\n  prop: 'gridAutoFlow'\n});\nexport const gridAutoColumns = style({\n  prop: 'gridAutoColumns'\n});\nexport const gridAutoRows = style({\n  prop: 'gridAutoRows'\n});\nexport const gridTemplateColumns = style({\n  prop: 'gridTemplateColumns'\n});\nexport const gridTemplateRows = style({\n  prop: 'gridTemplateRows'\n});\nexport const gridTemplateAreas = style({\n  prop: 'gridTemplateAreas'\n});\nexport const gridArea = style({\n  prop: 'gridArea'\n});\nconst grid = compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);\nexport default grid;"],"names":[],"mappings":";;;;;;AAMA;AACA;AACY,MAAC,GAAG,GAAG,KAAK,IAAI;AAC5B,EAAE,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,EAAE;AACrD,IAAI,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC;AACzE,IAAI,MAAM,kBAAkB,GAAG,SAAS,KAAK;AAC7C,MAAM,GAAG,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS;AAC1C,KAAK,CAAC;AACN,IAAI,OAAO,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,kBAAkB,CAAC;AAClE,EAAE;AACF,EAAE,OAAO,IAAI;AACb;AACA,GAAG,CAAC,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,GAAG;AACxD,EAAE,GAAG,EAAE;AACP,CAAC,GAAG,EAAE;AACN,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC;;AAEzB;AACA;AACY,MAAC,SAAS,GAAG,KAAK,IAAI;AAClC,EAAE,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,EAAE;AACjE,IAAI,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,CAAC;AAC/E,IAAI,MAAM,kBAAkB,GAAG,SAAS,KAAK;AAC7C,MAAM,SAAS,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS;AAChD,KAAK,CAAC;AACN,IAAI,OAAO,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,kBAAkB,CAAC;AACxE,EAAE;AACF,EAAE,OAAO,IAAI;AACb;AACA,SAAS,CAAC,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,GAAG;AAC9D,EAAE,SAAS,EAAE;AACb,CAAC,GAAG,EAAE;AACN,SAAS,CAAC,WAAW,GAAG,CAAC,WAAW,CAAC;;AAErC;AACA;AACY,MAAC,MAAM,GAAG,KAAK,IAAI;AAC/B,EAAE,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE;AAC3D,IAAI,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC;AAC5E,IAAI,MAAM,kBAAkB,GAAG,SAAS,KAAK;AAC7C,MAAM,MAAM,EAAE,QAAQ,CAAC,WAAW,EAAE,SAAS;AAC7C,KAAK,CAAC;AACN,IAAI,OAAO,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,kBAAkB,CAAC;AACrE,EAAE;AACF,EAAE,OAAO,IAAI;AACb;AACA,MAAM,CAAC,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,GAAG;AAC3D,EAAE,MAAM,EAAE;AACV,CAAC,GAAG,EAAE;AACN,MAAM,CAAC,WAAW,GAAG,CAAC,QAAQ,CAAC;AACnB,MAAC,UAAU,GAAG,KAAK,CAAC;AAChC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,OAAO,GAAG,KAAK,CAAC;AAC7B,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,YAAY,GAAG,KAAK,CAAC;AAClC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,eAAe,GAAG,KAAK,CAAC;AACrC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,YAAY,GAAG,KAAK,CAAC;AAClC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,mBAAmB,GAAG,KAAK,CAAC;AACzC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,iBAAiB,GAAG,KAAK,CAAC;AACvC,EAAE,IAAI,EAAE;AACR,CAAC;AACW,MAAC,QAAQ,GAAG,KAAK,CAAC;AAC9B,EAAE,IAAI,EAAE;AACR,CAAC;AACY,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@mui/system/esm/cssVars/createCssVarsProvider.js

@@ -1,4 +1,6 @@
+"use client";
 import * as React from 'react';
+import PropTypes from '../../../../../_virtual/index3.js';
 import InitColorSchemeScript, { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript.js';
 import useCurrentColorScheme from './useCurrentColorScheme.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -35,6 +37,9 @@ function createCssVarsProvider(options) {
     systemMode: undefined
   };
   const ColorSchemeContext = /*#__PURE__*/React.createContext(undefined);
+  if (process.env.NODE_ENV !== 'production') {
+    ColorSchemeContext.displayName = 'ColorSchemeContext';
+  }
   const useColorScheme = () => React.useContext(ColorSchemeContext) || defaultContext;
   const defaultColorSchemes = {};
   const defaultComponents = {};
@@ -104,6 +109,11 @@ function createCssVarsProvider(options) {
       mode = ctx.mode;
       colorScheme = ctx.colorScheme;
     }
+    if (process.env.NODE_ENV !== 'production') {
+      if (forceThemeRerender && !restThemeProp.vars) {
+        console.warn(['MUI: The `forceThemeRerender` prop should only be used with CSS theme variables.', 'Note that it will slow down the app when changing between modes, so only do this when you cannot find a better solution.'].join('\n'));
+      }
+    }
 
     // `colorScheme` is undefined on the server and hydration phase
     let calculatedColorScheme = colorScheme || restThemeProp.defaultColorScheme;
@@ -218,7 +228,12 @@ function createCssVarsProvider(options) {
       lightColorScheme,
       mode,
       setColorScheme,
-      setMode: setMode ,
+      setMode: process.env.NODE_ENV === 'production' ? setMode : newMode => {
+        if (memoTheme.colorSchemeSelector === 'media') {
+          console.error(['MUI: The `setMode` function has no effect if `colorSchemeSelector` is `media` (`media` is the default value).', 'To toggle the mode manually, please configure `colorSchemeSelector` to use a class or data attribute.', 'To learn more, visit https://mui.com/material-ui/customization/css-theme-variables/configuration/#toggling-dark-mode-manually'].join('\n'));
+        }
+        setMode(newMode);
+      },
       systemMode
     }), [allColorSchemes, colorScheme, darkColorScheme, lightColorScheme, mode, setColorScheme, setMode, systemMode, memoTheme.colorSchemeSelector]);
     let shouldGenerateStyleSheet = true;
@@ -242,6 +257,70 @@ function createCssVarsProvider(options) {
       children: element
     });
   }
+  process.env.NODE_ENV !== "production" ? CssVarsProvider.propTypes = {
+    /**
+     * The component tree.
+     */
+    children: PropTypes.node,
+    /**
+     * The node used to attach the color-scheme attribute
+     */
+    colorSchemeNode: PropTypes.any,
+    /**
+     * localStorage key used to store `colorScheme`
+     */
+    colorSchemeStorageKey: PropTypes.string,
+    /**
+     * The default mode when the storage is empty,
+     * require the theme to have `colorSchemes` with light and dark.
+     */
+    defaultMode: PropTypes.string,
+    /**
+     * If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.
+     */
+    disableNestedContext: PropTypes.bool,
+    /**
+     * If `true`, the style sheet won't be generated.
+     *
+     * This is useful for controlling nested CssVarsProvider behavior.
+     */
+    disableStyleSheetGeneration: PropTypes.bool,
+    /**
+     * Disable CSS transitions when switching between modes or color schemes.
+     */
+    disableTransitionOnChange: PropTypes.bool,
+    /**
+     * The document to attach the attribute to.
+     */
+    documentNode: PropTypes.any,
+    /**
+     * If `true`, theme values are recalculated when the mode changes.
+     */
+    forceThemeRerender: PropTypes.bool,
+    /**
+     * The key in the local storage used to store current color scheme.
+     */
+    modeStorageKey: PropTypes.string,
+    /**
+     * If `true`, the mode will be the same value as the storage without an extra rerendering after the hydration.
+     * You should use this option in conjunction with `InitColorSchemeScript` component.
+     */
+    noSsr: PropTypes.bool,
+    /**
+     * The storage manager to be used for storing the mode and color scheme
+     * @default using `window.localStorage`
+     */
+    storageManager: PropTypes.func,
+    /**
+     * The window that attaches the 'storage' event listener.
+     * @default window
+     */
+    storageWindow: PropTypes.any,
+    /**
+     * The calculated theme object that will be passed through context.
+     */
+    theme: PropTypes.object
+  } : void 0;
   const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;
   const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;
   const getInitColorSchemeScript = params => InitColorSchemeScript({

package/dist/esm/node_modules/@mui/system/esm/cssVars/createCssVarsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"createCssVarsProvider.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssVars/createCssVarsProvider.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GlobalStyles } from '@mui/styled-engine';\nimport { useTheme as muiUseTheme } from '@mui/private-theming';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport ThemeProvider from \"../ThemeProvider/index.js\";\nimport InitColorSchemeScript, { DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from \"../InitColorSchemeScript/InitColorSchemeScript.js\";\nimport useCurrentColorScheme from \"./useCurrentColorScheme.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const DISABLE_CSS_TRANSITION = '*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';\nexport default function createCssVarsProvider(options) {\n  const {\n    themeId,\n    /**\n     * This `theme` object needs to follow a certain structure to\n     * be used correctly by the finel `CssVarsProvider`. It should have a\n     * `colorSchemes` key with the light and dark (and any other) palette.\n     * It should also ideally have a vars object created using `prepareCssVars`.\n     */\n    theme: defaultTheme = {},\n    modeStorageKey: defaultModeStorageKey = DEFAULT_MODE_STORAGE_KEY,\n    colorSchemeStorageKey: defaultColorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,\n    disableTransitionOnChange: designSystemTransitionOnChange = false,\n    defaultColorScheme,\n    resolveTheme\n  } = options;\n  const defaultContext = {\n    allColorSchemes: [],\n    colorScheme: undefined,\n    darkColorScheme: undefined,\n    lightColorScheme: undefined,\n    mode: undefined,\n    setColorScheme: () => {},\n    setMode: () => {},\n    systemMode: undefined\n  };\n  const ColorSchemeContext = /*#__PURE__*/React.createContext(undefined);\n  if (process.env.NODE_ENV !== 'production') {\n    ColorSchemeContext.displayName = 'ColorSchemeContext';\n  }\n  const useColorScheme = () => React.useContext(ColorSchemeContext) || defaultContext;\n  const defaultColorSchemes = {};\n  const defaultComponents = {};\n  function CssVarsProvider(props) {\n    const {\n      children,\n      theme: themeProp,\n      modeStorageKey = defaultModeStorageKey,\n      colorSchemeStorageKey = defaultColorSchemeStorageKey,\n      disableTransitionOnChange = designSystemTransitionOnChange,\n      storageManager,\n      storageWindow = typeof window === 'undefined' ? undefined : window,\n      documentNode = typeof document === 'undefined' ? undefined : document,\n      colorSchemeNode = typeof document === 'undefined' ? undefined : document.documentElement,\n      disableNestedContext = false,\n      disableStyleSheetGeneration = false,\n      defaultMode: initialMode = 'system',\n      forceThemeRerender = false,\n      noSsr\n    } = props;\n    const hasMounted = React.useRef(false);\n    const upperTheme = muiUseTheme();\n    const ctx = React.useContext(ColorSchemeContext);\n    const nested = !!ctx && !disableNestedContext;\n    const initialTheme = React.useMemo(() => {\n      if (themeProp) {\n        return themeProp;\n      }\n      return typeof defaultTheme === 'function' ? defaultTheme() : defaultTheme;\n    }, [themeProp]);\n    const scopedTheme = initialTheme[themeId];\n    const restThemeProp = scopedTheme || initialTheme;\n    const {\n      colorSchemes = defaultColorSchemes,\n      components = defaultComponents,\n      cssVarPrefix\n    } = restThemeProp;\n    const joinedColorSchemes = Object.keys(colorSchemes).filter(k => !!colorSchemes[k]).join(',');\n    const allColorSchemes = React.useMemo(() => joinedColorSchemes.split(','), [joinedColorSchemes]);\n    const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;\n    const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;\n    const defaultMode = colorSchemes[defaultLightColorScheme] && colorSchemes[defaultDarkColorScheme] ? initialMode : colorSchemes[restThemeProp.defaultColorScheme]?.palette?.mode || restThemeProp.palette?.mode;\n\n    // 1. Get the data about the `mode`, `colorScheme`, and setter functions.\n    const {\n      mode: stateMode,\n      setMode,\n      systemMode,\n      lightColorScheme,\n      darkColorScheme,\n      colorScheme: stateColorScheme,\n      setColorScheme\n    } = useCurrentColorScheme({\n      supportedColorSchemes: allColorSchemes,\n      defaultLightColorScheme,\n      defaultDarkColorScheme,\n      modeStorageKey,\n      colorSchemeStorageKey,\n      defaultMode,\n      storageManager,\n      storageWindow,\n      noSsr\n    });\n    let mode = stateMode;\n    let colorScheme = stateColorScheme;\n    if (nested) {\n      mode = ctx.mode;\n      colorScheme = ctx.colorScheme;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (forceThemeRerender && !restThemeProp.vars) {\n        console.warn(['MUI: The `forceThemeRerender` prop should only be used with CSS theme variables.', 'Note that it will slow down the app when changing between modes, so only do this when you cannot find a better solution.'].join('\\n'));\n      }\n    }\n\n    // `colorScheme` is undefined on the server and hydration phase\n    let calculatedColorScheme = colorScheme || restThemeProp.defaultColorScheme;\n    if (restThemeProp.vars && !forceThemeRerender) {\n      calculatedColorScheme = restThemeProp.defaultColorScheme;\n    }\n    const memoTheme = React.useMemo(() => {\n      // 2. get the `vars` object that refers to the CSS custom properties\n      const themeVars = restThemeProp.generateThemeVars?.() || restThemeProp.vars;\n\n      // 3. Start composing the theme object\n      const theme = {\n        ...restThemeProp,\n        components,\n        colorSchemes,\n        cssVarPrefix,\n        vars: themeVars\n      };\n      if (typeof theme.generateSpacing === 'function') {\n        theme.spacing = theme.generateSpacing();\n      }\n\n      // 4. Resolve the color scheme and merge it to the theme\n      if (calculatedColorScheme) {\n        const scheme = colorSchemes[calculatedColorScheme];\n        if (scheme && typeof scheme === 'object') {\n          // 4.1 Merge the selected color scheme to the theme\n          Object.keys(scheme).forEach(schemeKey => {\n            if (scheme[schemeKey] && typeof scheme[schemeKey] === 'object') {\n              // shallow merge the 1st level structure of the theme.\n              theme[schemeKey] = {\n                ...theme[schemeKey],\n                ...scheme[schemeKey]\n              };\n            } else {\n              theme[schemeKey] = scheme[schemeKey];\n            }\n          });\n        }\n      }\n      return resolveTheme ? resolveTheme(theme) : theme;\n    }, [restThemeProp, calculatedColorScheme, components, colorSchemes, cssVarPrefix]);\n\n    // 5. Declaring effects\n    // 5.1 Updates the selector value to use the current color scheme which tells CSS to use the proper stylesheet.\n    const colorSchemeSelector = restThemeProp.colorSchemeSelector;\n    useEnhancedEffect(() => {\n      if (colorScheme && colorSchemeNode && colorSchemeSelector && colorSchemeSelector !== 'media') {\n        const selector = colorSchemeSelector;\n        let rule = colorSchemeSelector;\n        if (selector === 'class') {\n          rule = `.%s`;\n        }\n        if (selector === 'data') {\n          rule = `[data-%s]`;\n        }\n        if (selector?.startsWith('data-') && !selector.includes('%s')) {\n          // 'data-mui-color-scheme' -> '[data-mui-color-scheme=\"%s\"]'\n          rule = `[${selector}=\"%s\"]`;\n        }\n        if (rule.startsWith('.')) {\n          colorSchemeNode.classList.remove(...allColorSchemes.map(scheme => rule.substring(1).replace('%s', scheme)));\n          colorSchemeNode.classList.add(rule.substring(1).replace('%s', colorScheme));\n        } else {\n          const matches = rule.replace('%s', colorScheme).match(/\\[([^\\]]+)\\]/);\n          if (matches) {\n            const [attr, value] = matches[1].split('=');\n            if (!value) {\n              // for attributes like `data-theme-dark`, `data-theme-light`\n              // remove all the existing data attributes before setting the new one\n              allColorSchemes.forEach(scheme => {\n                colorSchemeNode.removeAttribute(attr.replace(colorScheme, scheme));\n              });\n            }\n            colorSchemeNode.setAttribute(attr, value ? value.replace(/\"|'/g, '') : '');\n          } else {\n            colorSchemeNode.setAttribute(rule, colorScheme);\n          }\n        }\n      }\n    }, [colorScheme, colorSchemeSelector, colorSchemeNode, allColorSchemes]);\n\n    // 5.2 Remove the CSS transition when color scheme changes to create instant experience.\n    // credit: https://github.com/pacocoursey/next-themes/blob/b5c2bad50de2d61ad7b52a9c5cdc801a78507d7a/index.tsx#L313\n    React.useEffect(() => {\n      let timer;\n      if (disableTransitionOnChange && hasMounted.current && documentNode) {\n        const css = documentNode.createElement('style');\n        css.appendChild(documentNode.createTextNode(DISABLE_CSS_TRANSITION));\n        documentNode.head.appendChild(css);\n\n        // Force browser repaint\n        (() => window.getComputedStyle(documentNode.body))();\n        timer = setTimeout(() => {\n          documentNode.head.removeChild(css);\n        }, 1);\n      }\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [colorScheme, disableTransitionOnChange, documentNode]);\n    React.useEffect(() => {\n      hasMounted.current = true;\n      return () => {\n        hasMounted.current = false;\n      };\n    }, []);\n    const contextValue = React.useMemo(() => ({\n      allColorSchemes,\n      colorScheme,\n      darkColorScheme,\n      lightColorScheme,\n      mode,\n      setColorScheme,\n      setMode: process.env.NODE_ENV === 'production' ? setMode : newMode => {\n        if (memoTheme.colorSchemeSelector === 'media') {\n          console.error(['MUI: The `setMode` function has no effect if `colorSchemeSelector` is `media` (`media` is the default value).', 'To toggle the mode manually, please configure `colorSchemeSelector` to use a class or data attribute.', 'To learn more, visit https://mui.com/material-ui/customization/css-theme-variables/configuration/#toggling-dark-mode-manually'].join('\\n'));\n        }\n        setMode(newMode);\n      },\n      systemMode\n    }), [allColorSchemes, colorScheme, darkColorScheme, lightColorScheme, mode, setColorScheme, setMode, systemMode, memoTheme.colorSchemeSelector]);\n    let shouldGenerateStyleSheet = true;\n    if (disableStyleSheetGeneration || restThemeProp.cssVariables === false || nested && upperTheme?.cssVarPrefix === cssVarPrefix) {\n      shouldGenerateStyleSheet = false;\n    }\n    const element = /*#__PURE__*/_jsxs(React.Fragment, {\n      children: [/*#__PURE__*/_jsx(ThemeProvider, {\n        themeId: scopedTheme ? themeId : undefined,\n        theme: memoTheme,\n        children: children\n      }), shouldGenerateStyleSheet && /*#__PURE__*/_jsx(GlobalStyles, {\n        styles: memoTheme.generateStyleSheets?.() || []\n      })]\n    });\n    if (nested) {\n      return element;\n    }\n    return /*#__PURE__*/_jsx(ColorSchemeContext.Provider, {\n      value: contextValue,\n      children: element\n    });\n  }\n  process.env.NODE_ENV !== \"production\" ? CssVarsProvider.propTypes = {\n    /**\n     * The component tree.\n     */\n    children: PropTypes.node,\n    /**\n     * The node used to attach the color-scheme attribute\n     */\n    colorSchemeNode: PropTypes.any,\n    /**\n     * localStorage key used to store `colorScheme`\n     */\n    colorSchemeStorageKey: PropTypes.string,\n    /**\n     * The default mode when the storage is empty,\n     * require the theme to have `colorSchemes` with light and dark.\n     */\n    defaultMode: PropTypes.string,\n    /**\n     * If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.\n     */\n    disableNestedContext: PropTypes.bool,\n    /**\n     * If `true`, the style sheet won't be generated.\n     *\n     * This is useful for controlling nested CssVarsProvider behavior.\n     */\n    disableStyleSheetGeneration: PropTypes.bool,\n    /**\n     * Disable CSS transitions when switching between modes or color schemes.\n     */\n    disableTransitionOnChange: PropTypes.bool,\n    /**\n     * The document to attach the attribute to.\n     */\n    documentNode: PropTypes.any,\n    /**\n     * If `true`, theme values are recalculated when the mode changes.\n     */\n    forceThemeRerender: PropTypes.bool,\n    /**\n     * The key in the local storage used to store current color scheme.\n     */\n    modeStorageKey: PropTypes.string,\n    /**\n     * If `true`, the mode will be the same value as the storage without an extra rerendering after the hydration.\n     * You should use this option in conjunction with `InitColorSchemeScript` component.\n     */\n    noSsr: PropTypes.bool,\n    /**\n     * The storage manager to be used for storing the mode and color scheme\n     * @default using `window.localStorage`\n     */\n    storageManager: PropTypes.func,\n    /**\n     * The window that attaches the 'storage' event listener.\n     * @default window\n     */\n    storageWindow: PropTypes.any,\n    /**\n     * The calculated theme object that will be passed through context.\n     */\n    theme: PropTypes.object\n  } : void 0;\n  const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;\n  const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;\n  const getInitColorSchemeScript = params => InitColorSchemeScript({\n    colorSchemeStorageKey: defaultColorSchemeStorageKey,\n    defaultLightColorScheme,\n    defaultDarkColorScheme,\n    modeStorageKey: defaultModeStorageKey,\n    ...params\n  });\n  return {\n    CssVarsProvider,\n    useColorScheme,\n    getInitColorSchemeScript\n  };\n}"],"names":["muiUseTheme","_jsxs","_jsx"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"createCssVarsProvider.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssVars/createCssVarsProvider.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GlobalStyles } from '@mui/styled-engine';\nimport { useTheme as muiUseTheme } from '@mui/private-theming';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport ThemeProvider from \"../ThemeProvider/index.js\";\nimport InitColorSchemeScript, { DEFAULT_COLOR_SCHEME_STORAGE_KEY, DEFAULT_MODE_STORAGE_KEY } from \"../InitColorSchemeScript/InitColorSchemeScript.js\";\nimport useCurrentColorScheme from \"./useCurrentColorScheme.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const DISABLE_CSS_TRANSITION = '*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';\nexport default function createCssVarsProvider(options) {\n  const {\n    themeId,\n    /**\n     * This `theme` object needs to follow a certain structure to\n     * be used correctly by the finel `CssVarsProvider`. It should have a\n     * `colorSchemes` key with the light and dark (and any other) palette.\n     * It should also ideally have a vars object created using `prepareCssVars`.\n     */\n    theme: defaultTheme = {},\n    modeStorageKey: defaultModeStorageKey = DEFAULT_MODE_STORAGE_KEY,\n    colorSchemeStorageKey: defaultColorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,\n    disableTransitionOnChange: designSystemTransitionOnChange = false,\n    defaultColorScheme,\n    resolveTheme\n  } = options;\n  const defaultContext = {\n    allColorSchemes: [],\n    colorScheme: undefined,\n    darkColorScheme: undefined,\n    lightColorScheme: undefined,\n    mode: undefined,\n    setColorScheme: () => {},\n    setMode: () => {},\n    systemMode: undefined\n  };\n  const ColorSchemeContext = /*#__PURE__*/React.createContext(undefined);\n  if (process.env.NODE_ENV !== 'production') {\n    ColorSchemeContext.displayName = 'ColorSchemeContext';\n  }\n  const useColorScheme = () => React.useContext(ColorSchemeContext) || defaultContext;\n  const defaultColorSchemes = {};\n  const defaultComponents = {};\n  function CssVarsProvider(props) {\n    const {\n      children,\n      theme: themeProp,\n      modeStorageKey = defaultModeStorageKey,\n      colorSchemeStorageKey = defaultColorSchemeStorageKey,\n      disableTransitionOnChange = designSystemTransitionOnChange,\n      storageManager,\n      storageWindow = typeof window === 'undefined' ? undefined : window,\n      documentNode = typeof document === 'undefined' ? undefined : document,\n      colorSchemeNode = typeof document === 'undefined' ? undefined : document.documentElement,\n      disableNestedContext = false,\n      disableStyleSheetGeneration = false,\n      defaultMode: initialMode = 'system',\n      forceThemeRerender = false,\n      noSsr\n    } = props;\n    const hasMounted = React.useRef(false);\n    const upperTheme = muiUseTheme();\n    const ctx = React.useContext(ColorSchemeContext);\n    const nested = !!ctx && !disableNestedContext;\n    const initialTheme = React.useMemo(() => {\n      if (themeProp) {\n        return themeProp;\n      }\n      return typeof defaultTheme === 'function' ? defaultTheme() : defaultTheme;\n    }, [themeProp]);\n    const scopedTheme = initialTheme[themeId];\n    const restThemeProp = scopedTheme || initialTheme;\n    const {\n      colorSchemes = defaultColorSchemes,\n      components = defaultComponents,\n      cssVarPrefix\n    } = restThemeProp;\n    const joinedColorSchemes = Object.keys(colorSchemes).filter(k => !!colorSchemes[k]).join(',');\n    const allColorSchemes = React.useMemo(() => joinedColorSchemes.split(','), [joinedColorSchemes]);\n    const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;\n    const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;\n    const defaultMode = colorSchemes[defaultLightColorScheme] && colorSchemes[defaultDarkColorScheme] ? initialMode : colorSchemes[restThemeProp.defaultColorScheme]?.palette?.mode || restThemeProp.palette?.mode;\n\n    // 1. Get the data about the `mode`, `colorScheme`, and setter functions.\n    const {\n      mode: stateMode,\n      setMode,\n      systemMode,\n      lightColorScheme,\n      darkColorScheme,\n      colorScheme: stateColorScheme,\n      setColorScheme\n    } = useCurrentColorScheme({\n      supportedColorSchemes: allColorSchemes,\n      defaultLightColorScheme,\n      defaultDarkColorScheme,\n      modeStorageKey,\n      colorSchemeStorageKey,\n      defaultMode,\n      storageManager,\n      storageWindow,\n      noSsr\n    });\n    let mode = stateMode;\n    let colorScheme = stateColorScheme;\n    if (nested) {\n      mode = ctx.mode;\n      colorScheme = ctx.colorScheme;\n    }\n    if (process.env.NODE_ENV !== 'production') {\n      if (forceThemeRerender && !restThemeProp.vars) {\n        console.warn(['MUI: The `forceThemeRerender` prop should only be used with CSS theme variables.', 'Note that it will slow down the app when changing between modes, so only do this when you cannot find a better solution.'].join('\\n'));\n      }\n    }\n\n    // `colorScheme` is undefined on the server and hydration phase\n    let calculatedColorScheme = colorScheme || restThemeProp.defaultColorScheme;\n    if (restThemeProp.vars && !forceThemeRerender) {\n      calculatedColorScheme = restThemeProp.defaultColorScheme;\n    }\n    const memoTheme = React.useMemo(() => {\n      // 2. get the `vars` object that refers to the CSS custom properties\n      const themeVars = restThemeProp.generateThemeVars?.() || restThemeProp.vars;\n\n      // 3. Start composing the theme object\n      const theme = {\n        ...restThemeProp,\n        components,\n        colorSchemes,\n        cssVarPrefix,\n        vars: themeVars\n      };\n      if (typeof theme.generateSpacing === 'function') {\n        theme.spacing = theme.generateSpacing();\n      }\n\n      // 4. Resolve the color scheme and merge it to the theme\n      if (calculatedColorScheme) {\n        const scheme = colorSchemes[calculatedColorScheme];\n        if (scheme && typeof scheme === 'object') {\n          // 4.1 Merge the selected color scheme to the theme\n          Object.keys(scheme).forEach(schemeKey => {\n            if (scheme[schemeKey] && typeof scheme[schemeKey] === 'object') {\n              // shallow merge the 1st level structure of the theme.\n              theme[schemeKey] = {\n                ...theme[schemeKey],\n                ...scheme[schemeKey]\n              };\n            } else {\n              theme[schemeKey] = scheme[schemeKey];\n            }\n          });\n        }\n      }\n      return resolveTheme ? resolveTheme(theme) : theme;\n    }, [restThemeProp, calculatedColorScheme, components, colorSchemes, cssVarPrefix]);\n\n    // 5. Declaring effects\n    // 5.1 Updates the selector value to use the current color scheme which tells CSS to use the proper stylesheet.\n    const colorSchemeSelector = restThemeProp.colorSchemeSelector;\n    useEnhancedEffect(() => {\n      if (colorScheme && colorSchemeNode && colorSchemeSelector && colorSchemeSelector !== 'media') {\n        const selector = colorSchemeSelector;\n        let rule = colorSchemeSelector;\n        if (selector === 'class') {\n          rule = `.%s`;\n        }\n        if (selector === 'data') {\n          rule = `[data-%s]`;\n        }\n        if (selector?.startsWith('data-') && !selector.includes('%s')) {\n          // 'data-mui-color-scheme' -> '[data-mui-color-scheme=\"%s\"]'\n          rule = `[${selector}=\"%s\"]`;\n        }\n        if (rule.startsWith('.')) {\n          colorSchemeNode.classList.remove(...allColorSchemes.map(scheme => rule.substring(1).replace('%s', scheme)));\n          colorSchemeNode.classList.add(rule.substring(1).replace('%s', colorScheme));\n        } else {\n          const matches = rule.replace('%s', colorScheme).match(/\\[([^\\]]+)\\]/);\n          if (matches) {\n            const [attr, value] = matches[1].split('=');\n            if (!value) {\n              // for attributes like `data-theme-dark`, `data-theme-light`\n              // remove all the existing data attributes before setting the new one\n              allColorSchemes.forEach(scheme => {\n                colorSchemeNode.removeAttribute(attr.replace(colorScheme, scheme));\n              });\n            }\n            colorSchemeNode.setAttribute(attr, value ? value.replace(/\"|'/g, '') : '');\n          } else {\n            colorSchemeNode.setAttribute(rule, colorScheme);\n          }\n        }\n      }\n    }, [colorScheme, colorSchemeSelector, colorSchemeNode, allColorSchemes]);\n\n    // 5.2 Remove the CSS transition when color scheme changes to create instant experience.\n    // credit: https://github.com/pacocoursey/next-themes/blob/b5c2bad50de2d61ad7b52a9c5cdc801a78507d7a/index.tsx#L313\n    React.useEffect(() => {\n      let timer;\n      if (disableTransitionOnChange && hasMounted.current && documentNode) {\n        const css = documentNode.createElement('style');\n        css.appendChild(documentNode.createTextNode(DISABLE_CSS_TRANSITION));\n        documentNode.head.appendChild(css);\n\n        // Force browser repaint\n        (() => window.getComputedStyle(documentNode.body))();\n        timer = setTimeout(() => {\n          documentNode.head.removeChild(css);\n        }, 1);\n      }\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [colorScheme, disableTransitionOnChange, documentNode]);\n    React.useEffect(() => {\n      hasMounted.current = true;\n      return () => {\n        hasMounted.current = false;\n      };\n    }, []);\n    const contextValue = React.useMemo(() => ({\n      allColorSchemes,\n      colorScheme,\n      darkColorScheme,\n      lightColorScheme,\n      mode,\n      setColorScheme,\n      setMode: process.env.NODE_ENV === 'production' ? setMode : newMode => {\n        if (memoTheme.colorSchemeSelector === 'media') {\n          console.error(['MUI: The `setMode` function has no effect if `colorSchemeSelector` is `media` (`media` is the default value).', 'To toggle the mode manually, please configure `colorSchemeSelector` to use a class or data attribute.', 'To learn more, visit https://mui.com/material-ui/customization/css-theme-variables/configuration/#toggling-dark-mode-manually'].join('\\n'));\n        }\n        setMode(newMode);\n      },\n      systemMode\n    }), [allColorSchemes, colorScheme, darkColorScheme, lightColorScheme, mode, setColorScheme, setMode, systemMode, memoTheme.colorSchemeSelector]);\n    let shouldGenerateStyleSheet = true;\n    if (disableStyleSheetGeneration || restThemeProp.cssVariables === false || nested && upperTheme?.cssVarPrefix === cssVarPrefix) {\n      shouldGenerateStyleSheet = false;\n    }\n    const element = /*#__PURE__*/_jsxs(React.Fragment, {\n      children: [/*#__PURE__*/_jsx(ThemeProvider, {\n        themeId: scopedTheme ? themeId : undefined,\n        theme: memoTheme,\n        children: children\n      }), shouldGenerateStyleSheet && /*#__PURE__*/_jsx(GlobalStyles, {\n        styles: memoTheme.generateStyleSheets?.() || []\n      })]\n    });\n    if (nested) {\n      return element;\n    }\n    return /*#__PURE__*/_jsx(ColorSchemeContext.Provider, {\n      value: contextValue,\n      children: element\n    });\n  }\n  process.env.NODE_ENV !== \"production\" ? CssVarsProvider.propTypes = {\n    /**\n     * The component tree.\n     */\n    children: PropTypes.node,\n    /**\n     * The node used to attach the color-scheme attribute\n     */\n    colorSchemeNode: PropTypes.any,\n    /**\n     * localStorage key used to store `colorScheme`\n     */\n    colorSchemeStorageKey: PropTypes.string,\n    /**\n     * The default mode when the storage is empty,\n     * require the theme to have `colorSchemes` with light and dark.\n     */\n    defaultMode: PropTypes.string,\n    /**\n     * If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.\n     */\n    disableNestedContext: PropTypes.bool,\n    /**\n     * If `true`, the style sheet won't be generated.\n     *\n     * This is useful for controlling nested CssVarsProvider behavior.\n     */\n    disableStyleSheetGeneration: PropTypes.bool,\n    /**\n     * Disable CSS transitions when switching between modes or color schemes.\n     */\n    disableTransitionOnChange: PropTypes.bool,\n    /**\n     * The document to attach the attribute to.\n     */\n    documentNode: PropTypes.any,\n    /**\n     * If `true`, theme values are recalculated when the mode changes.\n     */\n    forceThemeRerender: PropTypes.bool,\n    /**\n     * The key in the local storage used to store current color scheme.\n     */\n    modeStorageKey: PropTypes.string,\n    /**\n     * If `true`, the mode will be the same value as the storage without an extra rerendering after the hydration.\n     * You should use this option in conjunction with `InitColorSchemeScript` component.\n     */\n    noSsr: PropTypes.bool,\n    /**\n     * The storage manager to be used for storing the mode and color scheme\n     * @default using `window.localStorage`\n     */\n    storageManager: PropTypes.func,\n    /**\n     * The window that attaches the 'storage' event listener.\n     * @default window\n     */\n    storageWindow: PropTypes.any,\n    /**\n     * The calculated theme object that will be passed through context.\n     */\n    theme: PropTypes.object\n  } : void 0;\n  const defaultLightColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.light;\n  const defaultDarkColorScheme = typeof defaultColorScheme === 'string' ? defaultColorScheme : defaultColorScheme.dark;\n  const getInitColorSchemeScript = params => InitColorSchemeScript({\n    colorSchemeStorageKey: defaultColorSchemeStorageKey,\n    defaultLightColorScheme,\n    defaultDarkColorScheme,\n    modeStorageKey: defaultModeStorageKey,\n    ...params\n  });\n  return {\n    CssVarsProvider,\n    useColorScheme,\n    getInitColorSchemeScript\n  };\n}"],"names":[],"mappings":";;;;;;;;;;;AAWY;AACG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@mui/system/esm/cssVars/getColorSchemeSelector.js

@@ -2,6 +2,11 @@
 function createGetColorSchemeSelector(selector) {
   return function getColorSchemeSelector(colorScheme) {
     if (selector === 'media') {
+      if (process.env.NODE_ENV !== 'production') {
+        if (colorScheme !== 'light' && colorScheme !== 'dark') {
+          console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${colorScheme}'.`);
+        }
+      }
       return `@media (prefers-color-scheme: ${colorScheme})`;
     }
     if (selector) {

package/dist/esm/node_modules/@mui/system/esm/cssVars/getColorSchemeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"getColorSchemeSelector.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssVars/getColorSchemeSelector.js"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport function createGetColorSchemeSelector(selector) {\n  return function getColorSchemeSelector(colorScheme) {\n    if (selector === 'media') {\n      if (process.env.NODE_ENV !== 'production') {\n        if (colorScheme !== 'light' && colorScheme !== 'dark') {\n          console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${colorScheme}'.`);\n        }\n      }\n      return `@media (prefers-color-scheme: ${colorScheme})`;\n    }\n    if (selector) {\n      if (selector.startsWith('data-') && !selector.includes('%s')) {\n        return `[${selector}=\"${colorScheme}\"] &`;\n      }\n      if (selector === 'class') {\n        return `.${colorScheme} &`;\n      }\n      if (selector === 'data') {\n        return `[data-${colorScheme}] &`;\n      }\n      return `${selector.replace('%s', colorScheme)} &`;\n    }\n    return '&';\n  };\n}"],"names":[],"mappings":"AAAA;AACO,SAAS,4BAA4B,CAAC,QAAQ,EAAE;AACvD,EAAE,OAAO,SAAS,sBAAsB,CAAC,WAAW,EAAE;AACtD,IAAI,IAAI,QAAQ,KAAK,OAAO,EAAE;AAM9B,MAAM,OAAO,CAAC,8BAA8B,EAAE,WAAW,CAAC,CAAC,CAAC;AAC5D,IAAI;AACJ,IAAI,IAAI,QAAQ,EAAE;AAClB,MAAM,IAAI,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACpE,QAAQ,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC;AACjD,MAAM;AACN,MAAM,IAAI,QAAQ,KAAK,OAAO,EAAE;AAChC,QAAQ,OAAO,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,CAAC;AAClC,MAAM;AACN,MAAM,IAAI,QAAQ,KAAK,MAAM,EAAE;AAC/B,QAAQ,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC;AACxC,MAAM;AACN,MAAM,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC;AACvD,IAAI;AACJ,IAAI,OAAO,GAAG;AACd,EAAE,CAAC;AACH;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"getColorSchemeSelector.js","sources":["../../../../../../../node_modules/@mui/system/esm/cssVars/getColorSchemeSelector.js"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport function createGetColorSchemeSelector(selector) {\n  return function getColorSchemeSelector(colorScheme) {\n    if (selector === 'media') {\n      if (process.env.NODE_ENV !== 'production') {\n        if (colorScheme !== 'light' && colorScheme !== 'dark') {\n          console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${colorScheme}'.`);\n        }\n      }\n      return `@media (prefers-color-scheme: ${colorScheme})`;\n    }\n    if (selector) {\n      if (selector.startsWith('data-') && !selector.includes('%s')) {\n        return `[${selector}=\"${colorScheme}\"] &`;\n      }\n      if (selector === 'class') {\n        return `.${colorScheme} &`;\n      }\n      if (selector === 'data') {\n        return `[data-${colorScheme}] &`;\n      }\n      return `${selector.replace('%s', colorScheme)} &`;\n    }\n    return '&';\n  };\n}"],"names":[],"mappings":"AAAA;AACO,SAAS,4BAA4B,CAAC,QAAQ,EAAE;AACvD,EAAE,OAAO,SAAS,sBAAsB,CAAC,WAAW,EAAE;AACtD,IAAI,IAAI,QAAQ,KAAK,OAAO,EAAE;AAC9B,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AACjD,QAAQ,IAAI,WAAW,KAAK,OAAO,IAAI,WAAW,KAAK,MAAM,EAAE;AAC/D,UAAU,OAAO,CAAC,KAAK,CAAC,CAAC,iFAAiF,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC;AAC5H,QAAQ;AACR,MAAM;AACN,MAAM,OAAO,CAAC,8BAA8B,EAAE,WAAW,CAAC,CAAC,CAAC;AAC5D,IAAI;AACJ,IAAI,IAAI,QAAQ,EAAE;AAClB,MAAM,IAAI,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACpE,QAAQ,OAAO,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC,IAAI,CAAC;AACjD,MAAM;AACN,MAAM,IAAI,QAAQ,KAAK,OAAO,EAAE;AAChC,QAAQ,OAAO,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,CAAC;AAClC,MAAM;AACN,MAAM,IAAI,QAAQ,KAAK,MAAM,EAAE;AAC/B,QAAQ,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC;AACxC,MAAM;AACN,MAAM,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC;AACvD,IAAI;AACJ,IAAI,OAAO,GAAG;AACd,EAAE,CAAC;AACH;;;;","x_google_ignoreList":[0]}

package/dist/esm/node_modules/@mui/system/esm/cssVars/useCurrentColorScheme.js

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 import { DEFAULT_MODE_STORAGE_KEY, DEFAULT_COLOR_SCHEME_STORAGE_KEY } from '../InitColorSchemeScript/InitColorSchemeScript.js';
 import localStorageManager from './localStorageManager.js';