worked on GarageApp stuff

node_modules/@mui/system/esm/sizing/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./sizing.js";
+export * from "./sizing.js";

node_modules/@mui/system/esm/sizing/index.js

@@ -0,0 +1,2 @@
+export { default } from "./sizing.js";
+export * from "./sizing.js";

node_modules/@mui/system/esm/sizing/sizing.d.ts

@@ -0,0 +1,13 @@
+import { PropsFor, SimpleStyleFunction } from "../style/index.js";
+export const width: SimpleStyleFunction<'width'>;
+export const maxWidth: SimpleStyleFunction<'maxWidth'>;
+export const minWidth: SimpleStyleFunction<'minWidth'>;
+export const height: SimpleStyleFunction<'height'>;
+export const maxHeight: SimpleStyleFunction<'maxHeight'>;
+export const minHeight: SimpleStyleFunction<'minHeight'>;
+export const sizeWidth: SimpleStyleFunction<'sizeWidth'>;
+export const sizeHeight: SimpleStyleFunction<'sizeHeight'>;
+export const boxSizing: SimpleStyleFunction<'boxSizing'>;
+declare const sizing: SimpleStyleFunction<'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'sizeWidth' | 'sizeHeight' | 'boxSizing'>;
+export type SizingProps = PropsFor<typeof sizing>;
+export default sizing;

node_modules/@mui/system/esm/sizing/sizing.js

@@ -0,0 +1,64 @@
+import style from "../style/index.js";
+import compose from "../compose/index.js";
+import { handleBreakpoints, values as breakpointsValues } from "../breakpoints/index.js";
+export function sizingTransform(value) {
+  return value <= 1 && value !== 0 ? `${value * 100}%` : value;
+}
+export const width = style({
+  prop: 'width',
+  transform: sizingTransform
+});
+export const maxWidth = props => {
+  if (props.maxWidth !== undefined && props.maxWidth !== null) {
+    const styleFromPropValue = propValue => {
+      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];
+      if (!breakpoint) {
+        return {
+          maxWidth: sizingTransform(propValue)
+        };
+      }
+      if (props.theme?.breakpoints?.unit !== 'px') {
+        return {
+          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
+        };
+      }
+      return {
+        maxWidth: breakpoint
+      };
+    };
+    return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
+  }
+  return null;
+};
+maxWidth.filterProps = ['maxWidth'];
+export const minWidth = style({
+  prop: 'minWidth',
+  transform: sizingTransform
+});
+export const height = style({
+  prop: 'height',
+  transform: sizingTransform
+});
+export const maxHeight = style({
+  prop: 'maxHeight',
+  transform: sizingTransform
+});
+export const minHeight = style({
+  prop: 'minHeight',
+  transform: sizingTransform
+});
+export const sizeWidth = style({
+  prop: 'size',
+  cssProperty: 'width',
+  transform: sizingTransform
+});
+export const sizeHeight = style({
+  prop: 'size',
+  cssProperty: 'height',
+  transform: sizingTransform
+});
+export const boxSizing = style({
+  prop: 'boxSizing'
+});
+const sizing = compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
+export default sizing;