@reykjavik/hanna-react 0.10.53

package/lib/Illustration.cjs

@@ -0,0 +1,51 @@
+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 Illustration_exports = {};
+__export(Illustration_exports, {
+  default: () => Illustration_default
+});
+module.exports = __toCommonJS(Illustration_exports);
+var import_react = __toESM(require("react"));
+var import_assets = require("@reykjavik/hanna-utils/assets");
+var import_Image = __toESM(require("./_abstract/Image"));
+const Illustration = (props) => {
+  const imgProps = props.type ? { src: (0, import_assets.getIllustrationUrl)(props.type) } : props.image;
+  return /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({
+    className: "Illustration"
+  }, imgProps));
+};
+var Illustration_default = Illustration;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Illustration.mjs

@@ -0,0 +1,31 @@
+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";
+const Illustration = (props) => {
+  const imgProps = props.type ? { src: getIllustrationUrl(props.type) } : props.image;
+  return /* @__PURE__ */ React.createElement(Image, __spreadValues({
+    className: "Illustration"
+  }, imgProps));
+};
+var Illustration_default = Illustration;
+export {
+  Illustration_default as default
+};

package/lib/ImageCards.cjs

@@ -0,0 +1,72 @@
+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 __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 ImageCards_exports = {};
+__export(ImageCards_exports, {
+  default: () => ImageCards_default
+});
+module.exports = __toCommonJS(ImageCards_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_CardList = require("./_abstract/CardList");
+var import_seenEffect = require("./utils/seenEffect");
+const ImageCards = (props) => {
+  const _a = props, { background, startSeen } = _a, cardListProps = __objRest(_a, ["background", "startSeen"]);
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("ImageCards", background && "background"),
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement(import_CardList.CardList, __spreadProps(__spreadValues({}, cardListProps), {
+    bemPrefix: "ImageCards",
+    imgPlaceholder: props.imgPlaceholder || true
+  })));
+};
+var ImageCards_default = ImageCards;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ImageCards.mjs

@@ -0,0 +1,52 @@
+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));
+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 getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import {
+  CardList
+} from "./_abstract/CardList";
+import { useSeenEffect } from "./utils/seenEffect";
+const ImageCards = (props) => {
+  const _a = props, { background, startSeen } = _a, cardListProps = __objRest(_a, ["background", "startSeen"]);
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("ImageCards", background && "background"),
+    ref
+  }, /* @__PURE__ */ React.createElement(CardList, __spreadProps(__spreadValues({}, cardListProps), {
+    bemPrefix: "ImageCards",
+    imgPlaceholder: props.imgPlaceholder || true
+  })));
+};
+var ImageCards_default = ImageCards;
+export {
+  ImageCards_default as default
+};

package/lib/InfoBlock.cjs

@@ -0,0 +1,51 @@
+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 InfoBlock_exports = {};
+__export(InfoBlock_exports, {
+  default: () => InfoBlock_default
+});
+module.exports = __toCommonJS(InfoBlock_exports);
+var import_react = __toESM(require("react"));
+var import_seenEffect = require("./utils/seenEffect");
+const InfoBlock = (props) => {
+  const { title, subtitle, items, startSeen } = props;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoBlock",
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement("h2", {
+    className: "InfoBlock__title"
+  }, title), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoBlock__subtitle"
+  }, subtitle), /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: "InfoBlock__items"
+  }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement("li", {
+    key: i,
+    className: "InfoBlock__item"
+  }, item))), "extraInfo" in props && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoBlock__extrainfo"
+  }, props.extraInfo), "attention" in props && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoBlock__attention"
+  }, props.attention));
+};
+var InfoBlock_default = InfoBlock;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/InfoBlock.mjs

@@ -0,0 +1,27 @@
+import React from "react";
+import { useSeenEffect } from "./utils/seenEffect";
+const InfoBlock = (props) => {
+  const { title, subtitle, items, startSeen } = props;
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "InfoBlock",
+    ref
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "InfoBlock__title"
+  }, title), /* @__PURE__ */ React.createElement("div", {
+    className: "InfoBlock__subtitle"
+  }, subtitle), /* @__PURE__ */ React.createElement("ul", {
+    className: "InfoBlock__items"
+  }, items.map((item, i) => /* @__PURE__ */ React.createElement("li", {
+    key: i,
+    className: "InfoBlock__item"
+  }, item))), "extraInfo" in props && /* @__PURE__ */ React.createElement("div", {
+    className: "InfoBlock__extrainfo"
+  }, props.extraInfo), "attention" in props && /* @__PURE__ */ React.createElement("div", {
+    className: "InfoBlock__attention"
+  }, props.attention));
+};
+var InfoBlock_default = InfoBlock;
+export {
+  InfoBlock_default as default
+};

package/lib/InfoHero.cjs

@@ -0,0 +1,150 @@
+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 InfoHero_exports = {};
+__export(InfoHero_exports, {
+  default: () => InfoHero_default
+});
+module.exports = __toCommonJS(InfoHero_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_Blings = __toESM(require("./_abstract/_Blings"));
+var import_breakOnNL = __toESM(require("./_abstract/breakOnNL"));
+var import_Image = __toESM(require("./_abstract/Image"));
+var import_ButtonTertiary = __toESM(require("./ButtonTertiary"));
+var import_constants = require("./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 && import_constants.aligns[align] ? align : "right";
+  const blings = blingType && blingOptions[blingType] || blingOptions.waves;
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("InfoHero", "align--" + alignment)
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoHero__content"
+  }, /* @__PURE__ */ import_react.default.createElement("h1", {
+    className: "InfoHero__title"
+  }, title), titleBlurb && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoHero__titleblurb"
+  }, titleBlurb), subTitle && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoHero__subtitle"
+  }, (0, import_breakOnNL.default)(subTitle)), blurb && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoHero__blurb"
+  }, blurb), showButtons && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "InfoHero__buttons"
+  }, buttons.map((buttonProps, i) => /* @__PURE__ */ import_react.default.createElement(import_ButtonTertiary.default, __spreadValues({
+    key: i
+  }, buttonProps))))), /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadProps(__spreadValues({
+    className: "InfoHero__image",
+    altText: title
+  }, image), {
+    placeholder: true
+  })), /* @__PURE__ */ import_react.default.createElement(import_Blings.default, {
+    blings,
+    mirror: alignment === "right"
+  }));
+};
+var InfoHero_default = InfoHero;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/InfoHero.mjs

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

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

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