worked on GarageApp stuff

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { StyledComponentProps } from "../styles/index.js";
+export interface CssBaselineProps extends StyledComponentProps<never> {
+  /**
+   * You can wrap a node.
+   */
+  children?: React.ReactNode;
+  /**
+   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   * @default false
+   */
+  enableColorScheme?: boolean;
+}
+
+/**
+ * Kickstart an elegant, consistent, and simple baseline to build upon.
+ *
+ * Demos:
+ *
+ * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
+ *
+ * API:
+ *
+ * - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
+ */
+export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;

node_modules/@mui/material/CssBaseline/CssBaseline.js

@@ -0,0 +1,170 @@
+"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.styles = exports.html = exports.default = exports.body = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _zeroStyled = require("../zero-styled");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+// to determine if the global styles are static or dynamic
+const isDynamicSupport = typeof (0, _zeroStyled.globalCss)({}) === 'function';
+const html = (theme, enableColorScheme) => ({
+  WebkitFontSmoothing: 'antialiased',
+  // Antialiasing.
+  MozOsxFontSmoothing: 'grayscale',
+  // Antialiasing.
+  // Change from `box-sizing: content-box` so that `width`
+  // is not affected by `padding` or `border`.
+  boxSizing: 'border-box',
+  // Fix font resize problem in iOS
+  WebkitTextSizeAdjust: '100%',
+  // When used under CssVarsProvider, colorScheme should not be applied dynamically because it will generate the stylesheet twice for server-rendered applications.
+  ...(enableColorScheme && !theme.vars && {
+    colorScheme: theme.palette.mode
+  })
+});
+exports.html = html;
+const body = theme => ({
+  color: (theme.vars || theme).palette.text.primary,
+  ...theme.typography.body1,
+  backgroundColor: (theme.vars || theme).palette.background.default,
+  '@media print': {
+    // Save printer ink.
+    backgroundColor: (theme.vars || theme).palette.common.white
+  }
+});
+exports.body = body;
+const styles = (theme, enableColorScheme = false) => {
+  const colorSchemeStyles = {};
+  if (enableColorScheme && theme.colorSchemes && typeof theme.getColorSchemeSelector === 'function') {
+    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
+      const selector = theme.getColorSchemeSelector(key);
+      if (selector.startsWith('@')) {
+        // for @media (prefers-color-scheme), we need to target :root
+        colorSchemeStyles[selector] = {
+          ':root': {
+            colorScheme: scheme.palette?.mode
+          }
+        };
+      } else {
+        // else, it's likely that the selector already target an element with a class or data attribute
+        colorSchemeStyles[selector.replace(/\s*&/, '')] = {
+          colorScheme: scheme.palette?.mode
+        };
+      }
+    });
+  }
+  let defaultStyles = {
+    html: html(theme, enableColorScheme),
+    '*, *::before, *::after': {
+      boxSizing: 'inherit'
+    },
+    'strong, b': {
+      fontWeight: theme.typography.fontWeightBold
+    },
+    body: {
+      margin: 0,
+      // Remove the margin in all browsers.
+      ...body(theme),
+      // Add support for document.body.requestFullScreen().
+      // Other elements, if background transparent, are not supported.
+      '&::backdrop': {
+        backgroundColor: (theme.vars || theme).palette.background.default
+      }
+    },
+    ...colorSchemeStyles
+  };
+  const themeOverrides = theme.components?.MuiCssBaseline?.styleOverrides;
+  if (themeOverrides) {
+    defaultStyles = [defaultStyles, themeOverrides];
+  }
+  return defaultStyles;
+};
+
+// `ecs` stands for enableColorScheme. This is internal logic to make it work with Pigment CSS, so shorter is better.
+exports.styles = styles;
+const SELECTOR = 'mui-ecs';
+const staticStyles = theme => {
+  const result = styles(theme, false);
+  const baseStyles = Array.isArray(result) ? result[0] : result;
+  if (!theme.vars && baseStyles) {
+    baseStyles.html[`:root:has(${SELECTOR})`] = {
+      colorScheme: theme.palette.mode
+    };
+  }
+  if (theme.colorSchemes) {
+    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
+      const selector = theme.getColorSchemeSelector(key);
+      if (selector.startsWith('@')) {
+        // for @media (prefers-color-scheme), we need to target :root
+        baseStyles[selector] = {
+          [`:root:not(:has(.${SELECTOR}))`]: {
+            colorScheme: scheme.palette?.mode
+          }
+        };
+      } else {
+        // else, it's likely that the selector already target an element with a class or data attribute
+        baseStyles[selector.replace(/\s*&/, '')] = {
+          [`&:not(:has(.${SELECTOR}))`]: {
+            colorScheme: scheme.palette?.mode
+          }
+        };
+      }
+    });
+  }
+  return result;
+};
+const GlobalStyles = (0, _zeroStyled.globalCss)(isDynamicSupport ? ({
+  theme,
+  enableColorScheme
+}) => styles(theme, enableColorScheme) : ({
+  theme
+}) => staticStyles(theme));
+
+/**
+ * Kickstart an elegant, consistent, and simple baseline to build upon.
+ */
+function CssBaseline(inProps) {
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
+    props: inProps,
+    name: 'MuiCssBaseline'
+  });
+  const {
+    children,
+    enableColorScheme = false
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [isDynamicSupport && /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStyles, {
+      enableColorScheme: enableColorScheme
+    }), !isDynamicSupport && !enableColorScheme && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: SELECTOR,
+      style: {
+        display: 'none'
+      }
+    }), children]
+  });
+}
+process.env.NODE_ENV !== "production" ? CssBaseline.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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * You can wrap a node.
+   */
+  children: _propTypes.default.node,
+  /**
+   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   * @default false
+   */
+  enableColorScheme: _propTypes.default.bool
+} : void 0;
+var _default = exports.default = CssBaseline;

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CssBaseline.default;
+  }
+});
+var _CssBaseline = _interopRequireDefault(require("./CssBaseline"));