worked on GarageApp stuff

node_modules/@mui/material/StepContent/StepContent.d.ts

@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
+import { CollapseProps } from "../Collapse/index.js";
+import { TransitionProps } from "../transitions/transition.js";
+import { StepContentClasses } from "./stepContentClasses.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps } from "../utils/types.js";
+export interface StepContentSlots {
+  /**
+   * The component that renders the transition slot.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Collapse
+   */
+  transition?: React.JSXElementConstructor<TransitionProps & {
+    children?: React.ReactElement<unknown, any>;
+  }>;
+}
+export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSlots, {
+  /**
+   * Props forwared to the transition slot.
+   * By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
+   */
+  transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
+}>;
+export interface StepContentOwnerState extends StepContentProps {}
+export interface StepContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepContentSlotsAndSlotProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<StepContentClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/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 a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   */
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
+    children: React.ReactElement<unknown, any>;
+  }>;
+  /**
+   * Adjust the duration of the content expand transition.
+   * Passed as a prop to the transition component.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   * @default 'auto'
+   */
+  transitionDuration?: TransitionProps['timeout'] | 'auto';
+  /**
+   * 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 a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionProps?: TransitionProps;
+}
+export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ *
+ * API:
+ *
+ * - [StepContent API](https://mui.com/material-ui/api/step-content/)
+ */
+export default function StepContent(props: StepContentProps): React.JSX.Element;

node_modules/@mui/material/StepContent/StepContent.js

@@ -0,0 +1,193 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _zeroStyled = require("../zero-styled");
+var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _Collapse = _interopRequireDefault(require("../Collapse"));
+var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"));
+var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
+var _stepContentClasses = require("./stepContentClasses");
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
+var _jsxRuntime = require("react/jsx-runtime");
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    last
+  } = ownerState;
+  const slots = {
+    root: ['root', last && 'last'],
+    transition: ['transition']
+  };
+  return (0, _composeClasses.default)(slots, _stepContentClasses.getStepContentUtilityClass, classes);
+};
+const StepContentRoot = (0, _zeroStyled.styled)('div', {
+  name: 'MuiStepContent',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, ownerState.last && styles.last];
+  }
+})((0, _memoTheme.default)(({
+  theme
+}) => ({
+  marginLeft: 12,
+  // half icon
+  paddingLeft: 8 + 12,
+  // margin + half icon
+  paddingRight: 8,
+  borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`,
+  variants: [{
+    props: {
+      last: true
+    },
+    style: {
+      borderLeft: 'none'
+    }
+  }]
+})));
+const StepContentTransition = (0, _zeroStyled.styled)(_Collapse.default, {
+  name: 'MuiStepContent',
+  slot: 'Transition'
+})({});
+const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps, ref) {
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
+    props: inProps,
+    name: 'MuiStepContent'
+  });
+  const {
+    children,
+    className,
+    TransitionComponent = _Collapse.default,
+    transitionDuration: transitionDurationProp = 'auto',
+    TransitionProps,
+    slots = {},
+    slotProps = {},
+    ...other
+  } = props;
+  const {
+    orientation
+  } = React.useContext(_StepperContext.default);
+  const {
+    active,
+    last,
+    expanded
+  } = React.useContext(_StepContext.default);
+  const ownerState = {
+    ...props,
+    last
+  };
+  const classes = useUtilityClasses(ownerState);
+  if (process.env.NODE_ENV !== 'production') {
+    if (orientation !== 'vertical') {
+      console.error('MUI: <StepContent /> is only designed for use with the vertical stepper.');
+    }
+  }
+  let transitionDuration = transitionDurationProp;
+  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
+    transitionDuration = undefined;
+  }
+  const externalForwardedProps = {
+    slots,
+    slotProps: {
+      transition: TransitionProps,
+      ...slotProps
+    }
+  };
+  const [TransitionSlot, transitionProps] = (0, _useSlot.default)('transition', {
+    elementType: StepContentTransition,
+    externalForwardedProps,
+    ownerState,
+    className: classes.transition,
+    additionalProps: {
+      in: active || expanded,
+      timeout: transitionDuration,
+      unmountOnExit: true
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentRoot, {
+    className: (0, _clsx.default)(classes.root, className),
+    ref: ref,
+    ownerState: ownerState,
+    ...other,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
+      as: TransitionComponent,
+      ...transitionProps,
+      children: children
+    })
+  });
+});
+process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-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.default.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    transition: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    transition: _propTypes.default.elementType
+  }),
+  /**
+   * 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]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/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 a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   */
+  TransitionComponent: _propTypes.default.elementType,
+  /**
+   * Adjust the duration of the content expand transition.
+   * Passed as a prop to the transition component.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   * @default 'auto'
+   */
+  transitionDuration: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.shape({
+    appear: _propTypes.default.number,
+    enter: _propTypes.default.number,
+    exit: _propTypes.default.number
+  })]),
+  /**
+   * 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 a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionProps: _propTypes.default.object
+} : void 0;
+var _default = exports.default = StepContent;

node_modules/@mui/material/StepContent/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./StepContent.js";
+export * from "./StepContent.js";
+export { default as stepContentClasses } from "./stepContentClasses.js";
+export * from "./stepContentClasses.js";

node_modules/@mui/material/StepContent/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  stepContentClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _StepContent.default;
+  }
+});
+Object.defineProperty(exports, "stepContentClasses", {
+  enumerable: true,
+  get: function () {
+    return _stepContentClasses.default;
+  }
+});
+var _StepContent = _interopRequireDefault(require("./StepContent"));
+var _stepContentClasses = _interopRequireWildcard(require("./stepContentClasses"));
+Object.keys(_stepContentClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _stepContentClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stepContentClasses[key];
+    }
+  });
+});

node_modules/@mui/material/StepContent/stepContentClasses.d.ts

@@ -0,0 +1,12 @@
+export interface StepContentClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `last={true}` (controlled by `Step`). */
+  last: string;
+  /** Styles applied to the Transition component. */
+  transition: string;
+}
+export type StepContentClassKey = keyof StepContentClasses;
+export declare function getStepContentUtilityClass(slot: string): string;
+declare const stepContentClasses: StepContentClasses;
+export default stepContentClasses;

node_modules/@mui/material/StepContent/stepContentClasses.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getStepContentUtilityClass = getStepContentUtilityClass;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getStepContentUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiStepContent', slot);
+}
+const stepContentClasses = (0, _generateUtilityClasses.default)('MuiStepContent', ['root', 'last', 'transition']);
+var _default = exports.default = stepContentClasses;