@mui/system 6.0.0-alpha.1 → 6.0.0-alpha.11

package/legacy/createStyled/createStyled.js

@@ -1,250 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-/* eslint-disable no-underscore-dangle */
-import styledEngineStyled, { internal_processStyles as processStyles } from '@mui/styled-engine';
-import { isPlainObject } from '@mui/utils/deepmerge';
-import capitalize from '@mui/utils/capitalize';
-import getDisplayName from '@mui/utils/getDisplayName';
-import createTheme from '../createTheme';
-import styleFunctionSx from '../styleFunctionSx';
-function isEmpty(obj) {
-  return Object.keys(obj).length === 0;
-}
-
-// 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;
-}
-
-// Update /system/styled/#api in case if this changes
-export function shouldForwardProp(prop) {
-  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
-}
-export var systemDefaultTheme = createTheme();
-var lowercaseFirstLetter = function lowercaseFirstLetter(string) {
-  if (!string) {
-    return string;
-  }
-  return string.charAt(0).toLowerCase() + string.slice(1);
-};
-function resolveTheme(_ref) {
-  var defaultTheme = _ref.defaultTheme,
-    theme = _ref.theme,
-    themeId = _ref.themeId;
-  return isEmpty(theme) ? defaultTheme : theme[themeId] || theme;
-}
-function defaultOverridesResolver(slot) {
-  if (!slot) {
-    return null;
-  }
-  return function (props, styles) {
-    return styles[slot];
-  };
-}
-function processStyleArg(callableStyle, _ref2) {
-  var ownerState = _ref2.ownerState,
-    props = _objectWithoutProperties(_ref2, ["ownerState"]);
-  var resolvedStylesArg = typeof callableStyle === 'function' ? callableStyle(_extends({
-    ownerState: ownerState
-  }, props)) : callableStyle;
-  if (Array.isArray(resolvedStylesArg)) {
-    return resolvedStylesArg.flatMap(function (resolvedStyle) {
-      return processStyleArg(resolvedStyle, _extends({
-        ownerState: ownerState
-      }, props));
-    });
-  }
-  if (!!resolvedStylesArg && _typeof(resolvedStylesArg) === 'object' && Array.isArray(resolvedStylesArg.variants)) {
-    var _resolvedStylesArg$va = resolvedStylesArg.variants,
-      variants = _resolvedStylesArg$va === void 0 ? [] : _resolvedStylesArg$va,
-      otherStyles = _objectWithoutProperties(resolvedStylesArg, ["variants"]);
-    var result = otherStyles;
-    variants.forEach(function (variant) {
-      var isMatch = true;
-      if (typeof variant.props === 'function') {
-        isMatch = variant.props(_extends({
-          ownerState: ownerState
-        }, props, ownerState));
-      } else {
-        Object.keys(variant.props).forEach(function (key) {
-          if ((ownerState == null ? void 0 : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) {
-            isMatch = false;
-          }
-        });
-      }
-      if (isMatch) {
-        if (!Array.isArray(result)) {
-          result = [result];
-        }
-        result.push(typeof variant.style === 'function' ? variant.style(_extends({
-          ownerState: ownerState
-        }, props, ownerState)) : variant.style);
-      }
-    });
-    return result;
-  }
-  return resolvedStylesArg;
-}
-export default function createStyled() {
-  var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var themeId = input.themeId,
-    _input$defaultTheme = input.defaultTheme,
-    defaultTheme = _input$defaultTheme === void 0 ? systemDefaultTheme : _input$defaultTheme,
-    _input$rootShouldForw = input.rootShouldForwardProp,
-    rootShouldForwardProp = _input$rootShouldForw === void 0 ? shouldForwardProp : _input$rootShouldForw,
-    _input$slotShouldForw = input.slotShouldForwardProp,
-    slotShouldForwardProp = _input$slotShouldForw === void 0 ? shouldForwardProp : _input$slotShouldForw;
-  var systemSx = function systemSx(props) {
-    return styleFunctionSx(_extends({}, props, {
-      theme: resolveTheme(_extends({}, props, {
-        defaultTheme: defaultTheme,
-        themeId: themeId
-      }))
-    }));
-  };
-  systemSx.__mui_systemSx = true;
-  return function (tag) {
-    var inputOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    // Filter out the `sx` style function from the previous styled component to prevent unnecessary styles generated by the composite components.
-    processStyles(tag, function (styles) {
-      return styles.filter(function (style) {
-        return !(style != null && style.__mui_systemSx);
-      });
-    });
-    var componentName = inputOptions.name,
-      componentSlot = inputOptions.slot,
-      inputSkipVariantsResolver = inputOptions.skipVariantsResolver,
-      inputSkipSx = inputOptions.skipSx,
-      _inputOptions$overrid = inputOptions.overridesResolver,
-      overridesResolver = _inputOptions$overrid === void 0 ? defaultOverridesResolver(lowercaseFirstLetter(componentSlot)) : _inputOptions$overrid,
-      options = _objectWithoutProperties(inputOptions, ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"]); // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
-    var 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;
-    var skipSx = inputSkipSx || false;
-    var 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 = "".concat(componentName, "-").concat(lowercaseFirstLetter(componentSlot || 'Root'));
-      }
-    }
-    var 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;
-    }
-    var defaultStyledResolver = styledEngineStyled(tag, _extends({
-      shouldForwardProp: shouldForwardPropOption,
-      label: label
-    }, options));
-    var transformStyleArg = function transformStyleArg(stylesArg) {
-      // 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.
-      if (typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg || isPlainObject(stylesArg)) {
-        return function (props) {
-          return processStyleArg(stylesArg, _extends({}, props, {
-            theme: resolveTheme({
-              theme: props.theme,
-              defaultTheme: defaultTheme,
-              themeId: themeId
-            })
-          }));
-        };
-      }
-      return stylesArg;
-    };
-    var muiStyledResolver = function muiStyledResolver(styleArg) {
-      var transformedStyleArg = transformStyleArg(styleArg);
-      for (var _len = arguments.length, expressions = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        expressions[_key - 1] = arguments[_key];
-      }
-      var expressionsWithDefaultTheme = expressions ? expressions.map(transformStyleArg) : [];
-      if (componentName && overridesResolver) {
-        expressionsWithDefaultTheme.push(function (props) {
-          var theme = resolveTheme(_extends({}, props, {
-            defaultTheme: defaultTheme,
-            themeId: themeId
-          }));
-          if (!theme.components || !theme.components[componentName] || !theme.components[componentName].styleOverrides) {
-            return null;
-          }
-          var styleOverrides = theme.components[componentName].styleOverrides;
-          var resolvedStyleOverrides = {};
-          // TODO: v7 remove iteration and use `resolveStyleArg(styleOverrides[slot])` directly
-          Object.entries(styleOverrides).forEach(function (_ref3) {
-            var _ref4 = _slicedToArray(_ref3, 2),
-              slotKey = _ref4[0],
-              slotStyle = _ref4[1];
-            resolvedStyleOverrides[slotKey] = processStyleArg(slotStyle, _extends({}, props, {
-              theme: theme
-            }));
-          });
-          return overridesResolver(props, resolvedStyleOverrides);
-        });
-      }
-      if (componentName && !skipVariantsResolver) {
-        expressionsWithDefaultTheme.push(function (props) {
-          var _theme$components;
-          var theme = resolveTheme(_extends({}, props, {
-            defaultTheme: defaultTheme,
-            themeId: themeId
-          }));
-          var themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? void 0 : _theme$components.variants;
-          return processStyleArg({
-            variants: themeVariants
-          }, _extends({}, props, {
-            theme: theme
-          }));
-        });
-      }
-      if (!skipSx) {
-        expressionsWithDefaultTheme.push(systemSx);
-      }
-      var numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length;
-      if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) {
-        var placeholders = new Array(numOfCustomFnsApplied).fill('');
-        // If the type is array, than we need to add placeholders in the template for the overrides, variants and the sx styles.
-        transformedStyleArg = [].concat(_toConsumableArray(styleArg), _toConsumableArray(placeholders));
-        transformedStyleArg.raw = [].concat(_toConsumableArray(styleArg.raw), _toConsumableArray(placeholders));
-      }
-      var Component = defaultStyledResolver.apply(void 0, [transformedStyleArg].concat(_toConsumableArray(expressionsWithDefaultTheme)));
-      if (process.env.NODE_ENV !== 'production') {
-        var displayName;
-        if (componentName) {
-          displayName = "".concat(componentName).concat(capitalize(componentSlot || ''));
-        }
-        if (displayName === undefined) {
-          displayName = "Styled(".concat(getDisplayName(tag), ")");
-        }
-        Component.displayName = displayName;
-      }
-      if (tag.muiName) {
-        Component.muiName = tag.muiName;
-      }
-      return Component;
-    };
-    if (defaultStyledResolver.withConfig) {
-      muiStyledResolver.withConfig = defaultStyledResolver.withConfig;
-    }
-    return muiStyledResolver;
-  };
-}

package/legacy/createStyled/index.js

@@ -1,4 +0,0 @@
-'use client';
-
-export { default } from './createStyled';
-export * from './createStyled';

package/legacy/createTheme/applyStyles.js

@@ -1,73 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-/**
- * 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/experimental-api/css-theme-variables/overview/)
- *  - Zero-runtime engine
- *
- * Tips: Use an array over object spread and place `theme.applyStyles()` last.
- *
- * ✅ [{ background: '#e5e5e5' }, theme.applyStyles('dark', { background: '#1c1c1c' })]
- *
- * 🚫 { background: '#e5e5e5', ...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={theme => [
- *     { background: '#e5e5e5' },
- *     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',
- *             }),
- *           ],
- *         },
- *       }
- *     }
- *   })
- *```
- */
-export default function applyStyles(key, styles) {
-  // @ts-expect-error this is 'any' type
-  var theme = this;
-  if (theme.vars && typeof theme.getColorSchemeSelector === 'function') {
-    // If CssVarsProvider is used as a provider,
-    // returns '* :where([data-mui-color-scheme="light|dark"]) &'
-    var selector = theme.getColorSchemeSelector(key).replace(/(\[[^\]]+\])/, '*:where($1)');
-    return _defineProperty({}, selector, styles);
-  }
-  if (theme.palette.mode === key) {
-    return styles;
-  }
-  return {};
-}

package/legacy/createTheme/createBreakpoints.js

@@ -1,83 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-// Sorted ASC by size. That's important.
-// It can't be configured as it's used statically for propTypes.
-export var breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
-var sortBreakpointsValues = function sortBreakpointsValues(values) {
-  var breakpointsAsArray = Object.keys(values).map(function (key) {
-    return {
-      key: key,
-      val: values[key]
-    };
-  }) || [];
-  // Sort in ascending order
-  breakpointsAsArray.sort(function (breakpoint1, breakpoint2) {
-    return breakpoint1.val - breakpoint2.val;
-  });
-  return breakpointsAsArray.reduce(function (acc, obj) {
-    return _extends({}, acc, _defineProperty({}, obj.key, obj.val));
-  }, {});
-};
-
-// Keep in mind that @media is inclusive by the CSS specification.
-export default function createBreakpoints(breakpoints) {
-  var _breakpoints$values = breakpoints.values,
-    values = _breakpoints$values === void 0 ? {
-      xs: 0,
-      // phone
-      sm: 600,
-      // tablet
-      md: 900,
-      // small laptop
-      lg: 1200,
-      // desktop
-      xl: 1536 // large screen
-    } : _breakpoints$values,
-    _breakpoints$unit = breakpoints.unit,
-    unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
-    _breakpoints$step = breakpoints.step,
-    step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
-    other = _objectWithoutProperties(breakpoints, ["values", "unit", "step"]);
-  var sortedValues = sortBreakpointsValues(values);
-  var keys = Object.keys(sortedValues);
-  function up(key) {
-    var value = typeof values[key] === 'number' ? values[key] : key;
-    return "@media (min-width:".concat(value).concat(unit, ")");
-  }
-  function down(key) {
-    var value = typeof values[key] === 'number' ? values[key] : key;
-    return "@media (max-width:".concat(value - step / 100).concat(unit, ")");
-  }
-  function between(start, end) {
-    var endIndex = keys.indexOf(end);
-    return "@media (min-width:".concat(typeof values[start] === 'number' ? values[start] : start).concat(unit, ") and ") + "(max-width:".concat((endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100).concat(unit, ")");
-  }
-  function only(key) {
-    if (keys.indexOf(key) + 1 < keys.length) {
-      return between(key, keys[keys.indexOf(key) + 1]);
-    }
-    return up(key);
-  }
-  function not(key) {
-    // handle first and last key separately, for better readability
-    var keyIndex = keys.indexOf(key);
-    if (keyIndex === 0) {
-      return up(keys[1]);
-    }
-    if (keyIndex === keys.length - 1) {
-      return down(keys[keyIndex]);
-    }
-    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
-  }
-  return _extends({
-    keys: keys,
-    values: sortedValues,
-    up: up,
-    down: down,
-    between: between,
-    only: only,
-    not: not,
-    unit: unit
-  }, other);
-}

package/legacy/createTheme/createSpacing.js

@@ -1,32 +0,0 @@
-import { createUnarySpacing } from '../spacing';
-
-// The different signatures imply different meaning for their arguments that can't be expressed structurally.
-// We express the difference with variable names.
-
-export default function createSpacing() {
-  var spacingInput = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 8;
-  var transform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : createUnarySpacing({
-    spacing: spacingInput
-  });
-  // Already transformed.
-  if (spacingInput.mui) {
-    return spacingInput;
-  }
-  var spacing = function spacing() {
-    for (var _len = arguments.length, argsInput = new Array(_len), _key = 0; _key < _len; _key++) {
-      argsInput[_key] = arguments[_key];
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      if (!(argsInput.length <= 4)) {
-        console.error("MUI: Too many arguments provided, expected between 0 and 4, got ".concat(argsInput.length));
-      }
-    }
-    var args = argsInput.length === 0 ? [1] : argsInput;
-    return args.map(function (argument) {
-      var output = transform(argument);
-      return typeof output === 'number' ? "".concat(output, "px") : output;
-    }).join(' ');
-  };
-  spacing.mui = true;
-  return spacing;
-}

package/legacy/createTheme/createTheme.js

@@ -1,49 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import deepmerge from '@mui/utils/deepmerge';
-import createBreakpoints from './createBreakpoints';
-import shape from './shape';
-import createSpacing from './createSpacing';
-import styleFunctionSx from '../styleFunctionSx/styleFunctionSx';
-import defaultSxConfig from '../styleFunctionSx/defaultSxConfig';
-import applyStyles from './applyStyles';
-function createTheme() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _options$breakpoints = options.breakpoints,
-    breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,
-    _options$palette = options.palette,
-    paletteInput = _options$palette === void 0 ? {} : _options$palette,
-    spacingInput = options.spacing,
-    _options$shape = options.shape,
-    shapeInput = _options$shape === void 0 ? {} : _options$shape,
-    other = _objectWithoutProperties(options, ["breakpoints", "palette", "spacing", "shape"]);
-  var breakpoints = createBreakpoints(breakpointsInput);
-  var spacing = createSpacing(spacingInput);
-  var muiTheme = deepmerge({
-    breakpoints: breakpoints,
-    direction: 'ltr',
-    components: {},
-    // Inject component definitions.
-    palette: _extends({
-      mode: 'light'
-    }, paletteInput),
-    spacing: spacing,
-    shape: _extends({}, shape, shapeInput)
-  }, other);
-  muiTheme.applyStyles = applyStyles;
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  muiTheme = args.reduce(function (acc, argument) {
-    return deepmerge(acc, argument);
-  }, muiTheme);
-  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
-  muiTheme.unstable_sx = function sx(props) {
-    return styleFunctionSx({
-      sx: props,
-      theme: this
-    });
-  };
-  return muiTheme;
-}
-export default createTheme;

package/legacy/createTheme/index.js

@@ -1,3 +0,0 @@
-export { default } from './createTheme';
-export { default as private_createBreakpoints } from './createBreakpoints';
-export { default as unstable_applyStyles } from './applyStyles';

package/legacy/createTheme/shape.js

@@ -1,4 +0,0 @@
-var shape = {
-  borderRadius: 4
-};
-export default shape;

package/legacy/cssGrid/cssGrid.js

@@ -1,91 +0,0 @@
-import style from '../style';
-import compose from '../compose';
-import { createUnaryUnit, getValue } from '../spacing';
-import { handleBreakpoints } from '../breakpoints';
-import responsivePropType from '../responsivePropType';
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
-export var gap = function gap(props) {
-  if (props.gap !== undefined && props.gap !== null) {
-    var transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');
-    var styleFromPropValue = function styleFromPropValue(propValue) {
-      return {
-        gap: getValue(transformer, propValue)
-      };
-    };
-    return handleBreakpoints(props, props.gap, styleFromPropValue);
-  }
-  return null;
-};
-gap.propTypes = process.env.NODE_ENV !== 'production' ? {
-  gap: responsivePropType
-} : {};
-gap.filterProps = ['gap'];
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
-export var columnGap = function columnGap(props) {
-  if (props.columnGap !== undefined && props.columnGap !== null) {
-    var transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');
-    var styleFromPropValue = function styleFromPropValue(propValue) {
-      return {
-        columnGap: getValue(transformer, propValue)
-      };
-    };
-    return handleBreakpoints(props, props.columnGap, styleFromPropValue);
-  }
-  return null;
-};
-columnGap.propTypes = process.env.NODE_ENV !== 'production' ? {
-  columnGap: responsivePropType
-} : {};
-columnGap.filterProps = ['columnGap'];
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
-export var rowGap = function rowGap(props) {
-  if (props.rowGap !== undefined && props.rowGap !== null) {
-    var transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');
-    var styleFromPropValue = function styleFromPropValue(propValue) {
-      return {
-        rowGap: getValue(transformer, propValue)
-      };
-    };
-    return handleBreakpoints(props, props.rowGap, styleFromPropValue);
-  }
-  return null;
-};
-rowGap.propTypes = process.env.NODE_ENV !== 'production' ? {
-  rowGap: responsivePropType
-} : {};
-rowGap.filterProps = ['rowGap'];
-export var gridColumn = style({
-  prop: 'gridColumn'
-});
-export var gridRow = style({
-  prop: 'gridRow'
-});
-export var gridAutoFlow = style({
-  prop: 'gridAutoFlow'
-});
-export var gridAutoColumns = style({
-  prop: 'gridAutoColumns'
-});
-export var gridAutoRows = style({
-  prop: 'gridAutoRows'
-});
-export var gridTemplateColumns = style({
-  prop: 'gridTemplateColumns'
-});
-export var gridTemplateRows = style({
-  prop: 'gridTemplateRows'
-});
-export var gridTemplateAreas = style({
-  prop: 'gridTemplateAreas'
-});
-export var gridArea = style({
-  prop: 'gridArea'
-});
-var grid = compose(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);
-export default grid;

package/legacy/cssGrid/index.js

@@ -1,4 +0,0 @@
-'use client';
-
-export { default } from './cssGrid';
-export * from './cssGrid';