@mui/material 5.10.16 → 5.11.0

package/node/SpeedDialAction/SpeedDialAction.js

@@ -0,0 +1,252 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _base = require("@mui/base");
+var _system = require("@mui/system");
+var _styled = _interopRequireDefault(require("../styles/styled"));
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _Fab = _interopRequireDefault(require("../Fab"));
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+var _speedDialActionClasses = _interopRequireWildcard(require("./speedDialActionClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "delay", "FabProps", "icon", "id", "open", "TooltipClasses", "tooltipOpen", "tooltipPlacement", "tooltipTitle"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useUtilityClasses = ownerState => {
+  const {
+    open,
+    tooltipPlacement,
+    classes
+  } = ownerState;
+  const slots = {
+    fab: ['fab', !open && 'fabClosed'],
+    staticTooltip: ['staticTooltip', `tooltipPlacement${(0, _capitalize.default)(tooltipPlacement)}`, !open && 'staticTooltipClosed'],
+    staticTooltipLabel: ['staticTooltipLabel']
+  };
+  return (0, _base.unstable_composeClasses)(slots, _speedDialActionClasses.getSpeedDialActionUtilityClass, classes);
+};
+const SpeedDialActionFab = (0, _styled.default)(_Fab.default, {
+  name: 'MuiSpeedDialAction',
+  slot: 'Fab',
+  skipVariantsResolver: false,
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.fab, !ownerState.open && styles.fabClosed];
+  }
+})(({
+  theme,
+  ownerState
+}) => (0, _extends2.default)({
+  margin: 8,
+  color: (theme.vars || theme).palette.text.secondary,
+  backgroundColor: (theme.vars || theme).palette.background.paper,
+  '&:hover': {
+    backgroundColor: theme.vars ? theme.vars.palette.SpeedDialAction.fabHoverBg : (0, _system.emphasize)(theme.palette.background.paper, 0.15)
+  },
+  transition: `${theme.transitions.create('transform', {
+    duration: theme.transitions.duration.shorter
+  })}, opacity 0.8s`,
+  opacity: 1
+}, !ownerState.open && {
+  opacity: 0,
+  transform: 'scale(0)'
+}));
+const SpeedDialActionStaticTooltip = (0, _styled.default)('span', {
+  name: 'MuiSpeedDialAction',
+  slot: 'StaticTooltip',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.staticTooltip, !ownerState.open && styles.staticTooltipClosed, styles[`tooltipPlacement${(0, _capitalize.default)(ownerState.tooltipPlacement)}`]];
+  }
+})(({
+  theme,
+  ownerState
+}) => ({
+  position: 'relative',
+  display: 'flex',
+  alignItems: 'center',
+  [`& .${_speedDialActionClasses.default.staticTooltipLabel}`]: (0, _extends2.default)({
+    transition: theme.transitions.create(['transform', 'opacity'], {
+      duration: theme.transitions.duration.shorter
+    }),
+    opacity: 1
+  }, !ownerState.open && {
+    opacity: 0,
+    transform: 'scale(0.5)'
+  }, ownerState.tooltipPlacement === 'left' && {
+    transformOrigin: '100% 50%',
+    right: '100%',
+    marginRight: 8
+  }, ownerState.tooltipPlacement === 'right' && {
+    transformOrigin: '0% 50%',
+    left: '100%',
+    marginLeft: 8
+  })
+}));
+const SpeedDialActionStaticTooltipLabel = (0, _styled.default)('span', {
+  name: 'MuiSpeedDialAction',
+  slot: 'StaticTooltipLabel',
+  overridesResolver: (props, styles) => styles.staticTooltipLabel
+})(({
+  theme
+}) => (0, _extends2.default)({
+  position: 'absolute'
+}, theme.typography.body1, {
+  backgroundColor: (theme.vars || theme).palette.background.paper,
+  borderRadius: (theme.vars || theme).shape.borderRadius,
+  boxShadow: (theme.vars || theme).shadows[1],
+  color: (theme.vars || theme).palette.text.secondary,
+  padding: '4px 16px',
+  wordBreak: 'keep-all'
+}));
+const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(inProps, ref) {
+  const props = (0, _useThemeProps.default)({
+    props: inProps,
+    name: 'MuiSpeedDialAction'
+  });
+  const {
+      className,
+      delay = 0,
+      FabProps = {},
+      icon,
+      id,
+      open,
+      TooltipClasses,
+      tooltipOpen: tooltipOpenProp = false,
+      tooltipPlacement = 'left',
+      tooltipTitle
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
+    tooltipPlacement
+  });
+  const classes = useUtilityClasses(ownerState);
+  const [tooltipOpen, setTooltipOpen] = React.useState(tooltipOpenProp);
+  const handleTooltipClose = () => {
+    setTooltipOpen(false);
+  };
+  const handleTooltipOpen = () => {
+    setTooltipOpen(true);
+  };
+  const transitionStyle = {
+    transitionDelay: `${delay}ms`
+  };
+  const fab = /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionFab, (0, _extends2.default)({
+    size: "small",
+    className: (0, _clsx.default)(classes.fab, className),
+    tabIndex: -1,
+    role: "menuitem",
+    ownerState: ownerState
+  }, FabProps, {
+    style: (0, _extends2.default)({}, transitionStyle, FabProps.style),
+    children: icon
+  }));
+  if (tooltipOpenProp) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialActionStaticTooltip, (0, _extends2.default)({
+      id: id,
+      ref: ref,
+      className: classes.staticTooltip,
+      ownerState: ownerState
+    }, other, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedDialActionStaticTooltipLabel, {
+        style: transitionStyle,
+        id: `${id}-label`,
+        className: classes.staticTooltipLabel,
+        ownerState: ownerState,
+        children: tooltipTitle
+      }), /*#__PURE__*/React.cloneElement(fab, {
+        'aria-labelledby': `${id}-label`
+      })]
+    }));
+  }
+  if (!open && tooltipOpen) {
+    setTooltipOpen(false);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({
+    id: id,
+    ref: ref,
+    title: tooltipTitle,
+    placement: tooltipPlacement,
+    onClose: handleTooltipClose,
+    onOpen: handleTooltipOpen,
+    open: open && tooltipOpen,
+    classes: TooltipClasses
+  }, other, {
+    children: fab
+  }));
+});
+process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+  /**
+   * Adds a transition delay, to allow a series of SpeedDialActions to be animated.
+   * @default 0
+   */
+  delay: _propTypes.default.number,
+  /**
+   * Props applied to the [`Fab`](/material-ui/api/fab/) component.
+   * @default {}
+   */
+  FabProps: _propTypes.default.object,
+  /**
+   * The icon to display in the SpeedDial Fab.
+   */
+  icon: _propTypes.default.node,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: _propTypes.default.string,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: _propTypes.default.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * `classes` prop applied to the [`Tooltip`](/material-ui/api/tooltip/) element.
+   */
+  TooltipClasses: _propTypes.default.object,
+  /**
+   * Make the tooltip always visible when the SpeedDial is open.
+   * @default false
+   */
+  tooltipOpen: _propTypes.default.bool,
+  /**
+   * Placement of the tooltip.
+   * @default 'left'
+   */
+  tooltipPlacement: _propTypes.default.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+  /**
+   * Label to display in the tooltip.
+   */
+  tooltipTitle: _propTypes.default.node
+} : void 0;
+var _default = SpeedDialAction;
+exports.default = _default;

package/node/SpeedDialAction/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  speedDialActionClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _SpeedDialAction.default;
+  }
+});
+Object.defineProperty(exports, "speedDialActionClasses", {
+  enumerable: true,
+  get: function () {
+    return _speedDialActionClasses.default;
+  }
+});
+var _SpeedDialAction = _interopRequireDefault(require("./SpeedDialAction"));
+var _speedDialActionClasses = _interopRequireWildcard(require("./speedDialActionClasses"));
+Object.keys(_speedDialActionClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _speedDialActionClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _speedDialActionClasses[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/node/SpeedDialAction/speedDialActionClasses.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getSpeedDialActionUtilityClass = getSpeedDialActionUtilityClass;
+var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+function getSpeedDialActionUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiSpeedDialAction', slot);
+}
+const speedDialActionClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSpeedDialAction', ['fab', 'fabClosed', 'staticTooltip', 'staticTooltipClosed', 'staticTooltipLabel', 'tooltipPlacementLeft', 'tooltipPlacementRight']);
+var _default = speedDialActionClasses;
+exports.default = _default;

package/node/SpeedDialIcon/SpeedDialIcon.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _base = require("@mui/base");
+var _styled = _interopRequireDefault(require("../styles/styled"));
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _Add = _interopRequireDefault(require("../internal/svg-icons/Add"));
+var _speedDialIconClasses = _interopRequireWildcard(require("./speedDialIconClasses"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "icon", "open", "openIcon"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    open,
+    openIcon
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    icon: ['icon', open && 'iconOpen', openIcon && open && 'iconWithOpenIconOpen'],
+    openIcon: ['openIcon', open && 'openIconOpen']
+  };
+  return (0, _base.unstable_composeClasses)(slots, _speedDialIconClasses.getSpeedDialIconUtilityClass, classes);
+};
+const SpeedDialIconRoot = (0, _styled.default)('span', {
+  name: 'MuiSpeedDialIcon',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [{
+      [`& .${_speedDialIconClasses.default.icon}`]: styles.icon
+    }, {
+      [`& .${_speedDialIconClasses.default.icon}`]: ownerState.open && styles.iconOpen
+    }, {
+      [`& .${_speedDialIconClasses.default.icon}`]: ownerState.open && ownerState.openIcon && styles.iconWithOpenIconOpen
+    }, {
+      [`& .${_speedDialIconClasses.default.openIcon}`]: styles.openIcon
+    }, {
+      [`& .${_speedDialIconClasses.default.openIcon}`]: ownerState.open && styles.openIconOpen
+    }, styles.root];
+  }
+})(({
+  theme,
+  ownerState
+}) => ({
+  height: 24,
+  [`& .${_speedDialIconClasses.default.icon}`]: (0, _extends2.default)({
+    transition: theme.transitions.create(['transform', 'opacity'], {
+      duration: theme.transitions.duration.short
+    })
+  }, ownerState.open && (0, _extends2.default)({
+    transform: 'rotate(45deg)'
+  }, ownerState.openIcon && {
+    opacity: 0
+  })),
+  [`& .${_speedDialIconClasses.default.openIcon}`]: (0, _extends2.default)({
+    position: 'absolute',
+    transition: theme.transitions.create(['transform', 'opacity'], {
+      duration: theme.transitions.duration.short
+    }),
+    opacity: 0,
+    transform: 'rotate(-45deg)'
+  }, ownerState.open && {
+    transform: 'rotate(0deg)',
+    opacity: 1
+  })
+}));
+const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {
+  const props = (0, _useThemeProps.default)({
+    props: inProps,
+    name: 'MuiSpeedDialIcon'
+  });
+  const {
+      className,
+      icon: iconProp,
+      openIcon: openIconProp
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
+  function formatIcon(icon, newClassName) {
+    if ( /*#__PURE__*/React.isValidElement(icon)) {
+      return /*#__PURE__*/React.cloneElement(icon, {
+        className: newClassName
+      });
+    }
+    return icon;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpeedDialIconRoot, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
+    ref: ref,
+    ownerState: ownerState
+  }, other, {
+    children: [openIconProp ? formatIcon(openIconProp, classes.openIcon) : null, iconProp ? formatIcon(iconProp, classes.icon) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
+      className: classes.icon
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes /* remove-proptypes */ = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+  /**
+   * The icon to display.
+   */
+  icon: _propTypes.default.node,
+  /**
+   * @ignore
+   * If `true`, the component is shown.
+   */
+  open: _propTypes.default.bool,
+  /**
+   * The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open.
+   */
+  openIcon: _propTypes.default.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;
+SpeedDialIcon.muiName = 'SpeedDialIcon';
+var _default = SpeedDialIcon;
+exports.default = _default;

package/node/SpeedDialIcon/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  speedDialIconClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _SpeedDialIcon.default;
+  }
+});
+Object.defineProperty(exports, "speedDialIconClasses", {
+  enumerable: true,
+  get: function () {
+    return _speedDialIconClasses.default;
+  }
+});
+var _SpeedDialIcon = _interopRequireDefault(require("./SpeedDialIcon"));
+var _speedDialIconClasses = _interopRequireWildcard(require("./speedDialIconClasses"));
+Object.keys(_speedDialIconClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _speedDialIconClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _speedDialIconClasses[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/node/SpeedDialIcon/speedDialIconClasses.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getSpeedDialIconUtilityClass = getSpeedDialIconUtilityClass;
+var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+function getSpeedDialIconUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiSpeedDialIcon', slot);
+}
+const speedDialIconClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSpeedDialIcon', ['root', 'icon', 'iconOpen', 'iconWithOpenIconOpen', 'openIcon', 'openIconOpen']);
+var _default = speedDialIconClasses;
+exports.default = _default;

package/node/Stack/Stack.js

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.style = exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _system = require("@mui/system");
+var _utils = require("@mui/utils");
+var _styled = _interopRequireDefault(require("../styles/styled"));
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["component", "direction", "spacing", "divider", "children"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * Return an array with the separator React element interspersed between
+ * each React node of the input children.
+ *
+ * > joinChildren([1,2,3], 0)
+ * [1,0,2,0,3]
+ */
+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 = (0, _extends2.default)({
+    display: 'flex',
+    flexDirection: 'column'
+  }, (0, _system.handleBreakpoints)({
+    theme
+  }, (0, _system.unstable_resolveBreakpointValues)({
+    values: ownerState.direction,
+    breakpoints: theme.breakpoints.values
+  }), propValue => ({
+    flexDirection: propValue
+  })));
+  if (ownerState.spacing) {
+    const transformer = (0, _system.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 = (0, _system.unstable_resolveBreakpointValues)({
+      values: ownerState.direction,
+      base
+    });
+    const spacingValues = (0, _system.unstable_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) => {
+      return {
+        '& > :not(style) + :not(style)': {
+          margin: 0,
+          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: (0, _system.getValue)(transformer, propValue)
+        }
+      };
+    };
+    styles = (0, _utils.deepmerge)(styles, (0, _system.handleBreakpoints)({
+      theme
+    }, spacingValues, styleFromPropValue));
+  }
+  styles = (0, _system.mergeBreakpointsInOrder)(theme.breakpoints, styles);
+  return styles;
+};
+exports.style = style;
+const StackRoot = (0, _styled.default)('div', {
+  name: 'MuiStack',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    return [styles.root];
+  }
+})(style);
+const Stack = /*#__PURE__*/React.forwardRef(function Stack(inProps, ref) {
+  const themeProps = (0, _useThemeProps.default)({
+    props: inProps,
+    name: 'MuiStack'
+  });
+  const props = (0, _system.unstable_extendSxProp)(themeProps);
+  const {
+      component = 'div',
+      direction = 'column',
+      spacing = 0,
+      divider,
+      children
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = {
+    direction,
+    spacing
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StackRoot, (0, _extends2.default)({
+    as: component,
+    ownerState: ownerState,
+    ref: ref
+  }, other, {
+    children: divider ? joinChildren(children, divider) : children
+  }));
+});
+process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-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.
+   */
+  children: _propTypes.default.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: _propTypes.default.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;
+var _default = Stack;
+exports.default = _default;