impact-ui 4.0.16 → 4.0.17-alpha.2

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

@@ -1,21 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from "react";
-import { r as reactIsExports } from "../../../react-is/index.js";
+import { r as reactIsExports } from "../node_modules/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 composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import styled from "../styles/styled.js";
+import useControlled from "../../utils/useControlled/useControlled.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 import Paper from "../Paper/Paper.js";
-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"];
+import chainPropTypes from "../../utils/chainPropTypes/chainPropTypes.js";
+const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"];
 const useUtilityClasses = (ownerState) => {
   const {
     classes,
@@ -52,7 +51,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,
@@ -64,12 +63,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": {
@@ -79,7 +78,7 @@ const AccordionRoot = styled(Paper, {
         marginBottom: 0
       },
       "& + &": {
-        "&::before": {
+        "&:before": {
           display: "none"
         }
       }
@@ -89,37 +88,30 @@ const AccordionRoot = styled(Paper, {
     }
   };
 }, ({
-  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
-        }
-      }
-    }
-  }, {
-    props: (props) => !props.disableGutters,
-    style: {
-      [`&.${accordionClasses.expanded}`]: {
-        margin: "16px 0"
-      }
+  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
     }
-  }]
+  }
+}, !ownerState.disableGutters && {
+  [`&.${accordionClasses.expanded}`]: {
+    margin: "16px 0"
+  }
 }));
 const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiAccordion"
   });
@@ -132,10 +124,8 @@ const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps,
     expanded: expandedProp,
     onChange,
     square = false,
-    slots = {},
-    slotProps = {},
-    TransitionComponent: TransitionComponentProp,
-    TransitionProps: TransitionPropsProp
+    TransitionComponent = Collapse,
+    TransitionProps
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const [expanded, setExpandedState] = useControlled({
     controlled: expandedProp,
@@ -163,20 +153,6 @@ 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,
@@ -186,10 +162,10 @@ const Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(inProps,
     children: [/* @__PURE__ */ jsx(AccordionContext.Provider, {
       value: contextValue,
       children: summary
-    }), /* @__PURE__ */ jsx(TransitionSlot, _extends({
+    }), /* @__PURE__ */ jsx(TransitionComponent, _extends({
       in: expanded,
       timeout: "auto"
-    }, transitionProps, {
+    }, TransitionProps, {
       children: /* @__PURE__ */ jsx("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props["aria-controls"],
@@ -201,10 +177,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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */
@@ -253,20 +229,6 @@ 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
@@ -279,13 +241,12 @@ 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.
-   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @default Collapse
    */
   TransitionComponent: PropTypes.elementType,
   /**
    * Props applied to the transition element.
-   * 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/).
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
    */
   TransitionProps: PropTypes.object
 } : void 0;

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

@@ -1,5 +1,5 @@
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../utils/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 { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import styled from "../styles/styled.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.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 = useDefaultProps({
+  const props = useThemeProps({
     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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */

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

@@ -1,5 +1,5 @@
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
 function getAccordionDetailsUtilityClass(slot) {
   return generateUtilityClass("MuiAccordionDetails", slot);
 }

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

@@ -1,14 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+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 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 { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import styled from "../styles/styled.js";
+import composeClasses from "../../utils/composeClasses/composeClasses.js";
 import ButtonBase from "../ButtonBase/ButtonBase.js";
 const _excluded = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 const useUtilityClasses = (ownerState) => {
@@ -31,12 +31,13 @@ const AccordionSummaryRoot = styled(ButtonBase, {
   slot: "Root",
   overridesResolver: (props, styles) => styles.root
 })(({
-  theme
+  theme,
+  ownerState
 }) => {
   const transition = {
     duration: theme.transitions.duration.shortest
   };
-  return {
+  return _extends({
     display: "flex",
     minHeight: 48,
     padding: theme.spacing(0, 2),
@@ -49,38 +50,31 @@ const AccordionSummaryRoot = styled(ButtonBase, {
     },
     [`&:hover:not(.${accordionSummaryClasses.disabled})`]: {
       cursor: "pointer"
-    },
-    variants: [{
-      props: (props) => !props.disableGutters,
-      style: {
-        [`&.${accordionSummaryClasses.expanded}`]: {
-          minHeight: 64
-        }
-      }
-    }]
-  };
+    }
+  }, !ownerState.disableGutters && {
+    [`&.${accordionSummaryClasses.expanded}`]: {
+      minHeight: 64
+    }
+  });
 });
 const AccordionSummaryContent = styled("div", {
   name: "MuiAccordionSummary",
   slot: "Content",
   overridesResolver: (props, styles) => styles.content
 })(({
-  theme
-}) => ({
+  theme,
+  ownerState
+}) => _extends({
   display: "flex",
   flexGrow: 1,
-  margin: "12px 0",
-  variants: [{
-    props: (props) => !props.disableGutters,
-    style: {
-      transition: theme.transitions.create(["margin"], {
-        duration: theme.transitions.duration.shortest
-      }),
-      [`&.${accordionSummaryClasses.expanded}`]: {
-        margin: "20px 0"
-      }
-    }
-  }]
+  margin: "12px 0"
+}, !ownerState.disableGutters && {
+  transition: theme.transitions.create(["margin"], {
+    duration: theme.transitions.duration.shortest
+  }),
+  [`&.${accordionSummaryClasses.expanded}`]: {
+    margin: "20px 0"
+  }
 }));
 const AccordionSummaryExpandIconWrapper = styled("div", {
   name: "MuiAccordionSummary",
@@ -100,7 +94,7 @@ const AccordionSummaryExpandIconWrapper = styled("div", {
   }
 }));
 const AccordionSummary = /* @__PURE__ */ React.forwardRef(function AccordionSummary2(inProps, ref) {
-  const props = useDefaultProps({
+  const props = useThemeProps({
     props: inProps,
     name: "MuiAccordionSummary"
   });
@@ -155,10 +149,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 `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * The content of the component.
    */

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

@@ -1,5 +1,5 @@
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
+import generateUtilityClass from "../../utils/generateUtilityClass/generateUtilityClass.js";
+import generateUtilityClasses from "../../utils/generateUtilityClasses/generateUtilityClasses.js";
 function getAccordionSummaryUtilityClass(slot) {
   return generateUtilityClass("MuiAccordionSummary", slot);
 }