@mui/system 7.0.2 → 7.1.0

package/modern/cssContainerQueries/cssContainerQueries.d.ts

@@ -1,23 +0,0 @@
-import { Breakpoints } from "../createBreakpoints/createBreakpoints.js";
-export interface ContainerQueries {
-  up: Breakpoints['up'];
-  down: Breakpoints['down'];
-  between: Breakpoints['between'];
-  only: Breakpoints['only'];
-  not: Breakpoints['not'];
-}
-export interface CssContainerQueries {
-  containerQueries: ((name: string) => ContainerQueries) & ContainerQueries;
-}
-/**
- * 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 eventhough 40rem > 300px
- */
-export declare function sortContainerQueries(theme: Partial<CssContainerQueries>, css: Record<string, any>): Record<string, any>;
-export declare function isCqShorthand(breakpointKeys: string[], value: string): boolean;
-export declare function getContainerQuery(theme: CssContainerQueries, shorthand: string): string | null;
-export default function cssContainerQueries<T extends {
-  breakpoints: Breakpoints;
-}>(themeInput: T): T & CssContainerQueries;

package/modern/cssContainerQueries/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from "./cssContainerQueries.js";
-export { isCqShorthand, getContainerQuery, sortContainerQueries } from "./cssContainerQueries.js";
-export type { CssContainerQueries } from "./cssContainerQueries.js";

package/modern/cssGrid/cssGrid.d.ts

@@ -1,15 +0,0 @@
-import { PropsFor, grid, SimpleStyleFunction } from "../Box/index.js";
-export const gap: SimpleStyleFunction<'gap'>;
-export const columnGap: SimpleStyleFunction<'columnGap'>;
-export const rowGap: SimpleStyleFunction<'rowGap'>;
-export const gridColumn: SimpleStyleFunction<'gridColumn'>;
-export const gridRow: SimpleStyleFunction<'gridRow'>;
-export const gridAutoFlow: SimpleStyleFunction<'gridAutoFlow'>;
-export const gridAutoColumns: SimpleStyleFunction<'gridAutoColumns'>;
-export const gridAutoRows: SimpleStyleFunction<'gridAutoRows'>;
-export const gridTemplateColumns: SimpleStyleFunction<'gridTemplateColumns'>;
-export const gridTemplateRows: SimpleStyleFunction<'gridTemplateRows'>;
-export const gridTemplateAreas: SimpleStyleFunction<'gridTemplateAreas'>;
-export const gridArea: SimpleStyleFunction<'gridArea'>;
-export type CssGridProps = PropsFor<typeof grid>;
-export default grid;

package/modern/cssGrid/index.d.ts

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

package/modern/cssVars/createCssVarsProvider.d.ts

@@ -1,141 +0,0 @@
-import * as React from 'react';
-import InitColorSchemeScript from "../InitColorSchemeScript/index.js";
-import { Result } from "./useCurrentColorScheme.js";
-import type { StorageManager } from "./localStorageManager.js";
-export interface ColorSchemeContextValue<SupportedColorScheme extends string> extends Result<SupportedColorScheme> {
-  allColorSchemes: SupportedColorScheme[];
-}
-export interface CssVarsProviderConfig<ColorScheme extends string> {
-  /**
-   * DOM attribute for applying color scheme
-   * @default 'data-color-scheme'
-   */
-  attribute?: string;
-  /**
-   * localStorage key used to store application `mode`
-   * @default 'mode'
-   */
-  modeStorageKey?: string;
-  /**
-   * localStorage key used to store `colorScheme`
-   * @default 'color-scheme'
-   */
-  colorSchemeStorageKey?: string;
-  /**
-   * Design system default color scheme.
-   * - provides string if the design system has one default color scheme (either light or dark)
-   * - provides object if the design system has default light & dark color schemes
-   */
-  defaultColorScheme: ColorScheme | {
-    light: ColorScheme;
-    dark: ColorScheme;
-  };
-  /**
-   * Disable CSS transitions when switching between modes or color schemes
-   * @default false
-   */
-  disableTransitionOnChange?: boolean;
-  /**
-   * If `true`, theme values are recalculated when the mode changes.
-   * The `theme.colorSchemes.{mode}.*` nodes will be shallow merged to the top-level of the theme.
-   * @default false
-   */
-  forceThemeRerender?: boolean;
-}
-type Identify<I extends string | undefined, T> = I extends string ? T | { [k in I]: T } : T;
-export interface CreateCssVarsProviderResult<ColorScheme extends string, Identifier extends string | undefined = undefined> {
-  CssVarsProvider: (props: React.PropsWithChildren<Partial<CssVarsProviderConfig<ColorScheme>> & {
-    theme?: Identify<Identifier, {
-      cssVariables?: false;
-      cssVarPrefix?: string;
-      colorSchemes: Partial<Record<ColorScheme, any>>;
-      colorSchemeSelector?: 'media' | 'class' | 'data' | string;
-    }>;
-    /**
-     * The default mode when the storage is empty,
-     * require the theme to have `colorSchemes` with light and dark.
-     * @default 'system'
-     */
-    defaultMode?: 'light' | 'dark' | 'system';
-    /**
-     * The document used to perform `disableTransitionOnChange` feature
-     * @default document
-     */
-    documentNode?: Document | null;
-    /**
-     * The node used to attach the color-scheme attribute
-     * @default document
-     */
-    colorSchemeNode?: Element | null;
-    /**
-     * The storage manager to be used for storing the mode and color scheme.
-     * @default using `window.localStorage`
-     */
-    storageManager?: StorageManager | null;
-    /**
-     * The window that attaches the 'storage' event listener
-     * @default window
-     */
-    storageWindow?: Window | null;
-    /**
-     * If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.
-     */
-    disableNestedContext?: boolean;
-    /**
-     * If `true`, the style sheet won't be generated.
-     *
-     * This is useful for controlling nested CssVarsProvider behavior.
-     * @default false
-     */
-    disableStyleSheetGeneration?: boolean;
-  }>) => React.JSX.Element;
-  useColorScheme: () => ColorSchemeContextValue<ColorScheme>;
-  getInitColorSchemeScript: typeof InitColorSchemeScript;
-}
-export default function createCssVarsProvider<ColorScheme extends string, Identifier extends string | undefined = undefined>(options: CssVarsProviderConfig<ColorScheme> & {
-  /**
-   * The design system's unique id for getting the corresponded theme when there are multiple design systems.
-   */
-  themeId?: Identifier;
-  /**
-   * Design system default theme
-   *
-   * - The structure inside `theme.colorSchemes[colorScheme]` should be exactly the same in all color schemes because
-   * those object of the color scheme will be used when the color scheme is active.
-   *
-   *  {
-   *    colorSchemes: {
-   *      light: { ...lightColorSchemeValues },
-   *      dark: { ...darkColorSchemeValues }
-   *    }
-   *  }
-   *
-   * - If colorScheme is 'light', the `lightColorSchemeValues` will be merged to theme as `{ ...theme, ...lightColorSchemeValues }`
-   *   likewise, if colorScheme is 'dark', the `darkColorSchemeValues` will be merged to theme as `{ ...theme, ...darkColorSchemeValues }`
-   *
-   * - If the theme contains the same keys as the color scheme, their values will be merged.
-   *  Ex. {
-   *    colorSchemes: {
-   *      light: { palette: { primary: { ... } } },
-   *      dark: { palette: { primary: { ...} } }
-   *    },
-   *    palette: { shared: { ... } }
-   *  }
-   *
-   *  becomes: {
-   *    colorSchemes: { ... },
-   *    palette: { shared: { ... }, primary: { ... } }
-   *  }
-   */
-  theme: any;
-  /**
-   * A function to be called after the CSS variables are attached. The result of this function will be the final theme pass to ThemeProvider.
-   *
-   * The example usage is the variant generation in Joy. We need to combine the token from user-input and the default theme first, then generate
-   * variants from those tokens.
-   */
-  resolveTheme?: (theme: any) => any; // the type is any because it depends on the design system.
-}): CreateCssVarsProviderResult<ColorScheme, Identifier>;
-
-// disable automatic export
-export {};

package/modern/cssVars/createCssVarsTheme.d.ts

@@ -1,15 +0,0 @@
-import { DefaultCssVarsTheme } from "./prepareCssVars.js";
-interface Theme extends DefaultCssVarsTheme {
-  cssVarPrefix?: string;
-  colorSchemeSelector?: 'media' | string;
-  shouldSkipGeneratingVar?: (objectPathKeys: Array<string>, value: string | number) => boolean;
-}
-declare function createCssVarsTheme<T extends Theme, ThemeVars extends Record<string, any>>({
-  colorSchemeSelector,
-  ...theme
-}: T): T & {
-  vars: ThemeVars;
-  generateThemeVars: () => ThemeVars;
-  generateStyleSheets: () => Record<string, any>[];
-};
-export default createCssVarsTheme;

package/modern/cssVars/createGetCssVar.d.ts

@@ -1,5 +0,0 @@
-/**
- * The benefit of this function is to help developers get CSS var from theme without specifying the whole variable
- * and they does not need to remember the prefix (defined once).
- */
-export default function createGetCssVar<T extends string = string>(prefix?: string): <AdditionalVars extends string = never>(field: T | AdditionalVars, ...fallbacks: (T | AdditionalVars)[]) => string;

package/modern/cssVars/cssVarsParser.d.ts

@@ -1,64 +0,0 @@
-type NestedRecord<V = any> = {
-  [k: string | number]: NestedRecord<V> | V;
-};
-/**
- * This function create an object from keys, value and then assign to target
- *
- * @param {Object} obj : the target object to be assigned
- * @param {string[]} keys
- * @param {string | number} value
- *
- * @example
- * const source = {}
- * assignNestedKeys(source, ['palette', 'primary'], 'var(--palette-primary)')
- * console.log(source) // { palette: { primary: 'var(--palette-primary)' } }
- *
- * @example
- * const source = { palette: { primary: 'var(--palette-primary)' } }
- * assignNestedKeys(source, ['palette', 'secondary'], 'var(--palette-secondary)')
- * console.log(source) // { palette: { primary: 'var(--palette-primary)', secondary: 'var(--palette-secondary)' } }
- */
-export declare const assignNestedKeys: <T extends Record<string, any> | null | undefined | string = NestedRecord, Value = any>(obj: T, keys: Array<string>, value: Value, arrayKeys?: Array<string>) => void;
-/**
- *
- * @param {Object} obj : source object
- * @param {Function} callback : a function that will be called when
- *                   - the deepest key in source object is reached
- *                   - the value of the deepest key is NOT `undefined` | `null`
- *
- * @example
- * walkObjectDeep({ palette: { primary: { main: '#000000' } } }, console.log)
- * // ['palette', 'primary', 'main'] '#000000'
- */
-export declare const walkObjectDeep: <Value, T = Record<string, any>>(obj: T, callback: (keys: Array<string>, value: Value, arrayKeys: Array<string>) => void, shouldSkipPaths?: (keys: Array<string>) => boolean) => void;
-/**
- * a function that parse theme and return { css, vars }
- *
- * @param {Object} theme
- * @param {{
- *  prefix?: string,
- *  shouldSkipGeneratingVar?: (objectPathKeys: Array<string>, value: string | number) => boolean
- * }} options.
- *  `prefix`: The prefix of the generated CSS variables. This function does not change the value.
- *
- * @returns {{ css: Object, vars: Object }} `css` is the stylesheet, `vars` is an object to get css variable (same structure as theme).
- *
- * @example
- * const { css, vars } = parser({
- *   fontSize: 12,
- *   lineHeight: 1.2,
- *   palette: { primary: { 500: 'var(--color)' } }
- * }, { prefix: 'foo' })
- *
- * console.log(css) // { '--foo-fontSize': '12px', '--foo-lineHeight': 1.2, '--foo-palette-primary-500': 'var(--color)' }
- * console.log(vars) // { fontSize: 'var(--foo-fontSize)', lineHeight: 'var(--foo-lineHeight)', palette: { primary: { 500: 'var(--foo-palette-primary-500)' } } }
- */
-export default function cssVarsParser<T extends Record<string, any>>(theme: Record<string, any>, options?: {
-  prefix?: string;
-  shouldSkipGeneratingVar?: (objectPathKeys: Array<string>, value: string | number) => boolean;
-}): {
-  css: Record<string, string | number>;
-  vars: T;
-  varsWithDefaults: {};
-};
-export {};

package/modern/cssVars/getColorSchemeSelector.d.ts

@@ -1 +0,0 @@
-export declare function createGetColorSchemeSelector<T extends string>(selector: 'media' | 'class' | 'data' | string): (colorScheme: T) => string;

package/modern/cssVars/index.d.ts

@@ -1,8 +0,0 @@
-export { default } from "./createCssVarsProvider.js";
-export type { CreateCssVarsProviderResult, CssVarsProviderConfig, ColorSchemeContextValue } from "./createCssVarsProvider.js";
-export { default as prepareCssVars } from "./prepareCssVars.js";
-export { default as prepareTypographyVars } from "./prepareTypographyVars.js";
-export type { ExtractTypographyTokens } from "./prepareTypographyVars.js";
-export { default as createCssVarsTheme } from "./createCssVarsTheme.js";
-export { createGetColorSchemeSelector } from "./getColorSchemeSelector.js";
-export type { StorageManager } from "./localStorageManager.js";

package/modern/cssVars/localStorageManager.d.ts

@@ -1,34 +0,0 @@
-export interface StorageManager {
-  (options: {
-    key: string;
-    storageWindow?: Window | null;
-  }): {
-    /**
-     * Function to get the value from the storage
-     * @param defaultValue The default value to be returned if the key is not found
-     * @returns The value from the storage or the default value
-     */
-    get(defaultValue: any): any;
-    /**
-     * Function to set the value in the storage
-     * @param value The value to be set
-     * @returns void
-     */
-    set(value: any): void;
-    /**
-     * Function to subscribe to the value of the specified key triggered by external events
-     * @param handler The function to be called when the value changes
-     * @returns A function to unsubscribe the handler
-     * @example
-     * React.useEffect(() => {
-     *  const unsubscribe = storageManager.subscribe((value) => {
-     *    console.log(value);
-     *  });
-     *  return unsubscribe;
-     * }, []);
-     */
-    subscribe(handler: (value: any) => void): () => void;
-  };
-}
-declare const localStorageManager: StorageManager;
-export default localStorageManager;

package/modern/cssVars/prepareCssVars.d.ts

@@ -1,16 +0,0 @@
-export interface DefaultCssVarsTheme {
-  colorSchemes?: Record<string, any>;
-  defaultColorScheme?: string;
-}
-declare function prepareCssVars<T extends DefaultCssVarsTheme, ThemeVars extends Record<string, any>>(theme: T, parserConfig?: {
-  prefix?: string;
-  colorSchemeSelector?: 'media' | 'class' | 'data' | string;
-  disableCssColorScheme?: boolean;
-  shouldSkipGeneratingVar?: (objectPathKeys: Array<string>, value: string | number) => boolean;
-  getSelector?: (colorScheme: keyof T['colorSchemes'] | undefined, css: Record<string, any>) => string | Record<string, any>;
-}): {
-  vars: ThemeVars;
-  generateThemeVars: () => ThemeVars;
-  generateStyleSheets: () => Record<string, any>[];
-};
-export default prepareCssVars;

package/modern/cssVars/prepareTypographyVars.d.ts

@@ -1,4 +0,0 @@
-type RecordPropertyNames<T> = { [K in keyof T]: T[K] extends Function ? never : T[K] extends Record<string, any> ? K : never }[keyof T];
-export type ExtractTypographyTokens<T> = { [K in RecordPropertyNames<T>]: string };
-export default function prepareTypographyVars<T extends Record<string, any>>(typography: T): ExtractTypographyTokens<T>;
-export {};

package/modern/cssVars/useCurrentColorScheme.d.ts

@@ -1,56 +0,0 @@
-import type { StorageManager } from "./localStorageManager.js";
-export type Mode = 'light' | 'dark' | 'system';
-export type SystemMode = Exclude<Mode, 'system'>;
-export interface State<SupportedColorScheme extends string> {
-  /**
-   * User selected mode.
-   * Note: on the server, mode is always undefined
-   */
-  mode: 'light' | 'dark' | 'system' | undefined;
-  /**
-   * Only valid if `mode: 'system'`, either 'light' | 'dark'.
-   */
-  systemMode: 'light' | 'dark' | undefined;
-  /**
-   * The color scheme for the light mode.
-   */
-  lightColorScheme: SupportedColorScheme;
-  /**
-   * The color scheme for the dark mode.
-   */
-  darkColorScheme: SupportedColorScheme;
-}
-export type Result<SupportedColorScheme extends string> = State<SupportedColorScheme> & {
-  /**
-   * The current application color scheme. It is always `undefined` on the server.
-   */
-  colorScheme: SupportedColorScheme | undefined;
-  /**
-   * `mode` is saved to internal state and localStorage
-   * If `mode` is null, it will be reset to the defaultMode
-   */
-  setMode: (mode: Mode | null) => void;
-  /**
-   * `colorScheme` is saved to internal state and localStorage
-   * If `colorScheme` is null, it will be reset to the defaultColorScheme (light | dark)
-   */
-  setColorScheme: (colorScheme: SupportedColorScheme | Partial<{
-    light: SupportedColorScheme | null;
-    dark: SupportedColorScheme | null;
-  }> | null) => void;
-};
-export declare function getSystemMode(mode: undefined | string): SystemMode | undefined;
-export declare function getColorScheme<SupportedColorScheme extends string>(state: State<SupportedColorScheme>): SupportedColorScheme | undefined;
-interface UseCurrentColoSchemeOptions<SupportedColorScheme extends string> {
-  defaultLightColorScheme: SupportedColorScheme;
-  defaultDarkColorScheme: SupportedColorScheme;
-  supportedColorSchemes: Array<SupportedColorScheme>;
-  defaultMode?: Mode;
-  modeStorageKey?: string;
-  colorSchemeStorageKey?: string;
-  storageWindow?: Window | null;
-  storageManager?: StorageManager | null;
-  noSsr?: boolean;
-}
-export default function useCurrentColorScheme<SupportedColorScheme extends string>(options: UseCurrentColoSchemeOptions<SupportedColorScheme>): Result<SupportedColorScheme>;
-export {};

package/modern/display/display.d.ts

@@ -1,3 +0,0 @@
-import { PropsFor, display } from "../Box/index.js";
-export type DisplayProps = PropsFor<typeof display>;
-export default display;

package/modern/display/index.d.ts

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

package/modern/flexbox/flexbox.d.ts

@@ -1,3 +0,0 @@
-import { PropsFor, flexbox } from "../Box/index.js";
-export type FlexboxProps = PropsFor<typeof flexbox>;
-export default flexbox;

package/modern/flexbox/index.d.ts

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

package/modern/getThemeValue/getThemeValue.d.ts

@@ -1 +0,0 @@
-export default function getThemeValue(prop: string, value: any, theme: object): any;

package/modern/getThemeValue/index.d.ts

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

package/modern/index.d.ts

@@ -1,80 +0,0 @@
-// disable automatic export
-export {};
-export * from "./borders/index.js";
-export { default as breakpoints, handleBreakpoints, mergeBreakpointsInOrder } from "./breakpoints/index.js";
-export { default as cssContainerQueries, type CssContainerQueries } from "./cssContainerQueries/index.js";
-export { default as compose } from "./compose/index.js";
-export * from "./display/index.js";
-export * from "./flexbox/index.js";
-export * from "./cssGrid/index.js";
-export * from "./palette/index.js";
-export * from "./positions/index.js";
-export * from "./shadows/index.js";
-export * from "./sizing/index.js";
-export * from "./typography/index.js";
-export { default as unstable_getThemeValue } from "./getThemeValue/index.js";
-
-/**
- * The `css` function accepts arrays as values for mobile-first responsive styles.
- * Note that this extends to non-theme values also. For example `display=['none', 'block']`
- * will also works.
- */
-export type ResponsiveStyleValue<T> = T | Array<T | null> | {
-  [key: string]: T | null;
-};
-export { DefaultTheme } from '@mui/private-theming';
-export { css, keyframes, StyledEngineProvider, Interpolation, CSSInterpolation, CSSObject } from '@mui/styled-engine';
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
-export type { GlobalStylesProps } from "./GlobalStyles/index.js";
-export * from "./style/index.js";
-export { default as style } from "./style/index.js";
-export * from "./spacing/index.js";
-export { default as unstable_styleFunctionSx, unstable_createStyleFunctionSx, extendSxProp as unstable_extendSxProp, unstable_defaultSxConfig } from "./styleFunctionSx/index.js";
-export * from "./styleFunctionSx/index.js";
-
-// TODO: Remove this function in v6.
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export function experimental_sx(): any;
-export { default as Box } from "./Box/index.js";
-export * from "./Box/index.js";
-export { default as createBox } from "./createBox/index.js";
-export * from "./createBox/index.js";
-export { default as createStyled } from "./createStyled/index.js";
-export * from "./createStyled/index.js";
-export { default as styled } from "./styled/index.js";
-export * from "./styled/index.js";
-export { default as createTheme } from "./createTheme/index.js";
-export * from "./createTheme/index.js";
-export { default as createBreakpoints } from "./createBreakpoints/createBreakpoints.js";
-export * from "./createBreakpoints/createBreakpoints.js";
-export { default as createSpacing } from "./createTheme/createSpacing.js";
-export { SpacingOptions, Spacing } from "./createTheme/createSpacing.js";
-export { default as shape } from "./createTheme/shape.js";
-export * from "./createTheme/shape.js";
-export { default as useThemeProps, getThemeProps } from "./useThemeProps/index.js";
-export { default as useTheme } from "./useTheme/index.js";
-export * from "./useTheme/index.js";
-export { default as useThemeWithoutDefault } from "./useThemeWithoutDefault/index.js";
-export * from "./useThemeWithoutDefault/index.js";
-export { default as useMediaQuery } from "./useMediaQuery/index.js";
-export * from "./useMediaQuery/index.js";
-export * from "./colorManipulator/index.js";
-export { default as ThemeProvider } from "./ThemeProvider/index.js";
-export * from "./ThemeProvider/index.js";
-export { default as unstable_memoTheme } from "./memoTheme.js";
-export { default as unstable_createCssVarsProvider, CreateCssVarsProviderResult } from "./cssVars/index.js";
-export { default as unstable_createGetCssVar } from "./cssVars/createGetCssVar.js";
-export { default as unstable_cssVarsParser } from "./cssVars/cssVarsParser.js";
-export { default as unstable_prepareCssVars } from "./cssVars/prepareCssVars.js";
-export { default as unstable_createCssVarsTheme } from "./cssVars/createCssVarsTheme.js";
-export * from "./cssVars/index.js";
-export { default as responsivePropType } from "./responsivePropType/index.js";
-export { default as createContainer } from "./Container/createContainer.js";
-export * from "./Container/createContainer.js";
-export { default as Container } from "./Container/index.js";
-export * from "./Container/index.js";
-export { default as Grid } from "./Grid/index.js";
-export * from "./Grid/index.js";
-export { default as Stack } from "./Stack/index.js";
-export * from "./Stack/index.js";
-export * from "./version/index.js";

package/modern/memoTheme.d.ts

@@ -1,12 +0,0 @@
-import { CSSInterpolation } from '@mui/styled-engine';
-type ThemeStyleFunction<T> = (props: {
-  theme: T;
-}) => CSSInterpolation;
-/**
- * Memoize style function on theme.
- * Intended to be used in styled() calls that only need access to the theme.
- */
-export default function unstable_memoTheme<T>(styleFn: ThemeStyleFunction<T>): (props: {
-  theme: T;
-}) => string | number | boolean | import("@mui/styled-engine").ComponentSelector | import("@mui/styled-engine").Keyframes | import("@mui/styled-engine").SerializedStyles | import("@mui/styled-engine").CSSObject | import("@mui/styled-engine").ArrayCSSInterpolation | null;
-export {};

package/modern/memoize/index.d.ts

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

package/modern/memoize/memoize.d.ts

@@ -1 +0,0 @@
-export default function memoize<ArgType = any, ReturnType = any>(fn: (arg: ArgType) => ReturnType): (arg: ArgType) => ReturnType;

package/modern/merge/index.d.ts

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

package/modern/merge/merge.d.ts

@@ -1 +0,0 @@
-export default function merge(acc: object, item: object): object;

package/modern/palette/index.d.ts

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

package/modern/palette/palette.d.ts

@@ -1,5 +0,0 @@
-import { PropsFor, SimpleStyleFunction, palette } from "../Box/index.js";
-export const color: SimpleStyleFunction<'color'>;
-export const bgcolor: SimpleStyleFunction<'bgcolor'>;
-export type PaletteProps = PropsFor<typeof palette>;
-export default palette;

package/modern/positions/index.d.ts

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

package/modern/positions/positions.d.ts

@@ -1,3 +0,0 @@
-import { PropsFor, positions } from "../Box/index.js";
-export type PositionsProps = PropsFor<typeof positions>;
-export default positions;

package/modern/preprocessStyles.d.ts

@@ -1,5 +0,0 @@
-export default function preprocessStyles(input: any): {
-  variants: any;
-  style: any;
-  isProcessed: boolean;
-};

package/modern/propsToClassKey/index.d.ts

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

package/modern/propsToClassKey/propsToClassKey.d.ts

@@ -1 +0,0 @@
-export default function propsToClassKey(props: object): string;

package/modern/responsivePropType/index.d.ts

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

package/modern/responsivePropType/responsivePropType.d.ts

@@ -1,2 +0,0 @@
-declare const responsivePropType: object;
-export default responsivePropType;

package/modern/shadows/index.d.ts

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

package/modern/shadows/shadows.d.ts

@@ -1,3 +0,0 @@
-import { PropsFor, shadows } from "../Box/index.js";
-export type ShadowsProps = PropsFor<typeof shadows>;
-export default shadows;

package/modern/sizing/index.d.ts

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

package/modern/sizing/sizing.d.ts

@@ -1,12 +0,0 @@
-import { PropsFor, SimpleStyleFunction, sizing } from "../Box/index.js";
-export const width: SimpleStyleFunction<'width'>;
-export const maxWidth: SimpleStyleFunction<'maxWidth'>;
-export const minWidth: SimpleStyleFunction<'minWidth'>;
-export const height: SimpleStyleFunction<'height'>;
-export const maxHeight: SimpleStyleFunction<'maxHeight'>;
-export const minHeight: SimpleStyleFunction<'minHeight'>;
-export const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
-export const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
-export const boxSizing: SimpleStyleFunction<'boxSizing'>;
-export type SizingProps = PropsFor<typeof sizing>;
-export default sizing;

package/modern/spacing/index.d.ts

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

package/modern/spacing/spacing.d.ts

@@ -1,19 +0,0 @@
-import { SimpleStyleFunction, spacing, PropsFor } from "../Box/index.js";
-export type SpacingValueType = string | number | null | undefined;
-export type SpacingProps = PropsFor<typeof spacing>;
-export function createUnarySpacing<Spacing>(theme: {
-  spacing: Spacing;
-}): Spacing extends number ? (abs: number | string) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export function createUnaryUnit<Spacing>(theme: {
-  spacing: Spacing;
-}, themeKey: string, defaultValue: Spacing, propName: string): Spacing extends number ? (abs: SpacingValueType) => number | number : Spacing extends any[] ? <Index extends number>(abs: Index | string) => Spacing[Index] | string : Spacing extends ((...args: unknown[]) => unknown) ? Spacing :
-// warns in Dev
-() => undefined;
-export const margin: SimpleStyleFunction<'m' | 'mt' | 'mr' | 'mb' | 'ml' | 'mx' | 'my' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'marginX' | 'marginY' | 'marginInline' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlock' | 'marginBlockStart' | 'marginBlockEnd'>;
-export type MarginProps = PropsFor<typeof margin>;
-export const padding: SimpleStyleFunction<'p' | 'pt' | 'pr' | 'pb' | 'pl' | 'px' | 'py' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'paddingX' | 'paddingY' | 'paddingInline' | 'paddingInlineStart' | 'paddingInlineEnd' | 'paddingBlock' | 'paddingBlockStart' | 'paddingBlockEnd'>;
-export function getValue(transformer: (prop: SpacingValueType) => SpacingValueType, propValue: SpacingValueType): SpacingValueType;
-export type PaddingProps = PropsFor<typeof padding>;
-export default spacing;

package/modern/style/index.d.ts

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