@reykjavik/hanna-react 0.10.53 → 0.10.56

package/utils/env.d.ts

@@ -0,0 +1 @@
+export declare const isPreact: true | undefined;

package/utils/env.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPreact = void 0;
+const react_1 = __importDefault(require("react"));
+exports.isPreact = 
+// imported from 'preact'
+'h' in react_1.default ||
+    // imported from 'preact/compat' (has all of `react-dom` bundled)
+    ('hydrate' in react_1.default && 'render' in react_1.default) ||
+    // `undefined` instead of `false` for nicer prop usage
+    undefined;

package/utils/seenEffect.d.ts

@@ -0,0 +1,28 @@
+import { RefObject } from 'react';
+export declare const DATA_ATTR_NAME = "is-seen";
+export declare const getObserver: {
+    (target: Element, callback?: ((target: Element) => void) | undefined): (() => void) | undefined;
+    DATA_ATTR_NAME: string;
+};
+export declare const seenEffectOptOut: (target: Element, setFlag?: boolean) => void;
+declare const effects: {
+    readonly fadein: 1;
+    readonly fadeup: 1;
+    readonly fadeleft: 1;
+};
+export declare type SeenEffectType = keyof typeof effects;
+export declare type EffectProp = {
+    /** Should the component appear instantly, and not transition-in once seen */
+    effectType?: SeenEffectType;
+};
+/** Asserts that a prop value is a SeenEffectType and returns undefined otherwise */
+export declare const assertEffectType: (maybeType?: string | undefined) => SeenEffectType | undefined;
+export declare const getEffectAttr: (maybeType?: string | undefined) => {
+    'data-seen-effect': string;
+};
+export declare type SeenProp = {
+    /** Should the component appear instantly, and not transition-in once seen */
+    startSeen?: boolean;
+};
+export declare const useSeenEffect: <E extends Element = HTMLDivElement>(startSeen?: boolean | undefined, customRef?: RefObject<E> | undefined) => [RefObject<E> | undefined, true | undefined];
+export {};

package/utils/seenEffect.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSeenEffect = exports.getEffectAttr = exports.assertEffectType = exports.seenEffectOptOut = exports.getObserver = exports.DATA_ATTR_NAME = void 0;
+const react_1 = require("react");
+exports.DATA_ATTR_NAME = 'is-seen';
+const STACKING_DELAY = 400; // ms
+const dataAttr = 'data-' + exports.DATA_ATTR_NAME;
+const inTargetSourceOrder = (a, b) => a.target.compareDocumentPosition(b.target) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+const options = {
+    // root: window
+    rootMargin: '-100px 0px 0px 0px',
+    threshold: 0, // 0
+};
+let observer;
+const getObserver = (target, callback) => {
+    if (target.hasAttribute(dataAttr)) {
+        return;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    if (!observer) {
+        observer = new IntersectionObserver((entries, observer) => entries
+            .filter((e) => e.isIntersecting)
+            .sort(inTargetSourceOrder)
+            .forEach(({ target }, i) => {
+            setTimeout(() => {
+                target.setAttribute(dataAttr, 'true');
+                callback && callback(target);
+                observer.unobserve(target);
+            }, STACKING_DELAY * i);
+        }), options);
+    }
+    if (target.matches('[' + dataAttr + '] *')) {
+        // opt out if target is contained by another "seen-effect" element
+        target.setAttribute(dataAttr, '');
+        return;
+    }
+    target.setAttribute(dataAttr, 'false');
+    observer.observe(target);
+    return () => observer.unobserve(target);
+};
+exports.getObserver = getObserver;
+const seenEffectOptOut = (target, setFlag = true) => {
+    setFlag ? target.setAttribute(dataAttr, '') : target.removeAttribute(dataAttr);
+};
+exports.seenEffectOptOut = seenEffectOptOut;
+exports.getObserver.DATA_ATTR_NAME = exports.DATA_ATTR_NAME;
+// ---------------------------------------------------------------------------
+// ---------------------------------------------------------------------------
+const effects = {
+    fadein: 1,
+    fadeup: 1,
+    fadeleft: 1,
+};
+/** Asserts that a prop value is a SeenEffectType and returns undefined otherwise */
+const assertEffectType = (maybeType) => maybeType && maybeType in effects ? maybeType : undefined;
+exports.assertEffectType = assertEffectType;
+const getEffectAttr = (maybeType) => ({
+    'data-seen-effect': (0, exports.assertEffectType)(maybeType) || '',
+});
+exports.getEffectAttr = getEffectAttr;
+const useSeenEffect = (
+/** Should the component appear instantly, and not transition-in once seen */
+startSeen, 
+/** Bring Your Own RefObject */
+customRef) => {
+    const localRef = (0, react_1.useRef)(null);
+    const [isSeen, setSeen] = (0, react_1.useState)(startSeen || undefined);
+    const ref = !startSeen && (customRef || localRef);
+    (0, react_1.useEffect)(() => {
+        setSeen(startSeen || undefined);
+        if (ref && ref.current) {
+            // NOTE: Given that `ref` is defined, then
+            // `startSeen` is implicily `false | undefined` at
+            // this point.
+            (0, exports.seenEffectOptOut)(ref.current, false);
+            return (0, exports.getObserver)(ref.current, () => setSeen(true));
+        }
+    }, [ref, startSeen]);
+    return [ref || undefined, isSeen];
+};
+exports.useSeenEffect = useSeenEffect;

package/utils/useFormatMonitor.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Pass a callback that gets called whenever the browser window
+ * resizes past one of the preconfigured "media-format" breakpoints.
+ *
+ * Exmple use:
+ *
+ * ```ts
+ * useFormatMonitor((media) => {
+ *   if (media.is === 'phone') {
+ *     // do something clever because the window
+ *     // just became "phone" sized.
+ *   }
+ *   if (media.was === 'phone') {
+ *     // do something clever because the window
+ *     // just stopped being "phone" sized.
+ *   }
+ * })
+ * ```
+ *
+ * The `media` argument has the following properties:
+ *
+ * ```ts
+ *  // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
+ *  media.is //: Format
+ *  media.was //?: Format
+ *  // Category/mode boolean flags
+ *  // (Hamburger refers to the "mobile menu" mode)
+ *  media.isTopmenu
+ *  media.isHamburger
+ *  media.wasTopmenu
+ *  media.wasHamburger
+ *  media.becameTopmenu
+ *  media.becameHamburger
+ *  media.leftTopmenu
+ *  media.leftHamburger
+ * ```
+ */
+export declare const useFormatMonitor: (callback: (media: import("formatchange").BaseMedia & Record<"isHamburger" | "isTopmenu" | "wasHamburger" | "wasTopmenu" | "becameHamburger" | "becameTopmenu" | "leftHamburger" | "leftTopmenu", boolean>) => void) => void;

package/utils/useFormatMonitor.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormatMonitor = void 0;
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const react_1 = require("formatchange/react");
+// ==================================================
+/**
+ * Pass a callback that gets called whenever the browser window
+ * resizes past one of the preconfigured "media-format" breakpoints.
+ *
+ * Exmple use:
+ *
+ * ```ts
+ * useFormatMonitor((media) => {
+ *   if (media.is === 'phone') {
+ *     // do something clever because the window
+ *     // just became "phone" sized.
+ *   }
+ *   if (media.was === 'phone') {
+ *     // do something clever because the window
+ *     // just stopped being "phone" sized.
+ *   }
+ * })
+ * ```
+ *
+ * The `media` argument has the following properties:
+ *
+ * ```ts
+ *  // type Formats = 'phone' | 'phablet' | 'tablet' | 'netbook' | 'wide'
+ *  media.is //: Format
+ *  media.was //?: Format
+ *  // Category/mode boolean flags
+ *  // (Hamburger refers to the "mobile menu" mode)
+ *  media.isTopmenu
+ *  media.isHamburger
+ *  media.wasTopmenu
+ *  media.wasHamburger
+ *  media.becameTopmenu
+ *  media.becameHamburger
+ *  media.leftTopmenu
+ *  media.leftHamburger
+ * ```
+ */
+exports.useFormatMonitor = (0, react_1.makeFormatMonitorHook)(hanna_utils_1.formatMonitor);

package/utils/useGetSVGtext.d.ts

@@ -0,0 +1,6 @@
+declare type SVGMeta = {
+    imageSrc: string;
+    code: string;
+};
+export declare const useGetSVGtext: (imageSrc: string | undefined) => SVGMeta | undefined;
+export {};

package/utils/useGetSVGtext.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetSVGtext = void 0;
+const react_1 = require("react");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const useGetSVGtext = (imageSrc) => {
+    const [inlineSvg, setInlineSvg] = (0, react_1.useState)();
+    const srcRef = (0, react_1.useRef)(imageSrc);
+    (0, react_1.useEffect)(() => {
+        if (imageSrc) {
+            (0, hanna_utils_1.getSVGtext)(imageSrc).then((code) => {
+                if (imageSrc === srcRef.current) {
+                    setInlineSvg({ imageSrc, code });
+                }
+            });
+        }
+        srcRef.current = imageSrc;
+        setInlineSvg(undefined);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [imageSrc]);
+    return inlineSvg;
+};
+exports.useGetSVGtext = useGetSVGtext;

package/utils/useMenuToggling.d.ts

@@ -0,0 +1,8 @@
+declare type MenuTogglingState = {
+    isMenuActive: true | undefined;
+    isMenuOpen: boolean;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+};
+export declare const useMenuToggling: (doInitialize?: boolean) => MenuTogglingState;
+export {};

package/utils/useMenuToggling.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenuToggling = void 0;
+const react_1 = require("react");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const useFormatMonitor_1 = require("./useFormatMonitor");
+const htmlClass = (className, add) => {
+    document.documentElement.classList[add ? 'add' : 'remove'](className);
+};
+const noop = () => undefined;
+// ---------------------------------------------------------------------------
+const useMenuToggling = (doInitialize = true) => {
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    const [isMenuActive, setIsMenuActive] = (0, react_1.useState)();
+    const state = { isMenuOpen, isMenuActive };
+    const stateRef = (0, react_1.useRef)(state);
+    stateRef.current = state;
+    const _openMenu = () => {
+        if (!stateRef.current.isMenuOpen) {
+            setIsMenuOpen(true);
+            htmlClass('menu-is-open', true);
+            htmlClass('menu-is-closed', false);
+            (0, hanna_utils_1.focusElement)('#pagenav');
+        }
+    };
+    const _closeMenu = () => {
+        if (stateRef.current.isMenuOpen) {
+            setIsMenuOpen(false);
+            htmlClass('menu-is-closed', true);
+            htmlClass('menu-is-open', false);
+            (0, hanna_utils_1.focusElement)('.Layout__header__skiplink');
+        }
+    };
+    (0, useFormatMonitor_1.useFormatMonitor)(doInitialize
+        ? (media) => {
+            if (media.becameHamburger) {
+                setIsMenuActive(true);
+                htmlClass('menu-is-active', true);
+                htmlClass('menu-is-closed', true);
+            }
+            if (media.leftHamburger) {
+                _closeMenu();
+                setIsMenuActive(undefined);
+                htmlClass('menu-is-active', false);
+                htmlClass('menu-is-closed', false);
+            }
+        }
+        : noop);
+    const { toggleMenu, closeMenu } = (0, react_1.useRef)(doInitialize
+        ? {
+            toggleMenu: () => {
+                if (stateRef.current.isMenuActive) {
+                    stateRef.current.isMenuOpen ? _closeMenu() : _openMenu();
+                }
+            },
+            closeMenu: _closeMenu,
+        }
+        : { toggleMenu: noop, closeMenu: noop }).current;
+    return {
+        isMenuActive,
+        isMenuOpen,
+        toggleMenu,
+        closeMenu,
+    };
+};
+exports.useMenuToggling = useMenuToggling;

package/utils/useScrollbarWidthCSSVar.d.ts

@@ -0,0 +1 @@
+export declare const useScrollbarWidthCSSVar: () => void;

package/utils/useScrollbarWidthCSSVar.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollbarWidthCSSVar = void 0;
+const getScrollbarWidth_1 = __importDefault(require("@hugsmidjan/qj/getScrollbarWidth"));
+const hooks_1 = require("@hugsmidjan/react/hooks");
+const useScrollbarWidthCSSVar = () => (0, hooks_1.useOnMount)(() => getScrollbarWidth_1.default.setCSSvar());
+exports.useScrollbarWidthCSSVar = useScrollbarWidthCSSVar;

package/utils.d.ts

@@ -0,0 +1,2 @@
+export * from './utils/useFormatMonitor';
+export * from './utils/useGetSVGtext';

package/utils.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./utils/useFormatMonitor"), exports);
+__exportStar(require("./utils/useGetSVGtext"), exports);

package/lib/AccordionList.cjs

@@ -1,91 +0,0 @@
-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 AccordionList_exports = {};
-__export(AccordionList_exports, {
-  default: () => AccordionList_default
-});
-module.exports = __toCommonJS(AccordionList_exports);
-var import_react = __toESM(require("react"));
-var import_hooks = require("@hugsmidjan/react/hooks");
-var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
-var import_seenEffect = require("./utils/seenEffect");
-const AccordionListItem = (props) => {
-  const { title, content, id, disabled = false, defaultOpen, ssr } = props;
-  const [open, setOpen] = (0, import_react.useState)(defaultOpen);
-  (0, import_react.useEffect)(() => setOpen(defaultOpen), [defaultOpen]);
-  const domid = (0, import_hooks.useDomid)();
-  const isBrowser = (0, import_hooks.useIsBrowserSide)(ssr);
-  const itemDisabled = isBrowser && disabled || !content;
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)("AccordionList__item", [itemDisabled && "disabled"]),
-    id,
-    "data-start-open": defaultOpen || void 0,
-    "data-sprinkled": isBrowser
-  }, /* @__PURE__ */ import_react.default.createElement("h3", {
-    className: "AccordionList__title"
-  }, isBrowser ? /* @__PURE__ */ import_react.default.createElement("button", {
-    type: "button",
-    className: "AccordionList__button",
-    "aria-controls": domid,
-    "aria-expanded": open || void 0,
-    onClick: () => {
-      setOpen(!open);
-    },
-    disabled: itemDisabled
-  }, title) : title), /* @__PURE__ */ import_react.default.createElement("div", {
-    id: isBrowser && domid,
-    className: "AccordionList__content",
-    hidden: isBrowser && (!open || itemDisabled)
-  }, content));
-};
-const AccordionList = (props) => {
-  const { items, ssr, wide, defaultOpen, startSeen } = props;
-  const [ref] = (0, import_seenEffect.useSeenEffect)(startSeen);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: (0, import_getBemClass.default)("AccordionList", [wide && "wide"]),
-    ref
-  }, items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(AccordionListItem, __spreadProps(__spreadValues({
-    key: i
-  }, item), {
-    ssr,
-    defaultOpen: defaultOpen && defaultOpen.includes(i)
-  }))));
-};
-var AccordionList_default = AccordionList;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/AccordionList.mjs

@@ -1,69 +0,0 @@
-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, { useEffect, useState } from "react";
-import { useDomid, useIsBrowserSide } from "@hugsmidjan/react/hooks";
-import getBemClass from "@hugsmidjan/react/utils/getBemClass";
-import { useSeenEffect } from "./utils/seenEffect";
-const AccordionListItem = (props) => {
-  const { title, content, id, disabled = false, defaultOpen, ssr } = props;
-  const [open, setOpen] = useState(defaultOpen);
-  useEffect(() => setOpen(defaultOpen), [defaultOpen]);
-  const domid = useDomid();
-  const isBrowser = useIsBrowserSide(ssr);
-  const itemDisabled = isBrowser && disabled || !content;
-  return /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("AccordionList__item", [itemDisabled && "disabled"]),
-    id,
-    "data-start-open": defaultOpen || void 0,
-    "data-sprinkled": isBrowser
-  }, /* @__PURE__ */ React.createElement("h3", {
-    className: "AccordionList__title"
-  }, isBrowser ? /* @__PURE__ */ React.createElement("button", {
-    type: "button",
-    className: "AccordionList__button",
-    "aria-controls": domid,
-    "aria-expanded": open || void 0,
-    onClick: () => {
-      setOpen(!open);
-    },
-    disabled: itemDisabled
-  }, title) : title), /* @__PURE__ */ React.createElement("div", {
-    id: isBrowser && domid,
-    className: "AccordionList__content",
-    hidden: isBrowser && (!open || itemDisabled)
-  }, content));
-};
-const AccordionList = (props) => {
-  const { items, ssr, wide, defaultOpen, startSeen } = props;
-  const [ref] = useSeenEffect(startSeen);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: getBemClass("AccordionList", [wide && "wide"]),
-    ref
-  }, items.map((item, i) => /* @__PURE__ */ React.createElement(AccordionListItem, __spreadProps(__spreadValues({
-    key: i
-  }, item), {
-    ssr,
-    defaultOpen: defaultOpen && defaultOpen.includes(i)
-  }))));
-};
-var AccordionList_default = AccordionList;
-export {
-  AccordionList_default as default
-};

package/lib/ActionCards.cjs

@@ -1,57 +0,0 @@
-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 ActionCards_exports = {};
-__export(ActionCards_exports, {
-  default: () => ActionCards_default
-});
-module.exports = __toCommonJS(ActionCards_exports);
-var import_react = __toESM(require("react"));
-var import_CardList = require("./_abstract/CardList");
-var import_seenEffect = require("./utils/seenEffect");
-const ActionCards = (props) => {
-  const [ref] = (0, import_seenEffect.useSeenEffect)(props.startSeen);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "ActionCards",
-    ref
-  }, /* @__PURE__ */ import_react.default.createElement(import_CardList.CardList, __spreadProps(__spreadValues({}, props), {
-    bemPrefix: "ActionCards"
-  })));
-};
-var ActionCards_default = ActionCards;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/ActionCards.mjs

@@ -1,35 +0,0 @@
-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 { CardList } from "./_abstract/CardList";
-import { useSeenEffect } from "./utils/seenEffect";
-const ActionCards = (props) => {
-  const [ref] = useSeenEffect(props.startSeen);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: "ActionCards",
-    ref
-  }, /* @__PURE__ */ React.createElement(CardList, __spreadProps(__spreadValues({}, props), {
-    bemPrefix: "ActionCards"
-  })));
-};
-var ActionCards_default = ActionCards;
-export {
-  ActionCards_default as default
-};