@mui/docs 9.0.0-alpha.2 → 9.0.0-alpha.4

package/Ad/Ad.js

@@ -1,26 +1,17 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AD_MARGIN_TOP = exports.AD_MARGIN_BOTTOM = exports.AD_HEIGHT_MOBILE = exports.AD_HEIGHT = void 0;
-exports.Ad = Ad;
-var React = _interopRequireWildcard(require("react"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-var _i18n = require("../i18n");
-var _AdCarbon2 = _interopRequireDefault(require("./AdCarbon"));
-var _AdInHouse = _interopRequireDefault(require("./AdInHouse"));
-var _AdManager = require("./AdManager");
-var _AdProvider = require("./AdProvider");
-var _jsxRuntime = require("react/jsx-runtime");
 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.js";
+import AdCarbon from "./AdCarbon.js";
+import AdInHouse from "./AdInHouse.js";
+import { AdContext, adShape } from "./AdManager.js";
+import { useAdConfig } from "./AdProvider.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PleaseDisableAdblock() {
-  const t = (0, _i18n.useTranslate)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Paper.default, {
+  const t = useTranslate();
+  return /*#__PURE__*/_jsxs(Paper, {
     component: "span",
     elevation: 0,
     sx: {
@@ -29,7 +20,7 @@ function PleaseDisableAdblock() {
       border: '2px solid',
       borderColor: 'primary.main'
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    children: [/*#__PURE__*/_jsx(Typography, {
       variant: "body2",
       component: "span",
       gutterBottom: true,
@@ -37,7 +28,7 @@ function PleaseDisableAdblock() {
         display: 'block'
       },
       children: t('likeMui')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    }), /*#__PURE__*/_jsx(Typography, {
       variant: "body2",
       component: "span",
       gutterBottom: true,
@@ -45,13 +36,13 @@ function PleaseDisableAdblock() {
         display: 'block'
       },
       children: t('adblock')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+    }), /*#__PURE__*/_jsxs(Typography, {
       variant: "body2",
       component: "span",
       sx: {
         display: 'block'
       },
-      children: [t('thanks'), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [t('thanks'), ' ', /*#__PURE__*/_jsx("span", {
         role: "img",
         "aria-label": t('emojiLove'),
         children: "\u2764\uFE0F"
@@ -117,17 +108,17 @@ class AdErrorBoundary extends React.Component {
     return children;
   }
 }
-const AD_MARGIN_TOP = exports.AD_MARGIN_TOP = 3;
-const AD_MARGIN_BOTTOM = exports.AD_MARGIN_BOTTOM = 3;
-const AD_HEIGHT = exports.AD_HEIGHT = 126;
+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.
-const AD_HEIGHT_MOBILE = exports.AD_HEIGHT_MOBILE = 126 + 16;
+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);
 }
-function Ad() {
+export function Ad() {
   const [adblock, setAdblock] = React.useState(null);
   const [carbonOut, setCarbonOut] = React.useState(null);
   const {
@@ -140,28 +131,28 @@ function Ad() {
   let label;
   // Hide the content to google bot to avoid its indexation.
   if (typeof window !== 'undefined' && isBot() || disableAd) {
-    children = _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}));
+    children = _span || (_span = /*#__PURE__*/_jsx("span", {}));
   } else if (adblock) {
     if (randomAdblock < 0.2) {
-      children = _PleaseDisableAdblock || (_PleaseDisableAdblock = /*#__PURE__*/(0, _jsxRuntime.jsx)(PleaseDisableAdblock, {}));
+      children = _PleaseDisableAdblock || (_PleaseDisableAdblock = /*#__PURE__*/_jsx(PleaseDisableAdblock, {}));
       label = 'in-house-adblock';
     } else {
-      children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdInHouse.default, {
+      children = /*#__PURE__*/_jsx(AdInHouse, {
         ad: inHouseAds[Math.floor(inHouseAds.length * randomInHouse)]
       });
       label = 'in-house';
     }
   } else if (carbonOut) {
-    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdInHouse.default, {
+    children = /*#__PURE__*/_jsx(AdInHouse, {
       ad: inHouseAds[Math.floor(inHouseAds.length * randomInHouse)]
     });
     label = 'in-house-carbon';
   } else {
-    children = _AdCarbon || (_AdCarbon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdCarbon2.default, {}));
+    children = _AdCarbon || (_AdCarbon = /*#__PURE__*/_jsx(AdCarbon, {}));
     label = 'carbon';
   }
-  const ad = React.useContext(_AdManager.AdContext);
-  const eventLabel = label ? `${label}-${ad.placement}-${_AdManager.adShape}` : null;
+  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) {
@@ -191,7 +182,7 @@ function Ad() {
   }, [checkAdblock]);
   const {
     GADisplayRatio
-  } = (0, _AdProvider.useAdConfig)();
+  } = useAdConfig();
   React.useEffect(() => {
     // Avoid an exceed on the Google Analytics quotas.
     if (Math.random() > (GADisplayRatio ?? 0.1) || !eventLabel) {
@@ -207,7 +198,7 @@ function Ad() {
       clearTimeout(delay);
     };
   }, [GADisplayRatio, eventLabel]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+  return /*#__PURE__*/_jsx(Box, {
     component: "span",
     sx: theme => ({
       position: 'relative',
@@ -218,8 +209,8 @@ function Ad() {
       [theme.breakpoints.up('sm')]: {
         minHeight: AD_HEIGHT
       },
-      ...(_AdManager.adShape === 'image' && {}),
-      ...(_AdManager.adShape === 'inline' && {
+      ...(adShape === 'image' && {}),
+      ...(adShape === 'inline' && {
         display: 'flex',
         alignItems: 'flex-end'
       })
@@ -227,7 +218,7 @@ function Ad() {
     "data-ga-event-category": "ad",
     "data-ga-event-action": "click",
     "data-ga-event-label": eventLabel,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AdErrorBoundary, {
+    children: /*#__PURE__*/_jsx(AdErrorBoundary, {
       eventLabel: eventLabel,
       children: children
     })

package/Ad/AdCarbon.js

@@ -1,23 +1,14 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdCarbonInline = AdCarbonInline;
-exports.default = AdCarbon;
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _loadScript = _interopRequireDefault(require("../utils/loadScript"));
-var _AdDisplay = _interopRequireDefault(require("./AdDisplay"));
-var _ad = require("./ad.styles");
-var _jsxRuntime = require("react/jsx-runtime");
 var _AdCarbonImage;
-const CarbonRoot = (0, _styles.styled)('span')(({
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import loadScript from "../utils/loadScript.js";
+import AdDisplay from "./AdDisplay.js";
+import { adBodyImageStyles } from "./ad.styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CarbonRoot = styled('span')(({
   theme
 }) => {
-  const styles = (0, _ad.adBodyImageStyles)(theme);
+  const styles = adBodyImageStyles(theme);
   return {
     width: '100%',
     '& > div': {
@@ -51,18 +42,18 @@ function AdCarbonImage() {
       if (!ref.current) {
         return;
       }
-      const script = (0, _loadScript.default)('https://cdn.carbonads.com/carbon.js?serve=CKYIL27L&placement=material-uicom', ref.current);
+      const script = loadScript('https://cdn.carbonads.com/carbon.js?serve=CKYIL27L&placement=material-uicom', ref.current);
       script.id = '_carbonads_js';
     });
     return () => {
       clearTimeout(load);
     };
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CarbonRoot, {
+  return /*#__PURE__*/_jsx(CarbonRoot, {
     ref: ref
   });
 }
-function AdCarbonInline() {
+export function AdCarbonInline() {
   const [ad, setAd] = React.useState(null);
   React.useEffect(() => {
     let active = true;
@@ -97,20 +88,20 @@ function AdCarbonInline() {
       active = false;
     };
   }, []);
-  return ad ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+  return ad ? /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx("img", {
       src: ad.statimp,
       alt: "",
       style: {
         display: 'none'
       }
-    }), ad.pixel && ad.pixel.split('||').map((pixel, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    }), ad.pixel && ad.pixel.split('||').map((pixel, i) => /*#__PURE__*/_jsx("img", {
       src: `${pixel.replace('[timestamp]', ad.timestamp)}`,
       style: {
         display: 'none'
       },
       alt: ""
-    }, i)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdDisplay.default, {
+    }, i)), /*#__PURE__*/_jsx(AdDisplay, {
       className: "carbonads",
       shape: "inline",
       ad: {
@@ -123,12 +114,12 @@ function AdCarbonInline() {
         label: 'carbon-demo-inline'
       }
     })]
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  }) : /*#__PURE__*/_jsx("div", {
     style: {
       minHeight: 52
     }
   });
 }
-function AdCarbon() {
-  return _AdCarbonImage || (_AdCarbonImage = /*#__PURE__*/(0, _jsxRuntime.jsx)(AdCarbonImage, {}));
+export default function AdCarbon() {
+  return _AdCarbonImage || (_AdCarbonImage = /*#__PURE__*/_jsx(AdCarbonImage, {}));
 }

package/Ad/AdDisplay.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = AdDisplay;
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _i18n = require("../i18n");
-var _AdManager = require("./AdManager");
-var _ad = require("./ad.styles");
-var _AdProvider = require("./AdProvider");
-var _jsxRuntime = require("react/jsx-runtime");
-const InlineShape = (0, _styles.styled)('span')(({
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import { useTranslate } from "../i18n/index.js";
+import { adShape } from "./AdManager.js";
+import { adBodyImageStyles, adBodyInlineStyles } from "./ad.styles.js";
+import { useAdConfig } from "./AdProvider.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const InlineShape = styled('span')(({
   theme
 }) => {
-  const styles = (0, _ad.adBodyInlineStyles)(theme);
+  const styles = adBodyInlineStyles(theme);
   return {
     ...styles.root,
     '& img': styles.img,
@@ -25,10 +18,10 @@ const InlineShape = (0, _styles.styled)('span')(({
     '& .AdDisplay-poweredby': styles.poweredby
   };
 });
-const ImageShape = (0, _styles.styled)('span')(({
+const ImageShape = styled('span')(({
   theme
 }) => {
-  const styles = (0, _ad.adBodyImageStyles)(theme);
+  const styles = adBodyImageStyles(theme);
   return {
     ...styles.root,
     '& img': styles.img,
@@ -38,16 +31,16 @@ const ImageShape = (0, _styles.styled)('span')(({
     '& .AdDisplay-poweredby': styles.poweredby
   };
 });
-function AdDisplay(props) {
+export default function AdDisplay(props) {
   const {
     ad,
     className,
     shape: shapeProp = 'auto'
   } = props;
-  const t = (0, _i18n.useTranslate)();
+  const t = useTranslate();
   const {
     GADisplayRatio
-  } = (0, _AdProvider.useAdConfig)();
+  } = useAdConfig();
   React.useEffect(() => {
     // Avoid an exceed on the Google Analytics quotas.
     if (Math.random() > (GADisplayRatio ?? 0.1) || !ad.label) {
@@ -58,11 +51,11 @@ function AdDisplay(props) {
       eventLabel: ad.label
     });
   }, [GADisplayRatio, ad.label]);
-  const shape = shapeProp === 'auto' ? _AdManager.adShape : shapeProp;
+  const shape = shapeProp === 'auto' ? adShape : shapeProp;
   const Root = shape === 'image' ? ImageShape : InlineShape;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+  return /*#__PURE__*/_jsxs(Root, {
     className: className,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
+    children: [/*#__PURE__*/_jsxs("a", {
       href: ad.link,
       target: "_blank",
       rel: "noopener sponsored",
@@ -71,21 +64,21 @@ function AdDisplay(props) {
         'data-ga-event-action': 'click',
         'data-ga-event-label': ad.label
       } : {}),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         className: "AdDisplay-imageWrapper",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        children: /*#__PURE__*/_jsx("img", {
           height: "100",
           width: "130",
           src: ad.img,
           alt: ad.name
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      }), /*#__PURE__*/_jsxs("span", {
         className: "AdDisplay-description",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+        children: [/*#__PURE__*/_jsx("strong", {
           children: ad.descriptionHeader
         }), " - ", ad.description]
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    }), /*#__PURE__*/_jsx("span", {
       className: "AdDisplay-poweredby",
       children: t('adPublisher').replace('{{publisher}}', ad.poweredby)
     })]

package/Ad/AdGuest.js

@@ -1,25 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdGuest = AdGuest;
-var React = _interopRequireWildcard(require("react"));
-var _Portal = _interopRequireDefault(require("@mui/material/Portal"));
-var _AdManager = require("./AdManager");
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import Portal from '@mui/material/Portal';
+import { AdContext } from "./AdManager.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 function AdGuest(props) {
   const {
     classSelector = '.description',
     children
   } = props;
-  const ad = React.useContext(_AdManager.AdContext);
+  const ad = React.useContext(AdContext);
   if (!ad.element) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
+  return /*#__PURE__*/_jsx(Portal, {
     container: () => {
       const element = document.querySelector(classSelector);
       if (element) {
@@ -33,4 +25,5 @@ function AdGuest(props) {
     },
     children: children
   });
-}
+}
+export { AdGuest };

package/Ad/AdInHouse.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = AdInHouse;
-var _AdDisplay = _interopRequireDefault(require("./AdDisplay"));
-var _jsxRuntime = require("react/jsx-runtime");
-function AdInHouse(props) {
+import AdDisplay from "./AdDisplay.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function AdInHouse(props) {
   const {
     ad
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdDisplay.default, {
+  return /*#__PURE__*/_jsx(AdDisplay, {
     ad: {
       poweredby: 'MUI',
       label: `in-house-${ad.name}`,

package/Ad/AdManager.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdContext = void 0;
-exports.AdManager = AdManager;
-exports.adShape = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-const AdContext = exports.AdContext = /*#__PURE__*/React.createContext({
+import * as React from 'react';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AdContext = /*#__PURE__*/React.createContext({
   placement: 'body-top',
   element: null
 });
@@ -22,8 +13,8 @@ const randomSession = Math.random();
 // Distribution profile:
 // 20% body-inline
 // 80% body-image
-const adShape = exports.adShape = randomSession < 0.2 ? 'inline' : 'image';
-function AdManager({
+export const adShape = randomSession < 0.2 ? 'inline' : 'image';
+export function AdManager({
   classSelector = '.description',
   children
 }) {
@@ -31,14 +22,14 @@ function AdManager({
     placement: 'body-top',
     element: null
   });
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  useEnhancedEffect(() => {
     const container = document.querySelector(classSelector);
     setPortal({
       placement: 'body-top',
       element: container
     });
   }, [classSelector]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AdContext.Provider, {
+  return /*#__PURE__*/_jsx(AdContext.Provider, {
     value: portal,
     children: children
   });

package/Ad/AdProvider.js

@@ -1,15 +1,7 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdProvider = AdProvider;
-exports.useAdConfig = useAdConfig;
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 const AdConfigContext = /*#__PURE__*/React.createContext(null);
-function AdProvider(props) {
+export function AdProvider(props) {
   const {
     children,
     config
@@ -18,12 +10,12 @@ function AdProvider(props) {
     GADisplayRatio: 0.1,
     ...config
   }), [config]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AdConfigContext.Provider, {
+  return /*#__PURE__*/_jsx(AdConfigContext.Provider, {
     value: value,
     children: children
   });
 }
-function useAdConfig() {
+export 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>');

package/Ad/ad.styles.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.adBodyInlineStyles = exports.adBodyImageStyles = void 0;
-var _styles = require("@mui/material/styles");
-const adBodyImageStyles = theme => ({
+import { alpha } from '@mui/material/styles';
+export const adBodyImageStyles = theme => ({
   root: {
     display: 'block',
     overflow: 'hidden',
@@ -49,8 +43,7 @@ const adBodyImageStyles = theme => ({
     fontWeight: theme.typography.fontWeightRegular
   }
 });
-exports.adBodyImageStyles = adBodyImageStyles;
-const adBodyInlineStyles = theme => {
+export const adBodyInlineStyles = theme => {
   const baseline = adBodyImageStyles(theme);
   return {
     ...baseline,
@@ -80,7 +73,7 @@ const adBodyInlineStyles = theme => {
         // Style taken from the Link component & MarkdownElement.
         color: (theme.vars || theme).palette.primary[600],
         textDecoration: 'underline',
-        textDecorationColor: (0, _styles.alpha)(theme.palette.primary.main, 0.4),
+        textDecorationColor: alpha(theme.palette.primary.main, 0.4),
         ...theme.applyStyles('dark', {
           color: (theme.vars || theme).palette.primary[300]
         })
@@ -95,5 +88,4 @@ const adBodyInlineStyles = theme => {
       display: 'none'
     }
   };
-};
-exports.adBodyInlineStyles = adBodyInlineStyles;
+};

package/Ad/index.js

@@ -1,63 +1,7 @@
-"use strict";
+/// <reference types="gtag.js" />
 
-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");
+export * from "./Ad.js";
+export * from "./AdManager.js";
+export * from "./AdProvider.js";
+export * from "./AdGuest.js";
+export { AdCarbonInline } from "./AdCarbon.js";