impact-ui 5.0.0-alpha.1 → 5.0.0-beta.2

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

@@ -3,26 +3,28 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
+import { alpha as alpha_1 } from "../../system/colorManipulator.js";
 import SwitchBase from "../internal/SwitchBase.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import RadioButtonIcon from "./RadioButtonIcon.js";
 import useRadioGroup from "../RadioGroup/useRadioGroup.js";
 import radioClasses, { getRadioUtilityClass } from "./radioClasses.js";
-import styled, { rootShouldForwardProp } from "../styles/styled.js";
+import styled from "../styles/styled.js";
 import { jsx } from "react/jsx-runtime";
-import createChainedFunction from "../../utils/createChainedFunction/createChainedFunction.js";
-import capitalize from "../../utils/capitalize/capitalize.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
-import { alpha } from "../../system/esm/colorManipulator.js";
-import refType from "../../utils/refType/refType.js";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import createChainedFunction from "../node_modules/@mui/utils/esm/createChainedFunction/createChainedFunction.js";
+import capitalize from "../node_modules/@mui/utils/esm/capitalize/capitalize.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
 const _excluded = ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"];
 const useUtilityClasses = (ownerState) => {
   const {
     classes,
-    color
+    color,
+    size
   } = ownerState;
   const slots = {
-    root: ["root", `color${capitalize(color)}`]
+    root: ["root", `color${capitalize(color)}`, size !== "medium" && `size${capitalize(size)}`]
   };
   return _extends({}, classes, composeClasses(slots, getRadioUtilityClass, classes));
 };
@@ -34,7 +36,7 @@ const RadioRoot = styled(SwitchBase, {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[`color${capitalize(ownerState.color)}`]];
+    return [styles.root, ownerState.size !== "medium" && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];
   }
 })(({
   theme,
@@ -43,7 +45,7 @@ const RadioRoot = styled(SwitchBase, {
   color: (theme.vars || theme).palette.text.secondary
 }, !ownerState.disableRipple && {
   "&:hover": {
-    backgroundColor: theme.vars ? `rgba(${ownerState.color === "default" ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(ownerState.color === "default" ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
+    backgroundColor: theme.vars ? `rgba(${ownerState.color === "default" ? theme.vars.palette.action.activeChannel : theme.vars.palette[ownerState.color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha_1(ownerState.color === "default" ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -70,7 +72,7 @@ const defaultCheckedIcon = /* @__PURE__ */ jsx(RadioButtonIcon, {
 const defaultIcon = /* @__PURE__ */ jsx(RadioButtonIcon, {});
 const Radio = /* @__PURE__ */ React.forwardRef(function Radio2(inProps, ref) {
   var _defaultIcon$props$fo, _defaultCheckedIcon$p;
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiRadio"
   });
@@ -119,10 +121,10 @@ const Radio = /* @__PURE__ */ React.forwardRef(function Radio2(inProps, ref) {
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Radio.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * If `true`, the component is checked.
    */
@@ -143,7 +145,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes = {
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
   color: PropTypes.oneOfType([PropTypes.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), PropTypes.string]),

package/dist/node_modules/@mui/material/Radio/RadioButtonIcon.js

@@ -5,15 +5,23 @@ import RadioButtonUncheckedIcon from "../internal/svg-icons/RadioButtonUnchecked
 import RadioButtonCheckedIcon from "../internal/svg-icons/RadioButtonChecked.js";
 import styled from "../styles/styled.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-const RadioButtonIconRoot = styled("span")({
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+const RadioButtonIconRoot = styled("span", {
+  name: "MuiRadioButtonIcon",
+  shouldForwardProp: rootShouldForwardProp
+})({
   position: "relative",
   display: "flex"
 });
-const RadioButtonIconBackground = styled(RadioButtonUncheckedIcon)({
+const RadioButtonIconBackground = styled(RadioButtonUncheckedIcon, {
+  name: "MuiRadioButtonIcon"
+})({
   // Scale applied to prevent dot misalignment in Safari
   transform: "scale(1)"
 });
-const RadioButtonIconDot = styled(RadioButtonCheckedIcon)(({
+const RadioButtonIconDot = styled(RadioButtonCheckedIcon, {
+  name: "MuiRadioButtonIcon"
+})(({
   theme,
   ownerState
 }) => _extends({
@@ -61,7 +69,6 @@ process.env.NODE_ENV !== "production" ? RadioButtonIcon.propTypes = {
   checked: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
    */
   classes: PropTypes.object,
   /**

package/dist/node_modules/@mui/material/Radio/radioClasses.js

@@ -1,9 +1,9 @@
-import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
 function getRadioUtilityClass(slot) {
   return generateUtilityClass("MuiRadio", slot);
 }
-const radioClasses = generateUtilityClasses("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary"]);
+const radioClasses = generateUtilityClasses("MuiRadio", ["root", "checked", "disabled", "colorPrimary", "colorSecondary", "sizeSmall"]);
 export {
   radioClasses as default,
   getRadioUtilityClass

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

@@ -2,25 +2,41 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
+import { clsx } from "../../../clsx/dist/clsx.js";
+import { getRadioGroupUtilityClass } from "./radioGroupClasses.js";
 import RadioGroupContext from "./RadioGroupContext.js";
 import { jsx } from "react/jsx-runtime";
-import useControlled from "../../utils/useControlled/useControlled.js";
-import useForkRef from "../../utils/useForkRef/useForkRef.js";
-import useId from "../../utils/useId/useId.js";
+import useControlled from "../node_modules/@mui/utils/esm/useControlled/useControlled.js";
+import useForkRef from "../node_modules/@mui/utils/esm/useForkRef/useForkRef.js";
+import useId from "../node_modules/@mui/utils/esm/useId/useId.js";
 import FormGroup from "../FormGroup/FormGroup.js";
-const _excluded = ["actions", "children", "defaultValue", "name", "onChange", "value"];
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+const _excluded = ["actions", "children", "className", "defaultValue", "name", "onChange", "value"];
+const useUtilityClasses = (props) => {
+  const {
+    classes,
+    row,
+    error
+  } = props;
+  const slots = {
+    root: ["root", row && "row", error && "error"]
+  };
+  return composeClasses(slots, getRadioGroupUtilityClass, classes);
+};
 const RadioGroup = /* @__PURE__ */ React.forwardRef(function RadioGroup2(props, ref) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
     actions,
     children,
+    className,
     defaultValue,
     name: nameProp,
     onChange,
     value: valueProp
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const rootRef = React.useRef(null);
+  const classes = useUtilityClasses(props);
   const [value, setValueState] = useControlled({
     controlled: valueProp,
     default: defaultValue,
@@ -53,21 +69,26 @@ const RadioGroup = /* @__PURE__ */ React.forwardRef(function RadioGroup2(props,
     value: contextValue,
     children: /* @__PURE__ */ jsx(FormGroup, _extends({
       role: "radiogroup",
-      ref: handleRef
+      ref: handleRef,
+      className: clsx(classes.root, className)
     }, other, {
       children
     }))
   });
 });
 process.env.NODE_ENV !== "production" ? RadioGroup.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
   /**
    * The default value. Use when the component is not controlled.
    */

package/dist/node_modules/@mui/material/RadioGroup/radioGroupClasses.js

@@ -0,0 +1,9 @@
+import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+function getRadioGroupUtilityClass(slot) {
+  return generateUtilityClass("MuiRadioGroup", slot);
+}
+generateUtilityClasses("MuiRadioGroup", ["root", "row", "error"]);
+export {
+  getRadioGroupUtilityClass
+};

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

@@ -4,10 +4,10 @@ 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 useThemeProps from "../styles/useThemeProps.js";
 import { getSkeletonUtilityClass } from "./skeletonClasses.js";
 import { jsx } from "react/jsx-runtime";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+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 { alpha } from "../../system/esm/colorManipulator.js";
 import { css, keyframes } from "../../../@emotion/react/dist/emotion-react.browser.esm.js";
@@ -100,7 +100,7 @@ const SkeletonRoot = styled("span", {
 }, ({
   ownerState
 }) => ownerState.animation === "pulse" && css(_t3 || (_t3 = _`
-      animation: ${0} 1.5s ease-in-out 0.5s infinite;
+      animation: ${0} 2s ease-in-out 0.5s infinite;
     `), pulseKeyframe), ({
   ownerState,
   theme
@@ -112,7 +112,7 @@ const SkeletonRoot = styled("span", {
       -webkit-mask-image: -webkit-radial-gradient(white, black);
 
       &::after {
-        animation: ${0} 1.6s linear 0.5s infinite;
+        animation: ${0} 2s linear 0.5s infinite;
         background: linear-gradient(
           90deg,
           transparent,
@@ -129,7 +129,7 @@ const SkeletonRoot = styled("span", {
       }
     `), waveKeyframe, (theme.vars || theme).palette.action.hover));
 const Skeleton = /* @__PURE__ */ React.forwardRef(function Skeleton2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiSkeleton"
   });
@@ -162,10 +162,10 @@ const Skeleton = /* @__PURE__ */ React.forwardRef(function Skeleton2(inProps, re
   }));
 });
 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 "yarn 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.

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

@@ -1,5 +1,5 @@
-import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
+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);
 }

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

@@ -6,12 +6,13 @@ 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 "../../utils/useForkRef/useForkRef.js";
-import debounce from "../../utils/debounce/debounce.js";
-import ownerWindow from "../../utils/ownerWindow/ownerWindow.js";
-import elementAcceptingRef from "../../utils/elementAcceptingRef/elementAcceptingRef.js";
-import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
-import HTMLElementType from "../../utils/HTMLElementType/HTMLElementType.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();
@@ -95,7 +96,7 @@ const Slide = /* @__PURE__ */ React.forwardRef(function Slide2(props, ref) {
     TransitionComponent = Transition
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const childrenRef = React.useRef(null);
-  const handleRef = useForkRef(children.ref, childrenRef, ref);
+  const handleRef = useForkRef(getReactElementRef(children), childrenRef, ref);
   const normalizedTransitionCallback = (callback) => (isAppearing) => {
     if (callback) {
       if (isAppearing === void 0) {
@@ -207,10 +208,10 @@ const Slide = /* @__PURE__ */ React.forwardRef(function Slide2(props, ref) {
   }));
 });
 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 "yarn 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