@brillout/docpress 0.9.7 → 0.10.0

package/dist/Layout.js

@@ -1,321 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-export { Layout };
-export { containerQueryMobileLayout };
-export { containerQueryMobileMenu };
-export { navLeftWidthMin };
-export { navLeftWidthMax };
-export { unexpandNav };
-import React from 'react';
-import { NavigationContent } from './navigation/Navigation';
-import { EditPageNote } from './components/EditPageNote';
-import { parseTitle } from './parseTitle';
-import { usePageContext, usePageContext2 } from './renderer/usePageContext';
-import { NavSecondaryContent } from './NavSecondaryContent';
-import { closeMenuModalWithDelay, openMenuModal, toggleMenuModal } from './MenuModal';
-import { MenuModal } from './MenuModal';
-import { autoScrollNav_SSR } from './autoScrollNav';
-import { SearchLink } from './docsearch/SearchLink';
-import { navigate } from 'vike/client/router';
-import { css } from './utils/css';
-import { PassThrough } from './utils/PassTrough';
-import { Style } from './utils/Style';
-import { cls } from './utils/cls';
-var blockMargin = 3;
-var mainViewPadding = 20;
-var mainViewWidthMax = 800;
-var navLeftWidthMax = 370;
-var navLeftWidthMin = 300;
-var mainViewMax = (mainViewWidthMax + mainViewPadding * 2); // 840 = 800 + 20 * 2
-var containerQueryMobileMenu = 1000;
-var containerQueryMobileLayout = (mainViewMax + navLeftWidthMin); // 1143 = 840 + 300
-var containerQueryExtraSpace = (mainViewMax + navLeftWidthMax + blockMargin); // 1213 = 840 + 370 + 3
-// Avoid whitespace at the bottom of pages with almost no content
-var whitespaceBuster1 = {
-    minHeight: '100vh',
-    display: 'flex',
-    flexDirection: 'column',
-};
-var whitespaceBuster2 = {
-    flexGrow: 1,
-};
-function Layout(_a) {
-    var _b;
-    var children = _a.children;
-    var pageContext = usePageContext();
-    var isLandingPage = pageContext.isLandingPage;
-    var content;
-    if (isLandingPage) {
-        content = React.createElement(LayoutLandingPage, null, children);
-    }
-    else {
-        content = React.createElement(LayoutDocsPage, null, children);
-    }
-    return (React.createElement("div", { style: (_b = {},
-            _b['--bg-color'] = '#f5f5f7',
-            _b['--block-margin'] = "".concat(blockMargin, "px"),
-            _b['--icon-text-padding'] = '8px',
-            // ['--nav-head-height']: `${isLandingPage ? 70 : 60}px`,
-            _b['--nav-head-height'] = "60px",
-            _b) },
-        React.createElement(MenuModal, { isTopNav: isLandingPage }),
-        React.createElement("div", { className: isLandingPage ? '' : 'doc-page', style: __assign({ 
-                // We don't add `container` to `body` nor `html` beacuse in Firefox it breaks the `position: fixed` of <MenuModal>
-                // https://stackoverflow.com/questions/74601420/css-container-inline-size-and-fixed-child
-                container: 'container-viewport / inline-size' }, whitespaceBuster1) },
-            React.createElement(NavHead, null),
-            content)));
-}
-function LayoutDocsPage(_a) {
-    var children = _a.children;
-    var pageContext = usePageContext();
-    var hideNavLeftAlways = pageContext.navItemsDetached && pageContext.navItemsDetached.length <= 1;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("style", null, getStyle()),
-        React.createElement("div", { style: __assign({ display: 'flex' }, whitespaceBuster2) },
-            React.createElement(NavLeft, null),
-            React.createElement("div", { id: "nav-left-margin", className: "low-prio-grow", style: { width: 0, maxWidth: 50, background: 'var(--bg-color)' } }),
-            React.createElement(PageContent, null, children))));
-    function getStyle() {
-        var style = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n@container container-viewport (min-width: ", "px) {\n  .low-prio-grow {\n    flex-grow: 1;\n  }\n  #navigation-container {\n    width: ", "px !important;\n  }\n}"], ["\n@container container-viewport (min-width: ", "px) {\n  .low-prio-grow {\n    flex-grow: 1;\n  }\n  #navigation-container {\n    width: ", "px !important;\n  }\n}"])), containerQueryExtraSpace, navLeftWidthMax);
-        var navLeftHide = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n#nav-left, #nav-left-margin {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"], ["\n#nav-left, #nav-left-margin {\n  display: none;\n}\n.page-wrapper {\n  --main-view-padding: 10px !important;\n  flex-grow: 1;\n  align-items: center;\n}\n.page-content {\n  margin: auto;\n}\n#menu-modal {\n  position: absolute !important;\n}\n"])));
-        if (!hideNavLeftAlways) {
-            navLeftHide = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n@container container-viewport (max-width: ", "px) {\n  ", "\n}\n@container container-viewport (min-width: ", "px) {\n  .nav-head-top {\n    display: none !important;\n  }\n}\n"], ["\n@container container-viewport (max-width: ", "px) {\n  ", "\n}\n@container container-viewport (min-width: ", "px) {\n  .nav-head-top {\n    display: none !important;\n  }\n}\n"])), containerQueryMobileLayout - 1, navLeftHide, containerQueryMobileLayout);
-        }
-        style += navLeftHide;
-        return style;
-    }
-}
-function LayoutLandingPage(_a) {
-    var children = _a.children;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(PageContent, null, children)));
-}
-function PageContent(_a) {
-    var _b;
-    var children = _a.children;
-    var pageContext = usePageContext();
-    var isLandingPage = pageContext.isLandingPage, pageTitle = pageContext.pageTitle;
-    var pageTitleParsed = pageTitle && parseTitle(pageTitle);
-    var globalNote = pageContext.config.globalNote;
-    var ifDocPage = function (style) { return (isLandingPage ? {} : style); };
-    return (React.createElement("div", { className: "page-wrapper low-prio-grow", style: __assign({ 
-            // Avoid overflow, see https://stackoverflow.com/questions/36230944/prevent-flex-items-from-overflowing-a-container/66689926#66689926
-            minWidth: 0 }, ifDocPage({
-            backgroundColor: 'var(--bg-color)',
-            paddingBottom: 50,
-        })) },
-        React.createElement("div", { className: "page-content", style: __assign((_b = {}, _b['--main-view-padding'] = "".concat(mainViewPadding, "px"), _b), ifDocPage({
-                width: "calc(".concat(mainViewWidthMax, "px + 2 * var(--main-view-padding))"),
-                maxWidth: '100%',
-                padding: '20px var(--main-view-padding)',
-            })) },
-            globalNote,
-            pageTitleParsed && React.createElement("h1", { id: "".concat(pageContext.urlPathname.replace('/', '')) }, pageTitleParsed),
-            children,
-            !isLandingPage && React.createElement(EditPageNote, { pageContext: pageContext }))));
-}
-function NavLeft() {
-    var pageContext = usePageContext();
-    var navItemsAll = pageContext.navItemsAll, navItemsDetached = pageContext.navItemsDetached;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { id: "nav-left", className: "link-hover-animation", style: {
-                flexGrow: 1,
-                borderRight: 'var(--block-margin) solid white',
-                zIndex: 1,
-            } },
-            React.createElement("div", { style: {
-                    position: 'sticky',
-                    top: 0,
-                } },
-                React.createElement(NavHead, { isNavLeft: true }),
-                React.createElement("div", { style: {
-                        backgroundColor: 'var(--bg-color)',
-                        display: 'flex',
-                        justifyContent: 'flex-end',
-                    } },
-                    React.createElement("div", { id: "navigation-container", style: {
-                            top: 0,
-                            height: "calc(100vh - var(--nav-head-height) - var(--block-margin))",
-                            overflowY: 'auto',
-                            overscrollBehavior: 'contain',
-                            paddingBottom: 40,
-                            minWidth: navLeftWidthMin,
-                            maxWidth: navLeftWidthMax,
-                            width: '100%',
-                        } }, navItemsDetached ? (React.createElement(NavigationContent, { navItems: navItemsDetached })) : (React.createElement(NavigationContent, { navItems: navItemsAll, showOnlyRelevant: true })))))),
-        React.createElement("script", { dangerouslySetInnerHTML: { __html: autoScrollNav_SSR } })));
-}
-function NavHead(_a) {
-    var _b;
-    var isNavLeft = _a.isNavLeft;
-    var pageContext = usePageContext();
-    var pageContext2 = usePageContext2();
-    var projectName = pageContext.meta.projectName;
-    var isLandingPage = pageContext.isLandingPage;
-    var navMaxWidth = pageContext.config.navMaxWidth;
-    var linkStyle = {
-        height: '100%',
-        padding: '0 var(--padding-side)',
-        justifyContent: 'center',
-    };
-    var TopNavigation = pageContext2.config.TopNavigation || PassThrough;
-    var navSecondaryContent = (React.createElement("div", { className: isNavLeft ? 'show-on-nav-hover add-transition' : 'hide-on-shrink desktop-grow', style: __assign({ padding: 0, display: 'flex', height: '100%' }, (!isNavLeft
-            ? {}
-            : {
-                position: 'absolute',
-                left: '100%',
-                top: 0,
-                paddingLeft: 'var(--block-margin)',
-                '--padding-side': '20px',
-                width: mainViewMax, // guaranteed real estate
-            })) },
-        React.createElement(TopNavigation, null),
-        !isNavLeft && React.createElement("div", { className: "desktop-grow" }),
-        React.createElement(NavSecondaryContent, { style: {
-                display: 'inline-flex',
-                fontSize: '1.06em',
-                padding: '0 var(--padding-side)',
-                marginLeft: -8,
-            } })));
-    return (React.createElement("div", { className: cls(['nav-head-full-width', !isNavLeft && 'nav-head-top', 'link-hover-animation']), style: {
-            display: 'flex',
-            justifyContent: isNavLeft ? 'flex-end' : 'center',
-            backgroundColor: 'var(--bg-color)',
-            borderBottom: 'var(--block-margin) solid white',
-            position: 'relative',
-        } },
-        isNavLeft && React.createElement(NavHeaderLeftFullWidthBackground, null),
-        React.createElement("div", { style: {
-                container: 'container-nav-head / inline-size',
-                width: '100%',
-                minWidth: isNavLeft && navLeftWidthMin,
-                maxWidth: isNavLeft && navLeftWidthMax,
-            } },
-            React.createElement("div", { className: "nav-head-content", style: (_b = {
-                        width: '100%',
-                        maxWidth: navMaxWidth,
-                        margin: 'auto',
-                        height: 'var(--nav-head-height)',
-                        fontSize: "min(16.96px, ".concat(isProjectNameShort(projectName) ? '4.8cqw' : '4.5cqw', ")"),
-                        color: '#666'
-                    },
-                    _b['--icon-text-padding'] = 'min(8px, 1.8cqw)',
-                    _b.display = 'flex',
-                    _b.justifyContent = 'center',
-                    _b) },
-                React.createElement(NavLogo, { className: "mobile-grow-half" }),
-                !isNavLeft && React.createElement("div", { className: "desktop-grow" }),
-                React.createElement(SearchLink, { className: "mobile-grow-half", style: linkStyle }),
-                React.createElement(MenuLink, { className: "mobile-grow-full", style: linkStyle }),
-                navSecondaryContent)),
-        getStyle()));
-    function getStyle() {
-        var style = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n@container container-nav-head (max-width: 550px) {\n  .mobile-grow-full {\n    flex-grow: 1;\n  }\n  .mobile-grow-half {\n    flex-grow: 0.5;\n  }\n  .nav-head-content {\n    --padding-side: 0px;\n  }\n  .nav-logo {\n    padding-left: 15px;\n    margin-left: -10px;\n  }\n}\n@container container-nav-head (min-width: 501px) {\n  .nav-head-content {\n    --padding-side: 35px;\n  }\n  .nav-logo {\n    padding: 0 var(--padding-side);\n  }\n}\n@media(max-width: ", "px) {\n  .hide-on-shrink {\n    display: none !important;\n  }\n}\n"], ["\n@container container-nav-head (max-width: 550px) {\n  .mobile-grow-full {\n    flex-grow: 1;\n  }\n  .mobile-grow-half {\n    flex-grow: 0.5;\n  }\n  .nav-head-content {\n    --padding-side: 0px;\n  }\n  .nav-logo {\n    padding-left: 15px;\n    margin-left: -10px;\n  }\n}\n@container container-nav-head (min-width: 501px) {\n  .nav-head-content {\n    --padding-side: 35px;\n  }\n  .nav-logo {\n    padding: 0 var(--padding-side);\n  }\n}\n@media(max-width: ", "px) {\n  .hide-on-shrink {\n    display: none !important;\n  }\n}\n"])), containerQueryMobileMenu);
-        if (navMaxWidth) {
-            style += css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n@media(min-width: ", "px) {\n  .desktop-grow {\n    flex-grow: 1;\n  }\n  .desktop-fade {\n    transition: opacity 0.3s ease-in-out !important;\n  }\n  html:not(.menu-modal-show) .nav-head-top:not(:hover) .desktop-fade {\n    transition: opacity 0.3s ease-in-out !important;\n    opacity: 0.5;\n  }\n}\n"], ["\n@media(min-width: ", "px) {\n  .desktop-grow {\n    flex-grow: 1;\n  }\n  .desktop-fade {\n    transition: opacity 0.3s ease-in-out !important;\n  }\n  html:not(.menu-modal-show) .nav-head-top:not(:hover) .desktop-fade {\n    transition: opacity 0.3s ease-in-out !important;\n    opacity: 0.5;\n  }\n}\n"])), containerQueryMobileMenu + 1);
-        }
-        if (isLandingPage && !navMaxWidth)
-            style += css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n@media(min-width: ", "px) {\n  .nav-logo {\n    display: none !important;\n  }\n}\n"], ["\n@media(min-width: ", "px) {\n  .nav-logo {\n    display: none !important;\n  }\n}\n"])), containerQueryMobileMenu + 1);
-        if (isNavLeft) {
-            style += css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\n.show-on-nav-hover {\n  opacity: 0;\n  transition-property: opacity;\n  pointer-events: none;\n}\nhtml:not(.unexpand-nav) :has(.nav-head-full-width:hover) .show-on-nav-hover,\nhtml:not(.unexpand-nav) :has(.show-on-nav-hover:hover) .show-on-nav-hover,\nhtml:not(.unexpand-nav).menu-modal-show .show-on-nav-hover {\n  opacity: 1;\n  pointer-events: all;\n}\n"], ["\n\n.show-on-nav-hover {\n  opacity: 0;\n  transition-property: opacity;\n  pointer-events: none;\n}\nhtml:not(.unexpand-nav) :has(.nav-head-full-width:hover) .show-on-nav-hover,\nhtml:not(.unexpand-nav) :has(.show-on-nav-hover:hover) .show-on-nav-hover,\nhtml:not(.unexpand-nav).menu-modal-show .show-on-nav-hover {\n  opacity: 1;\n  pointer-events: all;\n}\n"])));
-        }
-        return React.createElement(Style, null, style);
-    }
-}
-function unexpandNav() {
-    document.documentElement.classList.add('unexpand-nav');
-    // Using setTimeout() because requestAnimationFrame() doesn't delay enough
-    setTimeout(function () {
-        document.documentElement.classList.remove('unexpand-nav');
-    }, 1000);
-}
-function NavHeaderLeftFullWidthBackground() {
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "nav-bg show-on-nav-hover add-transition", style: {
-                height: '100%',
-                zIndex: -1,
-                background: 'var(--bg-color)',
-                position: 'absolute',
-                left: 0,
-                top: 0,
-                boxSizing: 'content-box',
-                borderBottom: 'var(--block-margin) solid white',
-            } }),
-        React.createElement(Style, null, 
-        // (min-width: 0px) => trick to always apply => @container seems to always require a condition
-        css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n@container container-viewport (min-width: 0px) {\n  .nav-bg {\n     width: 100cqw;\n  }\n}\n"], ["\n@container container-viewport (min-width: 0px) {\n  .nav-bg {\n     width: 100cqw;\n  }\n}\n"]))))));
-}
-function NavLogo(_a) {
-    var _b;
-    var className = _a.className;
-    var pageContext = usePageContext();
-    var iconSize = (_b = pageContext.config.navLogoSize) !== null && _b !== void 0 ? _b : 39;
-    var projectName = pageContext.meta.projectName;
-    return (React.createElement("a", { className: cls(['nav-logo', className]), style: {
-            display: 'flex',
-            alignItems: 'center',
-            color: 'inherit',
-            height: '100%',
-            justifyContent: 'flex-start',
-        }, href: "/" },
-        React.createElement("img", { src: pageContext.meta.faviconUrl, height: iconSize, width: iconSize, onContextMenu: function (ev) {
-                if (!pageContext.config.pressKit)
-                    return; // no /press page
-                if (window.location.pathname === '/press')
-                    return;
-                ev.preventDefault();
-                navigate('/press#logo');
-            } }),
-        React.createElement("span", { style: __assign({ marginLeft: "calc(var(--icon-text-padding) + 2px)", fontSize: isProjectNameShort(projectName) ? '1.65em' : '1.3em' }, pageContext.config.navLogoTextStyle) }, projectName)));
-}
-function isProjectNameShort(projectName) {
-    return projectName.length <= 4;
-}
-var onMouseIgnore;
-function MenuLink(props) {
-    return (React.createElement("div", __assign({}, props, { style: __assign({ height: '100%', display: 'flex', alignItems: 'center', cursor: 'default', userSelect: 'none' }, props.style), className: ['colorize-on-hover menu-toggle', props.className].filter(Boolean).join(' '), onClick: function (ev) {
-            ev.preventDefault();
-            toggleMenuModal();
-        }, onMouseOver: function () {
-            if (onMouseIgnore)
-                return;
-            openMenuModal();
-        }, onMouseLeave: function () {
-            if (onMouseIgnore)
-                return;
-            closeMenuModalWithDelay(100);
-        }, onTouchStart: function () {
-            onMouseIgnore = setTimeout(function () {
-                onMouseIgnore = undefined;
-            }, 1000);
-        } }),
-        React.createElement("span", { className: "text-docs" },
-            React.createElement(DocsIcon, null),
-            " Docs"),
-        React.createElement("span", { className: "text-menu" },
-            React.createElement(MenuIcon, null),
-            " Menu"),
-        React.createElement(Style, null, css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n@media(max-width: ", "px) {\n  .text-docs {\n    display: none;\n  }\n}\n@media(min-width: ", "px) {\n  .text-menu {\n    display: none;\n  }\n}\n"], ["\n@media(max-width: ", "px) {\n  .text-docs {\n    display: none;\n  }\n}\n@media(min-width: ", "px) {\n  .text-menu {\n    display: none;\n  }\n}\n"])), containerQueryMobileMenu, containerQueryMobileMenu + 1))));
-}
-function DocsIcon() {
-    return (React.createElement("span", { style: { marginRight: 'calc(var(--icon-text-padding) + 2px)' }, className: "decolorize-6 desktop-fade" }, "\uD83D\uDCDA"));
-}
-function MenuIcon() {
-    return (React.createElement("svg", { style: { marginRight: 'calc(var(--icon-text-padding) + 2px)', verticalAlign: 'top', width: '1.3em' }, className: "decolorize-6 desktop-fade", viewBox: "0 0 448 512" },
-        React.createElement("path", { fill: "currentColor", d: "M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z" })));
-}
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/dist/MenuModal.d.ts

@@ -1,13 +0,0 @@
-export { MenuModal };
-export { toggleMenuModal };
-export { openMenuModal };
-export { closeMenuModal };
-export { closeMenuModalWithDelay };
-import React from 'react';
-declare function MenuModal({ isTopNav }: {
-    isTopNav: boolean;
-}): React.JSX.Element;
-declare function toggleMenuModal(): void;
-declare function openMenuModal(): void;
-declare function closeMenuModal(): void;
-declare function closeMenuModalWithDelay(delay: number): void;

package/dist/MenuModal.js

@@ -1,124 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-export { MenuModal };
-export { toggleMenuModal };
-export { openMenuModal };
-export { closeMenuModal };
-export { closeMenuModalWithDelay };
-import React from 'react';
-import { usePageContext } from './renderer/usePageContext';
-import { NavigationContent } from './navigation/Navigation';
-import { css } from './utils/css';
-import { containerQueryMobileLayout, containerQueryMobileMenu } from './Layout';
-import { NavSecondaryContent } from './NavSecondaryContent';
-import { getViewportWidth } from './utils/getViewportWidth';
-import { Style } from './utils/Style';
-var closeMenuModalPending;
-function MenuModal(_a) {
-    var isTopNav = _a.isTopNav;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Style, null, getStyle()),
-        React.createElement("div", { id: "menu-modal", className: "link-hover-animation add-transition", style: {
-                position: isTopNav ? 'absolute' : 'fixed',
-                width: '100%',
-                /* Firefox doesn't support `dvh` yet: https://caniuse.com/?search=dvh
-                 * - Always use `dvh` instead of `vh` once Firefox supports it.
-                 * - We use dvh because of mobile: https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser/72245072#72245072
-                height: 'calc(100dvh - var(--nav-head-height))',
-                /*/
-                height: 'calc(100vh - var(--nav-head-height))',
-                maxHeight: 'calc(100dvh - var(--nav-head-height))',
-                //*/
-                top: 'var(--nav-head-height)',
-                left: 0,
-                zIndex: 9999,
-                overflow: 'scroll',
-                background: '#ededef',
-                transitionProperty: 'opacity',
-                // https://github.com/brillout/docpress/issues/23
-                // https://stackoverflow.com/questions/64514118/css-overscroll-behavior-contain-when-target-element-doesnt-overflow
-                // https://stackoverflow.com/questions/9538868/prevent-body-from-scrolling-when-a-modal-is-opened
-                overscrollBehavior: 'none',
-            }, onMouseOver: openMenuModal, onMouseLeave: closeMenuModal },
-            React.createElement("div", { style: {
-                    // Place <LinksBottom /> to the bottom
-                    display: 'flex',
-                    flexDirection: 'column',
-                    minHeight: 'calc(100dvh - var(--nav-head-height))',
-                    justifyContent: 'space-between',
-                    // We don't set `container` to parent beacuse of a Chrome bug (showing a blank <MenuModal>)
-                    container: 'container-viewport / inline-size',
-                } },
-                React.createElement(Nav, null),
-                React.createElement(NavSecondary, { className: "show-only-for-mobile" })),
-            React.createElement(CloseButton, { className: "show-only-for-mobile" }))));
-}
-function Nav() {
-    var pageContext = usePageContext();
-    var navItems = pageContext.navItemsAll;
-    return React.createElement(NavigationContent, { columnLayout: true, navItems: navItems });
-}
-function NavSecondary(_a) {
-    var className = _a.className;
-    return (React.createElement("div", { className: className, style: {
-            display: 'flex',
-            justifyContent: 'center',
-            marginTop: 20,
-        } },
-        React.createElement(NavSecondaryContent, { style: { height: 70 } })));
-}
-function getStyle() {
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nhtml:not(.menu-modal-show) #menu-modal {\n  opacity: 0;\n  pointer-events: none;\n}\n@container container-viewport (min-width: ", "px) {\n  #menu-modal .nav-item-level-3 {\n    display: none;\n  }\n}\n@media(max-width: ", "px) {\n  #menu-modal {\n    --nav-head-height: 0px !important;\n  }\n}\n@media(min-width: ", "px) {\n  .show-only-for-mobile {\n    display: none !important;\n  }\n}\n"], ["\nhtml:not(.menu-modal-show) #menu-modal {\n  opacity: 0;\n  pointer-events: none;\n}\n@container container-viewport (min-width: ", "px) {\n  #menu-modal .nav-item-level-3 {\n    display: none;\n  }\n}\n@media(max-width: ", "px) {\n  #menu-modal {\n    --nav-head-height: 0px !important;\n  }\n}\n@media(min-width: ", "px) {\n  .show-only-for-mobile {\n    display: none !important;\n  }\n}\n"])), containerQueryMobileLayout, containerQueryMobileMenu, containerQueryMobileMenu + 1);
-}
-function CloseButton(_a) {
-    var className = _a.className;
-    return (React.createElement("div", { className: className, onClick: toggleMenuModal, style: { position: 'fixed', top: 0, right: 0, zIndex: 10, padding: 11, cursor: 'pointer' }, "aria-label": 'Escape\nCtrl\xa0+\xa0M', "data-label-shift": true },
-        React.createElement("svg", { width: "48.855", height: "48.855", version: "1.1", viewBox: "0 0 22.901 22.901", xmlns: "http://www.w3.org/2000/svg" },
-            React.createElement("circle", { cx: "11.45", cy: "11.45", r: "10.607", fill: "#ececec", stroke: "#666", strokeDashoffset: "251.44", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.6875", style: { paintOrder: 'normal' } }),
-            React.createElement("path", { d: "m7.5904 6.2204 3.86 3.86 3.84-3.84a0.92 0.92 0 0 1 0.66-0.29 1 1 0 0 1 1 1 0.9 0.9 0 0 1-0.27 0.66l-3.89 3.84 3.89 3.89a0.9 0.9 0 0 1 0.27 0.61 1 1 0 0 1-1 1 0.92 0.92 0 0 1-0.69-0.27l-3.81-3.86-3.85 3.85a0.92 0.92 0 0 1-0.65 0.28 1 1 0 0 1-1-1 0.9 0.9 0 0 1 0.27-0.66l3.89-3.84-3.89-3.89a0.9 0.9 0 0 1-0.27-0.61 1 1 0 0 1 1-1c0.24 3e-3 0.47 0.1 0.64 0.27z", fill: "#666", stroke: "#666", strokeWidth: ".11719" }))));
-}
-function toggleMenuModal() {
-    document.documentElement.classList.toggle('menu-modal-show');
-    if (document.documentElement.classList.contains('menu-modal-show') &&
-        getViewportWidth() < containerQueryMobileLayout) {
-        autoScroll();
-    }
-}
-function autoScroll() {
-    var nav = document.querySelector('#menu-modal .navigation-content');
-    var href = window.location.pathname;
-    var navLinks = Array.from(nav.querySelectorAll("a[href=\"".concat(href, "\"]")));
-    var navLink = navLinks[0];
-    if (!navLink)
-        return;
-    // None of the following seemes to be working: https://stackoverflow.com/questions/19669786/check-if-element-is-visible-in-dom
-    if (findCollapsibleEl(navLink).classList.contains('collapsible-collapsed'))
-        return;
-    navLink.scrollIntoView({
-        behavior: 'instant',
-        block: 'center',
-        inline: 'start',
-    });
-}
-function findCollapsibleEl(navLink) {
-    var parentEl = navLink;
-    while (parentEl) {
-        if (parentEl.classList.contains('collapsible'))
-            return parentEl;
-        parentEl = parentEl.parentElement;
-    }
-    return null;
-}
-function openMenuModal() {
-    clearTimeout(closeMenuModalPending);
-    document.documentElement.classList.add('menu-modal-show');
-}
-function closeMenuModal() {
-    document.documentElement.classList.remove('menu-modal-show');
-}
-function closeMenuModalWithDelay(delay) {
-    closeMenuModalPending = setTimeout(closeMenuModal, delay);
-}
-var templateObject_1;

package/dist/NavSecondaryContent.d.ts

@@ -1,6 +0,0 @@
-export { NavSecondaryContent };
-import React from 'react';
-import '@docsearch/css';
-declare function NavSecondaryContent(props: {
-    style?: React.CSSProperties;
-}): React.JSX.Element;

package/dist/NavSecondaryContent.js

@@ -1,57 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-export { NavSecondaryContent };
-import React from 'react';
-import iconGithub from './icons/github.svg';
-import iconTwitter from './icons/twitter.svg';
-import iconDiscord from './icons/discord.svg';
-import iconChangelog from './icons/changelog.svg';
-import iconLanguages from './icons/languages.svg';
-import { usePageContext } from './renderer/usePageContext';
-import '@docsearch/css';
-function NavSecondaryContent(props) {
-    var pageContext = usePageContext();
-    var _a = pageContext.config, projectInfo = _a.projectInfo, i18n = _a.i18n;
-    var iconI18n = !i18n ? null : (React.createElement(LinkIcon, { className: "decolorize-4", icon: iconLanguages, href: '/languages', style: { height: 21, position: 'relative', top: 0, left: 0 } }));
-    return (React.createElement("div", __assign({}, props, { style: __assign({ display: 'flex', alignItems: 'center' }, props.style), className: "desktop-fade" }),
-        iconI18n,
-        projectInfo.discordInvite && (React.createElement(LinkIcon, { className: "decolorize-6", icon: iconDiscord, href: projectInfo.discordInvite })),
-        React.createElement(LinkIcon, { className: "decolorize-4", icon: iconTwitter, href: projectInfo.twitterProfile }),
-        React.createElement(LinkIcon, { className: "decolorize-4", icon: iconGithub, href: projectInfo.githubRepository }),
-        React.createElement(ChangelogButton, null)));
-}
-function ChangelogButton() {
-    var pageContext = usePageContext();
-    var projectInfo = pageContext.config.projectInfo;
-    return (React.createElement("a", { href: "".concat(projectInfo.githubRepository, "/blob/main/CHANGELOG.md"), className: "colorize-on-hover", style: {
-            display: 'flex',
-            alignItems: 'center',
-            padding: '0 5px',
-            height: '100%',
-        } },
-        React.createElement("div", { className: "button", style: {
-                display: 'flex',
-                alignItems: 'center',
-                padding: '2px 10px',
-                fontSize: '0.97em',
-            } },
-            React.createElement("span", { id: "version-number", className: "decolorize-7" },
-                "v",
-                projectInfo.projectVersion),
-            React.createElement("img", { className: "decolorize-6", src: iconChangelog, height: 16, style: { marginLeft: 6 } }))));
-}
-function LinkIcon(_a) {
-    var className = _a.className, icon = _a.icon, href = _a.href, style = _a.style;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("a", { className: "colorize-on-hover", href: href, style: { padding: 5, display: 'inline-flex', lineHeight: 0, height: '100%', alignItems: 'center' } },
-            React.createElement("img", { className: className, src: icon, height: "20", style: style }))));
-}

package/dist/autoScrollNav.d.ts

@@ -1,3 +0,0 @@
-export { autoScrollNav };
-export declare const autoScrollNav_SSR: string;
-declare function autoScrollNav(): void;

package/dist/autoScrollNav.js

@@ -1,35 +0,0 @@
-export { autoScrollNav };
-export var autoScrollNav_SSR = "autoScrollNav();".concat(autoScrollNav.toString());
-// - We cannot use TypeScript syntax because of autoScrollNav_SSR
-// - We have to save & restore `document.documentElement.scrollTop` because scrollIntoView() scrolls the main view. (I don't know why).
-//   - Failed alternatives:
-//     - scrollIntoViewIfNeeded() (https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoViewIfNeeded) would work (it doesn't scroll the main view) but Firefox doesn't support it.
-//     - Doesn't work: the scrolling is off by hundreds of px (I guess because this function runs too early while the page is still rendering).
-//       ```js
-//       const offset = navLink.offsetTop - (window.innerHeight / 2)
-//       navigationContainerEl.scrollTop = offset
-//       ```
-//     - Doesn't work: scrollIntoView() still scrolls the main view
-//       ```js
-//       const overflowOriginal = document.documentElement.style.overflow
-//       document.documentElement.style.overflow = 'hidden'
-//       // ...
-//       document.documentElement.style.overflow = overflowOriginal
-//       ```
-function autoScrollNav() {
-    var nav = document.querySelector('#nav-left .navigation-content');
-    if (!nav)
-        return;
-    var href = window.location.pathname;
-    var navLinks = Array.from(nav.querySelectorAll("a[href=\"".concat(href, "\"]")));
-    var navLink = navLinks[0];
-    if (!navLink)
-        return;
-    var scrollTopOriginal = document.documentElement.scrollTop;
-    navLink.scrollIntoView({
-        behavior: 'instant',
-        block: 'center',
-        inline: 'start',
-    });
-    document.documentElement.scrollTop = scrollTopOriginal;
-}

package/dist/components/EditPageNote.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export { EditPageNote };
-declare function EditPageNote({ pageContext }: {
-    pageContext: {
-        urlPathname: string;
-    };
-}): React.JSX.Element;

package/dist/components/EditPageNote.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { RepoLink } from './RepoLink';
-export { EditPageNote };
-function EditPageNote(_a) {
-    var pageContext = _a.pageContext;
-    var text = (React.createElement(React.Fragment, null,
-        React.createElement("span", { style: { fontFamily: 'emoji' } }, "\u270D"),
-        " Edit this page"));
-    return (React.createElement("div", { style: { marginTop: 50 } },
-        React.createElement(RepoLink, { path: '/docs/pages' + pageContext.urlPathname + '/+Page.mdx', text: text, editMode: true })));
-}

package/dist/docsearch/SearchLink.d.ts

@@ -1,4 +0,0 @@
-export { SearchLink };
-import React from 'react';
-type PropsAnchor = React.HTMLProps<HTMLAnchorElement>;
-declare function SearchLink(props: PropsAnchor): React.JSX.Element;

package/dist/docsearch/SearchLink.js

@@ -1,25 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-export { SearchLink };
-import React from 'react';
-import { openDocsearchModal } from './toggleDocsearchModal';
-function SearchLink(props) {
-    return (React.createElement("a", __assign({}, props, { style: __assign({ height: '100%', display: 'flex', alignItems: 'center', cursor: 'pointer' }, props.style), className: ['colorize-on-hover', props.className].filter(Boolean).join(' '), onClick: function (ev) {
-            ev.preventDefault();
-            openDocsearchModal();
-        }, "aria-label": 'Ctrl\xa0+\xa0K' }),
-        React.createElement(SearchIcon, null),
-        "Search"));
-}
-function SearchIcon() {
-    return (React.createElement("span", { style: { marginRight: 'var(--icon-text-padding)', fontSize: '1.1em' }, className: "decolorize-7 desktop-fade" }, "\uD83D\uDD0D"));
-}

package/dist/docsearch/toggleDocsearchModal.d.ts

@@ -1,4 +0,0 @@
-export { closeDocsearchModal };
-export { openDocsearchModal };
-declare function closeDocsearchModal(): void;
-declare function openDocsearchModal(): void;