@redocly/theme 0.4.14 → 0.4.16

package/lib/hooks/__tests__/mocks/MockIntersectionObserver.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockIntersectionObserver = void 0;
+class MockIntersectionObserver {
+    constructor(callback, options) {
+        Object.defineProperty(this, "root", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "rootMargin", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "thresholds", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "viewPort", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "entries", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "callback", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "intersect", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.entries.map((entry) => {
+                    entry.isIntersecting = this.isInViewPort(entry.target);
+                });
+                this.callback(this.entries, this);
+            }
+        });
+        this.viewPort = (options === null || options === void 0 ? void 0 : options.root) ? options.root : window;
+        this.entries = [];
+        this.root = null;
+        this.rootMargin = '0px';
+        this.thresholds = [1];
+        this.callback = callback;
+        this.viewPort.addEventListener('scroll', this.intersect);
+    }
+    isInViewPort(target) {
+        return target.id !== 'toc-0';
+    }
+    observe(target) {
+        this.entries.push({ isIntersecting: false, target });
+    }
+    unobserve(target) {
+        this.entries = this.entries.filter((ob) => ob.target !== target);
+    }
+    disconnect() {
+        this.viewPort.removeEventListener('scroll', this.intersect);
+        this.entries = [];
+    }
+    takeRecords() {
+        return this.entries;
+    }
+}
+exports.MockIntersectionObserver = MockIntersectionObserver;
+//# sourceMappingURL=MockIntersectionObserver.js.map

package/{hooks → lib/hooks}/index.js

@@ -22,3 +22,4 @@ __exportStar(require("../hooks/useActiveSectionId"), exports);
 __exportStar(require("../hooks/useFullHeight"), exports);
 __exportStar(require("../hooks/useNavbarHeight"), exports);
 __exportStar(require("../hooks/useOutsideClick"), exports);
+//# sourceMappingURL=index.js.map

package/lib/hooks/useActiveHeading.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveHeading = void 0;
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+function useActiveHeading(contentElement, displayedHeaders) {
+    const [heading, setHeading] = (0, react_1.useState)(undefined);
+    const [headingElements, setHeadingElements] = (0, react_1.useState)([]);
+    const headingElementsRef = (0, react_1.useRef)({});
+    const history = (0, react_router_dom_1.useHistory)();
+    const getVisibleHeadings = () => {
+        const visibleHeadings = [];
+        for (const key in headingElementsRef.current) {
+            const headingElement = headingElementsRef.current[key];
+            if (headingElement.isIntersecting) {
+                visibleHeadings.push(headingElement);
+            }
+        }
+        return visibleHeadings;
+    };
+    const getIndexFromId = (0, react_1.useCallback)((id) => {
+        return headingElements.findIndex((item) => item.id === id);
+    }, [headingElements]);
+    const findHeaders = (allContent) => {
+        const allHeaders = allContent.querySelectorAll('.heading-anchor');
+        return Array.from(allHeaders);
+    };
+    const intersectionCallback = (0, react_1.useCallback)((headings) => {
+        var _a;
+        headingElementsRef.current = headings.reduce((map, headingElement) => {
+            map[headingElement.target.id] = headingElement;
+            return map;
+        }, headingElementsRef.current);
+        const totalHeight = window.scrollY + window.innerHeight;
+        // handle bottom of the page
+        if (totalHeight >= document.body.scrollHeight) {
+            const newHeading = ((_a = headingElements[(headingElements === null || headingElements === void 0 ? void 0 : headingElements.length) - 1]) === null || _a === void 0 ? void 0 : _a.id) || undefined;
+            setHeading(newHeading);
+            return;
+        }
+        const visibleHeadings = getVisibleHeadings();
+        if (!visibleHeadings.length) {
+            return;
+        }
+        if (visibleHeadings.length === 1) {
+            setHeading(visibleHeadings[0].target.id);
+            return;
+        }
+        visibleHeadings.sort((a, b) => {
+            return getIndexFromId(a.target.id) - getIndexFromId(b.target.id);
+        });
+        setHeading(visibleHeadings[0].target.id);
+    }, [getIndexFromId, headingElements]);
+    (0, react_1.useEffect)(() => {
+        if (!contentElement) {
+            return;
+        }
+        setHeadingElements(findHeaders(contentElement));
+        const unlisten = history.listen(() => {
+            setHeadingElements(findHeaders(contentElement));
+        });
+        return () => unlisten();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [contentElement]);
+    (0, react_1.useEffect)(() => {
+        if (!(headingElements === null || headingElements === void 0 ? void 0 : headingElements.length)) {
+            return;
+        }
+        headingElementsRef.current = {};
+        // Bottom rootMargin -30% changes part of the view where IntersectionObserver starts to detect headers
+        const observer = new IntersectionObserver(intersectionCallback, {
+            rootMargin: '0px 0px -30% 0px',
+            threshold: 1,
+        });
+        headingElements === null || headingElements === void 0 ? void 0 : headingElements.forEach((element) => {
+            if (displayedHeaders.includes(element.id)) {
+                observer.observe(element);
+            }
+        });
+        return () => observer.disconnect();
+    }, [headingElements, displayedHeaders, intersectionCallback]);
+    return heading;
+}
+exports.useActiveHeading = useActiveHeading;
+//# sourceMappingURL=useActiveHeading.js.map

package/lib/hooks/useActiveSectionId.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActiveSectionId = void 0;
+const react_1 = require("react");
+const lodash_throttle_1 = __importDefault(require("lodash.throttle"));
+const useNavbarHeight_1 = require("../hooks/useNavbarHeight");
+function useActiveSectionId(location, hasOverviewPage = false) {
+    const [itemId, setItemId] = (0, react_1.useState)('');
+    const navbarHeight = (0, useNavbarHeight_1.useNavbarHeight)(location);
+    const scrollListener = (0, react_1.useMemo)(() => (0, lodash_throttle_1.default)(() => {
+        const sections = document.querySelectorAll('[data-section-id]');
+        if (sections.length < 2) {
+            setItemId('');
+            return;
+        }
+        for (let i = 0; i < sections.length; i++) {
+            const section = sections[i];
+            const rect = section.getBoundingClientRect();
+            if (rect.y < navbarHeight + 5 && rect.bottom > navbarHeight + 5) {
+                // use small padding 5px to account for rounding
+                setItemId(section.getAttribute('data-section-id') || '');
+                return;
+            }
+        }
+        if (hasOverviewPage) {
+            setItemId('');
+        }
+        else {
+            setItemId((sections[0] && sections[0].getAttribute('data-section-id')) || '');
+        }
+    }, 150), [navbarHeight, hasOverviewPage]);
+    (0, react_1.useEffect)(() => {
+        window.addEventListener('scroll', scrollListener, { capture: false });
+        setTimeout(() => {
+            scrollListener();
+        }, 0);
+        return () => {
+            window.removeEventListener('scroll', scrollListener); // TODO: add throttle
+        };
+    }, [location, navbarHeight, scrollListener]);
+    return itemId;
+}
+exports.useActiveSectionId = useActiveSectionId;
+//# sourceMappingURL=useActiveSectionId.js.map

package/lib/hooks/useControl.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useControl = void 0;
+const react_1 = require("react");
+const useControl = (initialVal = false) => {
+    const [isOpened, setIsOpened] = (0, react_1.useState)(initialVal);
+    const handleOpen = (0, react_1.useCallback)(() => setIsOpened(true), []);
+    const handleClose = (0, react_1.useCallback)(() => setIsOpened(false), []);
+    return {
+        isOpened,
+        handleOpen,
+        handleClose,
+    };
+};
+exports.useControl = useControl;
+//# sourceMappingURL=useControl.js.map

package/{hooks → lib/hooks}/useDefaultThemeSettings.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDefaultThemeSettings = void 0;
-var hooks_1 = require("../mocks/hooks");
-var constants_1 = require("../mocks/constants");
+const hooks_1 = require("../mocks/hooks");
+const constants_1 = require("../mocks/constants");
 function useDefaultThemeSettings() {
     return (0, hooks_1.useThemeSettings)(constants_1.DEFAULT_THEME_NAME);
 }
 exports.useDefaultThemeSettings = useDefaultThemeSettings;
+//# sourceMappingURL=useDefaultThemeSettings.js.map

package/{hooks → lib/hooks}/useFullHeight.js

@@ -4,30 +4,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFullHeight = void 0;
-var react_1 = require("react");
-var lodash_throttle_1 = __importDefault(require("lodash.throttle"));
+const react_1 = require("react");
+const lodash_throttle_1 = __importDefault(require("lodash.throttle"));
 function useFullHeight(element) {
-    var handler = (0, react_1.useCallback)(function () {
+    const handler = (0, react_1.useCallback)(() => {
         if (!element.current) {
             return;
         }
-        var footer = document.querySelector('footer');
+        const footer = document.querySelector('footer');
         if (!footer) {
             return;
         }
-        var elementTop = element.current.getBoundingClientRect().top;
-        var footerOffset = footer.offsetTop - window.scrollY - elementTop;
+        const elementTop = element.current.getBoundingClientRect().top;
+        const footerOffset = footer.offsetTop - window.scrollY - elementTop;
         if (footerOffset > window.innerHeight) {
-            element.current.style.maxHeight = "".concat(window.innerHeight - elementTop, "px");
+            element.current.style.maxHeight = `${window.innerHeight - elementTop}px`;
         }
         else {
-            element.current.style.maxHeight = "".concat(footerOffset, "px");
+            element.current.style.maxHeight = `${footerOffset}px`;
         }
     }, [element]);
-    var throttledHandler = (0, react_1.useMemo)(function () { return (0, lodash_throttle_1.default)(handler, 150); }, [handler]);
-    (0, react_1.useEffect)(function () {
+    const throttledHandler = (0, react_1.useMemo)(() => (0, lodash_throttle_1.default)(handler, 150), [handler]);
+    (0, react_1.useEffect)(() => {
         if (typeof window === 'undefined' || !element.current) {
-            return function () {
+            return () => {
                 // nope
             };
         }
@@ -38,10 +38,11 @@ function useFullHeight(element) {
             capture: false,
         });
         handler();
-        return function () {
+        return () => {
             window.removeEventListener('scroll', throttledHandler);
             window.removeEventListener('resize', throttledHandler);
         };
     }, [throttledHandler, element, handler]);
 }
 exports.useFullHeight = useFullHeight;
+//# sourceMappingURL=useFullHeight.js.map

package/lib/hooks/useMobileMenu.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMobileMenu = void 0;
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+function useMobileMenu(initialState = false) {
+    const { location } = (0, react_router_dom_1.useHistory)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(initialState);
+    (0, react_1.useEffect)(() => setIsOpen(false), [location.pathname]);
+    return [isOpen, setIsOpen];
+}
+exports.useMobileMenu = useMobileMenu;
+//# sourceMappingURL=useMobileMenu.js.map

package/{hooks → lib/hooks}/useMount.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMount = void 0;
-var react_1 = require("react");
-var useMount = function (callback) {
-    (0, react_1.useEffect)(function () {
+const react_1 = require("react");
+const useMount = (callback) => {
+    (0, react_1.useEffect)(() => {
         callback();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 };
 exports.useMount = useMount;
+//# sourceMappingURL=useMount.js.map

package/lib/hooks/useNavbarHeight.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNavbarHeight = void 0;
+const react_1 = require("react");
+const getNavbarElement_1 = require("../utils/getNavbarElement");
+function useNavbarHeight(location) {
+    const [height, setHeight] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const navbar = (0, getNavbarElement_1.getNavbarElement)();
+        setHeight((navbar && navbar.clientHeight) || 0);
+    }, [location.pathname]);
+    (0, react_1.useEffect)(() => {
+        window.requestAnimationFrame(() => {
+            const navbar = (0, getNavbarElement_1.getNavbarElement)();
+            setHeight((navbar && navbar.clientHeight) || 0);
+        });
+    }, []);
+    return height;
+}
+exports.useNavbarHeight = useNavbarHeight;
+//# sourceMappingURL=useNavbarHeight.js.map

package/{hooks → lib/hooks}/useOutsideClick.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOutsideClick = void 0;
-var react_1 = require("react");
+const react_1 = require("react");
 function useOutsideClick(ref, handler) {
-    (0, react_1.useEffect)(function () {
-        var listener = function (event) {
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
                 return;
             }
@@ -12,10 +12,11 @@ function useOutsideClick(ref, handler) {
         };
         document.addEventListener('mousedown', listener);
         document.addEventListener('touchstart', listener);
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', listener);
             document.removeEventListener('touchstart', listener);
         };
     }, [ref, handler]);
 }
 exports.useOutsideClick = useOutsideClick;
+//# sourceMappingURL=useOutsideClick.js.map

package/{hooks → lib/hooks}/useUnmount.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUnmount = void 0;
-var react_1 = require("react");
-var useUnmount = function (callback) {
-    (0, react_1.useEffect)(function () {
-        return function () {
+const react_1 = require("react");
+const useUnmount = (callback) => {
+    (0, react_1.useEffect)(() => {
+        return () => {
             callback();
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 };
 exports.useUnmount = useUnmount;
+//# sourceMappingURL=useUnmount.js.map

package/{icons → lib/icons}/AlertIcon/AlertIcon.js

@@ -1,17 +1,12 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function Icon(_a) {
-    var type = _a.type, className = _a.className;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function Icon({ type, className }) {
     switch (type) {
         case 'warning':
             return (react_1.default.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "Layer_1", x: "0", y: "0", viewBox: "0 0 500.6 500.6", enableBackground: "new 0 0 500.6 500.6" },
@@ -39,13 +34,23 @@ function Icon(_a) {
                 react_1.default.createElement("circle", { cx: "250.3", cy: "163.7", r: "25.3" })));
     }
 }
-exports.AlertIcon = (0, styled_components_1.default)(Icon).attrs(function () { return ({
+exports.AlertIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
     'data-component-name': 'icons/AlertIcon/AlertIcon',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  left: var(--admonition-padding-horizontal);\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--admonition-icon-size);\n  height: var(--admonition-icon-size);\n  margin-right: var(--admonition-padding-horizontal);\n  flex-shrink: 0;\n\n  fill: ", ";\n\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n"], ["\n  position: absolute;\n  left: var(--admonition-padding-horizontal);\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--admonition-icon-size);\n  height: var(--admonition-icon-size);\n  margin-right: var(--admonition-padding-horizontal);\n  flex-shrink: 0;\n\n  fill: ", ";\n\n  background-image: ", ";\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n"])), function (_a) {
-    var type = _a.type;
-    return "var(--admonition-".concat(type, "-icon-color)");
-}, function (_a) {
-    var type = _a.type;
-    return "var(--admonition-".concat(type, "-icon)");
-});
-var templateObject_1;
+})) `
+  position: absolute;
+  left: var(--admonition-padding-horizontal);
+  top: 50%;
+  transform: translateY(-50%);
+  width: var(--admonition-icon-size);
+  height: var(--admonition-icon-size);
+  margin-right: var(--admonition-padding-horizontal);
+  flex-shrink: 0;
+
+  fill: ${({ type }) => `var(--admonition-${type}-icon-color)`};
+
+  background-image: ${({ type }) => `var(--admonition-${type}-icon)`};
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+`;
+//# sourceMappingURL=AlertIcon.js.map

package/{icons → lib/icons}/AlertIcon/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertIcon = void 0;
 var AlertIcon_1 = require("../../icons/AlertIcon/AlertIcon");
 Object.defineProperty(exports, "AlertIcon", { enumerable: true, get: function () { return AlertIcon_1.AlertIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/ArrowIcon/ArrowIcon.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function directionToTransform({ direction }) {
+    switch (direction) {
+        case 'up':
+            return 180;
+        case 'right':
+            return -90;
+        case 'left':
+            return 90;
+        default:
+            return 0;
+    }
+}
+const Icon = ({ className }) => (react_1.default.createElement("span", { "data-component-name": "icons/ArrowIcon/ArrowIcon" },
+    react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 7 5", className: className },
+        react_1.default.createElement("path", { d: "M3.5 2.51L5.806.205a.7.7 0 01.99.99l-2.8 2.8a.698.698 0 01-.99 0l-2.8-2.8a.7.7 0 11.99-.99L3.5 2.51z" }))));
+exports.ArrowIcon = (0, styled_components_1.default)(Icon) `
+  width: var(--sidebar-group-item-chevron-size);
+  height: var(--sidebar-group-item-chevron-size);
+  fill: var(--sidebar-group-item-chevron-color);
+  transform: rotate(${directionToTransform}deg);
+
+  vertical-align: middle;
+`;
+//# sourceMappingURL=ArrowIcon.js.map

package/{icons → lib/icons}/ArrowIcon/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowIcon = void 0;
 var ArrowIcon_1 = require("../../icons/ArrowIcon/ArrowIcon");
 Object.defineProperty(exports, "ArrowIcon", { enumerable: true, get: function () { return ArrowIcon_1.ArrowIcon; } });
+//# sourceMappingURL=index.js.map

package/{icons → lib/icons}/ColorModeIcon/ColorModeIcon.js

@@ -1,17 +1,12 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorModeIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function Icon(_a) {
-    var mode = _a.mode, className = _a.className;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function Icon({ mode, className }) {
     switch (mode) {
         case 'dark':
             return (react_1.default.createElement("svg", { className: className, "data-testid": "dark", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
@@ -24,7 +19,11 @@ function Icon(_a) {
                 react_1.default.createElement("path", { d: "M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 1 1 0 12z" })));
     }
 }
-exports.ColorModeIcon = (0, styled_components_1.default)(Icon).attrs(function () { return ({
+exports.ColorModeIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
     'data-component-name': 'icons/ColorModeIcon/ColorModeIcon',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: var(--navbar-item-font-size);\n  box-sizing: border-box;\n  fill: var(--navbar-text-color);\n"], ["\n  width: var(--navbar-item-font-size);\n  box-sizing: border-box;\n  fill: var(--navbar-text-color);\n"])));
-var templateObject_1;
+})) `
+  width: var(--navbar-item-font-size);
+  box-sizing: border-box;
+  fill: var(--navbar-text-color);
+`;
+//# sourceMappingURL=ColorModeIcon.js.map

package/{icons → lib/icons}/ColorModeIcon/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorModeIcon = void 0;
 var ColorModeIcon_1 = require("../../icons/ColorModeIcon/ColorModeIcon");
 Object.defineProperty(exports, "ColorModeIcon", { enumerable: true, get: function () { return ColorModeIcon_1.ColorModeIcon; } });
+//# sourceMappingURL=index.js.map