@mui/docs 9.0.0-alpha.1 → 9.0.0-alpha.3

package/svgIcons/BundleSizeIcon.js

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+import { createSvgIcon } from '@mui/material/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
   fill: "currentColor",
   fillRule: "nonzero",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  children: [/*#__PURE__*/_jsx("path", {
     d: "M5.84 3c-.52 0-1 .25-1.3.67l-1.4 2.05c-.06.09-.1.19-.14.28h8V3H5.84zM20.86 5.72l-1.4-2.05c-.3-.42-.81-.67-1.33-.67H13v3h8c-.05-.1-.08-.2-.14-.28z",
     fillOpacity: ".79"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     d: "M20.98 7H3.02L3 7.11V19.4c0 .89.71 1.61 1.58 1.61h14.84A1.6 1.6 0 0021 19.4V7.1L20.98 7zm-6.87 5.36H9.89a1.6 1.6 0 01-1.58-1.61c0-.89.7-1.6 1.58-1.6h4.22c.87 0 1.58.71 1.58 1.6 0 .89-.7 1.6-1.58 1.6z",
     fillOpacity: ".87"
   })]

package/svgIcons/FigmaIcon.js

@@ -1,27 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+import { createSvgIcon } from '@mui/material/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
   fillRule: "nonzero",
   fill: "none",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  children: [/*#__PURE__*/_jsx("path", {
     d: "M8 24a4 4 0 004-4v-4H8a4 4 0 000 8z",
     fill: "#0ACF83"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     d: "M4 12a4 4 0 014-4h4v8H8a4 4 0 01-4-4z",
     fill: "#A259FF"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     d: "M4 4a4 4 0 014-4h4v8H8a4 4 0 01-4-4z",
     fill: "#F24E1E"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     d: "M12 0h4a4 4 0 010 8h-4V0z",
     fill: "#FF7262"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     d: "M20 12a4 4 0 11-8 0 4 4 0 018 0z",
     fill: "#1ABCFE"
   })]

package/svgIcons/FileDownload.js

@@ -1,20 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _path;
+import SvgIcon from '@mui/material/SvgIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
 function FileDownload(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+  return /*#__PURE__*/_jsx(SvgIcon, {
     ...props,
-    children: _path || (_path = /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    children: _path || (_path = /*#__PURE__*/_jsx("path", {
       d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
     }))
   });
 }
 FileDownload.muiName = 'SvgIcon';
-var _default = exports.default = FileDownload;
+export default FileDownload;

package/svgIcons/JavaScript.js

@@ -1,20 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _path;
+import SvgIcon from '@mui/material/SvgIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
 function JavaScript(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+  return /*#__PURE__*/_jsx(SvgIcon, {
     ...props,
-    children: _path || (_path = /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    children: _path || (_path = /*#__PURE__*/_jsx("path", {
       d: "M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z"
     }))
   });
 }
 JavaScript.muiName = 'SvgIcon';
-var _default = exports.default = JavaScript;
+export default JavaScript;

package/svgIcons/MarkdownIcon.js

@@ -1,26 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MarkdownIcon;
-var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _svg;
-function MarkdownIcon(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+import SvgIcon from '@mui/material/SvgIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function MarkdownIcon(props) {
+  return /*#__PURE__*/_jsx(SvgIcon, {
     ...props,
-    children: _svg || (_svg = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+    children: _svg || (_svg = /*#__PURE__*/_jsxs("svg", {
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
+      children: [/*#__PURE__*/_jsx("title", {
         children: "Markdown"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      }), /*#__PURE__*/_jsx("path", {
         d: "M22.269 19.385H1.731a1.73 1.73 0 0 1-1.73-1.73V6.345a1.73 1.73 0 0 1 1.73-1.73h20.538a1.73 1.73 0 0 1 1.73 1.73v11.308a1.73 1.73 0 0 1-1.73 1.731zm-16.5-3.462v-4.5l2.308 2.885 2.307-2.885v4.5h2.308V8.078h-2.308l-2.307 2.885-2.308-2.885H3.461v7.847zM21.231 12h-2.308V8.077h-2.307V12h-2.308l3.461 4.039z",
         fill: "currentColor"
       })]

package/svgIcons/MaterialDesignIcon.js

@@ -1,23 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+import { createSvgIcon } from '@mui/material/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
   fill: "none",
   fillRule: "evenodd",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+  children: [/*#__PURE__*/_jsx("circle", {
     fill: "#737373",
     cx: "12",
     cy: "12",
     r: "12"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     fill: "#BDBDBD",
     d: "M4 4h16v16H4z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     fill: "#FFF",
     d: "M12 20l8-16H4z"
   })]

package/svgIcons/SketchIcon.js

@@ -1,31 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+import { createSvgIcon } from '@mui/material/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
   fillRule: "nonzero",
   fill: "none",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  children: [/*#__PURE__*/_jsx("path", {
     fill: "#FDB300",
     d: "M5.24 2.7L12 2l6.76.7L24 9.48 12 23 0 9.49z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     fill: "#EA6C00",
     d: "M4.85 9l7.13 14L0 9zM19.1 9l-7.12 14L23.95 9z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     fill: "#FDAD00",
     d: "M4.85 9H19.1l-7.12 14z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsxs("g", {
+    children: [/*#__PURE__*/_jsx("path", {
       fill: "#FDD231",
       d: "M11.98 2l-6.75.65-.38 6.34zM11.98 2l6.75.65.37 6.34z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    }), /*#__PURE__*/_jsx("path", {
       fill: "#FDAD00",
       d: "M23.95 9l-5.22-6.35.37 6.34zM0 9l5.23-6.35-.38 6.34z"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    }), /*#__PURE__*/_jsx("path", {
       fill: "#FEEEB7",
       d: "M11.98 2L4.85 9H19.1z"
     })]

package/svgIcons/TypeScript.js

@@ -1,20 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _path;
+import SvgIcon from '@mui/material/SvgIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
 function TypeScript(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+  return /*#__PURE__*/_jsx(SvgIcon, {
     ...props,
-    children: _path || (_path = /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    children: _path || (_path = /*#__PURE__*/_jsx("path", {
       d: "M3,3H21V21H3V3M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86M13,11.25H8V12.75H9.5V20H11.25V12.75H13V11.25Z"
     }))
   });
 }
 TypeScript.muiName = 'SvgIcon';
-var _default = exports.default = TypeScript;
+export default TypeScript;

package/svgIcons/W3CIcon.js

@@ -1,20 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+import { createSvgIcon } from '@mui/material/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
   fillRule: "nonzero",
   fill: "none",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  children: [/*#__PURE__*/_jsx("path", {
     d: "M6.92 6.1l2.33 7.99 2.32-8h6.3v.8l-2.37 4.14c.83.27 1.46.76 1.89 1.47.43.71.64 1.55.64 2.51 0 1.2-.31 2.2-.94 3a2.93 2.93 0 01-2.42 1.22 2.9 2.9 0 01-1.96-.72 4.25 4.25 0 01-1.23-1.96l1.31-.55c.2.5.45.9.76 1.18.32.28.69.43 1.12.43.44 0 .82-.26 1.13-.76.31-.51.47-1.12.47-1.84 0-.79-.17-1.4-.5-1.83-.38-.5-.99-.76-1.81-.76h-.64v-.78l2.24-3.92h-2.7l-.16.26-3.3 11.25h-.15l-2.4-8.14-2.41 8.14h-.16L.43 6.1H2.1l2.33 7.99L6 8.71 5.24 6.1h1.68z",
     fill: "#005A9C"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+  }), /*#__PURE__*/_jsx("g", {
     fill: "currentColor",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    children: /*#__PURE__*/_jsx("path", {
       d: "M23.52 6.25l.28 1.62-.98 1.8s-.38-.76-1.01-1.19c-.53-.35-.87-.43-1.41-.33-.7.14-1.48.93-1.82 1.9-.41 1.18-.42 1.74-.43 2.26a4.9 4.9 0 00.11 1.33s-.6-1.06-.59-2.61c0-1.1.19-2.11.72-3.1.47-.87 1.17-1.4 1.8-1.45.63-.07 1.14.23 1.53.55.42.33.83 1.07.83 1.07l.97-1.85zM23.64 15.4s-.43.75-.7 1.04c-.27.28-.76.79-1.36 1.04-.6.25-.91.3-1.5.25a3.03 3.03 0 01-1.34-.52 5.08 5.08 0 01-1.67-2.04s.24.75.39 1.07c.09.18.36.74.74 1.23a3.5 3.5 0 002.1 1.42c1.04.18 1.76-.27 1.94-.38a5.32 5.32 0 001.4-1.43c.1-.14.25-.43.25-.43l-.25-1.25z"
     })
   })]

package/translations/index.js

@@ -1,11 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _translations = _interopRequireDefault(require("./translations.json"));
-var _default = exports.default = {
-  en: _translations.default
+import en from "./translations.json";
+export default {
+  en
 };

package/translations/translations.json

@@ -53,7 +53,6 @@
     "spreadHint": "Props of the {{spreadHintElement}} component are also available.",
     "state": "STATE",
     "styleOverrides": "The name <code>{{componentStyles.name}}</code> can be used when providing <a href={{defaultPropsLink}}>default props</a> or <a href={{styleOverridesLink}}>style overrides</a> in the theme.",
-    "slotDescription": "To learn how to customize the slot, check out the <a href={{slotGuideLink}}>Overriding component structure</a> guide.",
     "slotName": "Slot name",
     "source-code": "Source code",
     "type": "Type",

package/useLazyCSS/index.d.ts

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

package/useLazyCSS/index.js

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

package/useLazyCSS/useLazyCSS.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Enhanced lazy CSS loader that wraps CSS in a layer using fetch to avoid CORS issues
+ * @param {string} href - URL of the CSS file to load
+ * @param {string} before - CSS selector to insert before
+ * @param {object} options - Additional options
+ * @param {string} options.layer - Optional CSS layer name to wrap the CSS in
+ * @returns {() => void} cleanup function
+ */
+export default function useLazyCSS(href: string, before: string, options?: {
+  layer?: string;
+}): void;

package/useLazyCSS/useLazyCSS.js

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { loadCSS } from 'fg-loadcss';
+
+/**
+ * Enhanced lazy CSS loader that wraps CSS in a layer using fetch to avoid CORS issues
+ * @param {string} href - URL of the CSS file to load
+ * @param {string} before - CSS selector to insert before
+ * @param {object} options - Additional options
+ * @param {string} options.layer - Optional CSS layer name to wrap the CSS in
+ * @returns {() => void} cleanup function
+ */
+export default function useLazyCSS(href, before, options = {}) {
+  React.useEffect(() => {
+    // If no layer is specified, add style and clean it on unmount
+    if (!options.layer) {
+      const link = loadCSS(href, document.querySelector(before));
+      return () => {
+        link.parentElement?.removeChild(link);
+      };
+    }
+
+    // With layer option, we need to fetch the CSS content and wrap it
+    let styleElement = null;
+    const abortController = new AbortController();
+
+    // Fetch the CSS content directly to avoid CORS issues with cssRules
+    fetch(href, {
+      signal: abortController.signal
+    }).then(response => {
+      if (!response.ok) {
+        throw new Error(`Failed to fetch CSS: ${response.statusText}`);
+      }
+      return response.text();
+    }).then(cssText => {
+      // Create a style element with the CSS wrapped in the specified layer
+      styleElement = document.createElement('style');
+      styleElement.setAttribute('data-href', href);
+      styleElement.textContent = `@layer ${options.layer} {\n${cssText}\n}`;
+
+      // Insert at the specified position
+      const beforeElement = document.querySelector(before);
+      if (beforeElement?.parentNode) {
+        beforeElement.parentNode.insertBefore(styleElement, beforeElement);
+      } else {
+        document.head.appendChild(styleElement);
+      }
+    }).catch(error => {
+      // Ignore abort errors, log others
+      if (error !== 'useEffect' && error.name !== 'AbortError') {
+        if (process.env.NODE_ENV !== 'production') {
+          console.error('Error loading CSS with layer:', error);
+        }
+
+        // Fall back to regular link element if fetch fails
+        styleElement = loadCSS(href, document.querySelector(before));
+      }
+    });
+
+    // Cleanup function
+    return () => {
+      // Cancel any pending fetch
+      abortController.abort('useEffect');
+
+      // Remove the style element if it was created
+      if (styleElement && styleElement.parentElement) {
+        styleElement.parentElement.removeChild(styleElement);
+      }
+    };
+  }, [href, before, options.layer]);
+}

package/utils/index.d.ts

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

package/utils/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/prefer-default-export
+export { default as loadScript } from "./loadScript.js";

package/utils/loadScript.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = loadScript;
-function loadScript(src, position) {
+export default function loadScript(src, position) {
   const script = document.createElement('script');
   script.setAttribute('async', '');
   script.src = src;

package/Ad/Ad.d.mts

@@ -1,5 +0,0 @@
-export declare const AD_MARGIN_TOP = 3;
-export declare const AD_MARGIN_BOTTOM = 3;
-export declare const AD_HEIGHT = 126;
-export declare const AD_HEIGHT_MOBILE: number;
-export declare function Ad(): import("react/jsx-runtime").JSX.Element;

package/Ad/Ad.mjs

@@ -1,226 +0,0 @@
-var _span, _PleaseDisableAdblock, _AdCarbon;
-import * as React from 'react';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-import { useTranslate } from "../i18n/index.mjs";
-import AdCarbon from "./AdCarbon.mjs";
-import AdInHouse from "./AdInHouse.mjs";
-import { AdContext, adShape } from "./AdManager.mjs";
-import { useAdConfig } from "./AdProvider.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function PleaseDisableAdblock() {
-  const t = useTranslate();
-  return /*#__PURE__*/_jsxs(Paper, {
-    component: "span",
-    elevation: 0,
-    sx: {
-      display: 'block',
-      p: 1.5,
-      border: '2px solid',
-      borderColor: 'primary.main'
-    },
-    children: [/*#__PURE__*/_jsx(Typography, {
-      variant: "body2",
-      component: "span",
-      gutterBottom: true,
-      sx: {
-        display: 'block'
-      },
-      children: t('likeMui')
-    }), /*#__PURE__*/_jsx(Typography, {
-      variant: "body2",
-      component: "span",
-      gutterBottom: true,
-      sx: {
-        display: 'block'
-      },
-      children: t('adblock')
-    }), /*#__PURE__*/_jsxs(Typography, {
-      variant: "body2",
-      component: "span",
-      sx: {
-        display: 'block'
-      },
-      children: [t('thanks'), ' ', /*#__PURE__*/_jsx("span", {
-        role: "img",
-        "aria-label": t('emojiLove'),
-        children: "\u2764\uFE0F"
-      })]
-    })]
-  });
-}
-const disableAd = process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE !== 'true';
-const inHouseAds = [{
-  name: 'templates',
-  link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-templates',
-  img: '/static/ads-in-house/themes-2.jpg',
-  descriptionHeader: 'Premium Templates',
-  description: 'Start your project with the best templates for admins, dashboards, and more.'
-}, {
-  name: 'themes',
-  link: 'https://mui.com/store/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-themes',
-  img: '/static/ads-in-house/themes.png',
-  descriptionHeader: 'Premium Themes',
-  description: 'Kickstart your application development with a ready-made theme.'
-}, {
-  name: 'tidelift',
-  link: 'https://tidelift.com/',
-  img: '/static/ads-in-house/tidelift.png',
-  descriptionHeader: 'MUI for enterprise',
-  description: 'Save time and reduce risk. Managed open source — backed by maintainers.'
-}, {
-  name: 'figma',
-  link: 'https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=in-house-figma',
-  img: '/static/ads-in-house/figma.png',
-  descriptionHeader: 'For Figma',
-  description: 'A large UI kit with over 600 handcrafted Material UI, MUI X, Joy UI components 🎨.'
-}];
-class AdErrorBoundary extends React.Component {
-  state = {
-    didError: false
-  };
-  static getDerivedStateFromError() {
-    return {
-      didError: true
-    };
-  }
-  componentDidCatch() {
-    // send explicit `'null'`
-    const eventLabel = String(this.props.eventLabel);
-    // TODO: Use proper error monitoring service (for example Sentry) instead
-
-    window.gtag('event', 'ad', {
-      eventAction: 'crash',
-      eventLabel
-    });
-  }
-  render() {
-    const {
-      didError
-    } = this.state;
-    const {
-      children
-    } = this.props;
-    if (didError) {
-      return null;
-    }
-    return children;
-  }
-}
-export const AD_MARGIN_TOP = 3;
-export const AD_MARGIN_BOTTOM = 3;
-export const AD_HEIGHT = 126;
-// Add more height on mobile as the text tends to wrap beyond the image height.
-export const AD_HEIGHT_MOBILE = 126 + 16;
-
-// https://stackoverflow.com/a/20084661
-function isBot() {
-  return /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
-}
-export function Ad() {
-  const [adblock, setAdblock] = React.useState(null);
-  const [carbonOut, setCarbonOut] = React.useState(null);
-  const {
-    current: randomAdblock
-  } = React.useRef(Math.random());
-  const {
-    current: randomInHouse
-  } = React.useRef(Math.random());
-  let children;
-  let label;
-  // Hide the content to google bot to avoid its indexation.
-  if (typeof window !== 'undefined' && isBot() || disableAd) {
-    children = _span || (_span = /*#__PURE__*/_jsx("span", {}));
-  } else if (adblock) {
-    if (randomAdblock < 0.2) {
-      children = _PleaseDisableAdblock || (_PleaseDisableAdblock = /*#__PURE__*/_jsx(PleaseDisableAdblock, {}));
-      label = 'in-house-adblock';
-    } else {
-      children = /*#__PURE__*/_jsx(AdInHouse, {
-        ad: inHouseAds[Math.floor(inHouseAds.length * randomInHouse)]
-      });
-      label = 'in-house';
-    }
-  } else if (carbonOut) {
-    children = /*#__PURE__*/_jsx(AdInHouse, {
-      ad: inHouseAds[Math.floor(inHouseAds.length * randomInHouse)]
-    });
-    label = 'in-house-carbon';
-  } else {
-    children = _AdCarbon || (_AdCarbon = /*#__PURE__*/_jsx(AdCarbon, {}));
-    label = 'carbon';
-  }
-  const ad = React.useContext(AdContext);
-  const eventLabel = label ? `${label}-${ad.placement}-${adShape}` : null;
-  const timerAdblock = React.useRef(undefined);
-  const checkAdblock = React.useCallback((attempt = 1) => {
-    if (document.querySelector('.ea-placement') || document.querySelector('#carbonads') || document.querySelector('.carbonads') || carbonOut) {
-      if (document.querySelector('#carbonads a') && document.querySelector('#carbonads a')?.getAttribute('href') === 'https://material-ui-next.com/discover-more/backers') {
-        setCarbonOut(true);
-      }
-      setAdblock(false);
-      return;
-    }
-    if (attempt < 30) {
-      timerAdblock.current = setTimeout(() => {
-        checkAdblock(attempt + 1);
-      }, 500);
-    }
-    if (attempt > 6) {
-      setAdblock(true);
-    }
-  }, [carbonOut]);
-  React.useEffect(() => {
-    if (disableAd) {
-      return undefined;
-    }
-    checkAdblock();
-    return () => {
-      clearTimeout(timerAdblock.current);
-    };
-  }, [checkAdblock]);
-  const {
-    GADisplayRatio
-  } = useAdConfig();
-  React.useEffect(() => {
-    // Avoid an exceed on the Google Analytics quotas.
-    if (Math.random() > (GADisplayRatio ?? 0.1) || !eventLabel) {
-      return undefined;
-    }
-    const delay = setTimeout(() => {
-      window.gtag('event', 'ad', {
-        eventAction: 'display',
-        eventLabel
-      });
-    }, 2500);
-    return () => {
-      clearTimeout(delay);
-    };
-  }, [GADisplayRatio, eventLabel]);
-  return /*#__PURE__*/_jsx(Box, {
-    component: "span",
-    sx: theme => ({
-      position: 'relative',
-      display: 'block',
-      mt: AD_MARGIN_TOP,
-      mb: AD_MARGIN_BOTTOM,
-      minHeight: AD_HEIGHT_MOBILE,
-      [theme.breakpoints.up('sm')]: {
-        minHeight: AD_HEIGHT
-      },
-      ...(adShape === 'image' && {}),
-      ...(adShape === 'inline' && {
-        display: 'flex',
-        alignItems: 'flex-end'
-      })
-    }),
-    "data-ga-event-category": "ad",
-    "data-ga-event-action": "click",
-    "data-ga-event-label": eventLabel,
-    children: /*#__PURE__*/_jsx(AdErrorBoundary, {
-      eventLabel: eventLabel,
-      children: children
-    })
-  });
-}

package/Ad/AdCarbon.d.mts

@@ -1,2 +0,0 @@
-export declare function AdCarbonInline(): import("react/jsx-runtime").JSX.Element;
-export default function AdCarbon(): import("react/jsx-runtime").JSX.Element;