@reykjavik/hanna-react 0.10.53

package/lib/_abstract/TogglerInput.cjs

@@ -0,0 +1,105 @@
+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 __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 TogglerInput_exports = {};
+__export(TogglerInput_exports, {
+  default: () => TogglerInput_default
+});
+module.exports = __toCommonJS(TogglerInput_exports);
+var import_react = __toESM(require("react"));
+var import_hooks = require("@hugsmidjan/react/hooks");
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const TogglerInput = (props) => {
+  const _a = props, {
+    bem,
+    modifier,
+    className,
+    label,
+    invalid,
+    errorMessage,
+    Wrapper = "div",
+    required,
+    reqText,
+    type,
+    id
+  } = _a, inputProps = __objRest(_a, [
+    "bem",
+    "modifier",
+    "className",
+    "label",
+    "invalid",
+    "errorMessage",
+    "Wrapper",
+    "required",
+    "reqText",
+    "type",
+    "id"
+  ]);
+  const domid = (0, import_hooks.useDomid)(id);
+  const errorId = errorMessage && "error" + domid;
+  const reqStar = required && reqText !== false && /* @__PURE__ */ import_react.default.createElement("abbr", {
+    className: bem + "__label__reqstar",
+    title: (reqText || "\xDEarf a\xF0 haka \xED") + ": "
+  }, "*");
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+    className: (0, import_getBemClass.default)(bem, modifier, className)
+  }, /* @__PURE__ */ import_react.default.createElement("input", __spreadValues({
+    className: bem + "__input",
+    type,
+    id: domid,
+    "aria-invalid": invalid || !!errorMessage || void 0,
+    "aria-describedby": errorId
+  }, inputProps)), " ", /* @__PURE__ */ import_react.default.createElement("label", {
+    className: bem + "__label",
+    htmlFor: domid
+  }, " ", reqStar, " ", label, " "), errorMessage && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: bem + "__error",
+    id: errorId
+  }, errorMessage));
+};
+var TogglerInput_default = TogglerInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/_abstract/TogglerInput.mjs

@@ -0,0 +1,83 @@
+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;
+};
+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 { useDomid } from "@hugsmidjan/react/hooks";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const TogglerInput = (props) => {
+  const _a = props, {
+    bem,
+    modifier,
+    className,
+    label,
+    invalid,
+    errorMessage,
+    Wrapper = "div",
+    required,
+    reqText,
+    type,
+    id
+  } = _a, inputProps = __objRest(_a, [
+    "bem",
+    "modifier",
+    "className",
+    "label",
+    "invalid",
+    "errorMessage",
+    "Wrapper",
+    "required",
+    "reqText",
+    "type",
+    "id"
+  ]);
+  const domid = useDomid(id);
+  const errorId = errorMessage && "error" + domid;
+  const reqStar = required && reqText !== false && /* @__PURE__ */ React.createElement("abbr", {
+    className: bem + "__label__reqstar",
+    title: (reqText || "\xDEarf a\xF0 haka \xED") + ": "
+  }, "*");
+  return /* @__PURE__ */ React.createElement(Wrapper, {
+    className: getBemClass(bem, modifier, className)
+  }, /* @__PURE__ */ React.createElement("input", __spreadValues({
+    className: bem + "__input",
+    type,
+    id: domid,
+    "aria-invalid": invalid || !!errorMessage || void 0,
+    "aria-describedby": errorId
+  }, inputProps)), " ", /* @__PURE__ */ React.createElement("label", {
+    className: bem + "__label",
+    htmlFor: domid
+  }, " ", reqStar, " ", label, " "), errorMessage && /* @__PURE__ */ React.createElement("div", {
+    className: bem + "__error",
+    id: errorId
+  }, errorMessage));
+};
+var TogglerInput_default = TogglerInput;
+export {
+  TogglerInput_default as default
+};

package/lib/_abstract/_AbstractCarousel.cjs

@@ -0,0 +1,170 @@
+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 AbstractCarousel_exports = {};
+__export(AbstractCarousel_exports, {
+  default: () => AbstractCarousel_default
+});
+module.exports = __toCommonJS(AbstractCarousel_exports);
+var import_react = __toESM(require("react"));
+var import_A = __toESM(require("@hugsmidjan/qj/A"));
+var import_focusElm = __toESM(require("@hugsmidjan/qj/focusElm"));
+var import_throttle = __toESM(require("@hugsmidjan/qj/throttle"));
+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_CarouselStepper = __toESM(require("../CarouselStepper"));
+var import_seenEffect = require("../utils/seenEffect");
+const WHEEL_AMPLIFIER = 3;
+const WHEEL_HIJACK_TIMEOUT_MS = 667;
+const scrollXBy = (elm, deltaX) => {
+  const left = elm.scrollLeft + deltaX;
+  elm.scrollTo(left, elm.scrollTop);
+};
+const exitWheelHijack = (elm) => () => {
+  elm.style.scrollSnapType = "";
+  const lastElmOffset = elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0;
+  scrollXBy(elm, Math.min(0, lastElmOffset - elm.scrollLeft));
+};
+const handleMouseWheel = (e) => {
+  const elm = e.currentTarget;
+  if (e.deltaX || elm.$hasXDeltaed) {
+    elm.$hasXDeltaed = true;
+    exitWheelHijack(elm);
+    return;
+  }
+  if (e.deltaY && !e.deltaX) {
+    if (e.deltaY < 0) {
+      if (elm.scrollLeft < 50) {
+        return;
+      }
+    } else {
+      if (elm.scrollLeft > (elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0)) {
+        exitWheelHijack(elm);
+        return;
+      }
+    }
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    elm.style.scrollSnapType = "initial";
+    scrollXBy(elm, e.deltaY * WHEEL_AMPLIFIER);
+    clearTimeout(elm.$timeout);
+    elm.$timeout = setTimeout(exitWheelHijack(elm), WHEEL_HIJACK_TIMEOUT_MS);
+  }
+};
+const handleMouseLeave = (e) => {
+  const elm = e.currentTarget;
+  exitWheelHijack(elm);
+  elm.$hasXDeltaed = void 0;
+};
+const AbstractCarousel = (props) => {
+  const {
+    title,
+    items = [],
+    Component,
+    ComponentProps,
+    bem = "Carousel",
+    modifier,
+    ssr,
+    startSeen
+  } = props;
+  const children = props.children && props.children.filter(import_hanna_utils.notNully);
+  const [leftOffset, setLeftOffset] = (0, import_react.useState)();
+  const itemCount = (children || items).length;
+  const listRef = (0, import_react.useRef)(null);
+  const [activeItem, setActiveItem] = (0, import_react.useState)(0);
+  const isBrowser = (0, import_hooks.useIsBrowserSide)(ssr);
+  (0, import_react.useEffect)(() => {
+    const listElm = listRef.current;
+    if (!listElm) {
+      return;
+    }
+    const calcLeftOffset = () => {
+      var _a;
+      setLeftOffset((_a = listElm.parentElement) == null ? void 0 : _a.getBoundingClientRect().left);
+      scrollXBy(listElm, 0);
+    };
+    const calcActiveItem = (0, import_throttle.default)(() => {
+      const { scrollLeft, children: children2 } = listElm;
+      (0, import_A.default)(children2).find((item, i) => {
+        if (scrollLeft <= item.offsetLeft + item.offsetWidth / 2) {
+          setActiveItem(i);
+          return true;
+        }
+      });
+    }, 300, true);
+    calcLeftOffset();
+    listElm.addEventListener("wheel", handleMouseWheel);
+    listElm.addEventListener("scroll", calcActiveItem, { passive: true });
+    window.addEventListener("resize", calcLeftOffset, { passive: true });
+    return () => {
+      listElm.removeEventListener("wheel", handleMouseWheel);
+      listElm.removeEventListener("scroll", calcActiveItem);
+      window.removeEventListener("resize", calcLeftOffset);
+    };
+  }, []);
+  const scrollToItem = (newActive) => {
+    setActiveItem(newActive);
+    const listElm = listRef.current;
+    const newItem = listElm.children[newActive];
+    listElm.scrollTo(newItem ? newItem.offsetLeft : 0, 0);
+    setTimeout(() => (0, import_focusElm.default)(newItem), 500);
+  };
+  const [outerRef] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  if (!itemCount) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)(bem, modifier, props.className),
+    ref: outerRef,
+    "data-sprinkled": isBrowser
+  }, title && /* @__PURE__ */ import_react.default.createElement("h2", {
+    className: bem + "__title"
+  }, title), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: bem + "__itemlist",
+    style: leftOffset ? { "--Carousel--leftOffset": `${leftOffset}px` } : void 0,
+    "data-scroll-snapping": leftOffset ? "true" : void 0,
+    onMouseLeave: handleMouseLeave,
+    ref: listRef
+  }, children || items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues(__spreadValues({
+    key: i
+  }, ComponentProps), item)))), isBrowser && /* @__PURE__ */ import_react.default.createElement(import_CarouselStepper.default, {
+    itemCount,
+    setCurrent: scrollToItem,
+    current: activeItem
+  }));
+};
+var AbstractCarousel_default = AbstractCarousel;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/_abstract/_AbstractCarousel.mjs

@@ -0,0 +1,152 @@
+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, {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import A from "@hugsmidjan/qj/A";
+import focusElm from "@hugsmidjan/qj/focusElm";
+import throttle from "@hugsmidjan/qj/throttle";
+import { useIsBrowserSide } from "@hugsmidjan/react/hooks";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { notNully } from "@reykjavik/hanna-utils";
+import CarouselStepper from "../CarouselStepper";
+import { useSeenEffect } from "../utils/seenEffect";
+const WHEEL_AMPLIFIER = 3;
+const WHEEL_HIJACK_TIMEOUT_MS = 667;
+const scrollXBy = (elm, deltaX) => {
+  const left = elm.scrollLeft + deltaX;
+  elm.scrollTo(left, elm.scrollTop);
+};
+const exitWheelHijack = (elm) => () => {
+  elm.style.scrollSnapType = "";
+  const lastElmOffset = elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0;
+  scrollXBy(elm, Math.min(0, lastElmOffset - elm.scrollLeft));
+};
+const handleMouseWheel = (e) => {
+  const elm = e.currentTarget;
+  if (e.deltaX || elm.$hasXDeltaed) {
+    elm.$hasXDeltaed = true;
+    exitWheelHijack(elm);
+    return;
+  }
+  if (e.deltaY && !e.deltaX) {
+    if (e.deltaY < 0) {
+      if (elm.scrollLeft < 50) {
+        return;
+      }
+    } else {
+      if (elm.scrollLeft > (elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0)) {
+        exitWheelHijack(elm);
+        return;
+      }
+    }
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    elm.style.scrollSnapType = "initial";
+    scrollXBy(elm, e.deltaY * WHEEL_AMPLIFIER);
+    clearTimeout(elm.$timeout);
+    elm.$timeout = setTimeout(exitWheelHijack(elm), WHEEL_HIJACK_TIMEOUT_MS);
+  }
+};
+const handleMouseLeave = (e) => {
+  const elm = e.currentTarget;
+  exitWheelHijack(elm);
+  elm.$hasXDeltaed = void 0;
+};
+const AbstractCarousel = (props) => {
+  const {
+    title,
+    items = [],
+    Component,
+    ComponentProps,
+    bem = "Carousel",
+    modifier,
+    ssr,
+    startSeen
+  } = props;
+  const children = props.children && props.children.filter(notNully);
+  const [leftOffset, setLeftOffset] = useState();
+  const itemCount = (children || items).length;
+  const listRef = useRef(null);
+  const [activeItem, setActiveItem] = useState(0);
+  const isBrowser = useIsBrowserSide(ssr);
+  useEffect(() => {
+    const listElm = listRef.current;
+    if (!listElm) {
+      return;
+    }
+    const calcLeftOffset = () => {
+      var _a;
+      setLeftOffset((_a = listElm.parentElement) == null ? void 0 : _a.getBoundingClientRect().left);
+      scrollXBy(listElm, 0);
+    };
+    const calcActiveItem = throttle(() => {
+      const { scrollLeft, children: children2 } = listElm;
+      A(children2).find((item, i) => {
+        if (scrollLeft <= item.offsetLeft + item.offsetWidth / 2) {
+          setActiveItem(i);
+          return true;
+        }
+      });
+    }, 300, true);
+    calcLeftOffset();
+    listElm.addEventListener("wheel", handleMouseWheel);
+    listElm.addEventListener("scroll", calcActiveItem, { passive: true });
+    window.addEventListener("resize", calcLeftOffset, { passive: true });
+    return () => {
+      listElm.removeEventListener("wheel", handleMouseWheel);
+      listElm.removeEventListener("scroll", calcActiveItem);
+      window.removeEventListener("resize", calcLeftOffset);
+    };
+  }, []);
+  const scrollToItem = (newActive) => {
+    setActiveItem(newActive);
+    const listElm = listRef.current;
+    const newItem = listElm.children[newActive];
+    listElm.scrollTo(newItem ? newItem.offsetLeft : 0, 0);
+    setTimeout(() => focusElm(newItem), 500);
+  };
+  const [outerRef] = useSeenEffect(startSeen);
+  if (!itemCount) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass(bem, modifier, props.className),
+    ref: outerRef,
+    "data-sprinkled": isBrowser
+  }, title && /* @__PURE__ */ React.createElement("h2", {
+    className: bem + "__title"
+  }, title), /* @__PURE__ */ React.createElement("div", {
+    className: bem + "__itemlist",
+    style: leftOffset ? { "--Carousel--leftOffset": `${leftOffset}px` } : void 0,
+    "data-scroll-snapping": leftOffset ? "true" : void 0,
+    onMouseLeave: handleMouseLeave,
+    ref: listRef
+  }, children || items.map((item, i) => /* @__PURE__ */ React.createElement(Component, __spreadValues(__spreadValues({
+    key: i
+  }, ComponentProps), item)))), isBrowser && /* @__PURE__ */ React.createElement(CarouselStepper, {
+    itemCount,
+    setCurrent: scrollToItem,
+    current: activeItem
+  }));
+};
+var AbstractCarousel_default = AbstractCarousel;
+export {
+  AbstractCarousel_default as default
+};

package/lib/_abstract/_Blings.cjs

@@ -0,0 +1,47 @@
+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 Blings_exports = {};
+__export(Blings_exports, {
+  default: () => Blings_default
+});
+module.exports = __toCommonJS(Blings_exports);
+var import_react = __toESM(require("react"));
+var import_Bling = __toESM(require("../Bling"));
+const inverseAlignments = {
+  left: "right",
+  "left-ish": "right-ish",
+  "left-center": "right-center",
+  "right-center": "left-center",
+  "right-ish": "left-ish",
+  right: "left"
+};
+const Blings = (props) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.blings.map(({ type, align, vertical, color, overlay, parent }, i) => /* @__PURE__ */ import_react.default.createElement(import_Bling.default, {
+  key: type + "-" + i,
+  type,
+  align: props.mirror ? inverseAlignments[align || "left"] : align,
+  vertical,
+  color,
+  overlay,
+  parent
+})));
+var Blings_default = Blings;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/_abstract/_Blings.mjs

@@ -0,0 +1,23 @@
+import React from "react";
+import Bling from "../Bling";
+const inverseAlignments = {
+  left: "right",
+  "left-ish": "right-ish",
+  "left-center": "right-center",
+  "right-center": "left-center",
+  "right-ish": "left-ish",
+  right: "left"
+};
+const Blings = (props) => /* @__PURE__ */ React.createElement(React.Fragment, null, props.blings.map(({ type, align, vertical, color, overlay, parent }, i) => /* @__PURE__ */ React.createElement(Bling, {
+  key: type + "-" + i,
+  type,
+  align: props.mirror ? inverseAlignments[align || "left"] : align,
+  vertical,
+  color,
+  overlay,
+  parent
+})));
+var Blings_default = Blings;
+export {
+  Blings_default as default
+};

package/lib/_abstract/_Block.cjs

@@ -0,0 +1,73 @@
+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 Block_exports = {};
+__export(Block_exports, {
+  default: () => Block_default
+});
+module.exports = __toCommonJS(Block_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_seenEffect = require("../utils/seenEffect");
+var import_Button = __toESM(require("./Button"));
+var import_Image = __toESM(require("./Image"));
+const Block = (props) => {
+  const { image, modifier, bem, content, startSeen } = props;
+  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
+  const contentItems = Array.isArray(content) ? content : [content];
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)(bem, modifier),
+    ref
+  }, contentItems.map(({ title, summary, buttons = [] }, i) => {
+    const hasSummary = summary && (typeof summary !== "string" || !!summary.trim());
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      key: i,
+      className: `${bem}__content`
+    }, /* @__PURE__ */ import_react.default.createElement("h2", {
+      className: `${bem}__title`
+    }, title), hasSummary && /* @__PURE__ */ import_react.default.createElement("div", {
+      className: `${bem}__summary`
+    }, summary), buttons.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", {
+      className: `${bem}__buttons`
+    }, " ", buttons.map((buttonProps, i2) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.default, __spreadValues({
+      bem: `${bem}__button`,
+      key: i2
+    }, buttonProps)), " "))));
+  }), image && /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadValues({
+    className: `${bem}__image`
+  }, image)));
+};
+var Block_default = Block;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});