worked on GarageApp stuff

node_modules/@mui/material/esm/StepLabel/StepLabel.d.ts

@@ -0,0 +1,106 @@
+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 { StepIconProps } from "../StepIcon/index.js";
+import { StepLabelClasses } from "./stepLabelClasses.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+export interface StepLabelSlots {
+  /**
+   * The component that renders the root.
+   * @default span
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the label.
+   * @default span
+   */
+  label: React.ElementType;
+  /**
+   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
+   */
+  stepIcon: React.ElementType;
+}
+export type StepLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<StepLabelSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the span element.
+   */
+  root: SlotProps<'span', {}, StepLabelOwnerState>;
+  /**
+   * Props forwarded to the label slot.
+   * By default, the avaible props are based on the span element.
+   */
+  label: SlotProps<'span', {}, StepLabelOwnerState>;
+  /**
+   * Props forwarded to the stepIcon slot.
+   * By default, the avaible props are based on the div element.
+   */
+  stepIcon: SlotProps<React.ElementType<StepIconProps>, {}, StepLabelOwnerState>;
+}>;
+export interface StepLabelOwnerState extends StepLabelProps {}
+export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, StepLabelSlotsAndSlotProps {
+  /**
+   * In most cases will simply be a string containing a title for the label.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<StepLabelClasses>;
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  componentsProps?: {
+    /**
+     * Props applied to the label element.
+     * @default {}
+     */
+    label?: React.HTMLProps<HTMLSpanElement>;
+  };
+  /**
+   * If `true`, the step is marked as failed.
+   * @default false
+   */
+  error?: boolean;
+  /**
+   * Override the default label of the step icon.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The optional node to display.
+   */
+  optional?: React.ReactNode;
+  /**
+   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
+   * @deprecated Use `slots.stepIcon` 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.
+   */
+  StepIconComponent?: React.ElementType<StepIconProps>;
+  /**
+   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
+   * @deprecated Use `slotProps.stepIcon` 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.
+   */
+  StepIconProps?: Partial<StepIconProps>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ *
+ * API:
+ *
+ * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
+ */
+declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
+  muiName: string;
+};
+export default StepLabel;

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

@@ -0,0 +1,277 @@
+'use client';
+
+import composeClasses from '@mui/utils/composeClasses';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import StepContext from "../Step/StepContext.js";
+import StepIcon from "../StepIcon/index.js";
+import StepperContext from "../Stepper/StepperContext.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import stepLabelClasses, { getStepLabelUtilityClass } from "./stepLabelClasses.js";
+import useSlot from "../utils/useSlot.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    orientation,
+    active,
+    completed,
+    error,
+    disabled,
+    alternativeLabel
+  } = ownerState;
+  const slots = {
+    root: ['root', orientation, error && 'error', disabled && 'disabled', alternativeLabel && 'alternativeLabel'],
+    label: ['label', active && 'active', completed && 'completed', error && 'error', disabled && 'disabled', alternativeLabel && 'alternativeLabel'],
+    iconContainer: ['iconContainer', active && 'active', completed && 'completed', error && 'error', disabled && 'disabled', alternativeLabel && 'alternativeLabel'],
+    labelContainer: ['labelContainer', alternativeLabel && 'alternativeLabel']
+  };
+  return composeClasses(slots, getStepLabelUtilityClass, classes);
+};
+const StepLabelRoot = styled('span', {
+  name: 'MuiStepLabel',
+  slot: 'Root',
+  overridesResolver: (props, styles) => {
+    const {
+      ownerState
+    } = props;
+    return [styles.root, styles[ownerState.orientation]];
+  }
+})({
+  display: 'flex',
+  alignItems: 'center',
+  [`&.${stepLabelClasses.alternativeLabel}`]: {
+    flexDirection: 'column'
+  },
+  [`&.${stepLabelClasses.disabled}`]: {
+    cursor: 'default'
+  },
+  variants: [{
+    props: {
+      orientation: 'vertical'
+    },
+    style: {
+      textAlign: 'left',
+      padding: '8px 0'
+    }
+  }]
+});
+const StepLabelLabel = styled('span', {
+  name: 'MuiStepLabel',
+  slot: 'Label'
+})(memoTheme(({
+  theme
+}) => ({
+  ...theme.typography.body2,
+  display: 'block',
+  transition: theme.transitions.create('color', {
+    duration: theme.transitions.duration.shortest
+  }),
+  [`&.${stepLabelClasses.active}`]: {
+    color: (theme.vars || theme).palette.text.primary,
+    fontWeight: 500
+  },
+  [`&.${stepLabelClasses.completed}`]: {
+    color: (theme.vars || theme).palette.text.primary,
+    fontWeight: 500
+  },
+  [`&.${stepLabelClasses.alternativeLabel}`]: {
+    marginTop: 16
+  },
+  [`&.${stepLabelClasses.error}`]: {
+    color: (theme.vars || theme).palette.error.main
+  }
+})));
+const StepLabelIconContainer = styled('span', {
+  name: 'MuiStepLabel',
+  slot: 'IconContainer'
+})({
+  flexShrink: 0,
+  display: 'flex',
+  paddingRight: 8,
+  [`&.${stepLabelClasses.alternativeLabel}`]: {
+    paddingRight: 0
+  }
+});
+const StepLabelLabelContainer = styled('span', {
+  name: 'MuiStepLabel',
+  slot: 'LabelContainer'
+})(memoTheme(({
+  theme
+}) => ({
+  width: '100%',
+  color: (theme.vars || theme).palette.text.secondary,
+  [`&.${stepLabelClasses.alternativeLabel}`]: {
+    textAlign: 'center'
+  }
+})));
+const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiStepLabel'
+  });
+  const {
+    children,
+    className,
+    componentsProps = {},
+    error = false,
+    icon: iconProp,
+    optional,
+    slots = {},
+    slotProps = {},
+    StepIconComponent: StepIconComponentProp,
+    StepIconProps,
+    ...other
+  } = props;
+  const {
+    alternativeLabel,
+    orientation
+  } = React.useContext(StepperContext);
+  const {
+    active,
+    disabled,
+    completed,
+    icon: iconContext
+  } = React.useContext(StepContext);
+  const icon = iconProp || iconContext;
+  let StepIconComponent = StepIconComponentProp;
+  if (icon && !StepIconComponent) {
+    StepIconComponent = StepIcon;
+  }
+  const ownerState = {
+    ...props,
+    active,
+    alternativeLabel,
+    completed,
+    disabled,
+    error,
+    orientation
+  };
+  const classes = useUtilityClasses(ownerState);
+  const externalForwardedProps = {
+    slots,
+    slotProps: {
+      stepIcon: StepIconProps,
+      ...componentsProps,
+      ...slotProps
+    }
+  };
+  const [RootSlot, rootProps] = useSlot('root', {
+    elementType: StepLabelRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    ownerState,
+    ref,
+    className: clsx(classes.root, className)
+  });
+  const [LabelSlot, labelProps] = useSlot('label', {
+    elementType: StepLabelLabel,
+    externalForwardedProps,
+    ownerState
+  });
+  const [StepIconSlot, stepIconProps] = useSlot('stepIcon', {
+    elementType: StepIconComponent,
+    externalForwardedProps,
+    ownerState
+  });
+  return /*#__PURE__*/_jsxs(RootSlot, {
+    ...rootProps,
+    children: [icon || StepIconSlot ? /*#__PURE__*/_jsx(StepLabelIconContainer, {
+      className: classes.iconContainer,
+      ownerState: ownerState,
+      children: /*#__PURE__*/_jsx(StepIconSlot, {
+        completed: completed,
+        active: active,
+        error: error,
+        icon: icon,
+        ...stepIconProps
+      })
+    }) : null, /*#__PURE__*/_jsxs(StepLabelLabelContainer, {
+      className: classes.labelContainer,
+      ownerState: ownerState,
+      children: [children ? /*#__PURE__*/_jsx(LabelSlot, {
+        ...labelProps,
+        className: clsx(classes.label, labelProps?.className),
+        children: children
+      }) : null, optional]
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" ? StepLabel.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * In most cases will simply be a string containing a title for the label.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  componentsProps: PropTypes.shape({
+    label: PropTypes.object
+  }),
+  /**
+   * If `true`, the step is marked as failed.
+   * @default false
+   */
+  error: PropTypes.bool,
+  /**
+   * Override the default label of the step icon.
+   */
+  icon: PropTypes.node,
+  /**
+   * The optional node to display.
+   */
+  optional: PropTypes.node,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    label: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    stepIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    label: PropTypes.elementType,
+    root: PropTypes.elementType,
+    stepIcon: PropTypes.elementType
+  }),
+  /**
+   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
+   * @deprecated Use `slots.stepIcon` 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.
+   */
+  StepIconComponent: PropTypes.elementType,
+  /**
+   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
+   * @deprecated Use `slotProps.stepIcon` 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.
+   */
+  StepIconProps: PropTypes.object,
+  /**
+   * 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;
+StepLabel.muiName = 'StepLabel';
+export default StepLabel;

node_modules/@mui/material/esm/StepLabel/index.d.ts

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

node_modules/@mui/material/esm/StepLabel/index.js

@@ -0,0 +1,3 @@
+export { default } from "./StepLabel.js";
+export { default as stepLabelClasses } from "./stepLabelClasses.js";
+export * from "./stepLabelClasses.js";

node_modules/@mui/material/esm/StepLabel/stepLabelClasses.d.ts

@@ -0,0 +1,28 @@
+export interface StepLabelClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `orientation="horizontal"`. */
+  horizontal: string;
+  /** Styles applied to the root element if `orientation="vertical"`. */
+  vertical: string;
+  /** Styles applied to the label element that wraps `children`. */
+  label: string;
+  /** State class applied to the label element if `active={true}`. */
+  active: string;
+  /** State class applied to the label element if `completed={true}`. */
+  completed: string;
+  /** State class applied to the root and label elements if `error={true}`. */
+  error: string;
+  /** State class applied to the root and label elements if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the `icon` container element. */
+  iconContainer: string;
+  /** State class applied to the root and icon container and label if `alternativeLabel={true}`. */
+  alternativeLabel: string;
+  /** Styles applied to the container element which wraps label and `optional`. */
+  labelContainer: string;
+}
+export type StepLabelClassKey = keyof StepLabelClasses;
+export declare function getStepLabelUtilityClass(slot: string): string;
+declare const stepLabelClasses: StepLabelClasses;
+export default stepLabelClasses;

node_modules/@mui/material/esm/StepLabel/stepLabelClasses.js

@@ -0,0 +1,7 @@
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+export function getStepLabelUtilityClass(slot) {
+  return generateUtilityClass('MuiStepLabel', slot);
+}
+const stepLabelClasses = generateUtilityClasses('MuiStepLabel', ['root', 'horizontal', 'vertical', 'label', 'active', 'completed', 'error', 'disabled', 'iconContainer', 'alternativeLabel', 'labelContainer']);
+export default stepLabelClasses;