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

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

@@ -1,20 +1,21 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import * as React from "react";
-import { r as reactIsExports } from "../node_modules/react-is/index.js";
+import { r as reactIsExports } from "../../../react-is/index.js";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
-import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import AccordionContext from "./AccordionContext.js";
+import useSlot from "../utils/useSlot.js";
 import accordionClasses, { getAccordionUtilityClass } from "./accordionClasses.js";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
+import useControlled from "../node_modules/@mui/utils/esm/useControlled/useControlled.js";
 import Collapse from "../Collapse/Collapse.js";
-import useControlled from "../../utils/useControlled/useControlled.js";
-import composeClasses from "../../utils/composeClasses/composeClasses.js";
+import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
+import styled from "../styles/styled.js";
 import Paper from "../Paper/Paper.js";
-import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
-const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"];
+import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
+const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
 const useUtilityClasses = (ownerState) => {
   const {
     classes,
@@ -51,7 +52,7 @@ const AccordionRoot = styled(Paper, {
     transition: theme.transitions.create(["margin"], transition),
     overflowAnchor: "none",
     // Keep the same scrolling position
-    "&:before": {
+    "&::before": {
       position: "absolute",
       left: 0,
       top: -1,
@@ -63,12 +64,12 @@ const AccordionRoot = styled(Paper, {
       transition: theme.transitions.create(["opacity", "background-color"], transition)
     },
     "&:first-of-type": {
-      "&:before": {
+      "&::before": {
         display: "none"
       }
     },
     [`&.${accordionClasses.expanded}`]: {
-      "&:before": {
+      "&::before": {
         opacity: 0
       },
       "&:first-of-type": {
@@ -78,7 +79,7 @@ const AccordionRoot = styled(Paper, {
         marginBottom: 0
       },
       "& + &": {
-        "&:before": {
+        "&::before": {
           display: "none"
         }
       }
@@ -88,30 +89,37 @@ const AccordionRoot = styled(Paper, {
     }
   };
 }, ({
-  theme,
-  ownerState
-}) => _extends({}, !ownerState.square && {
-  borderRadius: 0,
-  "&:first-of-type": {
-    borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
-    borderTopRightRadius: (theme.vars || theme).shape.borderRadius
-  },
-  "&:last-of-type": {
-    borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
-    borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
-    // Fix a rendering issue on Edge
-    "@supports (-ms-ime-align: auto)": {
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0
+  theme
+}) => ({
+  variants: [{
+    props: (props) => !props.square,
+    style: {
+      borderRadius: 0,
+      "&:first-of-type": {
+        borderTopLeftRadius: (theme.vars || theme).shape.borderRadius,
+        borderTopRightRadius: (theme.vars || theme).shape.borderRadius
+      },
+      "&:last-of-type": {
+        borderBottomLeftRadius: (theme.vars || theme).shape.borderRadius,
+        borderBottomRightRadius: (theme.vars || theme).shape.borderRadius,
+        // Fix a rendering issue on Edge
+        "@supports (-ms-ime-align: auto)": {
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0
+        }
+      }
     }
-  }
-}, !ownerState.disableGutters && {
-  [`&.${accordionClasses.expanded}`]: {
-    margin: "16px 0"
-  }
+  }, {
+    props: (props) => !props.disableGutters,
+    style: {
+      [`&.${accordionClasses.expanded}`]: {
+        margin: "16px 0"
+      }
+    }
+  }]
 }));
 const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiAccordion"
   });
@@ -124,8 +132,10 @@ const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps,
     expanded: expandedProp,
     onChange,
     square = false,
-    TransitionComponent = Collapse,
-    TransitionProps
+    slots = {},
+    slotProps = {},
+    TransitionComponent: TransitionComponentProp,
+    TransitionProps: TransitionPropsProp
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const [expanded, setExpandedState] = useControlled({
     controlled: expandedProp,
@@ -153,6 +163,20 @@ const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps,
     expanded
   });
   const classes = useUtilityClasses(ownerState);
+  const backwardCompatibleSlots = _extends({
+    transition: TransitionComponentProp
+  }, slots);
+  const backwardCompatibleSlotProps = _extends({
+    transition: TransitionPropsProp
+  }, slotProps);
+  const [TransitionSlot, transitionProps] = useSlot("transition", {
+    elementType: Collapse,
+    externalForwardedProps: {
+      slots: backwardCompatibleSlots,
+      slotProps: backwardCompatibleSlotProps
+    },
+    ownerState
+  });
   return /* @__PURE__ */ jsxs(AccordionRoot, _extends({
     className: clsx(classes.root, className),
     ref,
@@ -162,10 +186,10 @@ const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps,
     children: [/* @__PURE__ */ jsx(AccordionContext.Provider, {
       value: contextValue,
       children: summary
-    }), /* @__PURE__ */ jsx(TransitionComponent, _extends({
+    }), /* @__PURE__ */ jsx(TransitionSlot, _extends({
       in: expanded,
       timeout: "auto"
-    }, TransitionProps, {
+    }, transitionProps, {
       children: /* @__PURE__ */ jsx("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props["aria-controls"],
@@ -177,10 +201,10 @@ const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps,
   }));
 });
 process.env.NODE_ENV !== "production" ? Accordion.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.
    */
@@ -229,6 +253,20 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes = {
    * @param {boolean} expanded The `expanded` state of the accordion.
    */
   onChange: PropTypes.func,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    transition: PropTypes.elementType
+  }),
   /**
    * If `true`, rounded corners are disabled.
    * @default false
@@ -241,12 +279,13 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes = {
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Collapse
+   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   TransitionComponent: PropTypes.elementType,
   /**
    * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/dist/node_modules/@mui/material/Accordion/accordionClasses.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 getAccordionUtilityClass(slot) {
   return generateUtilityClass("MuiAccordion", slot);
 }

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

@@ -3,11 +3,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import * as React from "react";
 import PropTypes from "../../../prop-types/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
-import styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import { getAccordionDetailsUtilityClass } from "./accordionDetailsClasses.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 styled from "../styles/styled.js";
 const _excluded = ["className"];
 const useUtilityClasses = (ownerState) => {
   const {
@@ -28,7 +28,7 @@ const AccordionDetailsRoot = styled("div", {
   padding: theme.spacing(1, 2, 2)
 }));
 const AccordionDetails = /* @__PURE__ */ React.forwardRef(function AccordionDetails2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiAccordionDetails"
   });
@@ -44,10 +44,10 @@ const AccordionDetails = /* @__PURE__ */ React.forwardRef(function AccordionDeta
   }, other));
 });
 process.env.NODE_ENV !== "production" ? AccordionDetails.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.
    */

package/dist/node_modules/@mui/material/AccordionDetails/accordionDetailsClasses.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 getAccordionDetailsUtilityClass(slot) {
   return generateUtilityClass("MuiAccordionDetails", slot);
 }

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

@@ -1,14 +1,14 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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 styled from "../styles/styled.js";
-import useThemeProps from "../styles/useThemeProps.js";
 import AccordionContext from "../Accordion/AccordionContext.js";
 import accordionSummaryClasses, { getAccordionSummaryUtilityClass } from "./accordionSummaryClasses.js";
 import { jsxs, 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 styled from "../styles/styled.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
 const _excluded = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 const useUtilityClasses = (ownerState) => {
@@ -31,13 +31,12 @@ const AccordionSummaryRoot = styled(ButtonBase, {
   slot: "Root",
   overridesResolver: (props, styles) => styles.root
 })(({
-  theme,
-  ownerState
+  theme
 }) => {
   const transition = {
     duration: theme.transitions.duration.shortest
   };
-  return _extends({
+  return {
     display: "flex",
     minHeight: 48,
     padding: theme.spacing(0, 2),
@@ -50,31 +49,38 @@ const AccordionSummaryRoot = styled(ButtonBase, {
     },
     [`&:hover:not(.${accordionSummaryClasses.disabled})`]: {
       cursor: "pointer"
-    }
-  }, !ownerState.disableGutters && {
-    [`&.${accordionSummaryClasses.expanded}`]: {
-      minHeight: 64
-    }
-  });
+    },
+    variants: [{
+      props: (props) => !props.disableGutters,
+      style: {
+        [`&.${accordionSummaryClasses.expanded}`]: {
+          minHeight: 64
+        }
+      }
+    }]
+  };
 });
 const AccordionSummaryContent = styled("div", {
   name: "MuiAccordionSummary",
   slot: "Content",
   overridesResolver: (props, styles) => styles.content
 })(({
-  theme,
-  ownerState
-}) => _extends({
+  theme
+}) => ({
   display: "flex",
   flexGrow: 1,
-  margin: "12px 0"
-}, !ownerState.disableGutters && {
-  transition: theme.transitions.create(["margin"], {
-    duration: theme.transitions.duration.shortest
-  }),
-  [`&.${accordionSummaryClasses.expanded}`]: {
-    margin: "20px 0"
-  }
+  margin: "12px 0",
+  variants: [{
+    props: (props) => !props.disableGutters,
+    style: {
+      transition: theme.transitions.create(["margin"], {
+        duration: theme.transitions.duration.shortest
+      }),
+      [`&.${accordionSummaryClasses.expanded}`]: {
+        margin: "20px 0"
+      }
+    }
+  }]
 }));
 const AccordionSummaryExpandIconWrapper = styled("div", {
   name: "MuiAccordionSummary",
@@ -94,7 +100,7 @@ const AccordionSummaryExpandIconWrapper = styled("div", {
   }
 }));
 const AccordionSummary = /* @__PURE__ */ React.forwardRef(function AccordionSummary2(inProps, ref) {
-  const props = useThemeProps({
+  const props = useDefaultProps({
     props: inProps,
     name: "MuiAccordionSummary"
   });
@@ -149,10 +155,10 @@ const AccordionSummary = /* @__PURE__ */ React.forwardRef(function AccordionSumm
   }));
 });
 process.env.NODE_ENV !== "production" ? AccordionSummary.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.
    */

package/dist/node_modules/@mui/material/AccordionSummary/accordionSummaryClasses.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 getAccordionSummaryUtilityClass(slot) {
   return generateUtilityClass("MuiAccordionSummary", slot);
 }