@mui/docs 6.0.0-dev.240424162023-9968b4889d → 6.0.0

package/node/Ad/AdProvider.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdProvider = AdProvider;
+exports.useAdConfig = useAdConfig;
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AdConfigContext = /*#__PURE__*/React.createContext(null);
+function AdProvider(props) {
+  const {
+    children,
+    config
+  } = props;
+  const value = React.useMemo(() => ({
+    GADisplayRatio: 0.1,
+    ...config
+  }), [config]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AdConfigContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+function useAdConfig() {
+  const config = React.useContext(AdConfigContext);
+  if (!config) {
+    throw new Error('Could not find docs ad config context value; please ensure the component is wrapped in a <AdProvider>');
+  }
+  return config;
+}

package/node/Ad/ad.styles.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.adBodyInlineStyles = exports.adBodyImageStyles = void 0;
+var _styles = require("@mui/material/styles");
+const adBodyImageStyles = theme => ({
+  root: {
+    display: 'block',
+    overflow: 'hidden',
+    border: '1px dashed',
+    borderColor: theme.palette.divider,
+    borderRadius: theme.shape.borderRadius,
+    padding: '8px 8px 8px calc(8px + 130px)',
+    [theme.breakpoints.up('sm')]: {
+      padding: '12px 12px 12px calc(12px + 130px)'
+    }
+  },
+  imgWrapper: {
+    float: 'left',
+    marginLeft: -130,
+    width: 130,
+    height: 100
+  },
+  img: {
+    verticalAlign: 'middle'
+  },
+  a: {
+    color: theme.palette.text.primary,
+    textDecoration: 'none'
+  },
+  description: {
+    ...theme.typography.body2,
+    [theme.breakpoints.up('sm')]: {
+      ...theme.typography.body1
+    },
+    display: 'block',
+    marginLeft: theme.spacing(1.5)
+  },
+  poweredby: {
+    ...theme.typography.caption,
+    marginLeft: theme.spacing(1.5),
+    color: theme.palette.text.secondary,
+    display: 'block',
+    marginTop: theme.spacing(0.5),
+    fontWeight: theme.typography.fontWeightRegular
+  }
+});
+exports.adBodyImageStyles = adBodyImageStyles;
+const adBodyInlineStyles = theme => {
+  const baseline = adBodyImageStyles(theme);
+  return {
+    ...baseline,
+    root: {
+      display: 'block',
+      paddingTop: 8
+    },
+    imgWrapper: {
+      display: 'none'
+    },
+    description: {
+      ...baseline.description,
+      marginLeft: 0,
+      '&::before': {
+        border: '1px solid #3e8e41',
+        color: '#3e8e41',
+        marginRight: 6,
+        padding: '1px 5px',
+        borderRadius: 3,
+        content: '"Ad"',
+        fontSize: theme.typography.pxToRem(14)
+      },
+      '&::after': {
+        // Link
+        marginLeft: 4,
+        content: '"Get started"',
+        // Style taken from the Link component & MarkdownElement.
+        color: theme.palette.primary[600],
+        textDecoration: 'underline',
+        textDecorationColor: (0, _styles.alpha)(theme.palette.primary.main, 0.4),
+        ...theme.applyStyles('dark', {
+          color: theme.palette.primary[300]
+        })
+      }
+    },
+    poweredby: {
+      ...baseline.poweredby,
+      marginTop: 2,
+      marginLeft: 0
+    },
+    link: {
+      display: 'none'
+    }
+  };
+};
+exports.adBodyInlineStyles = adBodyInlineStyles;

package/node/Ad/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AdCarbonInline: true
+};
+Object.defineProperty(exports, "AdCarbonInline", {
+  enumerable: true,
+  get: function () {
+    return _AdCarbon.AdCarbonInline;
+  }
+});
+var _Ad = require("./Ad");
+Object.keys(_Ad).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Ad[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Ad[key];
+    }
+  });
+});
+var _AdManager = require("./AdManager");
+Object.keys(_AdManager).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdManager[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdManager[key];
+    }
+  });
+});
+var _AdProvider = require("./AdProvider");
+Object.keys(_AdProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdProvider[key];
+    }
+  });
+});
+var _AdGuest = require("./AdGuest");
+Object.keys(_AdGuest).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AdGuest[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AdGuest[key];
+    }
+  });
+});
+var _AdCarbon = require("./AdCarbon");

package/node/CodeCopy/CodeCopy.js

@@ -34,8 +34,7 @@ function useCodeCopy() {
     },
     onMouseLeave: event => {
       if (rootNode.current === event.currentTarget) {
-        var _rootNode$current$que;
-        (_rootNode$current$que = rootNode.current.querySelector('.MuiCode-copy')) == null || _rootNode$current$que.blur();
+        rootNode.current.querySelector('.MuiCode-copy')?.blur();
         rootNode.current = null;
       }
     },
@@ -71,8 +70,7 @@ function InitCodeCopy() {
         listeners.push(() => elm.removeEventListener('mouseenter', handleMouseEnter));
         const handleMouseLeave = () => {
           if (rootNode.current === elm) {
-            var _rootNode$current$que2;
-            (_rootNode$current$que2 = rootNode.current.querySelector('.MuiCode-copy')) == null || _rootNode$current$que2.blur();
+            rootNode.current.querySelector('.MuiCode-copy')?.blur();
             rootNode.current = null;
           }
         };
@@ -93,16 +91,14 @@ function InitCodeCopy() {
         elm.addEventListener('focusout', handleFocusout);
         listeners.push(() => elm.removeEventListener('focusout', handleFocusout));
         async function handleClick(event) {
-          var _event$currentTarget, _textNode$textContent;
           const trigger = event.currentTarget;
-          const pre = (_event$currentTarget = event.currentTarget) == null ? void 0 : _event$currentTarget.previousElementSibling;
+          const pre = event.currentTarget?.previousElementSibling;
           const textNode = trigger.childNodes[0];
-          textNode.nodeValue = ((_textNode$textContent = textNode.textContent) == null ? void 0 : _textNode$textContent.replace('Copy', 'Copied')) || null;
+          textNode.nodeValue = textNode.textContent?.replace('Copy', 'Copied') || null;
           trigger.dataset.copied = 'true';
           setTimeout(() => {
             if (trigger) {
-              var _textNode$textContent2;
-              textNode.nodeValue = ((_textNode$textContent2 = textNode.textContent) == null ? void 0 : _textNode$textContent2.replace('Copied', 'Copy')) || null;
+              textNode.nodeValue = textNode.textContent?.replace('Copied', 'Copy') || null;
               delete trigger.dataset.copied;
             }
           }, 2000);
@@ -115,13 +111,12 @@ function InitCodeCopy() {
         }
         const btn = elm.querySelector('.MuiCode-copy');
         if (btn) {
-          var _btn$querySelector, _keyNode$textContent;
-          const keyNode = (_btn$querySelector = btn.querySelector('.MuiCode-copyKeypress')) == null ? void 0 : _btn$querySelector.childNodes[1];
+          const keyNode = btn.querySelector('.MuiCode-copyKeypress')?.childNodes[1];
           if (!keyNode) {
             // skip the logic if the btn is not generated from the markdown.
             return;
           }
-          keyNode.textContent = (keyNode == null || (_keyNode$textContent = keyNode.textContent) == null ? void 0 : _keyNode$textContent.replace('$key', key)) || null;
+          keyNode.textContent = keyNode?.textContent?.replace('$key', key) || null;
           btn.addEventListener('click', handleClick);
           listeners.push(() => btn.removeEventListener('click', handleClick));
         }
@@ -137,8 +132,7 @@ function InitCodeCopy() {
   return null;
 }
 function hasNativeSelection(element) {
-  var _window$getSelection;
-  if ((_window$getSelection = window.getSelection()) != null && _window$getSelection.toString()) {
+  if (window.getSelection()?.toString()) {
     return true;
   }
 
@@ -170,13 +164,13 @@ function CodeCopyProvider({
       }
 
       // Skip if it's not a copy keyboard event
-      if (!((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c' && !event.shiftKey && !event.altKey)) {
+      if (!((event.ctrlKey || event.metaKey) && String.fromCharCode(event.keyCode) === 'C' && !event.shiftKey && !event.altKey)) {
         return;
       }
       const copyBtn = rootNode.current.querySelector('.MuiCode-copy');
       const initialEventAction = copyBtn.getAttribute('data-ga-event-action');
       // update the 'data-ga-event-action' on the button to track keyboard interaction
-      copyBtn.dataset.gaEventAction = (initialEventAction == null ? void 0 : initialEventAction.replace('click', 'keyboard')) || 'copy-keyboard';
+      copyBtn.dataset.gaEventAction = initialEventAction?.replace('click', 'keyboard') || 'copy-keyboard';
       copyBtn.click(); // let the GA setup in GoogleAnalytics.js do the job
       copyBtn.dataset.gaEventAction = initialEventAction; // reset the 'data-ga-event-action' back to initial
     });

package/node/CodeCopy/CodeCopyButton.js

@@ -5,22 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CodeCopyButton = CodeCopyButton;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _ContentCopyRounded = _interopRequireDefault(require("@mui/icons-material/ContentCopyRounded"));
-var _LibraryAddCheckRounded = _interopRequireDefault(require("@mui/icons-material/LibraryAddCheckRounded"));
 var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _span, _span2;
-const _excluded = ["code"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function CodeCopyButton(props) {
   const {
-      code
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    code,
+    ...other
+  } = props;
   const {
     copy,
     isCopied
@@ -30,7 +25,8 @@ function CodeCopyButton(props) {
   const key = macOS ? '⌘' : 'Ctrl + ';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "MuiCode-copy-container",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", (0, _extends2.default)({}, other, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+      ...other,
       "aria-label": "Copy the code",
       type: "button",
       className: "MuiCode-copy",
@@ -38,22 +34,17 @@ function CodeCopyButton(props) {
         // event.stopPropagation();
         await copy(code);
       },
-      children: [isCopied ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_LibraryAddCheckRounded.default, {
-        sx: {
-          fontSize: 18
-        }
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentCopyRounded.default, {
-        sx: {
-          fontSize: 18
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: "MuiCode-copyKeypress",
+        style: {
+          opacity: isCopied ? 0 : 1
+        },
         children: [_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: "(or"
         })), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: ")"
         }))]
       })]
-    }))
+    })
   });
 }

package/node/CodeCopy/useClipboardCopy.js

@@ -11,7 +11,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useClipboardCopy() {
   const [isCopied, setIsCopied] = React.useState(false);
-  const timeout = React.useRef();
+  const timeout = React.useRef(undefined);
   React.useEffect(() => () => {
     clearTimeout(timeout.current);
   }, []);

package/node/ComponentLinkHeader/ComponentLinkHeader.js

@@ -0,0 +1,206 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentLinkHeader = ComponentLinkHeader;
+var React = _interopRequireWildcard(require("react"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _ChatRounded2 = _interopRequireDefault(require("@mui/icons-material/ChatRounded"));
+var _GitHub = _interopRequireDefault(require("@mui/icons-material/GitHub"));
+var _styles = require("@mui/material/styles");
+var _SketchIcon = _interopRequireDefault(require("../svgIcons/SketchIcon"));
+var _FigmaIcon = _interopRequireDefault(require("../svgIcons/FigmaIcon"));
+var _AdobeXDIcon = _interopRequireDefault(require("../svgIcons/AdobeXDIcon"));
+var _BundleSizeIcon2 = _interopRequireDefault(require("../svgIcons/BundleSizeIcon"));
+var _W3CIcon2 = _interopRequireDefault(require("../svgIcons/W3CIcon"));
+var _MaterialDesignIcon2 = _interopRequireDefault(require("../svgIcons/MaterialDesignIcon"));
+var _i18n = require("../i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _React$Fragment;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Root = (0, _styles.styled)('ul')({
+  margin: 0,
+  padding: 0,
+  listStyle: 'none',
+  display: 'flex',
+  flexWrap: 'wrap',
+  gap: 8,
+  '& .MuiChip-root': {
+    height: 26,
+    padding: '0 8px',
+    gap: 6,
+    '& .MuiChip-label': {
+      padding: 0
+    },
+    '& .MuiChip-iconSmall': {
+      margin: 0,
+      fontSize: 14
+    }
+  }
+});
+const defaultPackageNames = {
+  'material-ui': '@mui/material',
+  'joy-ui': '@mui/joy',
+  'base-ui': '@mui/base',
+  system: '@mui/system'
+};
+function ComponentLinkHeader(props) {
+  const {
+    markdown: {
+      headers
+    },
+    design
+  } = props;
+  const t = (0, _i18n.useTranslate)();
+  const packageName = headers.packageName ?? defaultPackageNames[headers.productId] ?? '@mui/material';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+    children: [headers.githubLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        clickable: true,
+        role: undefined,
+        component: "a",
+        size: "small",
+        variant: "outlined",
+        rel: "nofollow",
+        href: `${process.env.SOURCE_CODE_REPO}/labels/${encodeURIComponent(headers.githubLabel)}`,
+        icon: _ChatRounded || (_ChatRounded = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatRounded2.default, {
+          color: "primary"
+        })),
+        "data-ga-event-category": "ComponentLinkHeader",
+        "data-ga-event-action": "click",
+        "data-ga-event-label": t('githubLabel'),
+        "data-ga-event-split": "0.1",
+        label: t('githubLabel')
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('bundleSizeTooltip'),
+        describeChild: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          clickable: true,
+          role: undefined,
+          component: "a",
+          size: "small",
+          variant: "outlined",
+          rel: "nofollow",
+          href: `https://bundlephobia.com/package/${packageName}@latest`,
+          icon: _BundleSizeIcon || (_BundleSizeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BundleSizeIcon2.default, {
+            color: "primary"
+          })),
+          "data-ga-event-category": "ComponentLinkHeader",
+          "data-ga-event-action": "click",
+          "data-ga-event-label": t('bundleSize'),
+          "data-ga-event-split": "0.1",
+          label: t('bundleSize')
+        })
+      })
+    }), headers.githubSource ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        clickable: true,
+        role: undefined,
+        component: "a",
+        size: "small",
+        variant: "outlined",
+        rel: "nofollow",
+        href: `${process.env.SOURCE_CODE_REPO}/blob/v${process.env.LIB_VERSION}/${headers.githubSource}`,
+        icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_GitHub.default, {})),
+        "data-ga-event-category": "ComponentLinkHeader",
+        "data-ga-event-action": "click",
+        "data-ga-event-label": "Source",
+        "data-ga-event-split": "0.1",
+        label: "Source",
+        target: "_blank"
+      })
+    }) : null, headers.waiAria ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        clickable: true,
+        role: undefined,
+        component: "a",
+        size: "small",
+        variant: "outlined",
+        rel: "nofollow",
+        href: headers.waiAria,
+        icon: _W3CIcon || (_W3CIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_W3CIcon2.default, {
+          color: "primary"
+        })),
+        "data-ga-event-category": "ComponentLinkHeader",
+        "data-ga-event-action": "click",
+        "data-ga-event-label": "WAI-ARIA",
+        "data-ga-event-split": "0.1",
+        label: "WAI-ARIA"
+      })
+    }) : null, headers.materialDesign ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+        clickable: true,
+        role: undefined,
+        component: "a",
+        size: "small",
+        variant: "outlined",
+        rel: "nofollow",
+        href: headers.materialDesign,
+        icon: _MaterialDesignIcon || (_MaterialDesignIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialDesignIcon2.default, {})),
+        "data-ga-event-category": "ComponentLinkHeader",
+        "data-ga-event-action": "click",
+        "data-ga-event-label": "Material Design",
+        "data-ga-event-split": "0.1",
+        label: "Material Design"
+      })
+    }) : null, design === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      children: [_li || (_li = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+          clickable: true,
+          role: undefined,
+          component: "a",
+          size: "small",
+          variant: "outlined",
+          rel: "nofollow",
+          href: "https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FigmaIcon.default, {}),
+          "data-ga-event-category": "ComponentLinkHeader",
+          "data-ga-event-action": "click",
+          "data-ga-event-label": "Figma",
+          "data-ga-event-split": "0.1",
+          label: "Figma"
+        })
+      })), packageName === '@mui/joy' ? null : _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+            clickable: true,
+            role: undefined,
+            component: "a",
+            size: "small",
+            variant: "outlined",
+            rel: "nofollow",
+            href: "https://mui.com/store/items/adobe-xd-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdobeXDIcon.default, {}),
+            "data-ga-event-category": "ComponentLinkHeader",
+            "data-ga-event-action": "click",
+            "data-ga-event-label": "Adobe XD",
+            "data-ga-event-split": "0.1",
+            label: "Adobe"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
+            clickable: true,
+            role: undefined,
+            component: "a",
+            size: "small",
+            variant: "outlined",
+            rel: "nofollow",
+            href: "https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchIcon.default, {}),
+            "data-ga-event-category": "ComponentLinkHeader",
+            "data-ga-event-action": "click",
+            "data-ga-event-label": "Sketch",
+            "data-ga-event-split": "0.1",
+            label: "Sketch"
+          })
+        })]
+      }))]
+    })]
+  });
+}

package/node/ComponentLinkHeader/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ComponentLinkHeader.ComponentLinkHeader;
+  }
+});
+var _ComponentLinkHeader = require("./ComponentLinkHeader");
+Object.keys(_ComponentLinkHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ComponentLinkHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ComponentLinkHeader[key];
+    }
+  });
+});

package/node/DocsProvider/DocsProvider.js

@@ -7,22 +7,27 @@ exports.DocsProvider = DocsProvider;
 exports.useDocsConfig = useDocsConfig;
 var React = _interopRequireWildcard(require("react"));
 var _i18n = require("../i18n");
+var _Ad = require("../Ad");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DocsConfigContext = /*#__PURE__*/React.createContext(null);
 function DocsProvider({
   config,
+  adConfig,
   defaultUserLanguage,
   translations,
   children
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DocsConfigContext.Provider, {
     value: config,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.UserLanguageProvider, {
-      defaultUserLanguage: defaultUserLanguage,
-      translations: translations,
-      children: children
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ad.AdProvider, {
+      config: adConfig,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.UserLanguageProvider, {
+        defaultUserLanguage: defaultUserLanguage,
+        translations: translations,
+        children: children
+      })
     })
   });
 }