@reykjavik/hanna-react 0.10.55 → 0.10.56

package/ContactBubble.cjs

@@ -1,200 +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 ContactBubble_exports = {};
-__export(ContactBubble_exports, {
-  default: () => ContactBubble_default,
-  defaultTexts: () => defaultTexts,
-  ensureIcon: () => ensureIcon
-});
-module.exports = __toCommonJS(ContactBubble_exports);
-var import_react = __toESM(require("react"));
-var import_focusElm = __toESM(require("@hugsmidjan/qj/focusElm"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_hanna_utils = require("@reykjavik/hanna-utils");
-var import_i18n = require("@reykjavik/hanna-utils/i18n");
-var import_Link = require("./_abstract/Link");
-const defaultTexts = {
-  is: {
-    lang: "is",
-    openBtn: "Hafa samband",
-    closeBtn: "Loka",
-    closeBtnLong: "Loka valmynd"
-  },
-  en: {
-    lang: "en",
-    openBtn: "Contact us",
-    closeBtn: "Close",
-    closeBtnLong: "Close bubble"
-  }
-};
-const icons = {
-  suggestions: 1,
-  phone: 1,
-  faq: 1,
-  livechat: 1,
-  other: 0
-};
-const ensureIcon = (maybeIcon) => maybeIcon && icons[maybeIcon] ? maybeIcon : void 0;
-const ContactBubble = (props) => {
-  const { title, links, onToggle, alwaysShow } = props;
-  const txt = (0, import_i18n.getTexts)(props, defaultTexts);
-  const useLocalState = props.open == null;
-  const [localOpen, setLocalOpen] = (0, import_react.useState)(false);
-  const open = useLocalState ? localOpen : props.open;
-  const isBrowser = (0, import_hooks.useIsBrowserSide)(props.ssr);
-  const domid = (0, import_hooks.useDomid)();
-  const wrapperRef = (0, import_react.useRef)(null);
-  const { openBubble, closeBubble } = (0, import_react.useMemo)(() => ({
-    openBubble: () => {
-      useLocalState && setLocalOpen(true);
-      onToggle && onToggle(true);
-    },
-    closeBubble: (setFocus) => {
-      useLocalState && setLocalOpen(false);
-      onToggle && onToggle(false);
-      setFocus !== false && (0, import_focusElm.default)(wrapperRef.current);
-    }
-  }), [useLocalState, onToggle]);
-  (0, import_react.useEffect)(() => {
-    const wrapperElm = wrapperRef.current;
-    if (!wrapperElm) {
-      return;
-    }
-    if (alwaysShow) {
-      wrapperElm.dataset.show = "true";
-      return;
-    }
-    const scrollElm = (0, import_hanna_utils.getPageScrollElm)();
-    let pending = 0;
-    const checkScroll = () => {
-      if (!pending) {
-        pending = requestAnimationFrame(() => {
-          const { scrollTop, scrollHeight, clientHeight } = scrollElm;
-          const scrollLength = scrollHeight - clientHeight;
-          const f = 1;
-          const show = scrollTop > f * 150 && scrollLength - scrollTop > f * 250;
-          wrapperElm.dataset.show = String(show);
-          !show && closeBubble(false);
-          pending = 0;
-        });
-      }
-    };
-    checkScroll();
-    document.addEventListener("scroll", checkScroll);
-    scrollElm.addEventListener("scroll", checkScroll);
-    return () => {
-      document.removeEventListener("scroll", checkScroll);
-      scrollElm.removeEventListener("scroll", checkScroll);
-    };
-  }, [isBrowser, alwaysShow, closeBubble]);
-  (0, import_react.useEffect)(() => {
-    const escHandler = (e) => e.key === "Escape" && closeBubble();
-    const outsideClickHandler = (e) => {
-      var _a;
-      if (open && !((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.target))) {
-        closeBubble(false);
-      }
-    };
-    document.addEventListener("keydown", escHandler);
-    document.addEventListener("click", outsideClickHandler, true);
-    const htmlDataset = document.documentElement.dataset;
-    if (open) {
-      htmlDataset.contactBubble = "true";
-    } else {
-      delete htmlDataset.contactBubble;
-    }
-    return () => {
-      delete htmlDataset.contactBubble;
-      document.removeEventListener("keydown", escHandler);
-      document.removeEventListener("click", outsideClickHandler, true);
-    };
-  }, [open, closeBubble]);
-  if (links.length === 0) {
-    return null;
-  }
-  const menu = /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "ContactBubble",
-    id: isBrowser && domid,
-    hidden: isBrowser && !open,
-    "data-always-show": alwaysShow || void 0,
-    "data-sprinkled": isBrowser
-  }, /* @__PURE__ */ import_react.default.createElement("h2", {
-    className: "ContactBubble__title"
-  }, title || txt.openBtn), /* @__PURE__ */ import_react.default.createElement("ul", {
-    className: "ContactBubble__list"
-  }, links.map((linkInfo, i) => {
-    const { href, label, extraLabel, target, onClick } = linkInfo;
-    const icon = ensureIcon(linkInfo.icon);
-    const itemClass = (0, import_getBemClass.default)("ContactBubble__item", icon && "type--" + icon);
-    const onClickHandler = onClick && ((e) => {
-      if (!onClick()) {
-        e.preventDefault();
-        closeBubble(false);
-      }
-    });
-    const content = [
-      " ",
-      label,
-      "\n",
-      extraLabel && /* @__PURE__ */ import_react.default.createElement("small", {
-        key: "\u{1F921}"
-      }, extraLabel),
-      "\n"
-    ];
-    return /* @__PURE__ */ import_react.default.createElement("li", {
-      key: i,
-      className: itemClass
-    }, href && href !== "#" ? /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
-      className: "ContactBubble__link",
-      href,
-      onClick: onClickHandler,
-      target
-    }, content) : /* @__PURE__ */ import_react.default.createElement("button", {
-      className: "ContactBubble__link",
-      onClick: onClickHandler,
-      type: "button"
-    }, content));
-  })), "\n\n", isBrowser && /* @__PURE__ */ import_react.default.createElement("button", {
-    className: "ContactBubble__closebtn",
-    "aria-controls": domid,
-    "aria-label": txt.closeBtnLong,
-    onClick: () => closeBubble(),
-    type: "button"
-  }, txt.closeBtn));
-  return isBrowser ? /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "ContactBubble__wrapper",
-    ref: wrapperRef
-  }, /* @__PURE__ */ import_react.default.createElement("button", {
-    className: "ContactBubble__openbtn",
-    "aria-controls": domid,
-    "aria-expanded": open,
-    "aria-label": txt.openBtnLong,
-    onClick: open ? () => closeBubble() : openBubble,
-    type: "button"
-  }, txt.openBtn), "\n\n", menu) : menu;
-};
-var ContactBubble_default = ContactBubble;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  defaultTexts,
-  ensureIcon
-});

package/ContactBubble.mjs

@@ -1,173 +0,0 @@
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import focusElm from "@hugsmidjan/qj/focusElm";
-import { useDomid, useIsBrowserSide } from "@hugsmidjan/react/hooks";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import { getPageScrollElm } from "@reykjavik/hanna-utils";
-import { getTexts } from "@reykjavik/hanna-utils/i18n";
-import { Link } from "./_abstract/Link";
-const defaultTexts = {
-  is: {
-    lang: "is",
-    openBtn: "Hafa samband",
-    closeBtn: "Loka",
-    closeBtnLong: "Loka valmynd"
-  },
-  en: {
-    lang: "en",
-    openBtn: "Contact us",
-    closeBtn: "Close",
-    closeBtnLong: "Close bubble"
-  }
-};
-const icons = {
-  suggestions: 1,
-  phone: 1,
-  faq: 1,
-  livechat: 1,
-  other: 0
-};
-const ensureIcon = (maybeIcon) => maybeIcon && icons[maybeIcon] ? maybeIcon : void 0;
-const ContactBubble = (props) => {
-  const { title, links, onToggle, alwaysShow } = props;
-  const txt = getTexts(props, defaultTexts);
-  const useLocalState = props.open == null;
-  const [localOpen, setLocalOpen] = useState(false);
-  const open = useLocalState ? localOpen : props.open;
-  const isBrowser = useIsBrowserSide(props.ssr);
-  const domid = useDomid();
-  const wrapperRef = useRef(null);
-  const { openBubble, closeBubble } = useMemo(() => ({
-    openBubble: () => {
-      useLocalState && setLocalOpen(true);
-      onToggle && onToggle(true);
-    },
-    closeBubble: (setFocus) => {
-      useLocalState && setLocalOpen(false);
-      onToggle && onToggle(false);
-      setFocus !== false && focusElm(wrapperRef.current);
-    }
-  }), [useLocalState, onToggle]);
-  useEffect(() => {
-    const wrapperElm = wrapperRef.current;
-    if (!wrapperElm) {
-      return;
-    }
-    if (alwaysShow) {
-      wrapperElm.dataset.show = "true";
-      return;
-    }
-    const scrollElm = getPageScrollElm();
-    let pending = 0;
-    const checkScroll = () => {
-      if (!pending) {
-        pending = requestAnimationFrame(() => {
-          const { scrollTop, scrollHeight, clientHeight } = scrollElm;
-          const scrollLength = scrollHeight - clientHeight;
-          const f = 1;
-          const show = scrollTop > f * 150 && scrollLength - scrollTop > f * 250;
-          wrapperElm.dataset.show = String(show);
-          !show && closeBubble(false);
-          pending = 0;
-        });
-      }
-    };
-    checkScroll();
-    document.addEventListener("scroll", checkScroll);
-    scrollElm.addEventListener("scroll", checkScroll);
-    return () => {
-      document.removeEventListener("scroll", checkScroll);
-      scrollElm.removeEventListener("scroll", checkScroll);
-    };
-  }, [isBrowser, alwaysShow, closeBubble]);
-  useEffect(() => {
-    const escHandler = (e) => e.key === "Escape" && closeBubble();
-    const outsideClickHandler = (e) => {
-      var _a;
-      if (open && !((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.target))) {
-        closeBubble(false);
-      }
-    };
-    document.addEventListener("keydown", escHandler);
-    document.addEventListener("click", outsideClickHandler, true);
-    const htmlDataset = document.documentElement.dataset;
-    if (open) {
-      htmlDataset.contactBubble = "true";
-    } else {
-      delete htmlDataset.contactBubble;
-    }
-    return () => {
-      delete htmlDataset.contactBubble;
-      document.removeEventListener("keydown", escHandler);
-      document.removeEventListener("click", outsideClickHandler, true);
-    };
-  }, [open, closeBubble]);
-  if (links.length === 0) {
-    return null;
-  }
-  const menu = /* @__PURE__ */ React.createElement("div", {
-    className: "ContactBubble",
-    id: isBrowser && domid,
-    hidden: isBrowser && !open,
-    "data-always-show": alwaysShow || void 0,
-    "data-sprinkled": isBrowser
-  }, /* @__PURE__ */ React.createElement("h2", {
-    className: "ContactBubble__title"
-  }, title || txt.openBtn), /* @__PURE__ */ React.createElement("ul", {
-    className: "ContactBubble__list"
-  }, links.map((linkInfo, i) => {
-    const { href, label, extraLabel, target, onClick } = linkInfo;
-    const icon = ensureIcon(linkInfo.icon);
-    const itemClass = getBemClass("ContactBubble__item", icon && "type--" + icon);
-    const onClickHandler = onClick && ((e) => {
-      if (!onClick()) {
-        e.preventDefault();
-        closeBubble(false);
-      }
-    });
-    const content = [
-      " ",
-      label,
-      "\n",
-      extraLabel && /* @__PURE__ */ React.createElement("small", {
-        key: "\u{1F921}"
-      }, extraLabel),
-      "\n"
-    ];
-    return /* @__PURE__ */ React.createElement("li", {
-      key: i,
-      className: itemClass
-    }, href && href !== "#" ? /* @__PURE__ */ React.createElement(Link, {
-      className: "ContactBubble__link",
-      href,
-      onClick: onClickHandler,
-      target
-    }, content) : /* @__PURE__ */ React.createElement("button", {
-      className: "ContactBubble__link",
-      onClick: onClickHandler,
-      type: "button"
-    }, content));
-  })), "\n\n", isBrowser && /* @__PURE__ */ React.createElement("button", {
-    className: "ContactBubble__closebtn",
-    "aria-controls": domid,
-    "aria-label": txt.closeBtnLong,
-    onClick: () => closeBubble(),
-    type: "button"
-  }, txt.closeBtn));
-  return isBrowser ? /* @__PURE__ */ React.createElement("div", {
-    className: "ContactBubble__wrapper",
-    ref: wrapperRef
-  }, /* @__PURE__ */ React.createElement("button", {
-    className: "ContactBubble__openbtn",
-    "aria-controls": domid,
-    "aria-expanded": open,
-    "aria-label": txt.openBtnLong,
-    onClick: open ? () => closeBubble() : openBubble,
-    type: "button"
-  }, txt.openBtn), "\n\n", menu) : menu;
-};
-var ContactBubble_default = ContactBubble;
-export {
-  ContactBubble_default as default,
-  defaultTexts,
-  ensureIcon
-};

package/ContentArticle.cjs

@@ -1,63 +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 ContentArticle_exports = {};
-__export(ContentArticle_exports, {
-  default: () => ContentArticle_default
-});
-module.exports = __toCommonJS(ContentArticle_exports);
-var import_react = __toESM(require("react"));
-var import_seenEffect = require("./utils/seenEffect");
-var import_ArticleMeta = __toESM(require("./ArticleMeta"));
-var import_ContentImage = __toESM(require("./ContentImage"));
-var import_Heading = __toESM(require("./Heading"));
-var import_RelatedLinks = __toESM(require("./RelatedLinks"));
-var import_TextBlock = __toESM(require("./TextBlock"));
-var import_VSpacer = __toESM(require("./VSpacer"));
-const ContentArticle = (props) => {
-  const [ref] = (0, import_seenEffect.useSeenEffect)(props.startSeen);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "ContentArticle",
-    ref
-  }, /* @__PURE__ */ import_react.default.createElement(import_ArticleMeta.default, {
-    items: props.meta
-  }), /* @__PURE__ */ import_react.default.createElement(import_Heading.default, null, props.headline), /* @__PURE__ */ import_react.default.createElement(import_TextBlock.default, {
-    startSeen: true
-  }, props.topImage && /* @__PURE__ */ import_react.default.createElement(import_ContentImage.default, __spreadValues({}, props.topImage)), props.body), /* @__PURE__ */ import_react.default.createElement(import_VSpacer.default, {
-    size: "small"
-  }, /* @__PURE__ */ import_react.default.createElement("hr", null)), props.relatedLinks && /* @__PURE__ */ import_react.default.createElement(import_RelatedLinks.default, __spreadValues({}, props.relatedLinks)));
-};
-var ContentArticle_default = ContentArticle;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/ContentArticle.mjs

@@ -1,41 +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 { useSeenEffect } from "./utils/seenEffect";
-import ArticleMeta from "./ArticleMeta";
-import ContentImage from "./ContentImage";
-import Heading from "./Heading";
-import RelatedLinks from "./RelatedLinks";
-import TextBlock from "./TextBlock";
-import VSpacer from "./VSpacer";
-const ContentArticle = (props) => {
-  const [ref] = useSeenEffect(props.startSeen);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "ContentArticle",
-    ref
-  }, /* @__PURE__ */ React.createElement(ArticleMeta, {
-    items: props.meta
-  }), /* @__PURE__ */ React.createElement(Heading, null, props.headline), /* @__PURE__ */ React.createElement(TextBlock, {
-    startSeen: true
-  }, props.topImage && /* @__PURE__ */ React.createElement(ContentImage, __spreadValues({}, props.topImage)), props.body), /* @__PURE__ */ React.createElement(VSpacer, {
-    size: "small"
-  }, /* @__PURE__ */ React.createElement("hr", null)), props.relatedLinks && /* @__PURE__ */ React.createElement(RelatedLinks, __spreadValues({}, props.relatedLinks)));
-};
-var ContentArticle_default = ContentArticle;
-export {
-  ContentArticle_default as default
-};

package/ContentImage.cjs

@@ -1,58 +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 ContentImage_exports = {};
-__export(ContentImage_exports, {
-  default: () => ContentImage_default
-});
-module.exports = __toCommonJS(ContentImage_exports);
-var import_react = __toESM(require("react"));
-var import_Image = __toESM(require("./_abstract/Image"));
-const ContentImage = (props) => {
-  const { image, caption, credit } = props;
-  return /* @__PURE__ */ import_react.default.createElement("figure", {
-    className: "ContentImage"
-  }, (caption || credit) && /* @__PURE__ */ import_react.default.createElement("figcaption", {
-    className: "ContentImage__caption"
-  }, caption && /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "ContentImage__text"
-  }, " ", caption, " "), " ", credit && /* @__PURE__ */ import_react.default.createElement("small", {
-    className: "ContentImage__credit"
-  }, " ", credit, " ")), /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({
-    className: "ContentImage__image"
-  }, image)));
-};
-var ContentImage_default = ContentImage;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/ContentImage.mjs

@@ -1,36 +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 Image from "./_abstract/Image";
-const ContentImage = (props) => {
-  const { image, caption, credit } = props;
-  return /* @__PURE__ */ React.createElement("figure", {
-    className: "ContentImage"
-  }, (caption || credit) && /* @__PURE__ */ React.createElement("figcaption", {
-    className: "ContentImage__caption"
-  }, caption && /* @__PURE__ */ React.createElement("span", {
-    className: "ContentImage__text"
-  }, " ", caption, " "), " ", credit && /* @__PURE__ */ React.createElement("small", {
-    className: "ContentImage__credit"
-  }, " ", credit, " ")), /* @__PURE__ */ React.createElement(Image, __spreadValues({
-    className: "ContentImage__image"
-  }, image)));
-};
-var ContentImage_default = ContentImage;
-export {
-  ContentImage_default as default
-};