@mui/material 7.0.0-alpha.1 → 7.0.0-beta.0

package/modern/FormControl/FormControl.d.ts

@@ -1,120 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { Theme } from "../styles/index.js";
-import { FormControlClasses } from "./formControlClasses.js";
-export interface FormControlPropsSizeOverrides {}
-export interface FormControlPropsColorOverrides {}
-export interface FormControlOwnProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.HTMLAttributes<HTMLDivElement>['children'];
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<FormControlClasses>;
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', FormControlPropsColorOverrides>;
-  /**
-   * If `true`, the label, input and helper text should be displayed in a disabled state.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the label is displayed in an error state.
-   * @default false
-   */
-  error?: boolean;
-  /**
-   * If `true`, the component will take up the full width of its container.
-   * @default false
-   */
-  fullWidth?: boolean;
-  /**
-   * If `true`, the component is displayed in focused state.
-   */
-  focused?: boolean;
-  /**
-   * If `true`, the label is hidden.
-   * This is used to increase density for a `FilledInput`.
-   * Be sure to add `aria-label` to the `input` element.
-   * @default false
-   */
-  hiddenLabel?: boolean;
-  /**
-   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
-   * @default 'none'
-   */
-  margin?: 'dense' | 'normal' | 'none';
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   * @default false
-   */
-  required?: boolean;
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size?: OverridableStringUnion<'small' | 'medium', FormControlPropsSizeOverrides>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The variant to use.
-   * @default 'outlined'
-   */
-  variant?: 'standard' | 'outlined' | 'filled';
-}
-export interface FormControlTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & FormControlOwnProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- * Provides context such as filled/focused/error/required for form inputs.
- * Relying on the context provides high flexibility and ensures that the state always stays
- * consistent across the children of the `FormControl`.
- * This context is used by the following components:
- *
- * * FormLabel
- * * FormHelperText
- * * Input
- * * InputLabel
- *
- * You can find one composition example below and more going to [the demos](https://next.mui.com/material-ui/react-text-field/#components).
- *
- * ```jsx
- * <FormControl>
- *   <InputLabel htmlFor="my-input">Email address</InputLabel>
- *   <Input id="my-input" aria-describedby="my-helper-text" />
- *   <FormHelperText id="my-helper-text">We'll never share your email.</FormHelperText>
- * </FormControl>
- * ```
- *
- * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.
- * For instance, only one input can be focused at the same time, the state shouldn't be shared.
- *
- * Demos:
- *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
- *
- * API:
- *
- * - [FormControl API](https://next.mui.com/material-ui/api/form-control/)
- */
-declare const FormControl: OverridableComponent<FormControlTypeMap>;
-export type FormControlProps<RootComponent extends React.ElementType = FormControlTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormControlTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default FormControl;

package/modern/FormControl/FormControlContext.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { FormControlProps } from "./FormControl.js";
-type ContextFromPropsKey = 'color' | 'disabled' | 'error' | 'fullWidth' | 'hiddenLabel' | 'margin' | 'onBlur' | 'onFocus' | 'required' | 'size' | 'variant';
-export interface FormControlState extends Pick<FormControlProps, ContextFromPropsKey> {
-  adornedStart: boolean;
-  filled: boolean;
-  focused: boolean;
-  onEmpty: () => void;
-  onFilled: () => void;
-  registerEffect: () => void;
-  setAdornedStart: React.Dispatch<React.SetStateAction<boolean>>;
-}
-/**
- * @ignore - internal component.
- */
-declare const FormControlContext: React.Context<FormControlState | undefined>;
-export default FormControlContext;

package/modern/FormControl/formControlClasses.d.ts

@@ -1,14 +0,0 @@
-export interface FormControlClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `margin="normal"`. */
-  marginNormal: string;
-  /** Styles applied to the root element if `margin="dense"`. */
-  marginDense: string;
-  /** Styles applied to the root element if `fullWidth={true}`. */
-  fullWidth: string;
-}
-export type FormControlClassKey = keyof FormControlClasses;
-export declare function getFormControlUtilityClasses(slot: string): string;
-declare const formControlClasses: FormControlClasses;
-export default formControlClasses;

package/modern/FormControl/index.d.ts

@@ -1,6 +0,0 @@
-export { default } from "./FormControl.js";
-export * from "./FormControl.js";
-export { default as useFormControl } from "./useFormControl.js";
-export { FormControlState } from "./FormControlContext.js";
-export { default as formControlClasses } from "./formControlClasses.js";
-export * from "./formControlClasses.js";

package/modern/FormControl/useFormControl.d.ts

@@ -1,2 +0,0 @@
-import { FormControlState } from "./FormControlContext.js";
-export default function useFormControl(): FormControlState | undefined;

package/modern/FormControlLabel/FormControlLabel.d.ts

@@ -1,101 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme, InternalStandardProps as StandardProps } from "../index.js";
-import Typography, { TypographyProps } from "../Typography/index.js";
-import { FormControlLabelClasses } from "./formControlLabelClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-export interface FormControlLabelSlots {
-  /**
-   * The component that renders the label.
-   * This is unused if `disableTypography` is true.
-   * @default Typography
-   */
-  typography: React.ElementType;
-}
-export type FormControlLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<FormControlLabelSlots, {
-  typography: SlotProps<typeof Typography, {}, FormControlLabelProps>;
-}>;
-export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttributes<HTMLLabelElement>, 'children' | 'onChange'>, FormControlLabelSlotsAndSlotProps {
-  /**
-   * If `true`, the component appears selected.
-   */
-  checked?: boolean;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<FormControlLabelClasses>;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  componentsProps?: {
-    /**
-     * Props applied to the Typography wrapper of the passed label.
-     * This is unused if disableTypography is true.
-     * @default {}
-     */
-    typography?: TypographyProps;
-  };
-  /**
-   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
-   */
-  control: React.ReactElement<unknown, any>;
-  /**
-   * If `true`, the control is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the label is rendered as it is passed without an additional typography node.
-   */
-  disableTypography?: boolean;
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef?: React.Ref<any>;
-  /**
-   * A text or an element to be used in an enclosing label element.
-   */
-  label: React.ReactNode;
-  /**
-   * The position of the label.
-   * @default 'end'
-   */
-  labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
-  name?: string;
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange?: (event: React.SyntheticEvent, checked: boolean) => void;
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   */
-  required?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The value of the component.
-   */
-  value?: unknown;
-}
-
-/**
- * Drop-in replacement of the `Radio`, `Switch` and `Checkbox` component.
- * Use this component if you want to display an extra label.
- *
- * Demos:
- *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
- *
- * API:
- *
- * - [FormControlLabel API](https://next.mui.com/material-ui/api/form-control-label/)
- */
-export default function FormControlLabel(props: FormControlLabelProps): React.JSX.Element;

package/modern/FormControlLabel/formControlLabelClasses.d.ts

@@ -1,24 +0,0 @@
-export interface FormControlLabelClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `labelPlacement="start"`. */
-  labelPlacementStart: string;
-  /** Styles applied to the root element if `labelPlacement="top"`. */
-  labelPlacementTop: string;
-  /** Styles applied to the root element if `labelPlacement="bottom"`. */
-  labelPlacementBottom: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the label's Typography component. */
-  label: string;
-  /** State class applied to the root element if `error={true}`. */
-  error: string;
-  /** State class applied to the root element if `required={true}`. */
-  required: string;
-  /** Styles applied to the asterisk element. */
-  asterisk: string;
-}
-export type FormControlLabelClassKey = keyof FormControlLabelClasses;
-export declare function getFormControlLabelUtilityClasses(slot: string): string;
-declare const formControlLabelClasses: FormControlLabelClasses;
-export default formControlLabelClasses;

package/modern/FormControlLabel/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./FormControlLabel.js";
-export * from "./FormControlLabel.js";
-export { default as formControlLabelClasses } from "./formControlLabelClasses.js";
-export * from "./formControlLabelClasses.js";

package/modern/FormGroup/FormGroup.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
-import { FormGroupClasses } from "./formGroupClasses.js";
-export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<FormGroupClasses>;
-  /**
-   * Display group of elements in a compact row.
-   * @default false
-   */
-  row?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-
-/**
- * `FormGroup` wraps controls such as `Checkbox` and `Switch`.
- * It provides compact row layout.
- * For the `Radio`, you should be using the `RadioGroup` component instead of this one.
- *
- * Demos:
- *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
- *
- * API:
- *
- * - [FormGroup API](https://next.mui.com/material-ui/api/form-group/)
- */
-export default function FormGroup(props: FormGroupProps): React.JSX.Element;

package/modern/FormGroup/formGroupClasses.d.ts

@@ -1,12 +0,0 @@
-export interface FormGroupClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `row={true}`. */
-  row: string;
-  /** State class applied to the root element if `error={true}`. */
-  error: string;
-}
-export type FormGroupClassKey = keyof FormGroupClasses;
-export declare function getFormGroupUtilityClass(slot: string): string;
-declare const formGroupClasses: FormGroupClasses;
-export default formGroupClasses;

package/modern/FormGroup/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./FormGroup.js";
-export * from "./FormGroup.js";
-export { default as formGroupClasses } from "./formGroupClasses.js";
-export * from "./formGroupClasses.js";

package/modern/FormHelperText/FormHelperText.d.ts

@@ -1,71 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { Theme } from "../styles/index.js";
-import { FormHelperTextClasses } from "./formHelperTextClasses.js";
-export interface FormHelperTextPropsVariantOverrides {}
-export interface FormHelperTextOwnProps {
-  /**
-   * The content of the component.
-   *
-   * If `' '` is provided, the component reserves one line height for displaying a future message.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<FormHelperTextClasses>;
-  /**
-   * If `true`, the helper text should be displayed in a disabled state.
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, helper text should be displayed in an error state.
-   */
-  error?: boolean;
-  /**
-   * If `true`, the helper text should use filled classes key.
-   */
-  filled?: boolean;
-  /**
-   * If `true`, the helper text should use focused classes key.
-   */
-  focused?: boolean;
-  /**
-   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-   * FormControl.
-   */
-  margin?: 'dense';
-  /**
-   * If `true`, the helper text should use required classes key.
-   */
-  required?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * The variant to use.
-   */
-  variant?: OverridableStringUnion<'standard' | 'outlined' | 'filled', FormHelperTextPropsVariantOverrides>;
-}
-export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'p'> {
-  props: AdditionalProps & FormHelperTextOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
- *
- * API:
- *
- * - [FormHelperText API](https://next.mui.com/material-ui/api/form-helper-text/)
- */
-declare const FormHelperText: OverridableComponent<FormHelperTextTypeMap>;
-export type FormHelperTextProps<RootComponent extends React.ElementType = FormHelperTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormHelperTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default FormHelperText;

package/modern/FormHelperText/formHelperTextClasses.d.ts

@@ -1,22 +0,0 @@
-export interface FormHelperTextClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** State class applied to the root element if `error={true}`. */
-  error: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** Styles applied to the root element if `size="small"`. */
-  sizeSmall: string;
-  /** Styles applied to the root element if `variant="filled"` or `variant="outlined"`. */
-  contained: string;
-  /** State class applied to the root element if `focused={true}`. */
-  focused: string;
-  /** State class applied to the root element if `filled={true}`. */
-  filled: string;
-  /** State class applied to the root element if `required={true}`. */
-  required: string;
-}
-export type FormHelperTextClassKey = keyof FormHelperTextClasses;
-export declare function getFormHelperTextUtilityClasses(slot: string): string;
-declare const formHelperTextClasses: FormHelperTextClasses;
-export default formHelperTextClasses;

package/modern/FormHelperText/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./FormHelperText.js";
-export * from "./FormHelperText.js";
-export { default as formHelperTextClasses } from "./formHelperTextClasses.js";
-export * from "./formHelperTextClasses.js";

package/modern/FormLabel/FormLabel.d.ts

@@ -1,78 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../styles/index.js";
-import { OverridableComponent, OverrideProps, OverridableTypeMap } from "../OverridableComponent/index.js";
-import { FormLabelClasses } from "./formLabelClasses.js";
-export interface FormLabelPropsColorOverrides {}
-
-/**
- * This type is kept for compatibility. Use `FormLabelOwnProps` instead.
- */
-export type FormLabelBaseProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-export interface FormLabelOwnProps {
-  /**
-   * The content of the component.
-   */
-  children?: React.LabelHTMLAttributes<HTMLLabelElement>['children'];
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<FormLabelClasses>;
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', FormLabelPropsColorOverrides>;
-  /**
-   * If `true`, the label should be displayed in a disabled state.
-   */
-  disabled?: boolean;
-  /**
-   * If `true`, the label is displayed in an error state.
-   */
-  error?: boolean;
-  /**
-   * If `true`, the label should use filled classes key.
-   */
-  filled?: boolean;
-  /**
-   * If `true`, the input of this label is focused (used by `FormGroup` components).
-   */
-  focused?: boolean;
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   */
-  required?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'label'> {
-  props: AdditionalProps & FormLabelBaseProps & FormLabelOwnProps;
-  defaultComponent: RootComponent;
-}
-
-/**
- *
- * Demos:
- *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
- *
- * API:
- *
- * - [FormLabel API](https://next.mui.com/material-ui/api/form-label/)
- */
-declare const FormLabel: OverridableComponent<FormLabelTypeMap>;
-export interface ExtendFormLabelTypeMap<TypeMap extends OverridableTypeMap> {
-  props: TypeMap['props'] & Pick<FormLabelOwnProps, 'filled' | 'color'>;
-  defaultComponent: TypeMap['defaultComponent'];
-}
-export type FormLabelProps<RootComponent extends React.ElementType = FormLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default FormLabel;

package/modern/FormLabel/formLabelClasses.d.ts

@@ -1,22 +0,0 @@
-export interface FormLabelClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if the color is secondary. */
-  colorSecondary: string;
-  /** State class applied to the root element if `focused={true}`. */
-  focused: string;
-  /** State class applied to the root element if `disabled={true}`. */
-  disabled: string;
-  /** State class applied to the root element if `error={true}`. */
-  error: string;
-  /** State class applied to the root element if `filled={true}`. */
-  filled: string;
-  /** State class applied to the root element if `required={true}`. */
-  required: string;
-  /** Styles applied to the asterisk element. */
-  asterisk: string;
-}
-export type FormLabelClassKey = keyof FormLabelClasses;
-export declare function getFormLabelUtilityClasses(slot: string): string;
-declare const formLabelClasses: FormLabelClasses;
-export default formLabelClasses;

package/modern/FormLabel/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./FormLabel.js";
-export * from "./FormLabel.js";
-export { default as formLabelClasses } from "./formLabelClasses.js";
-export * from "./formLabelClasses.js";

package/modern/GlobalStyles/GlobalStyles.d.ts

@@ -1,20 +0,0 @@
-import { GlobalStylesProps as StyledGlobalStylesProps } from '@mui/system';
-import { Theme } from "../styles/index.js";
-export interface GlobalStylesProps {
-  /**
-   * The styles you want to apply globally.
-   */
-  styles: StyledGlobalStylesProps<Theme>['styles'];
-}
-
-/**
- *
- * Demos:
- *
- * - [How to customize](https://next.mui.com/material-ui/customization/how-to-customize/)
- *
- * API:
- *
- * - [GlobalStyles API](https://next.mui.com/material-ui/api/global-styles/)
- */
-export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement<unknown>;

package/modern/GlobalStyles/index.d.ts

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

package/modern/Grid/GridContext.js

@@ -1,12 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-/**
- * @ignore - internal component.
- */
-const GridContext = /*#__PURE__*/React.createContext();
-if (process.env.NODE_ENV !== 'production') {
-  GridContext.displayName = 'GridContext';
-}
-export default GridContext;

package/modern/Grid/gridClasses.d.ts

@@ -1,48 +0,0 @@
-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 `item={true}`. */
-  item: string;
-  /** Styles applied to the root element if `zeroMinWidth={true}`. */
-  zeroMinWidth: 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;
-  'spacing-xs-1': string;
-  'spacing-xs-2': string;
-  'spacing-xs-3': string;
-  'spacing-xs-4': string;
-  'spacing-xs-5': string;
-  'spacing-xs-6': string;
-  'spacing-xs-7': string;
-  'spacing-xs-8': string;
-  'spacing-xs-9': string;
-  'spacing-xs-10': string;
-  'grid-xs-auto': string;
-  'grid-xs-true': string;
-  'grid-xs-1': string;
-  'grid-xs-2': string;
-  'grid-xs-3': string;
-  'grid-xs-4': string;
-  'grid-xs-5': string;
-  'grid-xs-6': string;
-  'grid-xs-7': string;
-  'grid-xs-8': string;
-  'grid-xs-9': string;
-  'grid-xs-10': string;
-  'grid-xs-11': string;
-  'grid-xs-12': string;
-}
-export type GridClassKey = keyof GridClasses;
-export declare function getGridUtilityClass(slot: string): string;
-declare const gridClasses: GridClasses;
-export default gridClasses;

package/modern/Grid/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./Grid.js";
-export * from "./Grid.js";
-export { default as gridClasses } from "./gridClasses.js";
-export * from "./gridClasses.js";