impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/node_modules/@mui/system/esm/GlobalStyles/GlobalStyles.js

@@ -1,61 +0,0 @@
-import "react";
-import PropTypes from "../../../../prop-types/index.js";
-import { internal_serializeStyles } from "../../../styled-engine/index.js";
-import useTheme from "../useTheme.js";
-import { jsx } from "react/jsx-runtime";
-import GlobalStyles$1 from "../../../styled-engine/GlobalStyles/GlobalStyles.js";
-function wrapGlobalLayer(styles) {
-  const serialized = internal_serializeStyles(styles);
-  if (styles !== serialized && serialized.styles) {
-    if (!serialized.styles.match(/^@layer\s+[^{]*$/)) {
-      serialized.styles = `@layer global{${serialized.styles}}`;
-    }
-    return serialized;
-  }
-  return styles;
-}
-function GlobalStyles({
-  styles,
-  themeId,
-  defaultTheme = {}
-}) {
-  const upperTheme = useTheme(defaultTheme);
-  const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
-  let globalStyles = typeof styles === "function" ? styles(resolvedTheme) : styles;
-  if (resolvedTheme.modularCssLayers) {
-    if (Array.isArray(globalStyles)) {
-      globalStyles = globalStyles.map((styleArg) => {
-        if (typeof styleArg === "function") {
-          return wrapGlobalLayer(styleArg(resolvedTheme));
-        }
-        return wrapGlobalLayer(styleArg);
-      });
-    } else {
-      globalStyles = wrapGlobalLayer(globalStyles);
-    }
-  }
-  return /* @__PURE__ */ jsx(GlobalStyles$1, {
-    styles: globalStyles
-  });
-}
-process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  defaultTheme: PropTypes.object,
-  /**
-   * @ignore
-   */
-  styles: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),
-  /**
-   * @ignore
-   */
-  themeId: PropTypes.string
-} : void 0;
-export {
-  GlobalStyles as default
-};

package/dist/node_modules/@mui/system/esm/RtlProvider/index.js

@@ -1,15 +0,0 @@
-import * as React from "react";
-import PropTypes from "../../../../prop-types/index.js";
-import "react/jsx-runtime";
-const RtlContext = /* @__PURE__ */ React.createContext();
-process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.node,
-  value: PropTypes.bool
-} : void 0;
-const useRtl = () => {
-  const value = React.useContext(RtlContext);
-  return value != null ? value : false;
-};
-export {
-  useRtl
-};

package/dist/node_modules/@mui/system/esm/Stack/createStack.js

@@ -1,167 +0,0 @@
-import _objectWithoutPropertiesLoose from "../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
-import _extends from "../../../../@babel/runtime/helpers/esm/extends.js";
-import * as React from "react";
-import PropTypes from "../../../../prop-types/index.js";
-import { clsx } from "../../../../clsx/dist/clsx.js";
-import styled from "../styled.js";
-import { handleBreakpoints, resolveBreakpointValues, mergeBreakpointsInOrder } from "../breakpoints.js";
-import { createUnarySpacing, getValue } from "../spacing.js";
-import { jsx } from "react/jsx-runtime";
-import extendSxProp from "../styleFunctionSx/extendSxProp.js";
-import useThemeProps from "../useThemeProps/useThemeProps.js";
-import deepmerge from "../../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
-import composeClasses from "../../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import generateUtilityClass from "../../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import createTheme from "../createTheme/createTheme.js";
-const _excluded = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
-const defaultTheme = createTheme();
-const defaultCreateStyledComponent = styled("div", {
-  name: "MuiStack",
-  slot: "Root",
-  overridesResolver: (props, styles) => styles.root
-});
-function useThemePropsDefault(props) {
-  return useThemeProps({
-    props,
-    name: "MuiStack",
-    defaultTheme
-  });
-}
-function joinChildren(children, separator) {
-  const childrenArray = React.Children.toArray(children).filter(Boolean);
-  return childrenArray.reduce((output, child, index) => {
-    output.push(child);
-    if (index < childrenArray.length - 1) {
-      output.push(/* @__PURE__ */ React.cloneElement(separator, {
-        key: `separator-${index}`
-      }));
-    }
-    return output;
-  }, []);
-}
-const getSideFromDirection = (direction) => {
-  return {
-    row: "Left",
-    "row-reverse": "Right",
-    column: "Top",
-    "column-reverse": "Bottom"
-  }[direction];
-};
-const style = ({
-  ownerState,
-  theme
-}) => {
-  let styles = _extends({
-    display: "flex",
-    flexDirection: "column"
-  }, handleBreakpoints({
-    theme
-  }, resolveBreakpointValues({
-    values: ownerState.direction,
-    breakpoints: theme.breakpoints.values
-  }), (propValue) => ({
-    flexDirection: propValue
-  })));
-  if (ownerState.spacing) {
-    const transformer = createUnarySpacing(theme);
-    const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {
-      if (typeof ownerState.spacing === "object" && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === "object" && ownerState.direction[breakpoint] != null) {
-        acc[breakpoint] = true;
-      }
-      return acc;
-    }, {});
-    const directionValues = resolveBreakpointValues({
-      values: ownerState.direction,
-      base
-    });
-    const spacingValues = resolveBreakpointValues({
-      values: ownerState.spacing,
-      base
-    });
-    if (typeof directionValues === "object") {
-      Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {
-        const directionValue = directionValues[breakpoint];
-        if (!directionValue) {
-          const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : "column";
-          directionValues[breakpoint] = previousDirectionValue;
-        }
-      });
-    }
-    const styleFromPropValue = (propValue, breakpoint) => {
-      if (ownerState.useFlexGap) {
-        return {
-          gap: getValue(transformer, propValue)
-        };
-      }
-      return {
-        // The useFlexGap={false} implement relies on each child to give up control of the margin.
-        // We need to reset the margin to avoid double spacing.
-        "& > :not(style):not(style)": {
-          margin: 0
-        },
-        "& > :not(style) ~ :not(style)": {
-          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)
-        }
-      };
-    };
-    styles = deepmerge(styles, handleBreakpoints({
-      theme
-    }, spacingValues, styleFromPropValue));
-  }
-  styles = mergeBreakpointsInOrder(theme.breakpoints, styles);
-  return styles;
-};
-function createStack(options = {}) {
-  const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent = defaultCreateStyledComponent,
-    useThemeProps: useThemeProps2 = useThemePropsDefault,
-    componentName = "MuiStack"
-  } = options;
-  const useUtilityClasses = () => {
-    const slots = {
-      root: ["root"]
-    };
-    return composeClasses(slots, (slot) => generateUtilityClass(componentName, slot), {});
-  };
-  const StackRoot = createStyledComponent(style);
-  const Stack = /* @__PURE__ */ React.forwardRef(function Grid(inProps, ref) {
-    const themeProps = useThemeProps2(inProps);
-    const props = extendSxProp(themeProps);
-    const {
-      component = "div",
-      direction = "column",
-      spacing = 0,
-      divider,
-      children,
-      className,
-      useFlexGap = false
-    } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-    const ownerState = {
-      direction,
-      spacing,
-      useFlexGap
-    };
-    const classes = useUtilityClasses();
-    return /* @__PURE__ */ jsx(StackRoot, _extends({
-      as: component,
-      ownerState,
-      ref,
-      className: clsx(classes.root, className)
-    }, other, {
-      children: divider ? joinChildren(children, divider) : children
-    }));
-  });
-  process.env.NODE_ENV !== "production" ? Stack.propTypes = {
-    children: PropTypes.node,
-    direction: PropTypes.oneOfType([PropTypes.oneOf(["column-reverse", "column", "row-reverse", "row"]), PropTypes.arrayOf(PropTypes.oneOf(["column-reverse", "column", "row-reverse", "row"])), PropTypes.object]),
-    divider: PropTypes.node,
-    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-  } : void 0;
-  return Stack;
-}
-export {
-  createStack as default,
-  style
-};

package/dist/node_modules/@mui/system/esm/borders.js

@@ -1,61 +0,0 @@
-import responsivePropType from "./responsivePropType.js";
-import style from "./style.js";
-import compose from "./compose.js";
-import { createUnaryUnit, getValue } from "./spacing.js";
-import { handleBreakpoints } from "./breakpoints.js";
-function borderTransform(value) {
-  if (typeof value !== "number") {
-    return value;
-  }
-  return `${value}px solid`;
-}
-function createBorderStyle(prop, transform) {
-  return style({
-    prop,
-    themeKey: "borders",
-    transform
-  });
-}
-const border = createBorderStyle("border", borderTransform);
-const borderTop = createBorderStyle("borderTop", borderTransform);
-const borderRight = createBorderStyle("borderRight", borderTransform);
-const borderBottom = createBorderStyle("borderBottom", borderTransform);
-const borderLeft = createBorderStyle("borderLeft", borderTransform);
-const borderColor = createBorderStyle("borderColor");
-const borderTopColor = createBorderStyle("borderTopColor");
-const borderRightColor = createBorderStyle("borderRightColor");
-const borderBottomColor = createBorderStyle("borderBottomColor");
-const borderLeftColor = createBorderStyle("borderLeftColor");
-const outline = createBorderStyle("outline", borderTransform);
-const outlineColor = createBorderStyle("outlineColor");
-const borderRadius = (props) => {
-  if (props.borderRadius !== void 0 && 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"];
-compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
-export {
-  border,
-  borderBottom,
-  borderBottomColor,
-  borderColor,
-  borderLeft,
-  borderLeftColor,
-  borderRadius,
-  borderRight,
-  borderRightColor,
-  borderTop,
-  borderTopColor,
-  borderTransform,
-  outline,
-  outlineColor
-};

package/dist/node_modules/@mui/system/esm/breakpoints.js

@@ -1,122 +0,0 @@
-import deepmerge from "../node_modules/@mui/utils/esm/deepmerge/deepmerge.js";
-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)`
-};
-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 (Object.keys(themeBreakpoints.values || values).indexOf(breakpoint) !== -1) {
-        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 createEmptyBreakpointObject(breakpointsInput = {}) {
-  var _breakpointsInput$key;
-  const breakpointsInOrder = (_breakpointsInput$key = breakpointsInput.keys) == null ? void 0 : _breakpointsInput$key.reduce((acc, key) => {
-    const breakpointStyleKey = breakpointsInput.up(key);
-    acc[breakpointStyleKey] = {};
-    return acc;
-  }, {});
-  return breakpointsInOrder || {};
-}
-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);
-}
-function mergeBreakpointsInOrder(breakpointsInput, ...styles) {
-  const emptyBreakpoints = createEmptyBreakpointObject(breakpointsInput);
-  const mergedOutput = [emptyBreakpoints, ...styles].reduce((prev, next) => deepmerge(prev, next), {});
-  return removeUnusedBreakpoints(Object.keys(emptyBreakpoints), mergedOutput);
-}
-function computeBreakpointsBase(breakpointValues, themeBreakpoints) {
-  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;
-}
-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 {
-  computeBreakpointsBase,
-  createEmptyBreakpointObject,
-  handleBreakpoints,
-  mergeBreakpointsInOrder,
-  removeUnusedBreakpoints,
-  resolveBreakpointValues,
-  values
-};

package/dist/node_modules/@mui/system/esm/colorManipulator.js

@@ -1,96 +0,0 @@
-import formatMuiErrorMessage from "../node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js";
-import clamp from "../node_modules/@mui/utils/esm/clamp/clamp.js";
-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);
-}
-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);
-  }
-  return colors ? `rgb${colors.length === 4 ? "a" : ""}(${colors.map((n, index) => {
-    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3;
-  }).join(", ")})` : "";
-}
-function decomposeColor(color) {
-  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"].indexOf(type) === -1) {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${color}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : formatMuiErrorMessage(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"].indexOf(colorSpace) === -1) {
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${colorSpace}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : formatMuiErrorMessage(10, colorSpace));
-    }
-  } else {
-    values = values.split(",");
-  }
-  values = values.map((value) => parseFloat(value));
-  return {
-    type,
-    values,
-    colorSpace
-  };
-}
-function recomposeColor(color) {
-  const {
-    type,
-    colorSpace
-  } = color;
-  let {
-    values
-  } = color;
-  if (type.indexOf("rgb") !== -1) {
-    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);
-  } else if (type.indexOf("hsl") !== -1) {
-    values[1] = `${values[1]}%`;
-    values[2] = `${values[2]}%`;
-  }
-  if (type.indexOf("color") !== -1) {
-    values = `${colorSpace} ${values.join(" ")}`;
-  } else {
-    values = `${values.join(", ")}`;
-  }
-  return `${type}(${values})`;
-}
-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 {
-  alpha,
-  decomposeColor,
-  hexToRgb,
-  recomposeColor
-};

package/dist/node_modules/@mui/system/esm/compose.js

@@ -1,23 +0,0 @@
-import merge from "./merge.js";
-function compose(...styles) {
-  const handlers = styles.reduce((acc, style) => {
-    style.filterProps.forEach((prop) => {
-      acc[prop] = style;
-    });
-    return acc;
-  }, {});
-  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 {
-  compose as default
-};

package/dist/node_modules/@mui/system/esm/createBox.js

@@ -1,38 +0,0 @@
-import _extends from "../../../@babel/runtime/helpers/esm/extends.js";
-import _objectWithoutPropertiesLoose from "../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
-import * as React from "react";
-import { clsx } from "../../../clsx/dist/clsx.js";
-import styled from "../../styled-engine/index.js";
-import useTheme from "./useTheme.js";
-import { jsx } from "react/jsx-runtime";
-import styleFunctionSx from "./styleFunctionSx/styleFunctionSx.js";
-import extendSxProp from "./styleFunctionSx/extendSxProp.js";
-const _excluded = ["className", "component"];
-function createBox(options = {}) {
-  const {
-    themeId,
-    defaultTheme,
-    defaultClassName = "MuiBox-root",
-    generateClassName
-  } = options;
-  const BoxRoot = styled("div", {
-    shouldForwardProp: (prop) => prop !== "theme" && prop !== "sx" && prop !== "as"
-  })(styleFunctionSx);
-  const Box = /* @__PURE__ */ React.forwardRef(function Box2(inProps, ref) {
-    const theme = useTheme(defaultTheme);
-    const _extendSxProp = extendSxProp(inProps), {
-      className,
-      component = "div"
-    } = _extendSxProp, other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded);
-    return /* @__PURE__ */ jsx(BoxRoot, _extends({
-      as: component,
-      ref,
-      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
-      theme: themeId ? theme[themeId] || theme : theme
-    }, other));
-  });
-  return Box;
-}
-export {
-  createBox as default
-};