@reykjavik/hanna-react 0.10.53

package/lib/NameCard.cjs

@@ -0,0 +1,115 @@
+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 NameCard_exports = {};
+__export(NameCard_exports, {
+  default: () => NameCard_default
+});
+module.exports = __toCommonJS(NameCard_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_i18n = require("@reykjavik/hanna-utils/i18n");
+var import_breakOnNL = __toESM(require("./_abstract/breakOnNL"));
+var import_Button = __toESM(require("./_abstract/Button"));
+const formatDate = (date) => {
+  return typeof date === "string" ? date : date.toISOString().slice(0, 10).replace(/-/g, ".");
+};
+const _telToContactInfo = (tel) => {
+  if (!tel) {
+    return;
+  }
+  tel = typeof tel === "string" ? [tel] : tel;
+  return tel.map((tel2) => ({
+    href: "tel:" + tel2,
+    value: tel2
+  }));
+};
+const renderContent = (content) => typeof content === "string" ? (0, import_breakOnNL.default)(content) : content;
+const defaultTexts = {
+  en: {
+    updatedLabel: "Updated on",
+    availableLabel: "",
+    unavailableLabel: "",
+    vacancyLabel: "Vacancy",
+    noVacancyLabel: "No vacancy"
+  },
+  is: {
+    updatedLabel: "Uppf\xE6rt s\xED\xF0ast",
+    availableLabel: "",
+    unavailableLabel: "",
+    vacancyLabel: "Laus pl\xE1ss",
+    noVacancyLabel: "Ekki laus pl\xE1ss"
+  }
+};
+const NameCard = (props) => {
+  const { name, location, hours, aboutText, available = props.vacancy, updated } = props;
+  const renderMeta = () => {
+    if (available == null && !updated) {
+      return;
+    }
+    const texts = (0, import_i18n.getTexts)(props, defaultTexts);
+    const { updatedLabel, availableLabel, unavailableLabel } = texts;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "NameCard__meta"
+    }, available != null && /* @__PURE__ */ import_react.default.createElement("span", {
+      className: (0, import_getBemClass.default)("NameCard__availability", available && "available")
+    }, available ? availableLabel || texts.vacancyLabel : unavailableLabel || texts.noVacancyLabel, " "), updated != null && /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "NameCard__updated"
+    }, updatedLabel, " ", formatDate(updated)));
+  };
+  let contactInfo = props.contactInfo;
+  if (!contactInfo) {
+    contactInfo = _telToContactInfo(props.tel) || [];
+  }
+  const cleanContactInfo = contactInfo.map((item) => {
+    if (typeof item !== "string" && "value" in item) {
+      return {
+        href: item.href,
+        label: item.value,
+        longLabel: item.label
+      };
+    }
+    return item;
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "NameCard"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "NameCard__name"
+  }, name), contactInfo.length > 0 && /* @__PURE__ */ import_react.default.createElement("p", {
+    className: "NameCard__contactinfo"
+  }, cleanContactInfo.map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, typeof item === "string" ? /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "NameCard__contactinfo__item"
+  }, item) : /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
+    key: i,
+    bem: "NameCard__contactinfo__item",
+    href: item.href,
+    "aria-label": item.longLabel,
+    title: item.longLabel
+  }, item.label), " "))), location && /* @__PURE__ */ import_react.default.createElement("p", {
+    className: "NameCard__location"
+  }, renderContent(location)), hours && /* @__PURE__ */ import_react.default.createElement("p", {
+    className: "NameCard__hours"
+  }, renderContent(hours)), aboutText && /* @__PURE__ */ import_react.default.createElement("p", {
+    className: "NameCard__abouttext"
+  }, renderContent(aboutText)), renderMeta());
+};
+var NameCard_default = NameCard;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/NameCard.mjs

@@ -0,0 +1,91 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { getTexts } from "@reykjavik/hanna-utils/i18n";
+import breakOnNL from "./_abstract/breakOnNL";
+import Button from "./_abstract/Button";
+const formatDate = (date) => {
+  return typeof date === "string" ? date : date.toISOString().slice(0, 10).replace(/-/g, ".");
+};
+const _telToContactInfo = (tel) => {
+  if (!tel) {
+    return;
+  }
+  tel = typeof tel === "string" ? [tel] : tel;
+  return tel.map((tel2) => ({
+    href: "tel:" + tel2,
+    value: tel2
+  }));
+};
+const renderContent = (content) => typeof content === "string" ? breakOnNL(content) : content;
+const defaultTexts = {
+  en: {
+    updatedLabel: "Updated on",
+    availableLabel: "",
+    unavailableLabel: "",
+    vacancyLabel: "Vacancy",
+    noVacancyLabel: "No vacancy"
+  },
+  is: {
+    updatedLabel: "Uppf\xE6rt s\xED\xF0ast",
+    availableLabel: "",
+    unavailableLabel: "",
+    vacancyLabel: "Laus pl\xE1ss",
+    noVacancyLabel: "Ekki laus pl\xE1ss"
+  }
+};
+const NameCard = (props) => {
+  const { name, location, hours, aboutText, available = props.vacancy, updated } = props;
+  const renderMeta = () => {
+    if (available == null && !updated) {
+      return;
+    }
+    const texts = getTexts(props, defaultTexts);
+    const { updatedLabel, availableLabel, unavailableLabel } = texts;
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "NameCard__meta"
+    }, available != null && /* @__PURE__ */ React.createElement("span", {
+      className: getBemClass("NameCard__availability", available && "available")
+    }, available ? availableLabel || texts.vacancyLabel : unavailableLabel || texts.noVacancyLabel, " "), updated != null && /* @__PURE__ */ React.createElement("span", {
+      className: "NameCard__updated"
+    }, updatedLabel, " ", formatDate(updated)));
+  };
+  let contactInfo = props.contactInfo;
+  if (!contactInfo) {
+    contactInfo = _telToContactInfo(props.tel) || [];
+  }
+  const cleanContactInfo = contactInfo.map((item) => {
+    if (typeof item !== "string" && "value" in item) {
+      return {
+        href: item.href,
+        label: item.value,
+        longLabel: item.label
+      };
+    }
+    return item;
+  });
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "NameCard"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "NameCard__name"
+  }, name), contactInfo.length > 0 && /* @__PURE__ */ React.createElement("p", {
+    className: "NameCard__contactinfo"
+  }, cleanContactInfo.map((item, i) => /* @__PURE__ */ React.createElement(React.Fragment, null, typeof item === "string" ? /* @__PURE__ */ React.createElement("span", {
+    className: "NameCard__contactinfo__item"
+  }, item) : /* @__PURE__ */ React.createElement(Button, {
+    key: i,
+    bem: "NameCard__contactinfo__item",
+    href: item.href,
+    "aria-label": item.longLabel,
+    title: item.longLabel
+  }, item.label), " "))), location && /* @__PURE__ */ React.createElement("p", {
+    className: "NameCard__location"
+  }, renderContent(location)), hours && /* @__PURE__ */ React.createElement("p", {
+    className: "NameCard__hours"
+  }, renderContent(hours)), aboutText && /* @__PURE__ */ React.createElement("p", {
+    className: "NameCard__abouttext"
+  }, renderContent(aboutText)), renderMeta());
+};
+var NameCard_default = NameCard;
+export {
+  NameCard_default as default
+};

package/lib/NameCards.cjs

@@ -0,0 +1,52 @@
+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 NameCards_exports = {};
+__export(NameCards_exports, {
+  default: () => NameCards_default
+});
+module.exports = __toCommonJS(NameCards_exports);
+var import_react = __toESM(require("react"));
+var import_NameCard = __toESM(require("./NameCard"));
+const NameCards = (props) => {
+  const { items } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "NameCards"
+  }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(import_NameCard.default, __spreadValues({
+    key: i
+  }, item))));
+};
+var NameCards_default = NameCards;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/NameCards.mjs

@@ -0,0 +1,30 @@
+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 NameCard from "./NameCard";
+const NameCards = (props) => {
+  const { items } = props;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "NameCards"
+  }, items.map((item, i) => /* @__PURE__ */ React.createElement(NameCard, __spreadValues({
+    key: i
+  }, item))));
+};
+var NameCards_default = NameCards;
+export {
+  NameCards_default as default
+};

package/lib/NewsHero.cjs

@@ -0,0 +1,136 @@
+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 NewsHero_exports = {};
+__export(NewsHero_exports, {
+  default: () => NewsHero_default
+});
+module.exports = __toCommonJS(NewsHero_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_hanna_utils = require("@reykjavik/hanna-utils");
+var import_Blings = __toESM(require("./_abstract/_Blings"));
+var import_Image = __toESM(require("./_abstract/Image"));
+var import_seenEffect = require("./utils/seenEffect");
+var import_ShareButtons = __toESM(require("./ShareButtons"));
+const blingOptions = {
+  interesting: [
+    {
+      type: "circle-xlarge",
+      parent: "center"
+    },
+    {
+      type: "loops-small",
+      color: "secondary",
+      align: "left-ish",
+      vertical: "down-ish",
+      parent: "center"
+    }
+  ],
+  snake: [
+    {
+      type: "snake-large",
+      align: "left",
+      parent: "top",
+      vertical: "down"
+    }
+  ],
+  pentagon: [
+    {
+      type: "pentagon-large",
+      align: "left",
+      parent: "center"
+    }
+  ],
+  dome: [
+    {
+      type: "dome-large",
+      align: "left-ish",
+      parent: "top",
+      vertical: "down"
+    }
+  ],
+  "balls-small": [
+    {
+      type: "circle-large",
+      align: "left",
+      parent: "center"
+    },
+    {
+      type: "circle-small",
+      color: "secondary",
+      align: "right",
+      parent: "bottom",
+      vertical: "down"
+    }
+  ],
+  "balls-large": [
+    {
+      type: "halfcircle-down-large",
+      align: "left",
+      parent: "bottom",
+      vertical: "up"
+    },
+    {
+      type: "circle-medium",
+      color: "secondary",
+      align: "left-center",
+      parent: "bottom"
+    }
+  ]
+};
+const NewsHero = (props) => {
+  const { title, sharing = true, meta, summary, image, blingType, startSeen } = props;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  const blings = blingType && blingOptions[blingType] || (0, import_hanna_utils.getStableRandomItem)(blingOptions, title);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("NewsHero", [!image && "align--right"]),
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "NewsHero__content"
+  }, /* @__PURE__ */ import_react.default.createElement("h1", {
+    className: "NewsHero__title"
+  }, title), meta && /* @__PURE__ */ import_react.default.createElement("span", {
+    className: "NewsHero__meta"
+  }, meta), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "NewsHero__summary"
+  }, summary), sharing === true ? /* @__PURE__ */ import_react.default.createElement(import_ShareButtons.default, null) : sharing && sharing()), image ? /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({
+    className: "NewsHero__image"
+  }, image)) : /* @__PURE__ */ import_react.default.createElement(import_Blings.default, {
+    blings
+  }));
+};
+var NewsHero_default = NewsHero;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/NewsHero.mjs

@@ -0,0 +1,114 @@
+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 { getStableRandomItem } from "@reykjavik/hanna-utils";
+import Blings from "./_abstract/_Blings";
+import Image from "./_abstract/Image";
+import { useSeenEffect } from "./utils/seenEffect";
+import ShareButtons from "./ShareButtons";
+const blingOptions = {
+  interesting: [
+    {
+      type: "circle-xlarge",
+      parent: "center"
+    },
+    {
+      type: "loops-small",
+      color: "secondary",
+      align: "left-ish",
+      vertical: "down-ish",
+      parent: "center"
+    }
+  ],
+  snake: [
+    {
+      type: "snake-large",
+      align: "left",
+      parent: "top",
+      vertical: "down"
+    }
+  ],
+  pentagon: [
+    {
+      type: "pentagon-large",
+      align: "left",
+      parent: "center"
+    }
+  ],
+  dome: [
+    {
+      type: "dome-large",
+      align: "left-ish",
+      parent: "top",
+      vertical: "down"
+    }
+  ],
+  "balls-small": [
+    {
+      type: "circle-large",
+      align: "left",
+      parent: "center"
+    },
+    {
+      type: "circle-small",
+      color: "secondary",
+      align: "right",
+      parent: "bottom",
+      vertical: "down"
+    }
+  ],
+  "balls-large": [
+    {
+      type: "halfcircle-down-large",
+      align: "left",
+      parent: "bottom",
+      vertical: "up"
+    },
+    {
+      type: "circle-medium",
+      color: "secondary",
+      align: "left-center",
+      parent: "bottom"
+    }
+  ]
+};
+const NewsHero = (props) => {
+  const { title, sharing = true, meta, summary, image, blingType, startSeen } = props;
+  const [ref] = useSeenEffect(startSeen);
+  const blings = blingType && blingOptions[blingType] || getStableRandomItem(blingOptions, title);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("NewsHero", [!image && "align--right"]),
+    ref
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "NewsHero__content"
+  }, /* @__PURE__ */ React.createElement("h1", {
+    className: "NewsHero__title"
+  }, title), meta && /* @__PURE__ */ React.createElement("span", {
+    className: "NewsHero__meta"
+  }, meta), /* @__PURE__ */ React.createElement("div", {
+    className: "NewsHero__summary"
+  }, summary), sharing === true ? /* @__PURE__ */ React.createElement(ShareButtons, null) : sharing && sharing()), image ? /* @__PURE__ */ React.createElement(Image, __spreadValues({
+    className: "NewsHero__image"
+  }, image)) : /* @__PURE__ */ React.createElement(Blings, {
+    blings
+  }));
+};
+var NewsHero_default = NewsHero;
+export {
+  NewsHero_default as default
+};

package/lib/PageFilter.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 PageFilter_exports = {};
+__export(PageFilter_exports, {
+  default: () => PageFilter_default
+});
+module.exports = __toCommonJS(PageFilter_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_seenEffect = require("./utils/seenEffect");
+var import_Footnote = __toESM(require("./Footnote"));
+const PageFilter = (props) => {
+  const { title, summary, footnote, filters, children, buttonRow, underlap, startSeen } = props;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("PageFilter", underlap && "underlap"),
+    ref
+  }, /* @__PURE__ */ import_react.default.createElement("h2", {
+    className: "PageFilter__title"
+  }, title), summary && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "PageFilter__summary"
+  }, summary), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "PageFilter__filters"
+  }, filters || children), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "PageFilter__buttons"
+  }, buttonRow), footnote && /* @__PURE__ */ import_react.default.createElement(import_Footnote.default, null, footnote));
+};
+var PageFilter_default = PageFilter;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/PageFilter.mjs

@@ -0,0 +1,24 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { useSeenEffect } from "./utils/seenEffect";
+import Footnote from "./Footnote";
+const PageFilter = (props) => {
+  const { title, summary, footnote, filters, children, buttonRow, underlap, startSeen } = props;
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("PageFilter", underlap && "underlap"),
+    ref
+  }, /* @__PURE__ */ React.createElement("h2", {
+    className: "PageFilter__title"
+  }, title), summary && /* @__PURE__ */ React.createElement("div", {
+    className: "PageFilter__summary"
+  }, summary), /* @__PURE__ */ React.createElement("div", {
+    className: "PageFilter__filters"
+  }, filters || children), /* @__PURE__ */ React.createElement("div", {
+    className: "PageFilter__buttons"
+  }, buttonRow), footnote && /* @__PURE__ */ React.createElement(Footnote, null, footnote));
+};
+var PageFilter_default = PageFilter;
+export {
+  PageFilter_default as default
+};

package/lib/PageHeading.cjs

@@ -0,0 +1,42 @@
+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 PageHeading_exports = {};
+__export(PageHeading_exports, {
+  default: () => PageHeading_default
+});
+module.exports = __toCommonJS(PageHeading_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_seenEffect = require("./utils/seenEffect");
+const PageHeading = (props) => {
+  const { Tag = "h1", align, small, children, startSeen } = props;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  return /* @__PURE__ */ import_react.default.createElement(Tag, {
+    className: (0, import_getBemClass.default)("PageHeading", [
+      small && "small",
+      align === "right" && "align--" + align
+    ]),
+    ref
+  }, children);
+};
+var PageHeading_default = PageHeading;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/PageHeading.mjs

@@ -0,0 +1,18 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { useSeenEffect } from "./utils/seenEffect";
+const PageHeading = (props) => {
+  const { Tag = "h1", align, small, children, startSeen } = props;
+  const [ref] = useSeenEffect(startSeen);
+  return /* @__PURE__ */ React.createElement(Tag, {
+    className: getBemClass("PageHeading", [
+      small && "small",
+      align === "right" && "align--" + align
+    ]),
+    ref
+  }, children);
+};
+var PageHeading_default = PageHeading;
+export {
+  PageHeading_default as default
+};