@reykjavik/hanna-react 0.10.55 → 0.10.56

package/MainMenu/_Auxiliary.mjs

@@ -1,28 +0,0 @@
-import React from "react";
-import { getIllustrationUrl } from "@reykjavik/hanna-utils/assets";
-import { Link } from "../_abstract/Link";
-const AuxiliaryPanel = (props) => {
-  const { title, id, items, image } = props;
-  const imageUrl = image ? getIllustrationUrl(image) : image;
-  return /* @__PURE__ */ React.createElement("li", {
-    className: "AuxiliaryPanel",
-    id,
-    style: imageUrl ? { "--menu-auxiliary-image": `url(${imageUrl})` } : void 0
-  }, /* @__PURE__ */ React.createElement("h3", {
-    className: "AuxiliaryPanel__title"
-  }, title), /* @__PURE__ */ React.createElement("ul", {
-    className: "AuxiliaryPanel__items"
-  }, items.map((item, i) => /* @__PURE__ */ React.createElement("li", {
-    key: i,
-    className: "AuxiliaryPanel__item",
-    "aria-current": item.current || void 0
-  }, /* @__PURE__ */ React.createElement(Link, {
-    className: "AuxiliaryPanel__link",
-    href: item.href,
-    target: item.target,
-    lang: item.lang
-  }, item.label)))));
-};
-export {
-  AuxiliaryPanel
-};

package/MainMenu/_PrimaryPanel.cjs

@@ -1,74 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PrimaryPanel_exports = {};
-__export(PrimaryPanel_exports, {
-  PrimaryPanel: () => PrimaryPanel
-});
-module.exports = __toCommonJS(PrimaryPanel_exports);
-var import_react = __toESM(require("react"));
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_Link = require("../_abstract/Link");
-const PrimaryPanel = (props) => {
-  const { setActivePanel, panel, isParent, isActive, isBrowser, texts } = props;
-  const { items } = panel;
-  return /* @__PURE__ */ import_react.default.createElement("li", {
-    ref: isActive ? props.activeRef : void 0,
-    className: (0, import_getBemClass.default)("PrimaryPanel", [
-      isParent && "parent",
-      isActive && "active",
-      items.length > 5 && "twocol"
-    ]),
-    id: panel.id
-  }, /* @__PURE__ */ import_react.default.createElement("h3", {
-    className: "PrimaryPanel__title"
-  }, " ", isBrowser && !isActive ? /* @__PURE__ */ import_react.default.createElement("button", {
-    className: "MainMenu__mega__title-toggler",
-    "aria-controls": panel.id,
-    onClick: () => setActivePanel(panel, false),
-    "aria-pressed": isActive,
-    type: "button"
-  }, panel.title) : panel.title), /* @__PURE__ */ import_react.default.createElement("ul", {
-    className: "PrimaryPanel__items"
-  }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement("li", {
-    key: i,
-    className: "PrimaryPanel__item",
-    "aria-current": item.current || void 0
-  }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
-    className: "PrimaryPanel__link",
-    href: item.href,
-    target: item.target,
-    lang: item.lang
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "PrimaryPanel__linkTitle"
-  }, item.label), " ", /* @__PURE__ */ import_react.default.createElement("small", {
-    className: "PrimaryPanel__summary"
-  }, item.summary), " ")))), isBrowser && isActive && /* @__PURE__ */ import_react.default.createElement("button", {
-    className: "MainMenu__megapanel__backtomenu",
-    "aria-controls": panel.id,
-    "aria-label": texts.backToMenuLong,
-    onClick: () => setActivePanel(void 0),
-    type: "button"
-  }, texts.backToMenu));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  PrimaryPanel
-});

package/MainMenu/_PrimaryPanel.mjs

@@ -1,48 +0,0 @@
-import React from "react";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import { Link } from "../_abstract/Link";
-const PrimaryPanel = (props) => {
-  const { setActivePanel, panel, isParent, isActive, isBrowser, texts } = props;
-  const { items } = panel;
-  return /* @__PURE__ */ React.createElement("li", {
-    ref: isActive ? props.activeRef : void 0,
-    className: getBemClass("PrimaryPanel", [
-      isParent && "parent",
-      isActive && "active",
-      items.length > 5 && "twocol"
-    ]),
-    id: panel.id
-  }, /* @__PURE__ */ React.createElement("h3", {
-    className: "PrimaryPanel__title"
-  }, " ", isBrowser && !isActive ? /* @__PURE__ */ React.createElement("button", {
-    className: "MainMenu__mega__title-toggler",
-    "aria-controls": panel.id,
-    onClick: () => setActivePanel(panel, false),
-    "aria-pressed": isActive,
-    type: "button"
-  }, panel.title) : panel.title), /* @__PURE__ */ React.createElement("ul", {
-    className: "PrimaryPanel__items"
-  }, items.map((item, i) => /* @__PURE__ */ React.createElement("li", {
-    key: i,
-    className: "PrimaryPanel__item",
-    "aria-current": item.current || void 0
-  }, /* @__PURE__ */ React.createElement(Link, {
-    className: "PrimaryPanel__link",
-    href: item.href,
-    target: item.target,
-    lang: item.lang
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "PrimaryPanel__linkTitle"
-  }, item.label), " ", /* @__PURE__ */ React.createElement("small", {
-    className: "PrimaryPanel__summary"
-  }, item.summary), " ")))), isBrowser && isActive && /* @__PURE__ */ React.createElement("button", {
-    className: "MainMenu__megapanel__backtomenu",
-    "aria-controls": panel.id,
-    "aria-label": texts.backToMenuLong,
-    onClick: () => setActivePanel(void 0),
-    type: "button"
-  }, texts.backToMenu));
-};
-export {
-  PrimaryPanel
-};

package/MainMenu.cjs

@@ -1,209 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var MainMenu_exports = {};
-__export(MainMenu_exports, {
-  default: () => MainMenu_default,
-  defaultMainMenuTexts: () => defaultMainMenuTexts
-});
-module.exports = __toCommonJS(MainMenu_exports);
-var import_react = __toESM(require("react"));
-var import_focusElm = __toESM(require("@hugsmidjan/qj/focusElm"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_useShortState = __toESM(require("@hugsmidjan/react/hooks/useShortState"));
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_hanna_utils = require("@reykjavik/hanna-utils");
-var import_i18n = require("@reykjavik/hanna-utils/i18n");
-var import_Link = require("./_abstract/Link");
-var import_Auxiliary = require("./MainMenu/_Auxiliary");
-var import_PrimaryPanel = require("./MainMenu/_PrimaryPanel");
-var import_useFormatMonitor = require("./utils/useFormatMonitor");
-const findActivePanel = (megaPanels, activeId) => activeId ? megaPanels.find((panel) => activeId === panel.id) : void 0;
-const defaultMainMenuTexts = {
-  is: { lang: "is", backToMenu: "Loka", backToMenuLong: "Til baka \xED valmynd" },
-  en: { lang: "en", backToMenu: "Close", backToMenuLong: "Close and return to menu" }
-};
-const MainMenu = (props) => {
-  const { title, megaPanels = [], onItemClick, ssr, auxiliaryPanel } = props;
-  const isBrowser = (0, import_hooks.useIsBrowserSide)(ssr);
-  const menuElmRef = (0, import_react.useRef)(null);
-  const pressedLinkRef = (0, import_react.useRef)(null);
-  const activePanelRef = (0, import_react.useRef)(null);
-  const [activePanel, _setActivePanel] = (0, import_react.useState)(() => isBrowser && findActivePanel(megaPanels, props.activePanelId));
-  const [laggyActivePanel, setLaggyActivePanel] = (0, import_useShortState.default)();
-  const setActivePanel = (0, import_react.useCallback)((newActive, setFocus = true) => {
-    const htmlElmDataset = document.documentElement.dataset;
-    _setActivePanel((activePanel2) => {
-      const scrollElm = (0, import_hanna_utils.getPageScrollElm)();
-      if (!newActive) {
-        activePanel2 && setLaggyActivePanel(activePanel2, 1e3);
-        scrollElm.scrollTop = parseInt(htmlElmDataset.scrollTop || "") || 0;
-        delete htmlElmDataset.scrollTop;
-        delete htmlElmDataset.megaPanelActive;
-      } else {
-        setLaggyActivePanel(void 0, 0);
-        htmlElmDataset.scrollTop = String(scrollElm.scrollTop);
-        scrollElm.scrollTop = 0;
-        htmlElmDataset.megaPanelActive = "";
-      }
-      if (setFocus) {
-        const pressedLinkElm = pressedLinkRef.current;
-        setTimeout(() => {
-          if (!newActive) {
-            (0, import_focusElm.default)(pressedLinkElm);
-          } else if (newActive !== activePanel2) {
-            (0, import_focusElm.default)(activePanelRef.current);
-          }
-        }, 100);
-      }
-      return newActive;
-    });
-  }, [setLaggyActivePanel]);
-  (0, import_useFormatMonitor.useFormatMonitor)((media) => {
-    if (media.leftTopmenu) {
-      setActivePanel(void 0);
-    }
-  });
-  const hasActivePanel = !!activePanel;
-  (0, import_react.useEffect)(() => {
-    setActivePanel(findActivePanel(megaPanels, props.activePanelId));
-  }, [props.activePanelId, megaPanels, setActivePanel]);
-  (0, import_react.useEffect)(() => {
-    const menuElm = menuElmRef.current;
-    if (!hasActivePanel || !menuElm) {
-      return;
-    }
-    const escHandler = (e) => {
-      if (e.key === "Escape") {
-        setActivePanel(void 0);
-      }
-    };
-    const clickHandler = (e) => {
-      if (!menuElm.contains(e.target)) {
-        setActivePanel(void 0);
-      }
-    };
-    document.addEventListener("keydown", escHandler);
-    document.addEventListener("click", clickHandler, true);
-    return () => {
-      document.removeEventListener("keydown", escHandler);
-      document.removeEventListener("click", clickHandler, true);
-    };
-  }, [hasActivePanel, setActivePanel]);
-  const menuItems = (0, import_react.useMemo)(() => props.items.map((item) => {
-    if (item === "---") {
-      return item;
-    }
-    const href = item.href;
-    const controlsId = item.controlsId || href && /^#/.test(href) && href.slice(1) || void 0;
-    return __spreadProps(__spreadValues({}, item), {
-      controlsId,
-      megaPanel: controlsId && megaPanels.find((panel) => panel.id === controlsId)
-    });
-  }), [props.items, megaPanels]);
-  return /* @__PURE__ */ import_react.default.createElement("nav", {
-    className: "MainMenu",
-    "aria-label": title,
-    "data-sprinkled": isBrowser,
-    ref: menuElmRef
-  }, /* @__PURE__ */ import_react.default.createElement("h2", {
-    className: "MainMenu__title"
-  }, title), /* @__PURE__ */ import_react.default.createElement("ul", {
-    className: "MainMenu__items"
-  }, menuItems.map((item, i) => {
-    if (item === "---") {
-      return /* @__PURE__ */ import_react.default.createElement("li", {
-        key: i,
-        className: "MainMenu__separator",
-        "aria-hidden": "true"
-      });
-    }
-    const { label, labelLong, lang, controlsId, onClick } = item;
-    const pressed = activePanel && controlsId === activePanel.id || void 0;
-    return /* @__PURE__ */ import_react.default.createElement("li", {
-      key: i,
-      className: (0, import_getBemClass.default)("MainMenu__item", item.modifier),
-      "aria-current": item.current || void 0
-    }, onClick || !!item.megaPanel && (isBrowser || item.href != null) ? /* @__PURE__ */ import_react.default.createElement("button", {
-      className: "MainMenu__link",
-      onClick: () => {
-        item.megaPanel && setActivePanel(item.megaPanel);
-        onClick && onClick(i, item);
-        onItemClick && onItemClick(i, item);
-      },
-      ref: pressed && pressedLinkRef,
-      "aria-pressed": pressed,
-      "aria-controls": controlsId,
-      "aria-label": labelLong,
-      title: labelLong,
-      lang,
-      type: "button"
-    }, label) : item.href != null ? /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
-      className: "MainMenu__link",
-      href: item.href,
-      "aria-label": labelLong,
-      title: labelLong,
-      onClick: onItemClick && (() => onItemClick(i, item)),
-      lang
-    }, label) : void 0);
-  })), "\n\n", megaPanels.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)("MainMenu__panelsWrap", [activePanel && "active"])
-  }, /* @__PURE__ */ import_react.default.createElement("ul", {
-    className: "MainMenu__panels"
-  }, megaPanels.map((panel, i) => {
-    if (!panel.items.length) {
-      return;
-    }
-    const isActive = activePanel === panel || laggyActivePanel === panel || void 0;
-    const isParent = !!panel.items.find((item) => item.current);
-    return /* @__PURE__ */ import_react.default.createElement(import_PrimaryPanel.PrimaryPanel, {
-      key: i,
-      isParent,
-      isActive,
-      panel,
-      isBrowser,
-      setActivePanel,
-      texts: (0, import_i18n.getTexts)(props, defaultMainMenuTexts),
-      activeRef: activePanelRef
-    });
-  }), auxiliaryPanel && /* @__PURE__ */ import_react.default.createElement(import_Auxiliary.AuxiliaryPanel, __spreadValues({}, auxiliaryPanel)))));
-};
-var MainMenu_default = MainMenu;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  defaultMainMenuTexts
-});

package/MainMenu.mjs

@@ -1,187 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import focusElm from "@hugsmidjan/qj/focusElm";
-import { useIsBrowserSide } from "@hugsmidjan/react/hooks";
-import useShortState from "@hugsmidjan/react/hooks/useShortState";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import { getPageScrollElm } from "@reykjavik/hanna-utils";
-import { getTexts } from "@reykjavik/hanna-utils/i18n";
-import { Link } from "./_abstract/Link";
-import {
-  AuxiliaryPanel
-} from "./MainMenu/_Auxiliary";
-import { PrimaryPanel } from "./MainMenu/_PrimaryPanel";
-import { useFormatMonitor } from "./utils/useFormatMonitor";
-const findActivePanel = (megaPanels, activeId) => activeId ? megaPanels.find((panel) => activeId === panel.id) : void 0;
-const defaultMainMenuTexts = {
-  is: { lang: "is", backToMenu: "Loka", backToMenuLong: "Til baka \xED valmynd" },
-  en: { lang: "en", backToMenu: "Close", backToMenuLong: "Close and return to menu" }
-};
-const MainMenu = (props) => {
-  const { title, megaPanels = [], onItemClick, ssr, auxiliaryPanel } = props;
-  const isBrowser = useIsBrowserSide(ssr);
-  const menuElmRef = useRef(null);
-  const pressedLinkRef = useRef(null);
-  const activePanelRef = useRef(null);
-  const [activePanel, _setActivePanel] = useState(() => isBrowser && findActivePanel(megaPanels, props.activePanelId));
-  const [laggyActivePanel, setLaggyActivePanel] = useShortState();
-  const setActivePanel = useCallback((newActive, setFocus = true) => {
-    const htmlElmDataset = document.documentElement.dataset;
-    _setActivePanel((activePanel2) => {
-      const scrollElm = getPageScrollElm();
-      if (!newActive) {
-        activePanel2 && setLaggyActivePanel(activePanel2, 1e3);
-        scrollElm.scrollTop = parseInt(htmlElmDataset.scrollTop || "") || 0;
-        delete htmlElmDataset.scrollTop;
-        delete htmlElmDataset.megaPanelActive;
-      } else {
-        setLaggyActivePanel(void 0, 0);
-        htmlElmDataset.scrollTop = String(scrollElm.scrollTop);
-        scrollElm.scrollTop = 0;
-        htmlElmDataset.megaPanelActive = "";
-      }
-      if (setFocus) {
-        const pressedLinkElm = pressedLinkRef.current;
-        setTimeout(() => {
-          if (!newActive) {
-            focusElm(pressedLinkElm);
-          } else if (newActive !== activePanel2) {
-            focusElm(activePanelRef.current);
-          }
-        }, 100);
-      }
-      return newActive;
-    });
-  }, [setLaggyActivePanel]);
-  useFormatMonitor((media) => {
-    if (media.leftTopmenu) {
-      setActivePanel(void 0);
-    }
-  });
-  const hasActivePanel = !!activePanel;
-  useEffect(() => {
-    setActivePanel(findActivePanel(megaPanels, props.activePanelId));
-  }, [props.activePanelId, megaPanels, setActivePanel]);
-  useEffect(() => {
-    const menuElm = menuElmRef.current;
-    if (!hasActivePanel || !menuElm) {
-      return;
-    }
-    const escHandler = (e) => {
-      if (e.key === "Escape") {
-        setActivePanel(void 0);
-      }
-    };
-    const clickHandler = (e) => {
-      if (!menuElm.contains(e.target)) {
-        setActivePanel(void 0);
-      }
-    };
-    document.addEventListener("keydown", escHandler);
-    document.addEventListener("click", clickHandler, true);
-    return () => {
-      document.removeEventListener("keydown", escHandler);
-      document.removeEventListener("click", clickHandler, true);
-    };
-  }, [hasActivePanel, setActivePanel]);
-  const menuItems = useMemo(() => props.items.map((item) => {
-    if (item === "---") {
-      return item;
-    }
-    const href = item.href;
-    const controlsId = item.controlsId || href && /^#/.test(href) && href.slice(1) || void 0;
-    return __spreadProps(__spreadValues({}, item), {
-      controlsId,
-      megaPanel: controlsId && megaPanels.find((panel) => panel.id === controlsId)
-    });
-  }), [props.items, megaPanels]);
-  return /* @__PURE__ */ React.createElement("nav", {
-    className: "MainMenu",
-    "aria-label": title,
-    "data-sprinkled": isBrowser,
-    ref: menuElmRef
-  }, /* @__PURE__ */ React.createElement("h2", {
-    className: "MainMenu__title"
-  }, title), /* @__PURE__ */ React.createElement("ul", {
-    className: "MainMenu__items"
-  }, menuItems.map((item, i) => {
-    if (item === "---") {
-      return /* @__PURE__ */ React.createElement("li", {
-        key: i,
-        className: "MainMenu__separator",
-        "aria-hidden": "true"
-      });
-    }
-    const { label, labelLong, lang, controlsId, onClick } = item;
-    const pressed = activePanel && controlsId === activePanel.id || void 0;
-    return /* @__PURE__ */ React.createElement("li", {
-      key: i,
-      className: getBemClass("MainMenu__item", item.modifier),
-      "aria-current": item.current || void 0
-    }, onClick || !!item.megaPanel && (isBrowser || item.href != null) ? /* @__PURE__ */ React.createElement("button", {
-      className: "MainMenu__link",
-      onClick: () => {
-        item.megaPanel && setActivePanel(item.megaPanel);
-        onClick && onClick(i, item);
-        onItemClick && onItemClick(i, item);
-      },
-      ref: pressed && pressedLinkRef,
-      "aria-pressed": pressed,
-      "aria-controls": controlsId,
-      "aria-label": labelLong,
-      title: labelLong,
-      lang,
-      type: "button"
-    }, label) : item.href != null ? /* @__PURE__ */ React.createElement(Link, {
-      className: "MainMenu__link",
-      href: item.href,
-      "aria-label": labelLong,
-      title: labelLong,
-      onClick: onItemClick && (() => onItemClick(i, item)),
-      lang
-    }, label) : void 0);
-  })), "\n\n", megaPanels.length > 0 && /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("MainMenu__panelsWrap", [activePanel && "active"])
-  }, /* @__PURE__ */ React.createElement("ul", {
-    className: "MainMenu__panels"
-  }, megaPanels.map((panel, i) => {
-    if (!panel.items.length) {
-      return;
-    }
-    const isActive = activePanel === panel || laggyActivePanel === panel || void 0;
-    const isParent = !!panel.items.find((item) => item.current);
-    return /* @__PURE__ */ React.createElement(PrimaryPanel, {
-      key: i,
-      isParent,
-      isActive,
-      panel,
-      isBrowser,
-      setActivePanel,
-      texts: getTexts(props, defaultMainMenuTexts),
-      activeRef: activePanelRef
-    });
-  }), auxiliaryPanel && /* @__PURE__ */ React.createElement(AuxiliaryPanel, __spreadValues({}, auxiliaryPanel)))));
-};
-var MainMenu_default = MainMenu;
-export {
-  MainMenu_default as default,
-  defaultMainMenuTexts
-};

package/MiniMetrics.cjs

@@ -1,56 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var MiniMetrics_exports = {};
-__export(MiniMetrics_exports, {
-  default: () => MiniMetrics_default
-});
-module.exports = __toCommonJS(MiniMetrics_exports);
-var import_react = __toESM(require("react"));
-var import_Button = __toESM(require("./_abstract/Button"));
-var import_SeenEffect = __toESM(require("./SeenEffect"));
-const MiniMetrics = (props) => {
-  const { text, moreButton, startSeen } = props;
-  return /* @__PURE__ */ import_react.default.createElement(import_SeenEffect.default, {
-    className: "MiniMetrics",
-    startSeen
-  }, /* @__PURE__ */ import_react.default.createElement("strong", {
-    className: "MiniMetrics__text"
-  }, text), " ", "\n", /* @__PURE__ */ import_react.default.createElement(import_Button.default, __spreadValues({
-    bem: "MiniMetrics__more"
-  }, moreButton)));
-};
-var MiniMetrics_default = MiniMetrics;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/MiniMetrics.mjs

@@ -1,34 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import React from "react";
-import Button from "./_abstract/Button";
-import SeenEffect from "./SeenEffect";
-const MiniMetrics = (props) => {
-  const { text, moreButton, startSeen } = props;
-  return /* @__PURE__ */ React.createElement(SeenEffect, {
-    className: "MiniMetrics",
-    startSeen
-  }, /* @__PURE__ */ React.createElement("strong", {
-    className: "MiniMetrics__text"
-  }, text), " ", "\n", /* @__PURE__ */ React.createElement(Button, __spreadValues({
-    bem: "MiniMetrics__more"
-  }, moreButton)));
-};
-var MiniMetrics_default = MiniMetrics;
-export {
-  MiniMetrics_default as default
-};