@reykjavik/hanna-react 0.10.55 → 0.10.56

package/InfoHero.mjs

@@ -1,128 +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 from "react";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import Blings from "./_abstract/_Blings";
-import breakOnNL from "./_abstract/breakOnNL";
-import Image from "./_abstract/Image";
-import ButtonTertiary from "./ButtonTertiary";
-import { aligns } from "./constants";
-const blingOptions = {
-  waves: [
-    {
-      type: "waves-medium",
-      color: "primary",
-      align: "left",
-      vertical: "up",
-      parent: "bottom"
-    }
-  ],
-  "sunny-waves": [
-    {
-      type: "waves-medium",
-      align: "left",
-      parent: "bottom",
-      vertical: "up"
-    },
-    {
-      type: "circle-medium",
-      color: "secondary",
-      align: "right-center",
-      parent: "top",
-      vertical: "down-ish"
-    }
-  ],
-  triangles: [
-    {
-      type: "triangle-large",
-      align: "left-center",
-      parent: "bottom",
-      vertical: "up"
-    },
-    {
-      type: "triangle-small",
-      color: "secondary",
-      align: "right",
-      parent: "top-ish",
-      vertical: "down-ish",
-      overlay: true
-    }
-  ],
-  circles: [
-    {
-      type: "circle-large",
-      align: "left",
-      parent: "top",
-      vertical: "down"
-    },
-    {
-      type: "circle-small",
-      color: "secondary",
-      align: "right",
-      parent: "bottom-ish",
-      vertical: "up-ish",
-      overlay: true
-    }
-  ]
-};
-const InfoHero = (props) => {
-  const {
-    title,
-    titleBlurb,
-    subTitle,
-    blurb,
-    image,
-    buttons = [],
-    align,
-    blingType
-  } = props;
-  const showButtons = Boolean(buttons.length);
-  const alignment = align && aligns[align] ? align : "right";
-  const blings = blingType && blingOptions[blingType] || blingOptions.waves;
-  return /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("InfoHero", "align--" + alignment)
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "InfoHero__content"
-  }, /* @__PURE__ */ React.createElement("h1", {
-    className: "InfoHero__title"
-  }, title), titleBlurb && /* @__PURE__ */ React.createElement("div", {
-    className: "InfoHero__titleblurb"
-  }, titleBlurb), subTitle && /* @__PURE__ */ React.createElement("div", {
-    className: "InfoHero__subtitle"
-  }, breakOnNL(subTitle)), blurb && /* @__PURE__ */ React.createElement("div", {
-    className: "InfoHero__blurb"
-  }, blurb), showButtons && /* @__PURE__ */ React.createElement("div", {
-    className: "InfoHero__buttons"
-  }, buttons.map((buttonProps, i) => /* @__PURE__ */ React.createElement(ButtonTertiary, __spreadValues({
-    key: i
-  }, buttonProps))))), /* @__PURE__ */ React.createElement(Image, __spreadProps(__spreadValues({
-    className: "InfoHero__image",
-    altText: title
-  }, image), {
-    placeholder: true
-  })), /* @__PURE__ */ React.createElement(Blings, {
-    blings,
-    mirror: alignment === "right"
-  }));
-};
-var InfoHero_default = InfoHero;
-export {
-  InfoHero_default as default
-};

package/IslandBlock.cjs

@@ -1,63 +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 IslandBlock_exports = {};
-__export(IslandBlock_exports, {
-  default: () => IslandBlock_default
-});
-module.exports = __toCommonJS(IslandBlock_exports);
-var import_react = __toESM(require("react"));
-var import_assets = require("@reykjavik/hanna-utils/assets");
-var import_Block = __toESM(require("./_abstract/_Block"));
-var import_constants = require("./constants");
-const IslandBlock = (props) => {
-  const { align, content, shapes, image, startSeen } = props;
-  const alignment = align && import_constants.aligns[align] ? align : "right";
-  const blockProps = Array.isArray(content) ? { content } : {
-    content,
-    image: shapes ? { src: (0, import_assets.getFormheimurUrl)(shapes), inline: true } : image || {}
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_Block.default, __spreadProps(__spreadValues({
-    bem: "IslandBlock",
-    modifier: "align--" + alignment
-  }, blockProps), {
-    startSeen
-  }));
-};
-var IslandBlock_default = IslandBlock;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/IslandBlock.mjs

@@ -1,41 +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 from "react";
-import { getFormheimurUrl } from "@reykjavik/hanna-utils/assets";
-import Block from "./_abstract/_Block";
-import { aligns } from "./constants";
-const IslandBlock = (props) => {
-  const { align, content, shapes, image, startSeen } = props;
-  const alignment = align && aligns[align] ? align : "right";
-  const blockProps = Array.isArray(content) ? { content } : {
-    content,
-    image: shapes ? { src: getFormheimurUrl(shapes), inline: true } : image || {}
-  };
-  return /* @__PURE__ */ React.createElement(Block, __spreadProps(__spreadValues({
-    bem: "IslandBlock",
-    modifier: "align--" + alignment
-  }, blockProps), {
-    startSeen
-  }));
-};
-var IslandBlock_default = IslandBlock;
-export {
-  IslandBlock_default as default
-};

package/IslandPageBlock.cjs

@@ -1,49 +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 IslandPageBlock_exports = {};
-__export(IslandPageBlock_exports, {
-  default: () => IslandPageBlock_default
-});
-module.exports = __toCommonJS(IslandPageBlock_exports);
-var import_react = __toESM(require("react"));
-var import_assets = require("@reykjavik/hanna-utils/assets");
-var import_Block = __toESM(require("./_abstract/_Block"));
-var import_constants = require("./constants");
-const backgrounds = {
-  none: void 0,
-  gray: "gray",
-  secondary: "secondary"
-};
-const IslandPageBlock = (props) => {
-  const { title, summary, buttons, illustration, image, align, background, startSeen } = props;
-  const alignment = align && import_constants.aligns[align] ? align : "right";
-  const bg = backgrounds[background || "none"];
-  return /* @__PURE__ */ import_react.default.createElement(import_Block.default, {
-    bem: "IslandPageBlock",
-    modifier: ["align--" + alignment, bg && "background--" + bg],
-    content: { title, summary, buttons },
-    image: illustration ? { src: (0, import_assets.getIllustrationUrl)(illustration) } : image || {},
-    startSeen
-  });
-};
-var IslandPageBlock_default = IslandPageBlock;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/IslandPageBlock.mjs

@@ -1,25 +0,0 @@
-import React from "react";
-import { getIllustrationUrl } from "@reykjavik/hanna-utils/assets";
-import Block from "./_abstract/_Block";
-import { aligns } from "./constants";
-const backgrounds = {
-  none: void 0,
-  gray: "gray",
-  secondary: "secondary"
-};
-const IslandPageBlock = (props) => {
-  const { title, summary, buttons, illustration, image, align, background, startSeen } = props;
-  const alignment = align && aligns[align] ? align : "right";
-  const bg = backgrounds[background || "none"];
-  return /* @__PURE__ */ React.createElement(Block, {
-    bem: "IslandPageBlock",
-    modifier: ["align--" + alignment, bg && "background--" + bg],
-    content: { title, summary, buttons },
-    image: illustration ? { src: getIllustrationUrl(illustration) } : image || {},
-    startSeen
-  });
-};
-var IslandPageBlock_default = IslandPageBlock;
-export {
-  IslandPageBlock_default as default
-};

package/LabeledTextBlock.cjs

@@ -1,60 +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 LabeledTextBlock_exports = {};
-__export(LabeledTextBlock_exports, {
-  default: () => LabeledTextBlock_default
-});
-module.exports = __toCommonJS(LabeledTextBlock_exports);
-var import_react = __toESM(require("react"));
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_seenEffect = require("./utils/seenEffect");
-var import_ButtonTertiary = __toESM(require("./ButtonTertiary"));
-const LabeledTextBlock = (props) => {
-  const { label, summary, wide, buttons = [], startSeen } = props;
-  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)("LabeledTextBlock", wide && "wide"),
-    ref
-  }, /* @__PURE__ */ import_react.default.createElement("h2", {
-    className: "LabeledTextBlock__label"
-  }, label), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "LabeledTextBlock__summary"
-  }, summary, buttons.map((button, i) => /* @__PURE__ */ import_react.default.createElement(import_ButtonTertiary.default, __spreadValues({
-    key: i
-  }, button)))));
-};
-var LabeledTextBlock_default = LabeledTextBlock;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/LabeledTextBlock.mjs

@@ -1,38 +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 getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import { useSeenEffect } from "./utils/seenEffect";
-import ButtonTertiary from "./ButtonTertiary";
-const LabeledTextBlock = (props) => {
-  const { label, summary, wide, buttons = [], startSeen } = props;
-  const [ref] = useSeenEffect(startSeen);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("LabeledTextBlock", wide && "wide"),
-    ref
-  }, /* @__PURE__ */ React.createElement("h2", {
-    className: "LabeledTextBlock__label"
-  }, label), /* @__PURE__ */ React.createElement("div", {
-    className: "LabeledTextBlock__summary"
-  }, summary, buttons.map((button, i) => /* @__PURE__ */ React.createElement(ButtonTertiary, __spreadValues({
-    key: i
-  }, button)))));
-};
-var LabeledTextBlock_default = LabeledTextBlock;
-export {
-  LabeledTextBlock_default as default
-};

package/Layout.cjs

@@ -1,113 +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 Layout_exports = {};
-__export(Layout_exports, {
-  default: () => Layout_default,
-  defaultLayoutTexts: () => defaultLayoutTexts
-});
-module.exports = __toCommonJS(Layout_exports);
-var import_react = __toESM(require("react"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_assets = require("@reykjavik/hanna-utils/assets");
-var import_i18n = require("@reykjavik/hanna-utils/i18n");
-var import_Image = __toESM(require("./_abstract/Image"));
-var import_Link = require("./_abstract/Link");
-var import_useMenuToggling = require("./utils/useMenuToggling");
-var import_useScrollbarWidthCSSVar = require("./utils/useScrollbarWidthCSSVar");
-const defaultLayoutTexts = {
-  is: {
-    lang: "is",
-    skipLinkLabel: "Valmynd",
-    closeMenuLabel: "Loka",
-    closeMenuLabelLong: "Loka valmynd"
-  },
-  en: {
-    lang: "en",
-    skipLinkLabel: "Skip to navigation",
-    closeMenuLabel: "Close",
-    closeMenuLabelLong: "Close menu"
-  }
-};
-const Layout = (props) => {
-  (0, import_useScrollbarWidthCSSVar.useScrollbarWidthCSSVar)();
-  const {
-    ssr,
-    globalAlerts,
-    mainChildren,
-    navChildren,
-    footerChildren,
-    colorTheme,
-    children,
-    siteName = "Reykjav\xEDk",
-    logoLink = "/"
-  } = props;
-  const { isMenuActive, closeMenu, toggleMenu } = (0, import_useMenuToggling.useMenuToggling)(ssr !== "ssr-only");
-  const isBrowser = (0, import_hooks.useIsBrowserSide)();
-  const txt = (0, import_i18n.getTexts)(props, defaultLayoutTexts);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)("Layout", props.modifier),
-    "data-sprinkled": isBrowser,
-    "data-color-theme": colorTheme
-  }, globalAlerts && /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "Layout__alerts",
-    role: "alert"
-  }, globalAlerts), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "Layout__content"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "Layout__header",
-    role: "banner"
-  }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
-    className: "Layout__header__logo",
-    href: logoLink
-  }, " ", /* @__PURE__ */ import_react.default.createElement(import_Image.default, {
-    inline: true,
-    src: (0, import_assets.getAssetUrl)("reykjavik-logo.svg")
-  }), " ", siteName, " "), " ", navChildren && /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
-    className: "Layout__header__skiplink",
-    href: "#pagenav",
-    onClick: isMenuActive && ((e) => {
-      e.preventDefault();
-      toggleMenu();
-    }),
-    "aria-label": txt.skipLinkLabel
-  }, txt.skipLinkLabel)), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "Layout__main",
-    role: "main"
-  }, mainChildren || children), navChildren && /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "Layout__nav",
-    id: "pagenav",
-    role: "navigation"
-  }, navChildren, isMenuActive && /* @__PURE__ */ import_react.default.createElement("button", {
-    className: "Layout__nav__closebutton",
-    onClick: closeMenu,
-    "aria-label": txt.closeMenuLabelLong,
-    type: "button"
-  }, txt.closeMenuLabel)), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "Layout__footer",
-    role: "complementary"
-  }, footerChildren)));
-};
-var Layout_default = Layout;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  defaultLayoutTexts
-});

package/Layout.mjs

@@ -1,87 +0,0 @@
-import React from "react";
-import { useIsBrowserSide } from "@hugsmidjan/react/hooks";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import { getAssetUrl } from "@reykjavik/hanna-utils/assets";
-import { getTexts } from "@reykjavik/hanna-utils/i18n";
-import Image from "./_abstract/Image";
-import { Link } from "./_abstract/Link";
-import { useMenuToggling } from "./utils/useMenuToggling";
-import { useScrollbarWidthCSSVar } from "./utils/useScrollbarWidthCSSVar";
-const defaultLayoutTexts = {
-  is: {
-    lang: "is",
-    skipLinkLabel: "Valmynd",
-    closeMenuLabel: "Loka",
-    closeMenuLabelLong: "Loka valmynd"
-  },
-  en: {
-    lang: "en",
-    skipLinkLabel: "Skip to navigation",
-    closeMenuLabel: "Close",
-    closeMenuLabelLong: "Close menu"
-  }
-};
-const Layout = (props) => {
-  useScrollbarWidthCSSVar();
-  const {
-    ssr,
-    globalAlerts,
-    mainChildren,
-    navChildren,
-    footerChildren,
-    colorTheme,
-    children,
-    siteName = "Reykjav\xEDk",
-    logoLink = "/"
-  } = props;
-  const { isMenuActive, closeMenu, toggleMenu } = useMenuToggling(ssr !== "ssr-only");
-  const isBrowser = useIsBrowserSide();
-  const txt = getTexts(props, defaultLayoutTexts);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("Layout", props.modifier),
-    "data-sprinkled": isBrowser,
-    "data-color-theme": colorTheme
-  }, globalAlerts && /* @__PURE__ */ React.createElement("div", {
-    className: "Layout__alerts",
-    role: "alert"
-  }, globalAlerts), /* @__PURE__ */ React.createElement("div", {
-    className: "Layout__content"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "Layout__header",
-    role: "banner"
-  }, /* @__PURE__ */ React.createElement(Link, {
-    className: "Layout__header__logo",
-    href: logoLink
-  }, " ", /* @__PURE__ */ React.createElement(Image, {
-    inline: true,
-    src: getAssetUrl("reykjavik-logo.svg")
-  }), " ", siteName, " "), " ", navChildren && /* @__PURE__ */ React.createElement(Link, {
-    className: "Layout__header__skiplink",
-    href: "#pagenav",
-    onClick: isMenuActive && ((e) => {
-      e.preventDefault();
-      toggleMenu();
-    }),
-    "aria-label": txt.skipLinkLabel
-  }, txt.skipLinkLabel)), /* @__PURE__ */ React.createElement("div", {
-    className: "Layout__main",
-    role: "main"
-  }, mainChildren || children), navChildren && /* @__PURE__ */ React.createElement("div", {
-    className: "Layout__nav",
-    id: "pagenav",
-    role: "navigation"
-  }, navChildren, isMenuActive && /* @__PURE__ */ React.createElement("button", {
-    className: "Layout__nav__closebutton",
-    onClick: closeMenu,
-    "aria-label": txt.closeMenuLabelLong,
-    type: "button"
-  }, txt.closeMenuLabel)), /* @__PURE__ */ React.createElement("div", {
-    className: "Layout__footer",
-    role: "complementary"
-  }, footerChildren)));
-};
-var Layout_default = Layout;
-export {
-  Layout_default as default,
-  defaultLayoutTexts
-};

package/MainMenu/_Auxiliary.cjs

@@ -1,54 +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 Auxiliary_exports = {};
-__export(Auxiliary_exports, {
-  AuxiliaryPanel: () => AuxiliaryPanel
-});
-module.exports = __toCommonJS(Auxiliary_exports);
-var import_react = __toESM(require("react"));
-var import_assets = require("@reykjavik/hanna-utils/assets");
-var import_Link = require("../_abstract/Link");
-const AuxiliaryPanel = (props) => {
-  const { title, id, items, image } = props;
-  const imageUrl = image ? (0, import_assets.getIllustrationUrl)(image) : image;
-  return /* @__PURE__ */ import_react.default.createElement("li", {
-    className: "AuxiliaryPanel",
-    id,
-    style: imageUrl ? { "--menu-auxiliary-image": `url(${imageUrl})` } : void 0
-  }, /* @__PURE__ */ import_react.default.createElement("h3", {
-    className: "AuxiliaryPanel__title"
-  }, title), /* @__PURE__ */ import_react.default.createElement("ul", {
-    className: "AuxiliaryPanel__items"
-  }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement("li", {
-    key: i,
-    className: "AuxiliaryPanel__item",
-    "aria-current": item.current || void 0
-  }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
-    className: "AuxiliaryPanel__link",
-    href: item.href,
-    target: item.target,
-    lang: item.lang
-  }, item.label)))));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AuxiliaryPanel
-});