@diplodoc/client 3.7.3 → 3.8.1

package/build/server/vendor.js

@@ -1694,923 +1694,6 @@ __exportStar(__webpack_require__(78748), exports);
 __exportStar(__webpack_require__(52270), exports);
 
 
-/***/ }),
-
-/***/ 2097:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Xf: () => (/* reexport */ hooks_useMdxSsr)
-});
-
-// UNUSED EXPORTS: MdxSetStateCtx, MdxStateCtx, getAsyncMdxCollectPlugin, getAsyncSsrRenderer, getMdxCollectPlugin, getRender, getSsrRenderer, isWithMdxArtifacts, mdxPlugin, useMdx, validateMdx, withInitialProps, withPortal
-
-;// ./node_modules/@mdx-js/mdx/lib/run.js
-/**
- * @import {MDXModule} from 'mdx/types.js'
- * @import {RunOptions} from './util/resolve-evaluate-options.js'
- */
-
-/** @type {new (code: string, ...args: Array<unknown>) => Function} **/
-const AsyncFunction = Object.getPrototypeOf(run_run).constructor
-
-/**
- * Run code compiled with `outputFormat: 'function-body'`.
- *
- * > ☢️ **Danger**: this `eval`s JavaScript.
- *
- * @param {{toString(): string}} code
- *   JavaScript function body to run.
- * @param {RunOptions} options
- *   Configuration (**required**).
- * @return {Promise<MDXModule>}
- *   Promise to a module;
- *   the result is an object with a `default` field set to the component;
- *   anything else that was exported is available too.
- */
-async function run_run(code, options) {
-  return new AsyncFunction(String(code))(options)
-}
-
-/**
- * Run code, synchronously.
- *
- * When possible please use the async `run`.
- *
- * > ☢️ **Danger**: this `eval`s JavaScript.
- *
- * @param {{toString(): string}} code
- *   JavaScript function body to run.
- * @param {RunOptions} options
- *   Configuration (**required**).
- * @return {MDXModule}
- *   Module.
- */
-function run_runSync(code, options) {
-  // eslint-disable-next-line no-new-func
-  return new Function(String(code))(options)
-}
-
-// EXTERNAL MODULE: ./node_modules/react-dom/client.js
-var client = __webpack_require__(5338);
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(74848);
-var jsx_runtime_namespaceObject = /*#__PURE__*/__webpack_require__.t(jsx_runtime, 2);
-// EXTERNAL MODULE: ./node_modules/react/index.js
-var react = __webpack_require__(96540);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/context/MdxStateCtx.js
-
-const MdxStateCtx_MdxStateCtx = (0,react.createContext)(null);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/context/MdxSetStateCtx.js
-
-const MdxSetStateCtx_MdxSetStateCtx = (0,react.createContext)(null);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/context/index.js
-
-
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/context/internal/MdxPortalSetterCtx.js
-
-const MdxPortalSetterCtx_MdxPortalSetterCtx = (0,react.createContext)(null);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/internal/maps.js
-
-const maps_portalWrapperComponentMap = new WeakMap();
-const maps_componentGetInitProps = new WeakMap();
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/internal/common.js
-
-
-
-
-
-
-
-const nodeRootMap = new WeakMap();
-const nodeWillUmount = new WeakMap();
-const nodePortalCleanup = new WeakMap();
-const common_renderMdxComponents = ({
-  idMdxComponent,
-  isSSR,
-  ctr,
-  components,
-  setPortal,
-  idTagName
-}) => {
-  const unmountFns = Object.entries(idMdxComponent).map(([id, Content]) => {
-    let node = ctr.querySelector(`.${id}`);
-    if (!node) {
-      throw new Error('node is null');
-    }
-    if (nodeWillUmount.get(node) && node.parentNode) {
-      const newNode = node.cloneNode(true);
-      node.parentNode.replaceChild(newNode, node);
-      node = newNode;
-    }
-    const mdxState = node?.dataset?.mdxState ? JSON.parse(node.dataset.mdxState) : null;
-    const contentNode = react.createElement(MdxStateCtx_MdxStateCtx.Provider, {
-      value: mdxState,
-      children: react.createElement(Content, {
-        components
-      })
-    });
-    const isTopLevelPortal = components && common_isPortal(components[idTagName[id]]);
-    let root;
-    if (isTopLevelPortal) {
-      if (!nodePortalCleanup.has(node)) {
-        nodePortalCleanup.set(node, true);
-        while (node.firstChild) {
-          node.removeChild(node.firstChild);
-        }
-      }
-      setPortal({
-        id,
-        node,
-        reactNode: contentNode
-      });
-    } else {
-      const reactNode = react.createElement(MdxPortalSetterCtx_MdxPortalSetterCtx.Provider, {
-        value: setPortal,
-        children: contentNode
-      });
-      root = nodeRootMap.get(node);
-      if (root) {
-        root.render(reactNode);
-      } else {
-        const options = {
-          identifierPrefix: id
-        };
-        if (isSSR) {
-          root = (0,client/* hydrateRoot */.c)(node, reactNode, options);
-        } else {
-          root = (0,client/* createRoot */.H)(node, options);
-          root.render(reactNode);
-        }
-        nodeRootMap.set(node, root);
-      }
-    }
-    return () => {
-      nodeWillUmount.set(node, true);
-      if (isTopLevelPortal) {
-        setPortal({
-          id,
-          node: null,
-          reactNode: null
-        });
-      } else if (root) {
-        setTimeout(() => root.unmount(), 0);
-      }
-    };
-  });
-  return () => unmountFns.forEach(cb => cb());
-};
-const common_idMdxToComponents = idMdx => {
-  return Object.entries(idMdx ?? {}).reduce((acc, [id, fnStr]) => {
-    // eslint-disable-next-line no-param-reassign
-    acc[id] = run_runSync(fnStr, jsx_runtime_namespaceObject).default;
-    return acc;
-  }, {});
-};
-function common_generateUniqueId() {
-  return Date.now().toString(36) + Math.random().toString(36).substring(2);
-}
-function common_isPortal(component) {
-  return maps_portalWrapperComponentMap.has(component);
-}
-function common_getInitMdxArtifacts() {
-  return {
-    idMdx: {},
-    idTagName: {}
-  };
-}
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/mdx-plugin.js
-
-
-
-
-const mdxPlugin = options => {
-  const {
-    render = getRender(),
-    isTestMode = false,
-    tagNames
-  } = options ?? {};
-  const transform = md => {
-    const idMdxBody = {};
-    const iTagLen = InternalTagName.length + 2;
-    const corePlugin = state => {
-      let index = 0;
-      // eslint-disable-next-line no-param-reassign
-      state.src = replaceBlocks({
-        content: state.src,
-        tagNames,
-        replacer: body => {
-          const id = String(++index);
-          idMdxBody[id] = body;
-          return `<${InternalTagName}>${id}</${InternalTagName}>`;
-        }
-      });
-      return true;
-    };
-    md.core.ruler.before('block', 'mdx-replacer-core', corePlugin);
-    const mdxRe = new RegExp(`<${InternalTagName}>(\\d+)</${InternalTagName}>`, 'g');
-    const tokenTypes = ['code_block', 'code_inline', 'fence'];
-    const coreReplaceBack = state => {
-      const next = tokens => {
-        for (let i = 0, len = tokens.length; i < len; i++) {
-          const token = tokens[i];
-          if (tokenTypes.includes(token.type)) {
-            token.content = token.content.replace(mdxRe, (_, id) => {
-              return idMdxBody[id].fragment;
-            });
-          }
-          if (token.children) {
-            // eslint-disable-next-line callback-return
-            next(token.children);
-          }
-        }
-      };
-      next(state.tokens);
-      return true;
-    };
-    md.core.ruler.push('mdx-replace-back', coreReplaceBack);
-    const blockPlugin = (state, startLine, endLine, silent) => {
-      const {
-        env
-      } = state;
-      const mdxArtifacts = env.mdxArtifacts = env.mdxArtifacts ?? getInitMdxArtifacts();
-      const start = state.bMarks[startLine] + state.tShift[startLine];
-      if (state.src.slice(start, start + iTagLen) !== `<${InternalTagName}>`) {
-        return false;
-      }
-      let endPos = -1;
-      let line = startLine;
-      for (; line <= endLine; line++) {
-        endPos = state.src.indexOf(`</${InternalTagName}>`, state.bMarks[line]);
-        if (endPos !== -1 && endPos <= state.eMarks[line]) {
-          break;
-        }
-      }
-      if (endPos === -1) return false;
-      if (!silent) {
-        const htmlToken = state.push('html_block', '', 0);
-        const id = state.src.slice(start + iTagLen, endPos);
-        const {
-          content,
-          tagName
-        } = idMdxBody[id];
-        htmlToken.content = render({
-          mdx: content,
-          mdxArtifacts,
-          tagName
-        });
-        htmlToken.map = [startLine, line];
-        const afterText = state.src.slice(endPos + (iTagLen + 1), state.eMarks[line]);
-        if (afterText) {
-          const afterToken = state.push('inline', '', 0);
-          afterToken.content = afterText;
-          afterToken.children = [];
-          afterToken.map = [line, line + 1];
-        }
-      }
-      // eslint-disable-next-line no-param-reassign
-      state.line = line + 1;
-      return true;
-    };
-    md.block.ruler.before('table', 'mdx-replacer-block', blockPlugin);
-    const inlinePlugin = (state, silent) => {
-      const {
-        env
-      } = state;
-      const mdxArtifacts = env.mdxArtifacts = env.mdxArtifacts ?? getInitMdxArtifacts();
-      const start = state.pos;
-      // Проверяем открывающий тег <MDX>
-      if (state.src.slice(start, start + iTagLen) !== `<${InternalTagName}>`) {
-        return false;
-      }
-      // Находим закрывающий тег
-      const endPos = state.src.indexOf(`</${InternalTagName}>`, start + iTagLen);
-      if (endPos === -1) return false;
-      if (!silent) {
-        const token = state.push('html_inline', '', 0);
-        const id = state.src.slice(start + iTagLen, endPos);
-        const {
-          content,
-          tagName
-        } = idMdxBody[id];
-        token.content = render({
-          mdx: content,
-          mdxArtifacts,
-          tagName
-        });
-      }
-      // eslint-disable-next-line no-param-reassign
-      state.pos = endPos + (iTagLen + 1);
-      return true;
-    };
-    md.inline.ruler.before('text', 'mdx-replacer-inline', inlinePlugin);
-    if (isTestMode) {
-      const testMd = md;
-      testMd.env = testMd.env || {};
-      testMd.env.idMdxBody = idMdxBody;
-      testMd.env.corePlugin = corePlugin;
-      testMd.env.coreReplaceBack = coreReplaceBack;
-      testMd.env.blockPlugin = blockPlugin;
-      testMd.env.inlinePlugin = inlinePlugin;
-    }
-  };
-  return transform;
-};
-/* harmony default export */ const mdx_plugin = ((/* unused pure expression or super */ null && (mdxPlugin)));
-// EXTERNAL MODULE: ./node_modules/react-dom/server.node.js
-var server_node = __webpack_require__(94362);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/getSsrRenderer.js
-
-
-
-
-
-
-
-
-
-const getSsrRenderer_getSsrRenderer = ({
-  components,
-  pureComponents,
-  compileOptions
-}) => {
-  const componentsNames = Object.keys(components || {});
-  const usedComponents = new Set();
-  const combinedComponents = {
-    ...components,
-    ...pureComponents
-  };
-  const combinedComponentsWatch = wrapObject(combinedComponents, name => usedComponents.add(name));
-  const render = (id, mdx, tagName) => {
-    const vFile = compileSync(mdx, {
-      ...compileOptions,
-      outputFormat: 'function-body'
-    });
-    const {
-      default: Component
-    } = runSync(vFile, runtime);
-    const isTopLevelPortal = isPortal(combinedComponents[tagName]);
-    let code = vFile.toString();
-    const state = {};
-    const setState = value => {
-      Object.assign(state, value);
-    };
-    const options = {
-      identifierPrefix: id
-    };
-    usedComponents.clear();
-    let html = renderToString(React.createElement(TAG_NAME, {
-      className: id,
-      children: React.createElement(MdxPortalSetterCtx.Provider, {
-        value: () => {},
-        children: React.createElement(MdxSetStateCtx.Provider, {
-          value: setState,
-          children: React.createElement(MdxStateCtx.Provider, {
-            value: state,
-            children: React.createElement(Component, {
-              components: combinedComponentsWatch
-            })
-          })
-        })
-      })
-    }), options);
-    if (!isEmptyObject(state)) {
-      html = html.replace(`${TAG_NAME} `, `${TAG_NAME} data-mdx-state="${escapeAttribute(JSON.stringify(state))}" `);
-    }
-    const withComponents = componentsNames.some(name => usedComponents.has(name));
-    if (!withComponents) {
-      html = trimComponentWrapper(html);
-      code = undefined;
-    }
-    if (isTopLevelPortal) {
-      html = trimPortalTag(html);
-    }
-    return {
-      html,
-      code
-    };
-  };
-  let idx = 0;
-  const getHtml = ({
-    mdx,
-    mdxArtifacts,
-    tagName
-  }) => {
-    const {
-      idMdx,
-      idTagName
-    } = mdxArtifacts;
-    const id = `${MDX_PREFIX}${++idx}`;
-    const {
-      html,
-      code
-    } = render(id, mdx, tagName);
-    if (code) {
-      idMdx[id] = code;
-      idTagName[id] = tagName;
-    }
-    return html;
-  };
-  return getHtml;
-};
-/* harmony default export */ const utils_getSsrRenderer = ((/* unused pure expression or super */ null && (getSsrRenderer_getSsrRenderer)));
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/internal/asyncRenderTools.js
-
-
-
-const getInitPropsFn = component => {
-  const origComponent = portalWrapperComponentMap.get(component);
-  const initFn = componentGetInitProps.get(component) ?? (origComponent && componentGetInitProps.get(origComponent));
-  return initFn;
-};
-class AsyncComponentWrapper {
-  args;
-  jsxs;
-  node;
-  constructor(jsxs, args) {
-    this.jsxs = jsxs;
-    this.args = args;
-  }
-  build() {
-    const jsxFn = this.jsxs ? runtime.jsxs : runtime.jsx;
-    return jsxFn.apply(runtime, this.args);
-  }
-}
-function asyncRenderTools_getMdxRuntimeWithHook() {
-  const refs = [];
-  const jsx = function (isJsxs, ...args) {
-    const ref = new AsyncComponentWrapper(isJsxs, args);
-    refs.push(ref);
-    return ref;
-  };
-  const rt = {
-    Fragment: runtime.Fragment,
-    jsx: jsx.bind(null, false),
-    jsxs: jsx.bind(null, true)
-  };
-  const init = async state => {
-    for (let i = 0, len = refs.length; i < len; i++) {
-      const ref = refs[i];
-      const {
-        args
-      } = ref;
-      replaceComponentRefs(args);
-      const [component, props] = args;
-      const initFn = getInitPropsFn(component);
-      if (initFn) {
-        const readyProps = await initFn(props, state);
-        args[1] = {
-          ...props,
-          ...readyProps
-        };
-      }
-    }
-  };
-  return {
-    runtime: rt,
-    init
-  };
-}
-function replaceComponentRefs(thing) {
-  if (thing instanceof AsyncComponentWrapper) {
-    return thing.build();
-  }
-  if (Array.isArray(thing)) {
-    const arr = thing;
-    for (let i = 0, len = arr.length; i < len; i++) {
-      // eslint-disable-next-line no-param-reassign
-      arr[i] = replaceComponentRefs(arr[i]);
-    }
-    return arr;
-  }
-  if (typeof thing === 'object' && thing !== null) {
-    const obj = thing;
-    for (const key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        obj[key] = replaceComponentRefs(obj[key]);
-      }
-    }
-  }
-  return thing;
-}
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/getAsyncSsrRenderer.js
-
-
-
-
-
-
-
-
-
-const getAsyncSsrRenderer_getAsyncSsrRenderer = ({
-  components,
-  pureComponents,
-  compileOptions
-}) => {
-  const componentsNames = Object.keys(components || {});
-  const combinedComponents = {
-    ...components,
-    ...pureComponents
-  };
-  const render = async (id, mdx, tagName) => {
-    const vFile = await compile(mdx, {
-      ...compileOptions,
-      outputFormat: 'function-body'
-    });
-    const state = {};
-    const setState = value => {
-      Object.assign(state, value);
-    };
-    const {
-      runtime,
-      init
-    } = getMdxRuntimeWithHook();
-    const {
-      default: componentFn
-    } = await run(vFile, runtime);
-    const isTopLevelPortal = isPortal(combinedComponents[tagName]);
-    const usedComponents = new Set();
-    const combinedComponentsWatch = wrapObject(combinedComponents, name => usedComponents.add(name));
-    const asyncWrapper = componentFn({
-      components: combinedComponentsWatch
-    });
-    await init(state);
-    const Component = () => asyncWrapper.build();
-    let code = vFile.toString();
-    const options = {
-      identifierPrefix: id
-    };
-    let html = renderToString(React.createElement(TAG_NAME, {
-      className: id,
-      children: React.createElement(MdxPortalSetterCtx.Provider, {
-        value: () => {},
-        children: React.createElement(MdxSetStateCtx.Provider, {
-          value: setState,
-          children: React.createElement(MdxStateCtx.Provider, {
-            value: state,
-            children: React.createElement(Component)
-          })
-        })
-      })
-    }), options);
-    if (!isEmptyObject(state)) {
-      html = html.replace(`${TAG_NAME} `, `${TAG_NAME} data-mdx-state="${escapeAttribute(JSON.stringify(state))}" `);
-    }
-    const withComponents = componentsNames.some(name => usedComponents.has(name));
-    if (!withComponents) {
-      html = trimComponentWrapper(html);
-      code = undefined;
-    }
-    if (isTopLevelPortal) {
-      html = trimPortalTag(html);
-    }
-    return {
-      html,
-      code
-    };
-  };
-  const idFragment = new Map();
-  const getHtmlAsync = async (inputOrig, mdxArtifacts) => {
-    let input = inputOrig;
-    const {
-      idMdx,
-      idTagName
-    } = mdxArtifacts ?? getInitMdxArtifacts();
-    const items = [];
-    const promises = [];
-    idFragment.forEach(({
-      replacer,
-      mdx,
-      tagName
-    }, id) => {
-      promises.push(render(id, mdx, tagName));
-      items.push({
-        id,
-        replacer,
-        tagName
-      });
-    });
-    const promiseResults = await Promise.all(promises);
-    for (let item, i = 0; item = items[i]; i++) {
-      const {
-        id,
-        replacer,
-        tagName
-      } = item;
-      const {
-        html,
-        code
-      } = promiseResults[i];
-      input = input.replace(replacer, () => html);
-      if (code) {
-        idMdx[id] = code;
-        idTagName[id] = tagName;
-      }
-    }
-    return input;
-  };
-  let idx = 0;
-  const getHtml = ({
-    mdx,
-    tagName
-  }) => {
-    const id = `${MDX_PREFIX}${++idx}`;
-    const replacer = `<${TAG_NAME} class="${id}">${generateUniqueId()}</${TAG_NAME}>`;
-    idFragment.set(id, {
-      replacer,
-      mdx,
-      tagName
-    });
-    return replacer;
-  };
-  return {
-    render: getHtml,
-    renderAsync: getHtmlAsync
-  };
-};
-/* harmony default export */ const utils_getAsyncSsrRenderer = ((/* unused pure expression or super */ null && (getAsyncSsrRenderer_getAsyncSsrRenderer)));
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/withInitialProps.js
-
-
-const withInitialProps = (component, getInitProps) => {
-  componentGetInitProps.set(component, getInitProps);
-  return component;
-};
-/* harmony default export */ const utils_withInitialProps = ((/* unused pure expression or super */ null && (withInitialProps)));
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/internal/useLocalLayoutEffect.js
-
-/**
- * Just mute errors on server with useLayoutEffect
- */
-const useLocalLayoutEffect_useLocalLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/withPortal.js
-
-
-
-
-
-
-const withPortal = (component, fallback) => {
-  const wrappedComponent = portalSwitch(component, fallback);
-  portalWrapperComponentMap.set(wrappedComponent, component);
-  return wrappedComponent;
-};
-/* harmony default export */ const utils_withPortal = ((/* unused pure expression or super */ null && (withPortal)));
-function portalSwitch(component, fallback) {
-  return props => {
-    const portalSetter = useContext(MdxPortalSetterCtx);
-    if (!portalSetter) {
-      // inside portal
-      return React.createElement(component, props);
-    }
-    return React.createElement(portalWrapper(component, fallback), props);
-  };
-}
-function portalWrapper(component, fallback) {
-  return props => {
-    const portalSetter = useContext(MdxPortalSetterCtx);
-    const ref = useRef();
-    const id = useMemo(() => generateUniqueId(), []);
-    const [mounted, setMounted] = useState(false);
-    useEffect(() => {
-      return () => {
-        if (!portalSetter) return;
-        portalSetter({
-          id,
-          node: null,
-          reactNode: null
-        });
-      };
-    }, [id]);
-    useLocalLayoutEffect(() => {
-      const node = ref.current;
-      if (!node || !portalSetter) return;
-      setMounted(true);
-      portalSetter({
-        id,
-        node,
-        reactNode: React.createElement(component, props)
-      });
-    }, [id, component, props]);
-    return React.createElement(TAG_NAME, {
-      ref,
-      children: mounted || !fallback ? null : React.createElement(fallback, props)
-    });
-  };
-}
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/index.js
-
-
-
-
-
-
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/mdx-collect-plugin.js
-
-
-
-
-const getMdxCollectPlugin = options => {
-  const {
-    tagNames,
-    ...rendererOptions
-  } = options;
-  const render = getSsrRenderer(rendererOptions);
-  const plugin = origContent => {
-    const mdxArtifacts = getInitMdxArtifacts();
-    const content = replaceBlocks({
-      content: origContent,
-      tagNames,
-      replacer: ({
-        content: contentLocal,
-        tagName
-      }) => render({
-        mdx: contentLocal,
-        mdxArtifacts,
-        tagName
-      })
-    });
-    return content;
-  };
-  return plugin;
-};
-const getAsyncMdxCollectPlugin = options => {
-  const {
-    tagNames,
-    ...rendererOptions
-  } = options;
-  const {
-    render,
-    renderAsync
-  } = getAsyncSsrRenderer(rendererOptions);
-  const plugin = async origContent => {
-    const mdxArtifacts = getInitMdxArtifacts();
-    let content = replaceBlocks({
-      content: origContent,
-      tagNames,
-      replacer: ({
-        content: contentLocal,
-        tagName
-      }) => render({
-        mdx: contentLocal,
-        mdxArtifacts,
-        tagName
-      })
-    });
-    content = await renderAsync(content, mdxArtifacts);
-    return content;
-  };
-  return plugin;
-};
-// EXTERNAL MODULE: ./node_modules/react-dom/index.js
-var react_dom = __webpack_require__(40961);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/internal/usePortals.js
-
-
-const usePortals_usePortals = () => {
-  const refIdPortalMap = (0,react.useRef)(new Map());
-  const [portalNodes, setPortalNodes] = (0,react.useState)([]);
-  const setPortal = (0,react.useCallback)(({
-    id,
-    node,
-    reactNode
-  }) => {
-    const idPortalMap = refIdPortalMap.current;
-    if (node) {
-      idPortalMap.set(id, (0,react_dom.createPortal)(reactNode, node, id));
-    } else {
-      idPortalMap.delete(id);
-    }
-    setPortalNodes(Array.from(idPortalMap.values()));
-  }, []);
-  const fragment = (0,react.useMemo)(() => react.createElement(react.Fragment, {
-    children: portalNodes
-  }), [portalNodes]);
-  return {
-    portalsNode: fragment,
-    setPortal
-  };
-};
-/* harmony default export */ const internal_usePortals = (usePortals_usePortals);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/useMdx.js
-
-
-
-const useMdx = ({
-  refCtr,
-  html,
-  components,
-  pureComponents,
-  mdxArtifacts
-}) => {
-  const refUmount = useRef(() => {});
-  const {
-    portalsNode,
-    setPortal
-  } = usePortals();
-  const combinedComponents = useMemo(() => ({
-    ...components,
-    ...pureComponents
-  }), [components, pureComponents]);
-  // building mdx scripts into components
-  const idMdxComponent = useMemo(() => idMdxToComponents(mdxArtifacts?.idMdx), [mdxArtifacts?.idMdx]);
-  const idTagName = useMemo(() => mdxArtifacts?.idTagName ?? {}, [mdxArtifacts]);
-  // render new html
-  useLayoutEffect(() => {
-    const ctr = refCtr.current;
-    if (!ctr) {
-      throw new Error('ctr is null');
-    }
-    const dom = new DOMParser().parseFromString(`<html lang="en"><body>${html}</body></html>`, 'text/html');
-    const bodyNode = dom.querySelector('body');
-    if (!bodyNode) {
-      throw new Error('bodyNode is null');
-    }
-    const fragment = document.createDocumentFragment();
-    fragment.append(...Array.from(bodyNode.childNodes.values()));
-    ctr.textContent = null;
-    ctr.appendChild(fragment);
-    // umount mdx components when html or refCtr changes
-    return () => refUmount.current();
-  }, [refCtr, html]);
-  // render mdx
-  useLayoutEffect(() => {
-    const ctr = refCtr.current;
-    if (!ctr) {
-      throw new Error('ctr is null');
-    }
-    refUmount.current = renderMdxComponents({
-      idMdxComponent,
-      idTagName,
-      ctr,
-      components: combinedComponents,
-      setPortal
-    });
-  }, [refCtr, html, combinedComponents, idMdxComponent, idTagName, setPortal]);
-  return portalsNode;
-};
-/* harmony default export */ const hooks_useMdx = ((/* unused pure expression or super */ null && (useMdx)));
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/useMdxSsr.js
-
-
-
-const useMdxSsr = ({
-  html,
-  refCtr,
-  mdxArtifacts,
-  components,
-  pureComponents
-}) => {
-  const refUmount = (0,react.useRef)(() => {});
-  const {
-    portalsNode,
-    setPortal
-  } = internal_usePortals();
-  const combinedComponents = (0,react.useMemo)(() => ({
-    ...components,
-    ...pureComponents
-  }), [components, pureComponents]);
-  // building mdx scripts into components
-  const idMdxComponent = (0,react.useMemo)(() => common_idMdxToComponents(mdxArtifacts?.idMdx), [mdxArtifacts?.idMdx]);
-  const idTagName = (0,react.useMemo)(() => mdxArtifacts?.idTagName ?? {}, [mdxArtifacts]);
-  // umount mdx components when html or refCtr changes
-  (0,react.useLayoutEffect)(() => {
-    return () => refUmount.current();
-  }, [html, refCtr]);
-  // render mdx
-  (0,react.useLayoutEffect)(() => {
-    const ctr = refCtr.current;
-    if (!ctr) {
-      throw new Error('ctr is null');
-    }
-    refUmount.current = common_renderMdxComponents({
-      idMdxComponent,
-      idTagName,
-      ctr,
-      components: combinedComponents,
-      isSSR: true,
-      setPortal
-    });
-  }, [html, refCtr, combinedComponents, idMdxComponent, idTagName, setPortal]);
-  return portalsNode;
-};
-/* harmony default export */ const hooks_useMdxSsr = (useMdxSsr);
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/index.js
-
-
-;// ./node_modules/@diplodoc/mdx-extension/build/esm/index.js
-
-
-
-
-
-
-
-
 /***/ }),
 
 /***/ 2141:
@@ -177757,6 +176840,322 @@ MarkdownIt.prototype.renderInline = function (src, env) {
 module.exports = MarkdownIt;
 
 
+/***/ }),
+
+/***/ 91353:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ hooks_useMdxSsr)
+});
+
+// EXTERNAL MODULE: ./node_modules/react/index.js
+var react = __webpack_require__(96540);
+// EXTERNAL MODULE: ./node_modules/react-dom/client.js
+var client = __webpack_require__(5338);
+// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
+var jsx_runtime = __webpack_require__(74848);
+var jsx_runtime_namespaceObject = /*#__PURE__*/__webpack_require__.t(jsx_runtime, 2);
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/context/MdxStateCtx.js
+
+const MdxStateCtx = (0,react.createContext)(null);
+
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/context/internal/MdxPortalSetterCtx.js
+
+const MdxPortalSetterCtx = (0,react.createContext)(null);
+
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/internal/maps.js
+
+const portalWrapperComponentMap = new WeakMap();
+const componentGetInitProps = new WeakMap();
+
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/components/internal/CtxProxy.js
+
+const CtxProxy = (0,react.forwardRef)(({ ctx, children, initValue }, ref) => {
+    const [value, setValue] = react.useState(() => initValue);
+    (0,react.useImperativeHandle)(ref, () => {
+        return {
+            setValue: (v) => setValue(() => v),
+        };
+    }, []);
+    return react.createElement(ctx.Provider, {
+        value,
+        children,
+    });
+});
+/* harmony default export */ const internal_CtxProxy = (CtxProxy);
+
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/utils/internal/common.js
+
+
+
+
+
+
+
+const nodeRootMap = new WeakMap();
+const nodeWillUmount = new WeakMap();
+const nodePortalCleanup = new WeakMap();
+const renderMdxComponents = ({ idMdxComponent, isSSR, ctr, components, setPortal, idTagName, getCtxEmitterRef, contextList = [], }) => {
+    const unmountFns = Object.entries(idMdxComponent).map(([id, Content]) => {
+        let node = ctr.querySelector(`.${id}`);
+        if (!node) {
+            throw new Error('node is null');
+        }
+        if (nodeWillUmount.get(node) && node.parentNode) {
+            const newNode = node.cloneNode(true);
+            node.parentNode.replaceChild(newNode, node);
+            node = newNode;
+        }
+        const mdxState = node?.dataset?.mdxState ? JSON.parse(node.dataset.mdxState) : null;
+        const contentNode = react.createElement(MdxStateCtx.Provider, {
+            value: mdxState,
+            children: react.createElement(Content, {
+                components,
+            }),
+        });
+        const isTopLevelPortal = components && isPortal(components[idTagName[id]]);
+        let root;
+        if (isTopLevelPortal) {
+            if (!nodePortalCleanup.has(node)) {
+                nodePortalCleanup.set(node, true);
+                node.textContent = null;
+            }
+            setPortal({
+                id,
+                node,
+                reactNode: contentNode,
+            });
+        }
+        else {
+            const reactNode = react.createElement(MdxPortalSetterCtx.Provider, {
+                value: setPortal,
+                children: contextList.reduce((acc, ctxItem) => {
+                    const { ctx } = getCtxFromCtxItem(ctxItem);
+                    const { ref, value } = getCtxEmitterRef(Content, ctx);
+                    return react.createElement(internal_CtxProxy, {
+                        ref,
+                        ctx,
+                        children: acc,
+                        initValue: value,
+                    });
+                }, contentNode),
+            });
+            root = nodeRootMap.get(node);
+            if (root) {
+                root.render(reactNode);
+            }
+            else {
+                const options = {
+                    identifierPrefix: id,
+                };
+                if (isSSR) {
+                    root = (0,client/* hydrateRoot */.c)(node, reactNode, options);
+                }
+                else {
+                    root = (0,client/* createRoot */.H)(node, options);
+                    root.render(reactNode);
+                }
+                nodeRootMap.set(node, root);
+            }
+        }
+        return () => {
+            nodeWillUmount.set(node, true);
+            getCtxEmitterRef(Content, null);
+            if (isTopLevelPortal) {
+                setPortal({
+                    id,
+                    node: null,
+                    reactNode: null,
+                });
+            }
+            else if (root) {
+                setTimeout(() => root.unmount(), 0);
+            }
+        };
+    });
+    return () => unmountFns.forEach((cb) => cb());
+};
+const idMdxToComponents = (idMdx) => {
+    return Object.entries(idMdx ?? {}).reduce((acc, [id, fnStr]) => {
+        // eslint-disable-next-line no-param-reassign
+        acc[id] = runSync(fnStr, jsx_runtime_namespaceObject).default;
+        return acc;
+    }, {});
+};
+function generateUniqueId() {
+    return Date.now().toString(36) + Math.random().toString(36).substring(2);
+}
+function isPortal(component) {
+    if (!component || typeof component !== 'object')
+        return false;
+    return portalWrapperComponentMap.has(component);
+}
+function getInitMdxArtifacts() {
+    return { idMdx: {}, idTagName: {} };
+}
+// runSync from @mdx-js/mdx
+function runSync(code, options) {
+    // eslint-disable-next-line no-new-func
+    return new Function(String(code))(options);
+}
+function getCtxFromCtxItem(ctxItem) {
+    let ctx;
+    let initValue;
+    if ('ctx' in ctxItem) {
+        ctx = ctxItem.ctx;
+        initValue = ctxItem.initValue;
+    }
+    else {
+        ctx = ctxItem;
+    }
+    return {
+        ctx: ctx,
+        initValue,
+    };
+}
+
+// EXTERNAL MODULE: ./node_modules/react-dom/index.js
+var react_dom = __webpack_require__(40961);
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/internal/usePortals.js
+
+
+const usePortals = () => {
+    const refIdPortalMap = (0,react.useRef)(new Map());
+    const [portalNodes, setPortalNodes] = (0,react.useState)([]);
+    const setPortal = (0,react.useCallback)(({ id, node, reactNode }) => {
+        const idPortalMap = refIdPortalMap.current;
+        if (node) {
+            idPortalMap.set(id, (0,react_dom.createPortal)(reactNode, node, id));
+        }
+        else {
+            idPortalMap.delete(id);
+        }
+        setPortalNodes(Array.from(idPortalMap.values()));
+    }, []);
+    const fragment = (0,react.useMemo)(() => react.createElement(react.Fragment, { children: portalNodes }), [portalNodes]);
+    return {
+        portalsNode: fragment,
+        setPortal,
+    };
+};
+/* harmony default export */ const internal_usePortals = (usePortals);
+
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/components/internal/CtxListener.js
+
+const CtxListener = ({ ctx, setValue }) => {
+    const value = (0,react.useContext)(ctx);
+    (0,react.useMemo)(() => setValue(value), [value, setValue]);
+    return null;
+};
+/* harmony default export */ const internal_CtxListener = (CtxListener);
+
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/internal/useContextProxy.js
+
+
+
+const useContextProxy = (contextList) => {
+    const refCtxValue = (0,react.useRef)(new Map());
+    const refContentCtxListMap = (0,react.useRef)(new Map());
+    const handleChangeValue = (0,react.useCallback)((ctx, value) => {
+        const ctxValue = refCtxValue.current;
+        const contentCtxListMap = refContentCtxListMap.current;
+        ctxValue.set(ctx, value);
+        contentCtxListMap.forEach((list) => {
+            list.forEach(({ ctx: ctxLocal, ref }) => {
+                if (ref.current && ctxLocal === ctx) {
+                    ref.current.setValue(value);
+                }
+            });
+        });
+    }, []);
+    const listenerNodes = (0,react.useMemo)(() => {
+        if (!contextList)
+            return [];
+        return contextList.map((ctxItem, idx) => {
+            const { ctx } = getCtxFromCtxItem(ctxItem);
+            return react.createElement(internal_CtxListener, {
+                key: `ctx-${ctx.displayName ?? idx}`,
+                ctx,
+                setValue: (v) => handleChangeValue(ctx, v),
+            });
+        });
+    }, [contextList, handleChangeValue]);
+    const getCtxEmitterRef = (0,react.useCallback)((Content, ctx) => {
+        const contentCtxListMap = refContentCtxListMap.current;
+        if (!ctx) {
+            contentCtxListMap.delete(Content);
+            return { ref: null, value: null };
+        }
+        const ref = { current: null };
+        const ctxValueMap = refCtxValue.current;
+        let ctxListLocal = contentCtxListMap.get(Content);
+        if (!ctxListLocal) {
+            ctxListLocal = [];
+            contentCtxListMap.set(Content, ctxListLocal);
+        }
+        ctxListLocal.push({ ctx, ref });
+        const value = ctxValueMap.get(ctx);
+        return { ref, value };
+    }, []);
+    return {
+        getCtxEmitterRef,
+        listenerNode: react.createElement(react.Fragment, { children: listenerNodes }),
+    };
+};
+/* harmony default export */ const internal_useContextProxy = (useContextProxy);
+
+;// ./node_modules/@diplodoc/mdx-extension/build/esm/hooks/useMdxSsr.js
+
+
+
+
+const useMdxSsr = ({ html, refCtr, mdxArtifacts, components, pureComponents, contextList, }) => {
+    const refUmount = (0,react.useRef)(() => { });
+    const { portalsNode, setPortal } = internal_usePortals();
+    const combinedComponents = (0,react.useMemo)(() => ({ ...components, ...pureComponents }), [components, pureComponents]);
+    // building mdx scripts into components
+    const idMdxComponent = (0,react.useMemo)(() => idMdxToComponents(mdxArtifacts?.idMdx), [mdxArtifacts?.idMdx]);
+    const idTagName = (0,react.useMemo)(() => mdxArtifacts?.idTagName ?? {}, [mdxArtifacts]);
+    const { getCtxEmitterRef, listenerNode } = internal_useContextProxy(contextList);
+    // umount mdx components when html or refCtr changes
+    (0,react.useLayoutEffect)(() => {
+        return () => refUmount.current();
+    }, [html, refCtr]);
+    // render mdx
+    (0,react.useLayoutEffect)(() => {
+        const ctr = refCtr.current;
+        if (!ctr) {
+            throw new Error('ctr is null');
+        }
+        refUmount.current = renderMdxComponents({
+            idMdxComponent,
+            idTagName,
+            ctr,
+            components: combinedComponents,
+            setPortal,
+            getCtxEmitterRef,
+            contextList,
+            isSSR: true,
+        });
+    }, [
+        html,
+        refCtr,
+        combinedComponents,
+        idMdxComponent,
+        idTagName,
+        setPortal,
+        getCtxEmitterRef,
+        contextList,
+    ]);
+    return react.createElement(react.Fragment, null, portalsNode, listenerNode);
+};
+/* harmony default export */ const hooks_useMdxSsr = (useMdxSsr);
+
+
 /***/ }),
 
 /***/ 91541: