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

package/dist/node_modules/@mui/material/Skeleton/Skeleton.js

@@ -1,218 +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 { clsx } from "../../../clsx/dist/clsx.js";
-import PropTypes from "../../../prop-types/index.js";
-import styled from "../styles/styled.js";
-import { getSkeletonUtilityClass } from "./skeletonClasses.js";
-import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import { getUnit, toUnitless } from "../styles/cssUtils.js";
-import { css, keyframes } from "../../../@emotion/react/dist/emotion-react.browser.esm.js";
-import { alpha } from "../../system/esm/colorManipulator.js";
-const _excluded = ["animation", "className", "component", "height", "style", "variant", "width"];
-let _ = (t) => t, _t, _t2, _t3, _t4;
-const useUtilityClasses = (ownerState) => {
-  const {
-    classes,
-    variant,
-    animation,
-    hasChildren,
-    width,
-    height
-  } = ownerState;
-  const slots = {
-    root: ["root", variant, animation, hasChildren && "withChildren", hasChildren && !width && "fitContent", hasChildren && !height && "heightAuto"]
-  };
-  return composeClasses(slots, getSkeletonUtilityClass, classes);
-};
-const pulseKeyframe = keyframes(_t || (_t = _`
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`));
-const waveKeyframe = keyframes(_t2 || (_t2 = _`
-  0% {
-    transform: translateX(-100%);
-  }
-
-  50% {
-    /* +0.5s of delay between each loop */
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
-`));
-const SkeletonRoot = styled("span", {
-  name: "MuiSkeleton",
-  slot: "Root",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.variant], ownerState.animation !== false && styles[ownerState.animation], ownerState.hasChildren && styles.withChildren, ownerState.hasChildren && !ownerState.width && styles.fitContent, ownerState.hasChildren && !ownerState.height && styles.heightAuto];
-  }
-})(({
-  theme,
-  ownerState
-}) => {
-  const radiusUnit = getUnit(theme.shape.borderRadius) || "px";
-  const radiusValue = toUnitless(theme.shape.borderRadius);
-  return _extends({
-    display: "block",
-    // Create a "on paper" color with sufficient contrast retaining the color
-    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === "light" ? 0.11 : 0.13),
-    height: "1.2em"
-  }, ownerState.variant === "text" && {
-    marginTop: 0,
-    marginBottom: 0,
-    height: "auto",
-    transformOrigin: "0 55%",
-    transform: "scale(1, 0.60)",
-    borderRadius: `${radiusValue}${radiusUnit}/${Math.round(radiusValue / 0.6 * 10) / 10}${radiusUnit}`,
-    "&:empty:before": {
-      content: '"\\00a0"'
-    }
-  }, ownerState.variant === "circular" && {
-    borderRadius: "50%"
-  }, ownerState.variant === "rounded" && {
-    borderRadius: (theme.vars || theme).shape.borderRadius
-  }, ownerState.hasChildren && {
-    "& > *": {
-      visibility: "hidden"
-    }
-  }, ownerState.hasChildren && !ownerState.width && {
-    maxWidth: "fit-content"
-  }, ownerState.hasChildren && !ownerState.height && {
-    height: "auto"
-  });
-}, ({
-  ownerState
-}) => ownerState.animation === "pulse" && css(_t3 || (_t3 = _`
-      animation: ${0} 2s ease-in-out 0.5s infinite;
-    `), pulseKeyframe), ({
-  ownerState,
-  theme
-}) => ownerState.animation === "wave" && css(_t4 || (_t4 = _`
-      position: relative;
-      overflow: hidden;
-
-      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
-      -webkit-mask-image: -webkit-radial-gradient(white, black);
-
-      &::after {
-        animation: ${0} 2s linear 0.5s infinite;
-        background: linear-gradient(
-          90deg,
-          transparent,
-          ${0},
-          transparent
-        );
-        content: '';
-        position: absolute;
-        transform: translateX(-100%); /* Avoid flash during server-side hydration */
-        bottom: 0;
-        left: 0;
-        right: 0;
-        top: 0;
-      }
-    `), waveKeyframe, (theme.vars || theme).palette.action.hover));
-const Skeleton = /* @__PURE__ */ React.forwardRef(function Skeleton2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiSkeleton"
-  });
-  const {
-    animation = "pulse",
-    className,
-    component = "span",
-    height,
-    style,
-    variant = "text",
-    width
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
-    animation,
-    component,
-    variant,
-    hasChildren: Boolean(other.children)
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(SkeletonRoot, _extends({
-    as: component,
-    ref,
-    className: clsx(classes.root, className),
-    ownerState
-  }, other, {
-    style: _extends({
-      width,
-      height
-    }, style)
-  }));
-});
-process.env.NODE_ENV !== "production" ? Skeleton.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The animation.
-   * If `false` the animation effect is disabled.
-   * @default 'pulse'
-   */
-  animation: PropTypes.oneOf(["pulse", "wave", false]),
-  /**
-   * Optional children to infer width and height from.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Height of the skeleton.
-   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-   */
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * @ignore
-   */
-  style: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The type of content that will be rendered.
-   * @default 'text'
-   */
-  variant: PropTypes.oneOfType([PropTypes.oneOf(["circular", "rectangular", "rounded", "text"]), PropTypes.string]),
-  /**
-   * Width of the skeleton.
-   * Useful when the skeleton is inside an inline element with no width of its own.
-   */
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-} : void 0;
-export {
-  Skeleton as default
-};

package/dist/node_modules/@mui/material/Skeleton/skeletonClasses.js

@@ -1,9 +0,0 @@
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
-function getSkeletonUtilityClass(slot) {
-  return generateUtilityClass("MuiSkeleton", slot);
-}
-generateUtilityClasses("MuiSkeleton", ["root", "text", "rectangular", "rounded", "circular", "pulse", "wave", "withChildren", "fitContent", "heightAuto"]);
-export {
-  getSkeletonUtilityClass
-};

package/dist/node_modules/@mui/material/Slide/Slide.js

@@ -1,315 +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 PropTypes from "../../../prop-types/index.js";
-import useTheme from "../styles/useTheme.js";
-import { reflow, getTransitionProps } from "../transitions/utils.js";
-import { jsx } from "react/jsx-runtime";
-import Transition from "../../../react-transition-group/esm/Transition.js";
-import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
-import getReactElementRef from "../node_modules/@mui/utils/esm/getReactElementRef/getReactElementRef.js";
-import debounce from "../node_modules/@mui/utils/esm/debounce/debounce.js";
-import ownerWindow from "../node_modules/@mui/utils/esm/ownerWindow/ownerWindow.js";
-import elementAcceptingRef from "../node_modules/@mui/utils/esm/elementAcceptingRef/elementAcceptingRef.js";
-import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
-import HTMLElementType from "../node_modules/@mui/utils/esm/HTMLElementType/HTMLElementType.js";
-const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-function getTranslateValue(direction, node, resolvedContainer) {
-  const rect = node.getBoundingClientRect();
-  const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
-  const containerWindow = ownerWindow(node);
-  let transform;
-  if (node.fakeTransform) {
-    transform = node.fakeTransform;
-  } else {
-    const computedStyle = containerWindow.getComputedStyle(node);
-    transform = computedStyle.getPropertyValue("-webkit-transform") || computedStyle.getPropertyValue("transform");
-  }
-  let offsetX = 0;
-  let offsetY = 0;
-  if (transform && transform !== "none" && typeof transform === "string") {
-    const transformValues = transform.split("(")[1].split(")")[0].split(",");
-    offsetX = parseInt(transformValues[4], 10);
-    offsetY = parseInt(transformValues[5], 10);
-  }
-  if (direction === "left") {
-    if (containerRect) {
-      return `translateX(${containerRect.right + offsetX - rect.left}px)`;
-    }
-    return `translateX(${containerWindow.innerWidth + offsetX - rect.left}px)`;
-  }
-  if (direction === "right") {
-    if (containerRect) {
-      return `translateX(-${rect.right - containerRect.left - offsetX}px)`;
-    }
-    return `translateX(-${rect.left + rect.width - offsetX}px)`;
-  }
-  if (direction === "up") {
-    if (containerRect) {
-      return `translateY(${containerRect.bottom + offsetY - rect.top}px)`;
-    }
-    return `translateY(${containerWindow.innerHeight + offsetY - rect.top}px)`;
-  }
-  if (containerRect) {
-    return `translateY(-${rect.top - containerRect.top + rect.height - offsetY}px)`;
-  }
-  return `translateY(-${rect.top + rect.height - offsetY}px)`;
-}
-function resolveContainer(containerPropProp) {
-  return typeof containerPropProp === "function" ? containerPropProp() : containerPropProp;
-}
-function setTranslateValue(direction, node, containerProp) {
-  const resolvedContainer = resolveContainer(containerProp);
-  const transform = getTranslateValue(direction, node, resolvedContainer);
-  if (transform) {
-    node.style.webkitTransform = transform;
-    node.style.transform = transform;
-  }
-}
-const Slide = /* @__PURE__ */ React.forwardRef(function Slide2(props, ref) {
-  const theme = useTheme();
-  const defaultEasing = {
-    enter: theme.transitions.easing.easeOut,
-    exit: theme.transitions.easing.sharp
-  };
-  const defaultTimeout = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  const {
-    addEndListener,
-    appear = true,
-    children,
-    container: containerProp,
-    direction = "down",
-    easing: easingProp = defaultEasing,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    style,
-    timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const childrenRef = React.useRef(null);
-  const handleRef = useForkRef(getReactElementRef(children), childrenRef, ref);
-  const normalizedTransitionCallback = (callback) => (isAppearing) => {
-    if (callback) {
-      if (isAppearing === void 0) {
-        callback(childrenRef.current);
-      } else {
-        callback(childrenRef.current, isAppearing);
-      }
-    }
-  };
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    setTranslateValue(direction, node, containerProp);
-    reflow(node);
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
-    const transitionProps = getTransitionProps({
-      timeout,
-      style,
-      easing: easingProp
-    }, {
-      mode: "enter"
-    });
-    node.style.webkitTransition = theme.transitions.create("-webkit-transform", _extends({}, transitionProps));
-    node.style.transition = theme.transitions.create("transform", _extends({}, transitionProps));
-    node.style.webkitTransform = "none";
-    node.style.transform = "none";
-    if (onEntering) {
-      onEntering(node, isAppearing);
-    }
-  });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback((node) => {
-    const transitionProps = getTransitionProps({
-      timeout,
-      style,
-      easing: easingProp
-    }, {
-      mode: "exit"
-    });
-    node.style.webkitTransition = theme.transitions.create("-webkit-transform", transitionProps);
-    node.style.transition = theme.transitions.create("transform", transitionProps);
-    setTranslateValue(direction, node, containerProp);
-    if (onExit) {
-      onExit(node);
-    }
-  });
-  const handleExited = normalizedTransitionCallback((node) => {
-    node.style.webkitTransition = "";
-    node.style.transition = "";
-    if (onExited) {
-      onExited(node);
-    }
-  });
-  const handleAddEndListener = (next) => {
-    if (addEndListener) {
-      addEndListener(childrenRef.current, next);
-    }
-  };
-  const updatePosition = React.useCallback(() => {
-    if (childrenRef.current) {
-      setTranslateValue(direction, childrenRef.current, containerProp);
-    }
-  }, [direction, containerProp]);
-  React.useEffect(() => {
-    if (inProp || direction === "down" || direction === "right") {
-      return void 0;
-    }
-    const handleResize = debounce(() => {
-      if (childrenRef.current) {
-        setTranslateValue(direction, childrenRef.current, containerProp);
-      }
-    });
-    const containerWindow = ownerWindow(childrenRef.current);
-    containerWindow.addEventListener("resize", handleResize);
-    return () => {
-      handleResize.clear();
-      containerWindow.removeEventListener("resize", handleResize);
-    };
-  }, [direction, inProp, containerProp]);
-  React.useEffect(() => {
-    if (!inProp) {
-      updatePosition();
-    }
-  }, [inProp, updatePosition]);
-  return /* @__PURE__ */ jsx(TransitionComponent, _extends({
-    nodeRef: childrenRef,
-    onEnter: handleEnter,
-    onEntered: handleEntered,
-    onEntering: handleEntering,
-    onExit: handleExit,
-    onExited: handleExited,
-    onExiting: handleExiting,
-    addEndListener: handleAddEndListener,
-    appear,
-    in: inProp,
-    timeout
-  }, other, {
-    children: (state, childProps) => {
-      return /* @__PURE__ */ React.cloneElement(children, _extends({
-        ref: handleRef,
-        style: _extends({
-          visibility: state === "exited" && !inProp ? "hidden" : void 0
-        }, style, children.props.style)
-      }, childProps));
-    }
-  }));
-});
-process.env.NODE_ENV !== "production" ? Slide.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: PropTypes.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: PropTypes.bool,
-  /**
-   * A single child content element.
-   */
-  children: elementAcceptingRef.isRequired,
-  /**
-   * An HTML element, or a function that returns one.
-   * It's used to set the container the Slide is transitioning from.
-   */
-  container: chainPropTypes(PropTypes.oneOfType([HTMLElementType, PropTypes.func]), (props) => {
-    if (props.open) {
-      const resolvedContainer = resolveContainer(props.container);
-      if (resolvedContainer && resolvedContainer.nodeType === 1) {
-        const box = resolvedContainer.getBoundingClientRect();
-        if (process.env.NODE_ENV !== "test" && box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
-          return new Error(["MUI: The `container` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join("\n"));
-        }
-      } else if (!resolvedContainer || typeof resolvedContainer.getBoundingClientRect !== "function" || resolvedContainer.contextElement != null && resolvedContainer.contextElement.nodeType !== 1) {
-        return new Error(["MUI: The `container` prop provided to the component is invalid.", "It should be an HTML element instance."].join("\n"));
-      }
-    }
-    return null;
-  }),
-  /**
-   * Direction the child node will enter from.
-   * @default 'down'
-   */
-  direction: PropTypes.oneOf(["down", "left", "right", "up"]),
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   * @default {
-   *   enter: theme.transitions.easing.easeOut,
-   *   exit: theme.transitions.easing.sharp,
-   * }
-   */
-  easing: PropTypes.oneOfType([PropTypes.shape({
-    enter: PropTypes.string,
-    exit: PropTypes.string
-  }), PropTypes.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  onEnter: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntered: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntering: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExit: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExited: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExiting: PropTypes.func,
-  /**
-   * @ignore
-   */
-  style: PropTypes.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })])
-} : void 0;
-export {
-  Slide as default,
-  setTranslateValue
-};