@reykjavik/hanna-react 0.10.53

package/lib/Gallery/_GalleryModalItem.cjs

@@ -0,0 +1,59 @@
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 GalleryModalItem_exports = {};
+__export(GalleryModalItem_exports, {
+  default: () => GalleryModalItem_default
+});
+module.exports = __toCommonJS(GalleryModalItem_exports);
+var import_react = __toESM(require("react"));
+var import_Image = __toESM(require("../_abstract/Image"));
+const GalleryModalItem = (props) => {
+  const _a = props, { caption, description } = _a, image = __objRest(_a, ["caption", "description"]);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "GalleryModalItem"
+  }, (caption || description) && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "GalleryModalItem__text"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "GalleryModalItem__caption"
+  }, caption), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "GalleryModalItem__description"
+  }, description)), /* @__PURE__ */ import_react.default.createElement(import_Image.default, {
+    className: "GalleryModalItem__image",
+    src: image.largeImageSrc || image.src
+  }));
+};
+var GalleryModalItem_default = GalleryModalItem;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Gallery/_GalleryModalItem.mjs

@@ -0,0 +1,36 @@
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React from "react";
+import Image from "../_abstract/Image";
+const GalleryModalItem = (props) => {
+  const _a = props, { caption, description } = _a, image = __objRest(_a, ["caption", "description"]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "GalleryModalItem"
+  }, (caption || description) && /* @__PURE__ */ React.createElement("div", {
+    className: "GalleryModalItem__text"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "GalleryModalItem__caption"
+  }, caption), /* @__PURE__ */ React.createElement("div", {
+    className: "GalleryModalItem__description"
+  }, description)), /* @__PURE__ */ React.createElement(Image, {
+    className: "GalleryModalItem__image",
+    src: image.largeImageSrc || image.src
+  }));
+};
+var GalleryModalItem_default = GalleryModalItem;
+export {
+  GalleryModalItem_default as default
+};

package/lib/Gallery.cjs

@@ -0,0 +1,79 @@
+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 Gallery_exports = {};
+__export(Gallery_exports, {
+  default: () => Gallery_default
+});
+module.exports = __toCommonJS(Gallery_exports);
+var import_react = __toESM(require("react"));
+var import_i18n = require("@reykjavik/hanna-utils/i18n");
+var import_AbstractCarousel = __toESM(require("./_abstract/_AbstractCarousel"));
+var import_GalleryItem = __toESM(require("./Gallery/_GalleryItem"));
+var import_GalleryModal = __toESM(require("./Gallery/_GalleryModal"));
+var import_GalleryModalContext = __toESM(require("./Gallery/_GalleryModalContext"));
+const defaultTexts = {
+  en: {
+    modalNextLabel: "Next image",
+    modalPrevLabel: "Previous image",
+    modalCloseLabel: "Back to article"
+  },
+  is: {
+    modalNextLabel: "N\xE6sta mynd",
+    modalPrevLabel: "Fyrri mynd",
+    modalCloseLabel: "Til baka \xED grein"
+  }
+};
+const Gallery = (props) => {
+  const { items, ssr, startSeen } = props;
+  const texts = (0, import_i18n.getTexts)(props, defaultTexts);
+  const [modalImage, setModalImage] = (0, import_react.useState)(void 0);
+  return /* @__PURE__ */ import_react.default.createElement(import_GalleryModalContext.default.Provider, {
+    value: { items, setCurrentImage: setModalImage, currentImage: modalImage }
+  }, /* @__PURE__ */ import_react.default.createElement(import_AbstractCarousel.default, {
+    bem: "Gallery",
+    items,
+    Component: import_GalleryItem.default,
+    ssr,
+    startSeen
+  }), /* @__PURE__ */ import_react.default.createElement(import_GalleryModal.default, __spreadProps(__spreadValues({}, modalImage), {
+    texts
+  })));
+};
+var Gallery_default = Gallery;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Gallery.mjs

@@ -0,0 +1,57 @@
+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, { useState } from "react";
+import { getTexts } from "@reykjavik/hanna-utils/i18n";
+import AbstractCarousel from "./_abstract/_AbstractCarousel";
+import GalleryItem from "./Gallery/_GalleryItem";
+import GalleryModal from "./Gallery/_GalleryModal";
+import GalleryModalContext from "./Gallery/_GalleryModalContext";
+const defaultTexts = {
+  en: {
+    modalNextLabel: "Next image",
+    modalPrevLabel: "Previous image",
+    modalCloseLabel: "Back to article"
+  },
+  is: {
+    modalNextLabel: "N\xE6sta mynd",
+    modalPrevLabel: "Fyrri mynd",
+    modalCloseLabel: "Til baka \xED grein"
+  }
+};
+const Gallery = (props) => {
+  const { items, ssr, startSeen } = props;
+  const texts = getTexts(props, defaultTexts);
+  const [modalImage, setModalImage] = useState(void 0);
+  return /* @__PURE__ */ React.createElement(GalleryModalContext.Provider, {
+    value: { items, setCurrentImage: setModalImage, currentImage: modalImage }
+  }, /* @__PURE__ */ React.createElement(AbstractCarousel, {
+    bem: "Gallery",
+    items,
+    Component: GalleryItem,
+    ssr,
+    startSeen
+  }), /* @__PURE__ */ React.createElement(GalleryModal, __spreadProps(__spreadValues({}, modalImage), {
+    texts
+  })));
+};
+var Gallery_default = Gallery;
+export {
+  Gallery_default as default
+};

package/lib/GridBlocks.cjs

@@ -0,0 +1,81 @@
+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 GridBlocks_exports = {};
+__export(GridBlocks_exports, {
+  default: () => GridBlocks_default
+});
+module.exports = __toCommonJS(GridBlocks_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_assets = require("@reykjavik/hanna-utils/assets");
+var import_Image = __toESM(require("./_abstract/Image"));
+var import_Link = require("./_abstract/Link");
+var import_seenEffect = require("./utils/seenEffect");
+var import_ButtonTertiary = __toESM(require("./ButtonTertiary"));
+const GridBlocks = (props) => {
+  const { blocks, twocol, startSeen } = props;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("GridBlocks", [twocol && "twocol"]),
+    ref
+  }, blocks.map(({ title, summary, href, links = [], icon, image }, i) => {
+    const imageProps = icon ? { src: (0, import_assets.getEfnistaknUrl)(icon) } : image;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      key: i,
+      className: "GridBlocks__item"
+    }, imageProps && /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({
+      className: "GridBlocks__illustration"
+    }, imageProps)), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "GridBlocks__textwrap"
+    }, /* @__PURE__ */ import_react.default.createElement("h3", {
+      className: "GridBlocks__item__title"
+    }, href != null ? /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
+      className: "GridBlocks__item__titlelink",
+      href
+    }, title) : title), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "GridBlocks__item__summary"
+    }, summary), /* @__PURE__ */ import_react.default.createElement("ul", {
+      className: "GridBlocks__links"
+    }, links.map((link, i2) => {
+      return /* @__PURE__ */ import_react.default.createElement("li", {
+        key: i2,
+        className: "GridBlocks__link"
+      }, /* @__PURE__ */ import_react.default.createElement(import_ButtonTertiary.default, __spreadValues({}, link)));
+    }))));
+  }));
+};
+var GridBlocks_default = GridBlocks;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/GridBlocks.mjs

@@ -0,0 +1,59 @@
+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 { getEfnistaknUrl } from "@reykjavik/hanna-utils/assets";
+import Image from "./_abstract/Image";
+import { Link } from "./_abstract/Link";
+import { useSeenEffect } from "./utils/seenEffect";
+import ButtonTertiary from "./ButtonTertiary";
+const GridBlocks = (props) => {
+  const { blocks, twocol, startSeen } = props;
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("GridBlocks", [twocol && "twocol"]),
+    ref
+  }, blocks.map(({ title, summary, href, links = [], icon, image }, i) => {
+    const imageProps = icon ? { src: getEfnistaknUrl(icon) } : image;
+    return /* @__PURE__ */ React.createElement("div", {
+      key: i,
+      className: "GridBlocks__item"
+    }, imageProps && /* @__PURE__ */ React.createElement(Image, __spreadValues({
+      className: "GridBlocks__illustration"
+    }, imageProps)), /* @__PURE__ */ React.createElement("div", {
+      className: "GridBlocks__textwrap"
+    }, /* @__PURE__ */ React.createElement("h3", {
+      className: "GridBlocks__item__title"
+    }, href != null ? /* @__PURE__ */ React.createElement(Link, {
+      className: "GridBlocks__item__titlelink",
+      href
+    }, title) : title), /* @__PURE__ */ React.createElement("div", {
+      className: "GridBlocks__item__summary"
+    }, summary), /* @__PURE__ */ React.createElement("ul", {
+      className: "GridBlocks__links"
+    }, links.map((link, i2) => {
+      return /* @__PURE__ */ React.createElement("li", {
+        key: i2,
+        className: "GridBlocks__link"
+      }, /* @__PURE__ */ React.createElement(ButtonTertiary, __spreadValues({}, link)));
+    }))));
+  }));
+};
+var GridBlocks_default = GridBlocks;
+export {
+  GridBlocks_default as default
+};

package/lib/Heading.cjs

@@ -0,0 +1,45 @@
+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 Heading_exports = {};
+__export(Heading_exports, {
+  default: () => Heading_default
+});
+module.exports = __toCommonJS(Heading_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const sizes = {
+  small: "small",
+  normal: "normal",
+  large: "large"
+};
+const Heading = (props) => {
+  const { size = "normal", Tag = "h2", align, wide, children } = props;
+  return /* @__PURE__ */ import_react.default.createElement(Tag, {
+    className: (0, import_getBemClass.default)("Heading", [
+      sizes[size],
+      align === "right" && "align--" + align,
+      !align && wide && "wide"
+    ])
+  }, children);
+};
+var Heading_default = Heading;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Heading.mjs

@@ -0,0 +1,21 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const sizes = {
+  small: "small",
+  normal: "normal",
+  large: "large"
+};
+const Heading = (props) => {
+  const { size = "normal", Tag = "h2", align, wide, children } = props;
+  return /* @__PURE__ */ React.createElement(Tag, {
+    className: getBemClass("Heading", [
+      sizes[size],
+      align === "right" && "align--" + align,
+      !align && wide && "wide"
+    ])
+  }, children);
+};
+var Heading_default = Heading;
+export {
+  Heading_default as default
+};

package/lib/HeroBlock.cjs

@@ -0,0 +1,74 @@
+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 HeroBlock_exports = {};
+__export(HeroBlock_exports, {
+  default: () => HeroBlock_default
+});
+module.exports = __toCommonJS(HeroBlock_exports);
+var import_react = __toESM(require("react"));
+var import_assets = require("@reykjavik/hanna-utils/assets");
+var import_Image = __toESM(require("./_abstract/Image"));
+var import_seenEffect = require("./utils/seenEffect");
+var import_ButtonPrimary = __toESM(require("./ButtonPrimary"));
+var import_ButtonTertiary = __toESM(require("./ButtonTertiary"));
+const HeroBlock = (props) => {
+  const {
+    title,
+    summary,
+    illustration,
+    image,
+    primaryButton,
+    secondaryButton,
+    startSeen
+  } = props;
+  const hasButtons = Boolean(primaryButton || secondaryButton);
+  const imgProps = illustration ? { src: (0, import_assets.getIllustrationUrl)(illustration) } : image;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "HeroBlock",
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement("h1", {
+    className: "HeroBlock__title"
+  }, title), /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({
+    className: "HeroBlock__image"
+  }, imgProps)), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "HeroBlock__summary"
+  }, summary), hasButtons && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "HeroBlock__buttons"
+  }, primaryButton && /* @__PURE__ */ import_react.default.createElement(import_ButtonPrimary.default, __spreadValues({}, primaryButton)), " ", secondaryButton && /* @__PURE__ */ import_react.default.createElement(import_ButtonTertiary.default, __spreadValues({}, secondaryButton))));
+};
+var HeroBlock_default = HeroBlock;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/HeroBlock.mjs

@@ -0,0 +1,52 @@
+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 { getIllustrationUrl } from "@reykjavik/hanna-utils/assets";
+import Image from "./_abstract/Image";
+import { useSeenEffect } from "./utils/seenEffect";
+import ButtonPrimary from "./ButtonPrimary";
+import ButtonTertiary from "./ButtonTertiary";
+const HeroBlock = (props) => {
+  const {
+    title,
+    summary,
+    illustration,
+    image,
+    primaryButton,
+    secondaryButton,
+    startSeen
+  } = props;
+  const hasButtons = Boolean(primaryButton || secondaryButton);
+  const imgProps = illustration ? { src: getIllustrationUrl(illustration) } : image;
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "HeroBlock",
+    ref
+  }, /* @__PURE__ */ React.createElement("h1", {
+    className: "HeroBlock__title"
+  }, title), /* @__PURE__ */ React.createElement(Image, __spreadValues({
+    className: "HeroBlock__image"
+  }, imgProps)), /* @__PURE__ */ React.createElement("div", {
+    className: "HeroBlock__summary"
+  }, summary), hasButtons && /* @__PURE__ */ React.createElement("div", {
+    className: "HeroBlock__buttons"
+  }, primaryButton && /* @__PURE__ */ React.createElement(ButtonPrimary, __spreadValues({}, primaryButton)), " ", secondaryButton && /* @__PURE__ */ React.createElement(ButtonTertiary, __spreadValues({}, secondaryButton))));
+};
+var HeroBlock_default = HeroBlock;
+export {
+  HeroBlock_default as default
+};

package/lib/IframeBlock.cjs

@@ -0,0 +1,48 @@
+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 IframeBlock_exports = {};
+__export(IframeBlock_exports, {
+  default: () => IframeBlock_default
+});
+module.exports = __toCommonJS(IframeBlock_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_iframe_resizer_react = __toESM(require("iframe-resizer-react"));
+const IframeBlock = (props) => {
+  const { src, framed, compact, scrolling, height = "auto", align } = props;
+  const className = (0, import_getBemClass.default)("IframeBlock", [
+    framed && "framed",
+    compact && "compact",
+    align === "right" && "align--" + align
+  ]);
+  return height === "auto" ? /* @__PURE__ */ import_react.default.createElement(import_iframe_resizer_react.default, {
+    className,
+    src
+  }) : /* @__PURE__ */ import_react.default.createElement("iframe", {
+    className,
+    src,
+    height: height < 0 ? void 0 : height,
+    scrolling: scrolling === true ? "yes" : scrolling === false ? "no" : scrolling
+  });
+};
+var IframeBlock_default = IframeBlock;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/IframeBlock.mjs

@@ -0,0 +1,24 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import IframeResizer from "iframe-resizer-react";
+const IframeBlock = (props) => {
+  const { src, framed, compact, scrolling, height = "auto", align } = props;
+  const className = getBemClass("IframeBlock", [
+    framed && "framed",
+    compact && "compact",
+    align === "right" && "align--" + align
+  ]);
+  return height === "auto" ? /* @__PURE__ */ React.createElement(IframeResizer, {
+    className,
+    src
+  }) : /* @__PURE__ */ React.createElement("iframe", {
+    className,
+    src,
+    height: height < 0 ? void 0 : height,
+    scrolling: scrolling === true ? "yes" : scrolling === false ? "no" : scrolling
+  });
+};
+var IframeBlock_default = IframeBlock;
+export {
+  IframeBlock_default as default
+};