ece-docs-components 1.0.57 → 1.0.59

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

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

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

@@ -0,0 +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":["createTheme","serializeStyles","mutateStyles","styleFunctionSx","styledEngineStyled","isPlainObject","preprocessStyles","capitalize","getDisplayName"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/system/esm/createTheme/applyStyles.js

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * A universal utility to style components with multiple color modes. Always use it from the theme object.
+ * It works with:
+ *  - [Basic theme](https://mui.com/material-ui/customization/dark-mode/)
+ *  - [CSS theme variables](https://mui.com/material-ui/customization/css-theme-variables/overview/)
+ *  - Zero-runtime engine
+ *
+ * Tips: Use an array over object spread and place `theme.applyStyles()` last.
+ *
+ * With the styled function:
+ * ✅ [{ background: '#e5e5e5' }, theme.applyStyles('dark', { background: '#1c1c1c' })]
+ * 🚫 { background: '#e5e5e5', ...theme.applyStyles('dark', { background: '#1c1c1c' })}
+ *
+ * With the sx prop:
+ * ✅ [{ background: '#e5e5e5' }, theme => theme.applyStyles('dark', { background: '#1c1c1c' })]
+ * 🚫 { background: '#e5e5e5', ...theme => theme.applyStyles('dark', { background: '#1c1c1c' })}
+ *
+ * @example
+ * 1. using with `styled`:
+ * ```jsx
+ *   const Component = styled('div')(({ theme }) => [
+ *     { background: '#e5e5e5' },
+ *     theme.applyStyles('dark', {
+ *       background: '#1c1c1c',
+ *       color: '#fff',
+ *     }),
+ *   ]);
+ * ```
+ *
+ * @example
+ * 2. using with `sx` prop:
+ * ```jsx
+ *   <Box sx={[
+ *     { background: '#e5e5e5' },
+ *     theme => theme.applyStyles('dark', {
+ *        background: '#1c1c1c',
+ *        color: '#fff',
+ *      }),
+ *     ]}
+ *   />
+ * ```
+ *
+ * @example
+ * 3. theming a component:
+ * ```jsx
+ *   extendTheme({
+ *     components: {
+ *       MuiButton: {
+ *         styleOverrides: {
+ *           root: ({ theme }) => [
+ *             { background: '#e5e5e5' },
+ *             theme.applyStyles('dark', {
+ *               background: '#1c1c1c',
+ *               color: '#fff',
+ *             }),
+ *           ],
+ *         },
+ *       }
+ *     }
+ *   })
+ *```
+ */
+function applyStyles(key, styles) {
+  // @ts-expect-error this is 'any' type
+  const theme = this;
+  if (theme.vars) {
+    if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== 'function') {
+      return {};
+    }
+    // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'
+    let selector = theme.getColorSchemeSelector(key);
+    if (selector === '&') {
+      return styles;
+    }
+    if (selector.includes('data-') || selector.includes('.')) {
+      // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)
+      selector = `*:where(${selector.replace(/\s*&$/, '')}) &`;
+    }
+    return {
+      [selector]: styles
+    };
+  }
+  if (theme.palette.mode === key) {
+    return styles;
+  }
+  return {};
+}
+
+exports.default = applyStyles;
+//# sourceMappingURL=applyStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyStyles.js","sources":["../../../../../../../node_modules/@mui/system/esm/createTheme/applyStyles.js"],"sourcesContent":["/**\n * A universal utility to style components with multiple color modes. Always use it from the theme object.\n * It works with:\n *  - [Basic theme](https://mui.com/material-ui/customization/dark-mode/)\n *  - [CSS theme variables](https://mui.com/material-ui/customization/css-theme-variables/overview/)\n *  - Zero-runtime engine\n *\n * Tips: Use an array over object spread and place `theme.applyStyles()` last.\n *\n * With the styled function:\n * ✅ [{ background: '#e5e5e5' }, theme.applyStyles('dark', { background: '#1c1c1c' })]\n * 🚫 { background: '#e5e5e5', ...theme.applyStyles('dark', { background: '#1c1c1c' })}\n *\n * With the sx prop:\n * ✅ [{ background: '#e5e5e5' }, theme => theme.applyStyles('dark', { background: '#1c1c1c' })]\n * 🚫 { background: '#e5e5e5', ...theme => theme.applyStyles('dark', { background: '#1c1c1c' })}\n *\n * @example\n * 1. using with `styled`:\n * ```jsx\n *   const Component = styled('div')(({ theme }) => [\n *     { background: '#e5e5e5' },\n *     theme.applyStyles('dark', {\n *       background: '#1c1c1c',\n *       color: '#fff',\n *     }),\n *   ]);\n * ```\n *\n * @example\n * 2. using with `sx` prop:\n * ```jsx\n *   <Box sx={[\n *     { background: '#e5e5e5' },\n *     theme => theme.applyStyles('dark', {\n *        background: '#1c1c1c',\n *        color: '#fff',\n *      }),\n *     ]}\n *   />\n * ```\n *\n * @example\n * 3. theming a component:\n * ```jsx\n *   extendTheme({\n *     components: {\n *       MuiButton: {\n *         styleOverrides: {\n *           root: ({ theme }) => [\n *             { background: '#e5e5e5' },\n *             theme.applyStyles('dark', {\n *               background: '#1c1c1c',\n *               color: '#fff',\n *             }),\n *           ],\n *         },\n *       }\n *     }\n *   })\n *```\n */\nexport default function applyStyles(key, styles) {\n  // @ts-expect-error this is 'any' type\n  const theme = this;\n  if (theme.vars) {\n    if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== 'function') {\n      return {};\n    }\n    // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'\n    let selector = theme.getColorSchemeSelector(key);\n    if (selector === '&') {\n      return styles;\n    }\n    if (selector.includes('data-') || selector.includes('.')) {\n      // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)\n      selector = `*:where(${selector.replace(/\\s*&$/, '')}) &`;\n    }\n    return {\n      [selector]: styles\n    };\n  }\n  if (theme.palette.mode === key) {\n    return styles;\n  }\n  return {};\n}"],"names":[],"mappings":";;;;AAAA;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;AACe,SAAS,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE;AACjD;AACA,EAAE,MAAM,KAAK,GAAG,IAAI;AACpB,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE;AAClB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,IAAI,OAAO,KAAK,CAAC,sBAAsB,KAAK,UAAU,EAAE;AAC1F,MAAM,OAAO,EAAE;AACf,IAAI;AACJ;AACA,IAAI,IAAI,QAAQ,GAAG,KAAK,CAAC,sBAAsB,CAAC,GAAG,CAAC;AACpD,IAAI,IAAI,QAAQ,KAAK,GAAG,EAAE;AAC1B,MAAM,OAAO,MAAM;AACnB,IAAI;AACJ,IAAI,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC9D;AACA,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC;AAC9D,IAAI;AACJ,IAAI,OAAO;AACX,MAAM,CAAC,QAAQ,GAAG;AAClB,KAAK;AACL,EAAE;AACF,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,EAAE;AAClC,IAAI,OAAO,MAAM;AACjB,EAAE;AACF,EAAE,OAAO,EAAE;AACX;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var spacing = require('../spacing/spacing.js');
+
+// The different signatures imply different meaning for their arguments that can't be expressed structurally.
+// We express the difference with variable names.
+
+function createSpacing(spacingInput = 8,
+// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.
+// Smaller components, such as icons, can align to a 4dp grid.
+// https://m2.material.io/design/layout/understanding-layout.html
+transform = spacing.createUnarySpacing({
+  spacing: spacingInput
+})) {
+  // Already transformed.
+  if (spacingInput.mui) {
+    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);
+      return typeof output === 'number' ? `${output}px` : output;
+    }).join(' ');
+  };
+  spacing.mui = true;
+  return spacing;
+}
+
+exports.default = createSpacing;
+//# sourceMappingURL=createSpacing.js.map

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

@@ -0,0 +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":["createUnarySpacing"],"mappings":";;;;;;AAEA;AACA;;AAEe,SAAS,aAAa,CAAC,YAAY,GAAG,CAAC;AACtD;AACA;AACA;AACA,SAAS,GAAGA,0BAAkB,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/cjs/node_modules/@mui/system/esm/createTheme/createTheme.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createBreakpoints = require('../createBreakpoints/createBreakpoints.js');
+var shape = require('./shape.js');
+var createSpacing = require('./createSpacing.js');
+var styleFunctionSx = require('../styleFunctionSx/styleFunctionSx.js');
+var defaultSxConfig = require('../styleFunctionSx/defaultSxConfig.js');
+var applyStyles = require('./applyStyles.js');
+var deepmerge = require('../../../utils/esm/deepmerge/deepmerge.js');
+var cssContainerQueries = require('../cssContainerQueries/cssContainerQueries.js');
+
+function createTheme(options = {}, ...args) {
+  const {
+    breakpoints: breakpointsInput = {},
+    palette: paletteInput = {},
+    spacing: spacingInput,
+    shape: shapeInput = {},
+    ...other
+  } = options;
+  const breakpoints = createBreakpoints.default(breakpointsInput);
+  const spacing = createSpacing.default(spacingInput);
+  let muiTheme = deepmerge.default({
+    breakpoints,
+    direction: 'ltr',
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: 'light',
+      ...paletteInput
+    },
+    spacing,
+    shape: {
+      ...shape.default,
+      ...shapeInput
+    }
+  }, other);
+  muiTheme = cssContainerQueries.default(muiTheme);
+  muiTheme.applyStyles = applyStyles.default;
+  muiTheme = args.reduce((acc, argument) => deepmerge.default(acc, argument), muiTheme);
+  muiTheme.unstable_sxConfig = {
+    ...defaultSxConfig.default,
+    ...other?.unstable_sxConfig
+  };
+  muiTheme.unstable_sx = function sx(props) {
+    return styleFunctionSx.default({
+      sx: props,
+      theme: this
+    });
+  };
+  return muiTheme;
+}
+
+exports.default = createTheme;
+//# sourceMappingURL=createTheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","sources":["../../../../../../../node_modules/@mui/system/esm/createTheme/createTheme.js"],"sourcesContent":["import deepmerge from '@mui/utils/deepmerge';\nimport createBreakpoints from \"../createBreakpoints/createBreakpoints.js\";\nimport cssContainerQueries from \"../cssContainerQueries/index.js\";\nimport shape from \"./shape.js\";\nimport createSpacing from \"./createSpacing.js\";\nimport styleFunctionSx from \"../styleFunctionSx/styleFunctionSx.js\";\nimport defaultSxConfig from \"../styleFunctionSx/defaultSxConfig.js\";\nimport applyStyles from \"./applyStyles.js\";\nfunction createTheme(options = {}, ...args) {\n  const {\n    breakpoints: breakpointsInput = {},\n    palette: paletteInput = {},\n    spacing: spacingInput,\n    shape: shapeInput = {},\n    ...other\n  } = options;\n  const breakpoints = createBreakpoints(breakpointsInput);\n  const spacing = createSpacing(spacingInput);\n  let muiTheme = deepmerge({\n    breakpoints,\n    direction: 'ltr',\n    components: {},\n    // Inject component definitions.\n    palette: {\n      mode: 'light',\n      ...paletteInput\n    },\n    spacing,\n    shape: {\n      ...shape,\n      ...shapeInput\n    }\n  }, other);\n  muiTheme = cssContainerQueries(muiTheme);\n  muiTheme.applyStyles = applyStyles;\n  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);\n  muiTheme.unstable_sxConfig = {\n    ...defaultSxConfig,\n    ...other?.unstable_sxConfig\n  };\n  muiTheme.unstable_sx = function sx(props) {\n    return styleFunctionSx({\n      sx: props,\n      theme: this\n    });\n  };\n  return muiTheme;\n}\nexport default createTheme;"],"names":["createBreakpoints","createSpacing","deepmerge","shape","cssContainerQueries","applyStyles","defaultSxConfig","styleFunctionSx"],"mappings":";;;;;;;;;;;;;AAQA,SAAS,WAAW,CAAC,OAAO,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE;AAC5C,EAAE,MAAM;AACR,IAAI,WAAW,EAAE,gBAAgB,GAAG,EAAE;AACtC,IAAI,OAAO,EAAE,YAAY,GAAG,EAAE;AAC9B,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,KAAK,EAAE,UAAU,GAAG,EAAE;AAC1B,IAAI,GAAG;AACP,GAAG,GAAG,OAAO;AACb,EAAE,MAAM,WAAW,GAAGA,yBAAiB,CAAC,gBAAgB,CAAC;AACzD,EAAE,MAAM,OAAO,GAAGC,qBAAa,CAAC,YAAY,CAAC;AAC7C,EAAE,IAAI,QAAQ,GAAGC,iBAAS,CAAC;AAC3B,IAAI,WAAW;AACf,IAAI,SAAS,EAAE,KAAK;AACpB,IAAI,UAAU,EAAE,EAAE;AAClB;AACA,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,OAAO;AACnB,MAAM,GAAG;AACT,KAAK;AACL,IAAI,OAAO;AACX,IAAI,KAAK,EAAE;AACX,MAAM,GAAGC,aAAK;AACd,MAAM,GAAG;AACT;AACA,GAAG,EAAE,KAAK,CAAC;AACX,EAAE,QAAQ,GAAGC,2BAAmB,CAAC,QAAQ,CAAC;AAC1C,EAAE,QAAQ,CAAC,WAAW,GAAGC,mBAAW;AACpC,EAAE,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAKH,iBAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,QAAQ,CAAC;AAC/E,EAAE,QAAQ,CAAC,iBAAiB,GAAG;AAC/B,IAAI,GAAGI,uBAAe;AACtB,IAAI,GAAG,KAAK,EAAE;AACd,GAAG;AACH,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,EAAE,CAAC,KAAK,EAAE;AAC5C,IAAI,OAAOC,uBAAe,CAAC;AAC3B,MAAM,EAAE,EAAE,KAAK;AACf,MAAM,KAAK,EAAE;AACb,KAAK,CAAC;AACN,EAAE,CAAC;AACH,EAAE,OAAO,QAAQ;AACjB;;;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/system/esm/createTheme/shape.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const shape = {
+  borderRadius: 4
+};
+
+exports.default = shape;
+//# sourceMappingURL=shape.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sources":["../../../../../../../node_modules/@mui/system/esm/createTheme/shape.js"],"sourcesContent":["const shape = {\n  borderRadius: 4\n};\nexport default shape;"],"names":[],"mappings":";;;;AAAK,MAAC,KAAK,GAAG;AACd,EAAE,YAAY,EAAE;AAChB;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formatMuiErrorMessage = require('../../../utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js');
+
+/**
+ * For using in `sx` prop to sort the breakpoint from low to high.
+ * Note: this function does not work and will not support multiple units.
+ *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }
+ *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 even though 40rem > 300px
+ */
+function sortContainerQueries(theme, css) {
+  if (!theme.containerQueries) {
+    return css;
+  }
+  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {
+    const regex = /min-width:\s*([0-9.]+)/;
+    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);
+  });
+  if (!sorted.length) {
+    return css;
+  }
+  return sorted.reduce((acc, key) => {
+    const value = css[key];
+    delete acc[key];
+    acc[key] = value;
+    return acc;
+  }, {
+    ...css
+  });
+}
+function isCqShorthand(breakpointKeys, value) {
+  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\d/));
+}
+function getContainerQuery(theme, shorthand) {
+  const matches = shorthand.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!matches) {
+    if (process.env.NODE_ENV !== 'production') {
+      throw new Error(process.env.NODE_ENV !== "production" ? `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`.' : formatMuiErrorMessage.default(18, `(${shorthand})`));
+    }
+    return null;
+  }
+  const [, containerQuery, containerName] = matches;
+  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;
+  return theme.containerQueries(containerName).up(value);
+}
+function cssContainerQueries(themeInput) {
+  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');
+  function attachCq(node, name) {
+    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);
+    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);
+    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);
+    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);
+    node.not = (...args) => {
+      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);
+      if (result.includes('not all and')) {
+        // `@container` does not work with `not all and`, so need to invert the logic
+        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');
+      }
+      return result;
+    };
+  }
+  const node = {};
+  const containerQueries = name => {
+    attachCq(node, name);
+    return node;
+  };
+  attachCq(containerQueries);
+  return {
+    ...themeInput,
+    containerQueries
+  };
+}
+
+exports.default = cssContainerQueries;
+exports.getContainerQuery = getContainerQuery;
+exports.isCqShorthand = isCqShorthand;
+exports.sortContainerQueries = sortContainerQueries;
+//# sourceMappingURL=cssContainerQueries.js.map