@mui/system 7.0.1 → 7.1.0

package/modern/borders/borders.js

@@ -1,49 +0,0 @@
-import responsivePropType from "../responsivePropType/index.js";
-import style from "../style/index.js";
-import compose from "../compose/index.js";
-import { createUnaryUnit, getValue } from "../spacing/index.js";
-import { handleBreakpoints } from "../breakpoints/index.js";
-export function borderTransform(value) {
-  if (typeof value !== 'number') {
-    return value;
-  }
-  return `${value}px solid`;
-}
-function createBorderStyle(prop, transform) {
-  return style({
-    prop,
-    themeKey: 'borders',
-    transform
-  });
-}
-export const border = createBorderStyle('border', borderTransform);
-export const borderTop = createBorderStyle('borderTop', borderTransform);
-export const borderRight = createBorderStyle('borderRight', borderTransform);
-export const borderBottom = createBorderStyle('borderBottom', borderTransform);
-export const borderLeft = createBorderStyle('borderLeft', borderTransform);
-export const borderColor = createBorderStyle('borderColor');
-export const borderTopColor = createBorderStyle('borderTopColor');
-export const borderRightColor = createBorderStyle('borderRightColor');
-export const borderBottomColor = createBorderStyle('borderBottomColor');
-export const borderLeftColor = createBorderStyle('borderLeftColor');
-export const outline = createBorderStyle('outline', borderTransform);
-export const outlineColor = createBorderStyle('outlineColor');
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
-export const borderRadius = props => {
-  if (props.borderRadius !== undefined && props.borderRadius !== null) {
-    const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');
-    const styleFromPropValue = propValue => ({
-      borderRadius: getValue(transformer, propValue)
-    });
-    return handleBreakpoints(props, props.borderRadius, styleFromPropValue);
-  }
-  return null;
-};
-borderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {
-  borderRadius: responsivePropType
-} : {};
-borderRadius.filterProps = ['borderRadius'];
-const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
-export default borders;

package/modern/borders/index.d.ts

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

package/modern/borders/index.js

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

package/modern/breakpoints/breakpoints.d.ts

@@ -1,19 +0,0 @@
-import { CSSObject } from '@mui/styled-engine';
-import { Breakpoints } from "../createBreakpoints/createBreakpoints.js";
-import type { Breakpoint } from "../createTheme/index.js";
-import { ResponsiveStyleValue } from "../styleFunctionSx/index.js";
-import { StyleFunction } from "../Box/index.js";
-export interface ResolveBreakpointValuesOptions<T> {
-  values: ResponsiveStyleValue<T>;
-  breakpoints?: Breakpoints['values'];
-  base?: Record<string, boolean>;
-}
-export function resolveBreakpointValues<T>(options: ResolveBreakpointValuesOptions<T>): Record<string, T>;
-export function mergeBreakpointsInOrder(breakpoints: Breakpoints, styles: CSSObject[]): CSSObject;
-export function handleBreakpoints<Props>(props: Props, propValue: any, styleFromPropValue: (value: any, breakpoint?: Breakpoint) => any): any;
-type DefaultBreakPoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-/**
- * @returns An enhanced stylefunction that considers breakpoints
- */
-export default function breakpoints<Props, Breakpoints extends string = DefaultBreakPoints>(styleFunction: StyleFunction<Props>): StyleFunction<Partial<Record<Breakpoints, Props>> & Props>;

package/modern/breakpoints/breakpoints.js

@@ -1,171 +0,0 @@
-import PropTypes from 'prop-types';
-import deepmerge from '@mui/utils/deepmerge';
-import merge from "../merge/index.js";
-import { isCqShorthand, getContainerQuery } from "../cssContainerQueries/index.js";
-
-// The breakpoint **start** at this value.
-// For instance with the first breakpoint xs: [xs, sm[.
-export const values = {
-  xs: 0,
-  // phone
-  sm: 600,
-  // tablet
-  md: 900,
-  // small laptop
-  lg: 1200,
-  // desktop
-  xl: 1536 // large screen
-};
-const defaultBreakpoints = {
-  // Sorted ASC by size. That's important.
-  // It can't be configured as it's used statically for propTypes.
-  keys: ['xs', 'sm', 'md', 'lg', 'xl'],
-  up: key => `@media (min-width:${values[key]}px)`
-};
-const defaultContainerQueries = {
-  containerQueries: containerName => ({
-    up: key => {
-      let result = typeof key === 'number' ? key : values[key] || key;
-      if (typeof result === 'number') {
-        result = `${result}px`;
-      }
-      return containerName ? `@container ${containerName} (min-width:${result})` : `@container (min-width:${result})`;
-    }
-  })
-};
-export function handleBreakpoints(props, propValue, styleFromPropValue) {
-  const theme = props.theme || {};
-  if (Array.isArray(propValue)) {
-    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
-    return propValue.reduce((acc, item, index) => {
-      acc[themeBreakpoints.up(themeBreakpoints.keys[index])] = styleFromPropValue(propValue[index]);
-      return acc;
-    }, {});
-  }
-  if (typeof propValue === 'object') {
-    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
-    return Object.keys(propValue).reduce((acc, breakpoint) => {
-      if (isCqShorthand(themeBreakpoints.keys, breakpoint)) {
-        const containerKey = getContainerQuery(theme.containerQueries ? theme : defaultContainerQueries, breakpoint);
-        if (containerKey) {
-          acc[containerKey] = styleFromPropValue(propValue[breakpoint], breakpoint);
-        }
-      }
-      // key is breakpoint
-      else if (Object.keys(themeBreakpoints.values || values).includes(breakpoint)) {
-        const mediaKey = themeBreakpoints.up(breakpoint);
-        acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);
-      } else {
-        const cssKey = breakpoint;
-        acc[cssKey] = propValue[cssKey];
-      }
-      return acc;
-    }, {});
-  }
-  const output = styleFromPropValue(propValue);
-  return output;
-}
-function breakpoints(styleFunction) {
-  // false positive
-  // eslint-disable-next-line react/function-component-definition
-  const newStyleFunction = props => {
-    const theme = props.theme || {};
-    const base = styleFunction(props);
-    const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
-    const extended = themeBreakpoints.keys.reduce((acc, key) => {
-      if (props[key]) {
-        acc = acc || {};
-        acc[themeBreakpoints.up(key)] = styleFunction({
-          theme,
-          ...props[key]
-        });
-      }
-      return acc;
-    }, null);
-    return merge(base, extended);
-  };
-  newStyleFunction.propTypes = process.env.NODE_ENV !== 'production' ? {
-    ...styleFunction.propTypes,
-    xs: PropTypes.object,
-    sm: PropTypes.object,
-    md: PropTypes.object,
-    lg: PropTypes.object,
-    xl: PropTypes.object
-  } : {};
-  newStyleFunction.filterProps = ['xs', 'sm', 'md', 'lg', 'xl', ...styleFunction.filterProps];
-  return newStyleFunction;
-}
-export function createEmptyBreakpointObject(breakpointsInput = {}) {
-  const breakpointsInOrder = breakpointsInput.keys?.reduce((acc, key) => {
-    const breakpointStyleKey = breakpointsInput.up(key);
-    acc[breakpointStyleKey] = {};
-    return acc;
-  }, {});
-  return breakpointsInOrder || {};
-}
-export function removeUnusedBreakpoints(breakpointKeys, style) {
-  return breakpointKeys.reduce((acc, key) => {
-    const breakpointOutput = acc[key];
-    const isBreakpointUnused = !breakpointOutput || Object.keys(breakpointOutput).length === 0;
-    if (isBreakpointUnused) {
-      delete acc[key];
-    }
-    return acc;
-  }, style);
-}
-export function mergeBreakpointsInOrder(breakpointsInput, ...styles) {
-  const emptyBreakpoints = createEmptyBreakpointObject(breakpointsInput);
-  const mergedOutput = [emptyBreakpoints, ...styles].reduce((prev, next) => deepmerge(prev, next), {});
-  return removeUnusedBreakpoints(Object.keys(emptyBreakpoints), mergedOutput);
-}
-
-// compute base for responsive values; e.g.,
-// [1,2,3] => {xs: true, sm: true, md: true}
-// {xs: 1, sm: 2, md: 3} => {xs: true, sm: true, md: true}
-export function computeBreakpointsBase(breakpointValues, themeBreakpoints) {
-  // fixed value
-  if (typeof breakpointValues !== 'object') {
-    return {};
-  }
-  const base = {};
-  const breakpointsKeys = Object.keys(themeBreakpoints);
-  if (Array.isArray(breakpointValues)) {
-    breakpointsKeys.forEach((breakpoint, i) => {
-      if (i < breakpointValues.length) {
-        base[breakpoint] = true;
-      }
-    });
-  } else {
-    breakpointsKeys.forEach(breakpoint => {
-      if (breakpointValues[breakpoint] != null) {
-        base[breakpoint] = true;
-      }
-    });
-  }
-  return base;
-}
-export function resolveBreakpointValues({
-  values: breakpointValues,
-  breakpoints: themeBreakpoints,
-  base: customBase
-}) {
-  const base = customBase || computeBreakpointsBase(breakpointValues, themeBreakpoints);
-  const keys = Object.keys(base);
-  if (keys.length === 0) {
-    return breakpointValues;
-  }
-  let previous;
-  return keys.reduce((acc, breakpoint, i) => {
-    if (Array.isArray(breakpointValues)) {
-      acc[breakpoint] = breakpointValues[i] != null ? breakpointValues[i] : breakpointValues[previous];
-      previous = i;
-    } else if (typeof breakpointValues === 'object') {
-      acc[breakpoint] = breakpointValues[breakpoint] != null ? breakpointValues[breakpoint] : breakpointValues[previous];
-      previous = breakpoint;
-    } else {
-      acc[breakpoint] = breakpointValues;
-    }
-    return acc;
-  }, {});
-}
-export default breakpoints;

package/modern/breakpoints/index.d.ts

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

package/modern/breakpoints/index.js

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

package/modern/colorManipulator/colorManipulator.d.ts

@@ -1,25 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-export type ColorFormat = 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'color';
-export interface ColorObject {
-  type: ColorFormat;
-  values: [number, number, number] | [number, number, number, number];
-  colorSpace?: 'srgb' | 'display-p3' | 'a98-rgb' | 'prophoto-rgb' | 'rec-2020';
-}
-export function hexToRgb(hex: string): string;
-export function rgbToHex(color: string): string;
-export function hslToRgb(color: string): string;
-export function decomposeColor(color: string): ColorObject;
-export function colorChannel(color: string): string;
-export function private_safeColorChannel(color: string, warning?: string): string;
-export function recomposeColor(color: ColorObject): string;
-export function getContrastRatio(foreground: string, background: string): number;
-export function getLuminance(color: string): number;
-export function emphasize(color: string, coefficient?: number): string;
-export function private_safeEmphasize(color: string, coefficient?: number, warning?: string): string;
-export function alpha(color: string, value: number): string;
-export function private_safeAlpha(color: string, value: number, warning?: string): string;
-export function darken(color: string, coefficient: number): string;
-export function private_safeDarken(color: string, coefficient: number, warning?: string): string;
-export function lighten(color: string, coefficient: number): string;
-export function private_safeLighten(color: string, coefficient: number, warning?: string): string;
-export function blend(background: string, overlay: string, opacity: number, gamma?: number): string;

package/modern/colorManipulator/colorManipulator.js

@@ -1,349 +0,0 @@
-import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
-/* eslint-disable @typescript-eslint/naming-convention */
-import clamp from '@mui/utils/clamp';
-
-/**
- * Returns a number whose value is limited to the given range.
- * @param {number} value The value to be clamped
- * @param {number} min The lower boundary of the output range
- * @param {number} max The upper boundary of the output range
- * @returns {number} A number in the range [min, max]
- */
-function clampWrapper(value, min = 0, max = 1) {
-  if (process.env.NODE_ENV !== 'production') {
-    if (value < min || value > max) {
-      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
-    }
-  }
-  return clamp(value, min, max);
-}
-
-/**
- * Converts a color from CSS hex format to CSS rgb format.
- * @param {string} color - Hex color, i.e. #nnn or #nnnnnn
- * @returns {string} A CSS rgb color string
- */
-export function hexToRgb(color) {
-  color = color.slice(1);
-  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');
-  let colors = color.match(re);
-  if (colors && colors[0].length === 1) {
-    colors = colors.map(n => n + n);
-  }
-  if (process.env.NODE_ENV !== 'production') {
-    if (color.length !== color.trim().length) {
-      console.error(`MUI: The color: "${color}" is invalid. Make sure the color input doesn't contain leading/trailing space.`);
-    }
-  }
-  return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {
-    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
-  }).join(', ')})` : '';
-}
-function intToHex(int) {
-  const hex = int.toString(16);
-  return hex.length === 1 ? `0${hex}` : hex;
-}
-
-/**
- * Returns an object with the type and values of a color.
- *
- * Note: Does not support rgb % values.
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @returns {object} - A MUI color object: {type: string, values: number[]}
- */
-export function decomposeColor(color) {
-  // Idempotent
-  if (color.type) {
-    return color;
-  }
-  if (color.charAt(0) === '#') {
-    return decomposeColor(hexToRgb(color));
-  }
-  const marker = color.indexOf('(');
-  const type = color.substring(0, marker);
-  if (!['rgb', 'rgba', 'hsl', 'hsla', 'color'].includes(type)) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${color}\` color.\n` + 'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().' : _formatErrorMessage(9, color));
-  }
-  let values = color.substring(marker + 1, color.length - 1);
-  let colorSpace;
-  if (type === 'color') {
-    values = values.split(' ');
-    colorSpace = values.shift();
-    if (values.length === 4 && values[3].charAt(0) === '/') {
-      values[3] = values[3].slice(1);
-    }
-    if (!['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].includes(colorSpace)) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${colorSpace}\` color space.\n` + 'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.' : _formatErrorMessage(10, colorSpace));
-    }
-  } else {
-    values = values.split(',');
-  }
-  values = values.map(value => parseFloat(value));
-  return {
-    type,
-    values,
-    colorSpace
-  };
-}
-
-/**
- * Returns a channel created from the input color.
- *
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @returns {string} - The channel for the color, that can be used in rgba or hsla colors
- */
-export const colorChannel = color => {
-  const decomposedColor = decomposeColor(color);
-  return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.includes('hsl') && idx !== 0 ? `${val}%` : val).join(' ');
-};
-export const private_safeColorChannel = (color, warning) => {
-  try {
-    return colorChannel(color);
-  } catch (error) {
-    if (warning && process.env.NODE_ENV !== 'production') {
-      console.warn(warning);
-    }
-    return color;
-  }
-};
-
-/**
- * Converts a color object with type and values to a string.
- * @param {object} color - Decomposed color
- * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'
- * @param {array} color.values - [n,n,n] or [n,n,n,n]
- * @returns {string} A CSS color string
- */
-export function recomposeColor(color) {
-  const {
-    type,
-    colorSpace
-  } = color;
-  let {
-    values
-  } = color;
-  if (type.includes('rgb')) {
-    // Only convert the first 3 values to int (i.e. not alpha)
-    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);
-  } else if (type.includes('hsl')) {
-    values[1] = `${values[1]}%`;
-    values[2] = `${values[2]}%`;
-  }
-  if (type.includes('color')) {
-    values = `${colorSpace} ${values.join(' ')}`;
-  } else {
-    values = `${values.join(', ')}`;
-  }
-  return `${type}(${values})`;
-}
-
-/**
- * Converts a color from CSS rgb format to CSS hex format.
- * @param {string} color - RGB color, i.e. rgb(n, n, n)
- * @returns {string} A CSS rgb color string, i.e. #nnnnnn
- */
-export function rgbToHex(color) {
-  // Idempotent
-  if (color.startsWith('#')) {
-    return color;
-  }
-  const {
-    values
-  } = decomposeColor(color);
-  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;
-}
-
-/**
- * Converts a color from hsl format to rgb format.
- * @param {string} color - HSL color values
- * @returns {string} rgb color values
- */
-export function hslToRgb(color) {
-  color = decomposeColor(color);
-  const {
-    values
-  } = color;
-  const h = values[0];
-  const s = values[1] / 100;
-  const l = values[2] / 100;
-  const a = s * Math.min(l, 1 - l);
-  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-  let type = 'rgb';
-  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
-  if (color.type === 'hsla') {
-    type += 'a';
-    rgb.push(values[3]);
-  }
-  return recomposeColor({
-    type,
-    values: rgb
-  });
-}
-/**
- * The relative brightness of any point in a color space,
- * normalized to 0 for darkest black and 1 for lightest white.
- *
- * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @returns {number} The relative brightness of the color in the range 0 - 1
- */
-export function getLuminance(color) {
-  color = decomposeColor(color);
-  let rgb = color.type === 'hsl' || color.type === 'hsla' ? decomposeColor(hslToRgb(color)).values : color.values;
-  rgb = rgb.map(val => {
-    if (color.type !== 'color') {
-      val /= 255; // normalized
-    }
-    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
-  });
-
-  // Truncate at 3 digits
-  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
-}
-
-/**
- * Calculates the contrast ratio between two colors.
- *
- * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
- * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
- * @returns {number} A contrast ratio value in the range 0 - 21.
- */
-export function getContrastRatio(foreground, background) {
-  const lumA = getLuminance(foreground);
-  const lumB = getLuminance(background);
-  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
-}
-
-/**
- * Sets the absolute transparency of a color.
- * Any existing alpha values are overwritten.
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @param {number} value - value to set the alpha channel to in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
- */
-export function alpha(color, value) {
-  color = decomposeColor(color);
-  value = clampWrapper(value);
-  if (color.type === 'rgb' || color.type === 'hsl') {
-    color.type += 'a';
-  }
-  if (color.type === 'color') {
-    color.values[3] = `/${value}`;
-  } else {
-    color.values[3] = value;
-  }
-  return recomposeColor(color);
-}
-export function private_safeAlpha(color, value, warning) {
-  try {
-    return alpha(color, value);
-  } catch (error) {
-    if (warning && process.env.NODE_ENV !== 'production') {
-      console.warn(warning);
-    }
-    return color;
-  }
-}
-
-/**
- * Darkens a color.
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @param {number} coefficient - multiplier in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
- */
-export function darken(color, coefficient) {
-  color = decomposeColor(color);
-  coefficient = clampWrapper(coefficient);
-  if (color.type.includes('hsl')) {
-    color.values[2] *= 1 - coefficient;
-  } else if (color.type.includes('rgb') || color.type.includes('color')) {
-    for (let i = 0; i < 3; i += 1) {
-      color.values[i] *= 1 - coefficient;
-    }
-  }
-  return recomposeColor(color);
-}
-export function private_safeDarken(color, coefficient, warning) {
-  try {
-    return darken(color, coefficient);
-  } catch (error) {
-    if (warning && process.env.NODE_ENV !== 'production') {
-      console.warn(warning);
-    }
-    return color;
-  }
-}
-
-/**
- * Lightens a color.
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @param {number} coefficient - multiplier in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
- */
-export function lighten(color, coefficient) {
-  color = decomposeColor(color);
-  coefficient = clampWrapper(coefficient);
-  if (color.type.includes('hsl')) {
-    color.values[2] += (100 - color.values[2]) * coefficient;
-  } else if (color.type.includes('rgb')) {
-    for (let i = 0; i < 3; i += 1) {
-      color.values[i] += (255 - color.values[i]) * coefficient;
-    }
-  } else if (color.type.includes('color')) {
-    for (let i = 0; i < 3; i += 1) {
-      color.values[i] += (1 - color.values[i]) * coefficient;
-    }
-  }
-  return recomposeColor(color);
-}
-export function private_safeLighten(color, coefficient, warning) {
-  try {
-    return lighten(color, coefficient);
-  } catch (error) {
-    if (warning && process.env.NODE_ENV !== 'production') {
-      console.warn(warning);
-    }
-    return color;
-  }
-}
-
-/**
- * Darken or lighten a color, depending on its luminance.
- * Light colors are darkened, dark colors are lightened.
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @param {number} coefficient=0.15 - multiplier in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
- */
-export function emphasize(color, coefficient = 0.15) {
-  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
-}
-export function private_safeEmphasize(color, coefficient, warning) {
-  try {
-    return emphasize(color, coefficient);
-  } catch (error) {
-    if (warning && process.env.NODE_ENV !== 'production') {
-      console.warn(warning);
-    }
-    return color;
-  }
-}
-
-/**
- * Blend a transparent overlay color with a background color, resulting in a single
- * RGB color.
- * @param {string} background - CSS color
- * @param {string} overlay - CSS color
- * @param {number} opacity - Opacity multiplier in the range 0 - 1
- * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.
- */
-export function blend(background, overlay, opacity, gamma = 1.0) {
-  const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);
-  const backgroundColor = decomposeColor(background);
-  const overlayColor = decomposeColor(overlay);
-  const rgb = [blendChannel(backgroundColor.values[0], overlayColor.values[0]), blendChannel(backgroundColor.values[1], overlayColor.values[1]), blendChannel(backgroundColor.values[2], overlayColor.values[2])];
-  return recomposeColor({
-    type: 'rgb',
-    values: rgb
-  });
-}

package/modern/colorManipulator/index.d.ts

@@ -1 +0,0 @@
-export * from "./colorManipulator.js";

package/modern/colorManipulator/index.js

@@ -1 +0,0 @@
-export * from "./colorManipulator.js";

package/modern/compose/compose.d.ts

@@ -1,2 +0,0 @@
-import { ComposedStyleFunction, StyleFunction } from "../Box/index.js";
-export default function compose<T extends Array<StyleFunction<any>>>(...args: T): ComposedStyleFunction<T>;

package/modern/compose/compose.js

@@ -1,24 +0,0 @@
-import merge from "../merge/index.js";
-function compose(...styles) {
-  const handlers = styles.reduce((acc, style) => {
-    style.filterProps.forEach(prop => {
-      acc[prop] = style;
-    });
-    return acc;
-  }, {});
-
-  // false positive
-  // eslint-disable-next-line react/function-component-definition
-  const fn = props => {
-    return Object.keys(props).reduce((acc, prop) => {
-      if (handlers[prop]) {
-        return merge(acc, handlers[prop](props));
-      }
-      return acc;
-    }, {});
-  };
-  fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};
-  fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);
-  return fn;
-}
-export default compose;

package/modern/compose/index.d.ts

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

package/modern/compose/index.js

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

package/modern/createBox/createBox.d.ts

@@ -1,9 +0,0 @@
-import { OverridableComponent } from '@mui/types';
-import { BoxTypeMap } from "../Box/index.js";
-import { Theme as SystemTheme } from "../createTheme/index.js";
-export default function createBox<T extends object = SystemTheme, AdditionalProps extends Record<string, unknown> = {}>(options?: {
-  themeId?: string;
-  defaultTheme: T;
-  defaultClassName?: string;
-  generateClassName?: (componentName: string) => string;
-}): OverridableComponent<BoxTypeMap<AdditionalProps, 'div', T>>;