@reykjavik/hanna-react 0.10.53

package/lib/MainMenu.cjs

@@ -0,0 +1,209 @@
+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/lib/MainMenu.mjs

@@ -0,0 +1,187 @@
+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/lib/MiniMetrics.cjs

@@ -0,0 +1,56 @@
+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/lib/MiniMetrics.mjs

@@ -0,0 +1,34 @@
+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
+};

package/lib/Modal.cjs

@@ -0,0 +1,70 @@
+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 Modal_exports = {};
+__export(Modal_exports, {
+  default: () => Modal_default
+});
+module.exports = __toCommonJS(Modal_exports);
+var import_react = __toESM(require("react"));
+var import_Modal = __toESM(require("@hugsmidjan/react/Modal"));
+const Modal = (props) => {
+  const {
+    closeDelay = 500,
+    texts = {
+      closeButton: "Loka "
+    },
+    bling,
+    children,
+    render = () => children
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_Modal.default, __spreadProps(__spreadValues({}, props), {
+    bodyWrap: false,
+    bem: "Modal",
+    closeDelay,
+    texts,
+    render: (args) => bling ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render(args), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "Modal__blings"
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "Modal__blings__inner"
+    }, bling))) : render(args),
+    children: void 0
+  }));
+};
+var Modal_default = Modal;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Modal.mjs

@@ -0,0 +1,48 @@
+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 from "react";
+import _Modal from "@hugsmidjan/react/Modal";
+const Modal = (props) => {
+  const {
+    closeDelay = 500,
+    texts = {
+      closeButton: "Loka "
+    },
+    bling,
+    children,
+    render = () => children
+  } = props;
+  return /* @__PURE__ */ React.createElement(_Modal, __spreadProps(__spreadValues({}, props), {
+    bodyWrap: false,
+    bem: "Modal",
+    closeDelay,
+    texts,
+    render: (args) => bling ? /* @__PURE__ */ React.createElement(React.Fragment, null, render(args), /* @__PURE__ */ React.createElement("div", {
+      className: "Modal__blings"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "Modal__blings__inner"
+    }, bling))) : render(args),
+    children: void 0
+  }));
+};
+var Modal_default = Modal;
+export {
+  Modal_default as default
+};