@mui/system 6.4.3 → 7.0.0-alpha.1

package/CSSProperties.d.ts

@@ -4,6 +4,4 @@ import * as CSS from 'csstype';
  * All non-vendor-prefixed CSS properties. (Also allows `number` in order to support CSS-in-JS libs,
  * since they are converted to `px`.)
  */
-export interface CSSProperties
-  extends CSS.StandardProperties<number | string>,
-    CSS.SvgProperties<number | string> {}
+export interface CSSProperties extends CSS.StandardProperties<number | string>, CSS.SvgProperties<number | string> {}

package/Container/Container.d.ts

@@ -9,5 +9,5 @@
  *
  * - [Container API](https://mui.com/system/api/container/)
  */
-declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps").ContainerTypeMap<{}, "div">>;
-export default Container;
+declare const Container: import("@mui/types").OverridableComponent<import("./ContainerProps.js").ContainerTypeMap<{}, "div">>;
+export default Container;

package/Container/ContainerProps.d.ts

@@ -1,40 +1,40 @@
 import * as React from 'react';
 import { OverrideProps } from '@mui/types';
-import { SxProps } from '../styleFunctionSx';
-import { Theme, Breakpoint } from '../createTheme';
-import { ContainerClasses } from './containerClasses';
+import { SxProps } from "../styleFunctionSx/index.js";
+import { Theme, Breakpoint } from "../createTheme/index.js";
+import { ContainerClasses } from "./containerClasses.js";
 export interface ContainerTypeMap<AdditionalProps = {}, DefaultComponent extends React.ElementType = 'div'> {
-    props: AdditionalProps & {
-        children?: React.ReactNode;
-        /**
-         * Override or extend the styles applied to the component.
-         */
-        classes?: Partial<ContainerClasses>;
-        /**
-         * If `true`, the left and right padding is removed.
-         * @default false
-         */
-        disableGutters?: boolean;
-        /**
-         * Set the max-width to match the min-width of the current breakpoint.
-         * This is useful if you'd prefer to design for a fixed set of sizes
-         * instead of trying to accommodate a fully fluid viewport.
-         * It's fluid by default.
-         * @default false
-         */
-        fixed?: boolean;
-        /**
-         * Determine the max-width of the container.
-         * The container width grows with the size of the screen.
-         * Set to `false` to disable `maxWidth`.
-         * @default 'lg'
-         */
-        maxWidth?: Breakpoint | false;
-        /**
-         * The system prop that allows defining system overrides as well as additional CSS styles.
-         */
-        sx?: SxProps<Theme>;
-    };
-    defaultComponent: DefaultComponent;
+  props: AdditionalProps & {
+    children?: React.ReactNode;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<ContainerClasses>;
+    /**
+     * If `true`, the left and right padding is removed.
+     * @default false
+     */
+    disableGutters?: boolean;
+    /**
+     * Set the max-width to match the min-width of the current breakpoint.
+     * This is useful if you'd prefer to design for a fixed set of sizes
+     * instead of trying to accommodate a fully fluid viewport.
+     * It's fluid by default.
+     * @default false
+     */
+    fixed?: boolean;
+    /**
+     * Determine the max-width of the container.
+     * The container width grows with the size of the screen.
+     * Set to `false` to disable `maxWidth`.
+     * @default 'lg'
+     */
+    maxWidth?: Breakpoint | false;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+  };
+  defaultComponent: DefaultComponent;
 }
-export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent>;
+export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent>;

package/Container/containerClasses.d.ts

@@ -1,22 +1,22 @@
 export interface ContainerClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `disableGutters={true}`. */
-    disableGutters: string;
-    /** Styles applied to the root element if `fixed={true}`. */
-    fixed: string;
-    /** Styles applied to the root element if `maxWidth="xs"`. */
-    maxWidthXs: string;
-    /** Styles applied to the root element if `maxWidth="sm"`. */
-    maxWidthSm: string;
-    /** Styles applied to the root element if `maxWidth="md"`. */
-    maxWidthMd: string;
-    /** Styles applied to the root element if `maxWidth="lg"`. */
-    maxWidthLg: string;
-    /** Styles applied to the root element if `maxWidth="xl"`. */
-    maxWidthXl: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `disableGutters={true}`. */
+  disableGutters: string;
+  /** Styles applied to the root element if `fixed={true}`. */
+  fixed: string;
+  /** Styles applied to the root element if `maxWidth="xs"`. */
+  maxWidthXs: string;
+  /** Styles applied to the root element if `maxWidth="sm"`. */
+  maxWidthSm: string;
+  /** Styles applied to the root element if `maxWidth="md"`. */
+  maxWidthMd: string;
+  /** Styles applied to the root element if `maxWidth="lg"`. */
+  maxWidthLg: string;
+  /** Styles applied to the root element if `maxWidth="xl"`. */
+  maxWidthXl: string;
 }
 export type ContainerClassKey = keyof ContainerClasses;
 export declare function getContainerUtilityClass(slot: string): string;
 declare const containerClasses: ContainerClasses;
-export default containerClasses;
+export default containerClasses;

package/Container/createContainer.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { Interpolation, MUIStyledComponent as StyledComponent } from '@mui/styled-engine';
 import { OverridableComponent } from '@mui/types';
-import { ContainerProps, ContainerTypeMap } from './ContainerProps';
-import { Theme as DefaultTheme } from '../createTheme';
+import { ContainerProps, ContainerTypeMap } from "./ContainerProps.js";
+import { Theme as DefaultTheme } from "../createTheme/index.js";
 interface StyleFnProps<Theme> extends ContainerProps {
-    theme: Theme;
-    ownerState: ContainerProps;
+  theme: Theme;
+  ownerState: ContainerProps;
 }
 type RequiredThemeStructure = Pick<DefaultTheme, 'breakpoints' | 'spacing'>;
 export default function createContainer<Theme extends RequiredThemeStructure = DefaultTheme>(options?: {
-    createStyledComponent?: (...styles: Array<Interpolation<StyleFnProps<Theme>>>) => StyledComponent<ContainerProps>;
-    useThemeProps?: (inProps: ContainerProps) => ContainerProps & {
-        component?: React.ElementType;
-    };
-    componentName?: string;
+  createStyledComponent?: (...styles: Array<Interpolation<StyleFnProps<Theme>>>) => StyledComponent<ContainerProps>;
+  useThemeProps?: (inProps: ContainerProps) => ContainerProps & {
+    component?: React.ElementType;
+  };
+  componentName?: string;
 }): OverridableComponent<ContainerTypeMap<{}, "div">>;
-export {};
+export {};

package/Container/createContainer.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/Container/index.d.ts

@@ -1,5 +1,4 @@
-export { default } from './Container';
-export * from './ContainerProps';
-
-export { default as containerClasses } from './containerClasses';
-export * from './containerClasses';
+export { default } from "./Container.js";
+export * from "./ContainerProps.js";
+export { default as containerClasses } from "./containerClasses.js";
+export * from "./containerClasses.js";

package/DefaultPropsProvider/DefaultPropsProvider.d.ts

@@ -1,12 +1,18 @@
 import * as React from 'react';
-declare function DefaultPropsProvider({ value, children, }: React.PropsWithChildren<{
-    value: Record<string, any> | undefined;
+declare function DefaultPropsProvider({
+  value,
+  children
+}: React.PropsWithChildren<{
+  value: Record<string, any> | undefined;
 }>): React.JSX.Element;
 declare namespace DefaultPropsProvider {
-    var propTypes: any;
+  var propTypes: any;
 }
-export declare function useDefaultProps<Props>({ props, name }: {
-    props: Props;
-    name: string;
+export declare function useDefaultProps<Props>({
+  props,
+  name
+}: {
+  props: Props;
+  name: string;
 }): Props;
-export default DefaultPropsProvider;
+export default DefaultPropsProvider;

package/DefaultPropsProvider/index.d.ts

@@ -1 +1 @@
-export { default, useDefaultProps } from './DefaultPropsProvider';
+export { default, useDefaultProps } from "./DefaultPropsProvider.js";

package/GlobalStyles/GlobalStyles.d.ts

@@ -1,13 +1,17 @@
 import * as React from 'react';
 import { Interpolation } from '@mui/styled-engine';
-import { Theme as SystemTheme } from '../createTheme';
+import { Theme as SystemTheme } from "../createTheme/index.js";
 export interface GlobalStylesProps<Theme = SystemTheme> {
-    styles: Interpolation<Theme>;
-    defaultTheme?: object;
-    themeId?: string;
+  styles: Interpolation<Theme>;
+  defaultTheme?: object;
+  themeId?: string;
 }
-declare function GlobalStyles<Theme = SystemTheme>({ styles, themeId, defaultTheme, }: GlobalStylesProps<Theme>): React.JSX.Element;
+declare function GlobalStyles<Theme = SystemTheme>({
+  styles,
+  themeId,
+  defaultTheme
+}: GlobalStylesProps<Theme>): React.JSX.Element;
 declare namespace GlobalStyles {
-    var propTypes: any;
+  var propTypes: any;
 }
-export default GlobalStyles;
+export default GlobalStyles;

package/GlobalStyles/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './GlobalStyles';
-export * from './GlobalStyles';
+export { default } from "./GlobalStyles.js";
+export * from "./GlobalStyles.js";

package/Grid/Grid.d.ts

@@ -9,5 +9,5 @@
  *
  * - [Grid API](https://mui.com/system/api/grid/)
  */
-declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps").GridTypeMap<{}, "div">>;
-export default Grid;
+declare const Grid: import("@mui/types").OverridableComponent<import("./GridProps.js").GridTypeMap<{}, "div">>;
+export default Grid;

package/Grid/GridProps.d.ts

@@ -1,105 +1,103 @@
 import * as React from 'react';
 import { OverrideProps, PartiallyRequired } from '@mui/types';
-import { SxProps } from '../styleFunctionSx';
-import { Theme, Breakpoint } from '../createTheme';
-import { SystemProps } from '../Box';
-type ResponsiveStyleValue<T> = T | Array<T | null> | {
-    [key in Breakpoint]?: T | null;
-};
+import { SxProps } from "../styleFunctionSx/index.js";
+import { Theme, Breakpoint } from "../createTheme/index.js";
+import { SystemProps } from "../Box/index.js";
+type ResponsiveStyleValue<T> = T | Array<T | null> | { [key in Breakpoint]?: T | null };
 export type GridDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 export type GridSpacing = number | string;
 export type GridWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
 export type GridSize = 'auto' | 'grow' | number | false;
 export type GridOffset = 'auto' | number;
 export interface GridBaseProps {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * The number of columns.
-     * @default 12
-     */
-    columns?: ResponsiveStyleValue<number>;
-    /**
-     * Defines the horizontal space between the type `item` components.
-     * It overrides the value of the `spacing` prop.
-     */
-    columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     * If `true`, the component will have the flex *container* behavior.
-     * You should be wrapping *items* with a *container*.
-     * @default false
-     */
-    container?: boolean;
-    /**
-     * Defines the `flex-direction` style property.
-     * It is applied for all screen sizes.
-     * @default 'row'
-     */
-    direction?: ResponsiveStyleValue<GridDirection>;
-    /**
-     * Defines the offset value for the type `item` components.
-     */
-    offset?: ResponsiveStyleValue<GridOffset>;
-    /**
-     * @internal
-     * The level of the grid starts from `0` and increases when the grid nests
-     * inside another grid. Nesting is defined as a container Grid being a direct
-     * child of a container Grid.
-     *
-     * ```js
-     * <Grid container> // level 0
-     *   <Grid container> // level 1
-     *     <Grid container> // level 2
-     * ```
-     *
-     * Only consecutive grid is considered nesting. A grid container will start at
-     * `0` if there are non-Grid container element above it.
-     *
-     * ```js
-     * <Grid container> // level 0
-     *   <div>
-     *     <Grid container> // level 0
-     * ```
-     *
-     * ```js
-     * <Grid container> // level 0
-     *   <Grid>
-     *     <Grid container> // level 0
-     * ```
-     */
-    unstable_level?: number;
-    /**
-     * Defines the vertical space between the type `item` components.
-     * It overrides the value of the `spacing` prop.
-     */
-    rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     * Defines the size of the the type `item` components.
-     */
-    size?: ResponsiveStyleValue<GridSize>;
-    /**
-     * Defines the space between the type `item` components.
-     * It can only be used on a type `container` component.
-     * @default 0
-     */
-    spacing?: ResponsiveStyleValue<GridSpacing> | undefined;
-    /**
-     * Defines the `flex-wrap` style property.
-     * It's applied for all screen sizes.
-     * @default 'wrap'
-     */
-    wrap?: GridWrap;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * The number of columns.
+   * @default 12
+   */
+  columns?: ResponsiveStyleValue<number>;
+  /**
+   * Defines the horizontal space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  columnSpacing?: ResponsiveStyleValue<GridSpacing>;
+  /**
+   * If `true`, the component will have the flex *container* behavior.
+   * You should be wrapping *items* with a *container*.
+   * @default false
+   */
+  container?: boolean;
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'row'
+   */
+  direction?: ResponsiveStyleValue<GridDirection>;
+  /**
+   * Defines the offset value for the type `item` components.
+   */
+  offset?: ResponsiveStyleValue<GridOffset>;
+  /**
+   * @internal
+   * The level of the grid starts from `0` and increases when the grid nests
+   * inside another grid. Nesting is defined as a container Grid being a direct
+   * child of a container Grid.
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <Grid container> // level 1
+   *     <Grid container> // level 2
+   * ```
+   *
+   * Only consecutive grid is considered nesting. A grid container will start at
+   * `0` if there are non-Grid container element above it.
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <div>
+   *     <Grid container> // level 0
+   * ```
+   *
+   * ```js
+   * <Grid container> // level 0
+   *   <Grid>
+   *     <Grid container> // level 0
+   * ```
+   */
+  unstable_level?: number;
+  /**
+   * Defines the vertical space between the type `item` components.
+   * It overrides the value of the `spacing` prop.
+   */
+  rowSpacing?: ResponsiveStyleValue<GridSpacing>;
+  /**
+   * Defines the size of the the type `item` components.
+   */
+  size?: ResponsiveStyleValue<GridSize>;
+  /**
+   * Defines the space between the type `item` components.
+   * It can only be used on a type `container` component.
+   * @default 0
+   */
+  spacing?: ResponsiveStyleValue<GridSpacing> | undefined;
+  /**
+   * Defines the `flex-wrap` style property.
+   * It's applied for all screen sizes.
+   * @default 'wrap'
+   */
+  wrap?: GridWrap;
 }
 export type GridOwnerState = PartiallyRequired<GridBaseProps, 'size' | 'offset' | 'unstable_level'>;
 export interface GridTypeMap<AdditionalProps = {}, DefaultComponent extends React.ElementType = 'div'> {
-    props: AdditionalProps & GridBaseProps & {
-        sx?: SxProps<Theme>;
-    } & SystemProps<Theme>;
-    defaultComponent: DefaultComponent;
+  props: AdditionalProps & GridBaseProps & {
+    sx?: SxProps<Theme>;
+  } & SystemProps<Theme>;
+  defaultComponent: DefaultComponent;
 }
 export type GridProps<RootComponent extends React.ElementType = GridTypeMap['defaultComponent'], AdditionalProps = {
-    component?: React.ElementType;
+  component?: React.ElementType;
 }> = OverrideProps<GridTypeMap<AdditionalProps, RootComponent>, RootComponent>;
-export {};
+export {};

package/Grid/createGrid.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { OverridableComponent } from '@mui/types';
-import useThemeSystem from '../useTheme';
-import { GridTypeMap } from './GridProps';
-declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
+import useThemeSystem from "../useTheme/index.js";
+import { GridTypeMap } from "./GridProps.js";
+declare const defaultCreateStyledComponent: import("@mui/styled-engine").CreateStyledComponent<import("../createStyled/index.js").MUIStyledCommonProps<any>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}, any>;
 declare function useThemePropsDefault<T extends {}>(props: T): T;
 export default function createGrid(options?: {
-    createStyledComponent?: typeof defaultCreateStyledComponent;
-    useThemeProps?: typeof useThemePropsDefault;
-    useTheme?: typeof useThemeSystem;
-    componentName?: string;
+  createStyledComponent?: typeof defaultCreateStyledComponent;
+  useThemeProps?: typeof useThemePropsDefault;
+  useTheme?: typeof useThemeSystem;
+  componentName?: string;
 }): OverridableComponent<GridTypeMap<{}, "div">>;
-export {};
+export {};

package/Grid/createGrid.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

package/Grid/gridClasses.d.ts

@@ -1,20 +1,20 @@
 export interface GridClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `container={true}`. */
-    container: string;
-    /** Styles applied to the root element if `direction="column"`. */
-    'direction-xs-column': string;
-    /** Styles applied to the root element if `direction="column-reverse"`. */
-    'direction-xs-column-reverse': string;
-    /** Styles applied to the root element if `direction="row-reverse"`. */
-    'direction-xs-row-reverse': string;
-    /** Styles applied to the root element if `wrap="nowrap"`. */
-    'wrap-xs-nowrap': string;
-    /** Styles applied to the root element if `wrap="reverse"`. */
-    'wrap-xs-wrap-reverse': string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `container={true}`. */
+  container: string;
+  /** Styles applied to the root element if `direction="column"`. */
+  'direction-xs-column': string;
+  /** Styles applied to the root element if `direction="column-reverse"`. */
+  'direction-xs-column-reverse': string;
+  /** Styles applied to the root element if `direction="row-reverse"`. */
+  'direction-xs-row-reverse': string;
+  /** Styles applied to the root element if `wrap="nowrap"`. */
+  'wrap-xs-nowrap': string;
+  /** Styles applied to the root element if `wrap="reverse"`. */
+  'wrap-xs-wrap-reverse': string;
 }
 export type GridClassKey = keyof GridClasses;
 export declare function getGridUtilityClass(slot: string): string;
 declare const gridClasses: GridClasses;
-export default gridClasses;
+export default gridClasses;

package/Grid/gridGenerator.d.ts

@@ -1,22 +1,42 @@
-import { Breakpoints } from '../createBreakpoints/createBreakpoints';
-import { Spacing } from '../createTheme/createSpacing';
-import { ResponsiveStyleValue } from '../styleFunctionSx';
-import { GridDirection, GridOwnerState } from './GridProps';
+import { Breakpoints } from "../createBreakpoints/createBreakpoints.js";
+import { Spacing } from "../createTheme/createSpacing.js";
+import { ResponsiveStyleValue } from "../styleFunctionSx/index.js";
+import { GridDirection, GridOwnerState } from "./GridProps.js";
 interface Props {
-    theme: {
-        breakpoints: Breakpoints;
-        spacing?: Spacing;
-    };
-    ownerState: GridOwnerState;
+  theme: {
+    breakpoints: Breakpoints;
+    spacing?: Spacing;
+  };
+  ownerState: GridOwnerState;
 }
-export declare const generateGridSizeStyles: ({ theme, ownerState }: Props) => {};
-export declare const generateGridOffsetStyles: ({ theme, ownerState }: Props) => {};
-export declare const generateGridColumnsStyles: ({ theme, ownerState }: Props) => {};
-export declare const generateGridRowSpacingStyles: ({ theme, ownerState }: Props) => {};
-export declare const generateGridColumnSpacingStyles: ({ theme, ownerState }: Props) => {};
-export declare const generateGridDirectionStyles: ({ theme, ownerState }: Props) => {};
-export declare const generateGridStyles: ({ ownerState }: Props) => {};
+export declare const generateGridSizeStyles: ({
+  theme,
+  ownerState
+}: Props) => {};
+export declare const generateGridOffsetStyles: ({
+  theme,
+  ownerState
+}: Props) => {};
+export declare const generateGridColumnsStyles: ({
+  theme,
+  ownerState
+}: Props) => {};
+export declare const generateGridRowSpacingStyles: ({
+  theme,
+  ownerState
+}: Props) => {};
+export declare const generateGridColumnSpacingStyles: ({
+  theme,
+  ownerState
+}: Props) => {};
+export declare const generateGridDirectionStyles: ({
+  theme,
+  ownerState
+}: Props) => {};
+export declare const generateGridStyles: ({
+  ownerState
+}: Props) => {};
 export declare const generateSizeClassNames: (size: GridOwnerState["size"]) => string[];
 export declare const generateSpacingClassNames: (spacing: GridOwnerState["spacing"], smallestBreakpoint?: string) => string[];
 export declare const generateDirectionClasses: (direction: ResponsiveStyleValue<GridDirection> | undefined) => string[];
-export {};
+export {};

package/Grid/index.d.ts

@@ -1,7 +1,7 @@
-export { default } from './Grid';
-export { default as createGrid } from './createGrid';
-export * from './GridProps';
-export { default as gridClasses } from './gridClasses';
-export * from './gridClasses';
-export { traverseBreakpoints as unstable_traverseBreakpoints } from './traverseBreakpoints';
-export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames, } from './gridGenerator';
+export { default } from "./Grid.js";
+export { default as createGrid } from "./createGrid.js";
+export * from "./GridProps.js";
+export { default as gridClasses } from "./gridClasses.js";
+export * from "./gridClasses.js";
+export { traverseBreakpoints as unstable_traverseBreakpoints } from "./traverseBreakpoints.js";
+export { generateDirectionClasses as unstable_generateDirectionClasses, generateSizeClassNames as unstable_generateSizeClassNames, generateSpacingClassNames as unstable_generateSpacingClassNames } from "./gridGenerator.js";

package/Grid/traverseBreakpoints.d.ts

@@ -1,7 +1,7 @@
-import { Breakpoints, Breakpoint } from '../createBreakpoints/createBreakpoints';
+import { Breakpoints, Breakpoint } from "../createBreakpoints/createBreakpoints.js";
 export declare const filterBreakpointKeys: (breakpointsKeys: Breakpoint[], responsiveKeys: string[]) => Breakpoint[];
 interface Iterator<T> {
-    (appendStyle: (responsiveStyles: Record<string, any>, style: object) => void, value: T): void;
+  (appendStyle: (responsiveStyles: Record<string, any>, style: object) => void, value: T): void;
 }
 export declare const traverseBreakpoints: <T = unknown>(breakpoints: Breakpoints, responsive: T | T[] | Record<string, any> | undefined, iterator: Iterator<T>) => void;
-export {};
+export {};