worked on GarageApp stuff

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

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

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

@@ -0,0 +1,3 @@
+'use client';
+
+export { default } from "./useLazyRipple.js";

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { TouchRippleActions } from "../ButtonBase/TouchRipple.js";
+type ControlledPromise<T = unknown> = Promise<T> & {
+  resolve: Function;
+  reject: Function;
+};
+/**
+ * Lazy initialization container for the Ripple instance. This improves
+ * performance by delaying mounting the ripple until it's needed.
+ */
+export declare class LazyRipple {
+  /** React ref to the ripple instance */
+  ref: React.RefObject<TouchRippleActions | null>;
+  /** If the ripple component should be mounted */
+  shouldMount: boolean;
+  /** Promise that resolves when the ripple component is mounted */
+  private mounted;
+  /** If the ripple component has been mounted */
+  private didMount;
+  /** React state hook setter */
+  private setShouldMount;
+  static create(): LazyRipple;
+  static use(): LazyRipple;
+  constructor();
+  mount(): ControlledPromise<unknown>;
+  mountEffect: () => void;
+  start(...args: Parameters<TouchRippleActions['start']>): void;
+  stop(...args: Parameters<TouchRippleActions['stop']>): void;
+  pulsate(...args: Parameters<TouchRippleActions['pulsate']>): void;
+}
+export default function useLazyRipple(): LazyRipple;
+export {};

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

@@ -0,0 +1,85 @@
+'use client';
+
+import * as React from 'react';
+import useLazyRef from '@mui/utils/useLazyRef';
+/**
+ * Lazy initialization container for the Ripple instance. This improves
+ * performance by delaying mounting the ripple until it's needed.
+ */
+export class LazyRipple {
+  /** React ref to the ripple instance */
+
+  /** If the ripple component should be mounted */
+
+  /** Promise that resolves when the ripple component is mounted */
+
+  /** If the ripple component has been mounted */
+
+  /** React state hook setter */
+
+  static create() {
+    return new LazyRipple();
+  }
+  static use() {
+    /* eslint-disable */
+    const ripple = useLazyRef(LazyRipple.create).current;
+    const [shouldMount, setShouldMount] = React.useState(false);
+    ripple.shouldMount = shouldMount;
+    ripple.setShouldMount = setShouldMount;
+    React.useEffect(ripple.mountEffect, [shouldMount]);
+    /* eslint-enable */
+
+    return ripple;
+  }
+  constructor() {
+    this.ref = {
+      current: null
+    };
+    this.mounted = null;
+    this.didMount = false;
+    this.shouldMount = false;
+    this.setShouldMount = null;
+  }
+  mount() {
+    if (!this.mounted) {
+      this.mounted = createControlledPromise();
+      this.shouldMount = true;
+      this.setShouldMount(this.shouldMount);
+    }
+    return this.mounted;
+  }
+  mountEffect = () => {
+    if (this.shouldMount && !this.didMount) {
+      if (this.ref.current !== null) {
+        this.didMount = true;
+        this.mounted.resolve();
+      }
+    }
+  };
+
+  /* Ripple API */
+
+  start(...args) {
+    this.mount().then(() => this.ref.current?.start(...args));
+  }
+  stop(...args) {
+    this.mount().then(() => this.ref.current?.stop(...args));
+  }
+  pulsate(...args) {
+    this.mount().then(() => this.ref.current?.pulsate(...args));
+  }
+}
+export default function useLazyRipple() {
+  return LazyRipple.use();
+}
+function createControlledPromise() {
+  let resolve;
+  let reject;
+  const p = new Promise((resolveFn, rejectFn) => {
+    resolve = resolveFn;
+    reject = rejectFn;
+  });
+  p.resolve = resolve;
+  p.reject = reject;
+  return p;
+}