worked on GarageApp stuff

node_modules/@mui/material/esm/Step/Step.js

@@ -0,0 +1,176 @@
+'use client';
+
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import integerPropType from '@mui/utils/integerPropType';
+import composeClasses from '@mui/utils/composeClasses';
+import StepperContext from "../Stepper/StepperContext.js";
+import StepContext from "./StepContext.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getStepUtilityClass } from "./stepClasses.js";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    orientation,
+    alternativeLabel,
+    completed
+  } = ownerState;
+  const slots = {
+    root: ['root', orientation, alternativeLabel && 'alternativeLabel', completed && 'completed']
+  };
+  return composeClasses(slots, getStepUtilityClass, classes);
+};
+const StepRoot = styled('div', {
+  name: 'MuiStep',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[ownerState.orientation], ownerState.alternativeLabel && styles.alternativeLabel, ownerState.completed && styles.completed];
+  }
+})({
+  variants: [{
+    props: {
+      orientation: 'horizontal'
+    },
+    style: {
+      paddingLeft: 8,
+      paddingRight: 8
+    }
+  }, {
+    props: {
+      alternativeLabel: true
+    },
+    style: {
+      flex: 1,
+      position: 'relative'
+    }
+  }]
+});
+const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiStep'
+  });
+  const {
+    active: activeProp,
+    children,
+    className,
+    component = 'div',
+    completed: completedProp,
+    disabled: disabledProp,
+    expanded = false,
+    index,
+    last,
+    ...other
+  } = props;
+  const {
+    activeStep,
+    connector,
+    alternativeLabel,
+    orientation,
+    nonLinear
+  } = React.useContext(StepperContext);
+  let [active = false, completed = false, disabled = false] = [activeProp, completedProp, disabledProp];
+  if (activeStep === index) {
+    active = activeProp !== undefined ? activeProp : true;
+  } else if (!nonLinear && activeStep > index) {
+    completed = completedProp !== undefined ? completedProp : true;
+  } else if (!nonLinear && activeStep < index) {
+    disabled = disabledProp !== undefined ? disabledProp : true;
+  }
+  const contextValue = React.useMemo(() => ({
+    index,
+    last,
+    expanded,
+    icon: index + 1,
+    active,
+    completed,
+    disabled
+  }), [index, last, expanded, active, completed, disabled]);
+  const ownerState = {
+    ...props,
+    active,
+    orientation,
+    alternativeLabel,
+    completed,
+    disabled,
+    expanded,
+    component
+  };
+  const classes = useUtilityClasses(ownerState);
+  const newChildren = /*#__PURE__*/_jsxs(StepRoot, {
+    as: component,
+    className: clsx(classes.root, className),
+    ref: ref,
+    ownerState: ownerState,
+    ...other,
+    children: [connector && alternativeLabel && index !== 0 ? connector : null, children]
+  });
+  return /*#__PURE__*/_jsx(StepContext.Provider, {
+    value: contextValue,
+    children: connector && !alternativeLabel && index !== 0 ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [connector, newChildren]
+    }) : newChildren
+  });
+});
+process.env.NODE_ENV !== "production" ? Step.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Sets the step as active. Is passed to child components.
+   */
+  active: PropTypes.bool,
+  /**
+   * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * Mark the step as completed. Is passed to child components.
+   */
+  completed: PropTypes.bool,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * If `true`, the step is disabled, will also disable the button if
+   * `StepButton` is a child of `Step`. Is passed to child components.
+   */
+  disabled: PropTypes.bool,
+  /**
+   * Expand the step.
+   * @default false
+   */
+  expanded: PropTypes.bool,
+  /**
+   * The position of the step.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  index: integerPropType,
+  /**
+   * If `true`, the Step is displayed as rendered last.
+   * The prop defaults to the value inherited from the parent Stepper component.
+   */
+  last: PropTypes.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+} : void 0;
+export default Step;