@reykjavik/hanna-react 0.10.53

package/lib/WizardLayout.cjs

@@ -0,0 +1,79 @@
+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 WizardLayout_exports = {};
+__export(WizardLayout_exports, {
+  default: () => WizardLayout_default
+});
+module.exports = __toCommonJS(WizardLayout_exports);
+var import_react = __toESM(require("react"));
+var import_hooks = require("@hugsmidjan/react/hooks");
+var import_assets = require("@reykjavik/hanna-utils/assets");
+var import_Image = __toESM(require("./_abstract/Image"));
+var import_Link = require("./_abstract/Link");
+var import_useScrollbarWidthCSSVar = require("./utils/useScrollbarWidthCSSVar");
+const WizardLayout = (props) => {
+  (0, import_useScrollbarWidthCSSVar.useScrollbarWidthCSSVar)();
+  const {
+    wizardStepper,
+    wizardFooter,
+    children,
+    colorTheme,
+    logoLink = "/",
+    siteName = "Reykjav\xEDk",
+    globalAlerts
+  } = props;
+  const isBrowser = (0, import_hooks.useIsBrowserSide)();
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout",
+    "data-sprinkled": isBrowser,
+    "data-color-theme": colorTheme
+  }, globalAlerts && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__alerts",
+    role: "alert"
+  }, globalAlerts), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__content"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__header",
+    role: "banner"
+  }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, {
+    className: "WizardLayout__header__logo",
+    href: logoLink
+  }, " ", /* @__PURE__ */ import_react.default.createElement(import_Image.default, {
+    inline: true,
+    src: (0, import_assets.getAssetUrl)("reykjavik-logo.svg")
+  }), " ", siteName, " "), " "), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__wrap"
+  }, wizardStepper && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__stepper",
+    role: "navigation"
+  }, wizardStepper), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__main",
+    role: "main"
+  }, children), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__deco WizardLayout__deco--geometry"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "WizardLayout__footer",
+    role: "complementary"
+  }, wizardFooter)));
+};
+var WizardLayout_default = WizardLayout;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/WizardLayout.mjs

@@ -0,0 +1,55 @@
+import React from "react";
+import { useIsBrowserSide } from "@hugsmidjan/react/hooks";
+import { getAssetUrl } from "@reykjavik/hanna-utils/assets";
+import Image from "./_abstract/Image";
+import { Link } from "./_abstract/Link";
+import { useScrollbarWidthCSSVar } from "./utils/useScrollbarWidthCSSVar";
+const WizardLayout = (props) => {
+  useScrollbarWidthCSSVar();
+  const {
+    wizardStepper,
+    wizardFooter,
+    children,
+    colorTheme,
+    logoLink = "/",
+    siteName = "Reykjav\xEDk",
+    globalAlerts
+  } = props;
+  const isBrowser = useIsBrowserSide();
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout",
+    "data-sprinkled": isBrowser,
+    "data-color-theme": colorTheme
+  }, globalAlerts && /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__alerts",
+    role: "alert"
+  }, globalAlerts), /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__content"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__header",
+    role: "banner"
+  }, /* @__PURE__ */ React.createElement(Link, {
+    className: "WizardLayout__header__logo",
+    href: logoLink
+  }, " ", /* @__PURE__ */ React.createElement(Image, {
+    inline: true,
+    src: getAssetUrl("reykjavik-logo.svg")
+  }), " ", siteName, " "), " "), /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__wrap"
+  }, wizardStepper && /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__stepper",
+    role: "navigation"
+  }, wizardStepper), /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__main",
+    role: "main"
+  }, children), /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__deco WizardLayout__deco--geometry"
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "WizardLayout__footer",
+    role: "complementary"
+  }, wizardFooter)));
+};
+var WizardLayout_default = WizardLayout;
+export {
+  WizardLayout_default as default
+};

package/lib/WizardLayoutClose.cjs

@@ -0,0 +1,47 @@
+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 WizardLayoutClose_exports = {};
+__export(WizardLayoutClose_exports, {
+  default: () => WizardLayoutClose_default
+});
+module.exports = __toCommonJS(WizardLayoutClose_exports);
+var import_react = __toESM(require("react"));
+var import_Button = __toESM(require("./_abstract/Button"));
+const WizardLayoutClose = (props) => /* @__PURE__ */ import_react.default.createElement(import_Button.default, __spreadValues({
+  bem: "WizardLayoutClose"
+}, props));
+var WizardLayoutClose_default = WizardLayoutClose;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/WizardLayoutClose.mjs

@@ -0,0 +1,25 @@
+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 Button from "./_abstract/Button";
+const WizardLayoutClose = (props) => /* @__PURE__ */ React.createElement(Button, __spreadValues({
+  bem: "WizardLayoutClose"
+}, props));
+var WizardLayoutClose_default = WizardLayoutClose;
+export {
+  WizardLayoutClose_default as default
+};

package/lib/WizardStepper.cjs

@@ -0,0 +1,55 @@
+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 WizardStepper_exports = {};
+__export(WizardStepper_exports, {
+  default: () => WizardStepper_default
+});
+module.exports = __toCommonJS(WizardStepper_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+const WizardStepper = (props) => {
+  const { steps, activeStep = -1, allowForwardSkip, disableBacktrack, onClick } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_getBemClass.default)("WizardStepper", activeStep === -1 && "preview")
+  }, steps.map((step, i) => {
+    const { label, clickable, done, neutral } = step;
+    const stepClass = (0, import_getBemClass.default)("WizardStepper__step", [
+      (done || done == null && i < activeStep) && "done",
+      neutral && "neutral"
+    ]);
+    const isClickable = clickable === "always" || clickable && (activeStep === i || i > activeStep && allowForwardSkip || i < activeStep && !disableBacktrack);
+    const ariaCurrent = activeStep === i ? "step" : void 0;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, {
+      key: i
+    }, isClickable ? /* @__PURE__ */ import_react.default.createElement("button", {
+      type: "button",
+      className: stepClass,
+      onClick: () => onClick(i),
+      "aria-current": ariaCurrent
+    }, label) : /* @__PURE__ */ import_react.default.createElement("span", {
+      className: stepClass,
+      "aria-current": ariaCurrent
+    }, " ", label, " "), " ");
+  }));
+};
+var WizardStepper_default = WizardStepper;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/WizardStepper.mjs

@@ -0,0 +1,31 @@
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+const WizardStepper = (props) => {
+  const { steps, activeStep = -1, allowForwardSkip, disableBacktrack, onClick } = props;
+  return /* @__PURE__ */ React.createElement("div", {
+    className: getBemClass("WizardStepper", activeStep === -1 && "preview")
+  }, steps.map((step, i) => {
+    const { label, clickable, done, neutral } = step;
+    const stepClass = getBemClass("WizardStepper__step", [
+      (done || done == null && i < activeStep) && "done",
+      neutral && "neutral"
+    ]);
+    const isClickable = clickable === "always" || clickable && (activeStep === i || i > activeStep && allowForwardSkip || i < activeStep && !disableBacktrack);
+    const ariaCurrent = activeStep === i ? "step" : void 0;
+    return /* @__PURE__ */ React.createElement(React.Fragment, {
+      key: i
+    }, isClickable ? /* @__PURE__ */ React.createElement("button", {
+      type: "button",
+      className: stepClass,
+      onClick: () => onClick(i),
+      "aria-current": ariaCurrent
+    }, label) : /* @__PURE__ */ React.createElement("span", {
+      className: stepClass,
+      "aria-current": ariaCurrent
+    }, " ", label, " "), " ");
+  }));
+};
+var WizardStepper_default = WizardStepper;
+export {
+  WizardStepper_default as default
+};

package/lib/_abstract/Button.cjs

@@ -0,0 +1,114 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Button_exports = {};
+__export(Button_exports, {
+  default: () => Button_default
+});
+module.exports = __toCommonJS(Button_exports);
+var import_react = __toESM(require("react"));
+var import_getBemClass = __toESM(require("@hugsmidjan/react/utils/getBemClass"));
+var import_Link = require("./Link");
+const sizes = {
+  normal: "",
+  small: "small",
+  wide: "wide"
+};
+const variants = {
+  normal: "",
+  destructive: "destructive"
+};
+const navigationFlags = {
+  none: "",
+  "go-back": "go--back",
+  "go-forward": "go--forward"
+};
+const icons = {
+  edit: "edit"
+};
+const Button = (props) => {
+  const _a = props, {
+    bem,
+    small,
+    size = "normal",
+    modifier,
+    children,
+    variant = "normal",
+    icon = "none",
+    label = children
+  } = _a, buttonProps = __objRest(_a, [
+    "bem",
+    "small",
+    "size",
+    "modifier",
+    "children",
+    "variant",
+    "icon",
+    "label"
+  ]);
+  const className = bem && (0, import_getBemClass.default)(bem, [modifier, variants[variant], sizes[size], navigationFlags[icon]]);
+  const iconProp = icons[icon] && { "data-icon": icons[icon] };
+  if (buttonProps.href != null) {
+    return /* @__PURE__ */ import_react.default.createElement(import_Link.Link, __spreadValues(__spreadProps(__spreadValues({
+      className
+    }, buttonProps), {
+      style: void 0
+    }), iconProp), label);
+  } else {
+    return /* @__PURE__ */ import_react.default.createElement("button", __spreadValues(__spreadProps(__spreadValues({
+      className,
+      type: "button"
+    }, buttonProps), {
+      style: void 0
+    }), iconProp), label);
+  }
+};
+var Button_default = Button;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/_abstract/Button.mjs

@@ -0,0 +1,92 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React from "react";
+import getBemClass from "@hugsmidjan/react/utils/getBemClass";
+import { Link } from "./Link";
+const sizes = {
+  normal: "",
+  small: "small",
+  wide: "wide"
+};
+const variants = {
+  normal: "",
+  destructive: "destructive"
+};
+const navigationFlags = {
+  none: "",
+  "go-back": "go--back",
+  "go-forward": "go--forward"
+};
+const icons = {
+  edit: "edit"
+};
+const Button = (props) => {
+  const _a = props, {
+    bem,
+    small,
+    size = "normal",
+    modifier,
+    children,
+    variant = "normal",
+    icon = "none",
+    label = children
+  } = _a, buttonProps = __objRest(_a, [
+    "bem",
+    "small",
+    "size",
+    "modifier",
+    "children",
+    "variant",
+    "icon",
+    "label"
+  ]);
+  const className = bem && getBemClass(bem, [modifier, variants[variant], sizes[size], navigationFlags[icon]]);
+  const iconProp = icons[icon] && { "data-icon": icons[icon] };
+  if (buttonProps.href != null) {
+    return /* @__PURE__ */ React.createElement(Link, __spreadValues(__spreadProps(__spreadValues({
+      className
+    }, buttonProps), {
+      style: void 0
+    }), iconProp), label);
+  } else {
+    return /* @__PURE__ */ React.createElement("button", __spreadValues(__spreadProps(__spreadValues({
+      className,
+      type: "button"
+    }, buttonProps), {
+      style: void 0
+    }), iconProp), label);
+  }
+};
+var Button_default = Button;
+export {
+  Button_default as default
+};

package/lib/_abstract/CardList.cjs

@@ -0,0 +1,100 @@
+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 CardList_exports = {};
+__export(CardList_exports, {
+  CardList: () => CardList
+});
+module.exports = __toCommonJS(CardList_exports);
+var import_react = __toESM(require("react"));
+var import_Button = __toESM(require("./Button"));
+var import_Image = __toESM(require("./Image"));
+const Card = (props) => {
+  const { bem, href, title, imgPlaceholder } = props;
+  const cardClass = `${bem}__card`;
+  const image = "image" in props && props.image;
+  const meta = "meta" in props && props.meta;
+  const summary = "summary" in props && props.summary;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
+    bem: cardClass,
+    href
+  }, " ", /* @__PURE__ */ import_react.default.createElement(import_Image.default, __spreadProps(__spreadValues({
+    className: `${bem}__image`
+  }, image), {
+    placeholder: imgPlaceholder
+  })), /* @__PURE__ */ import_react.default.createElement("span", {
+    className: `${cardClass}__title`
+  }, title), " ", meta && /* @__PURE__ */ import_react.default.createElement("span", {
+    className: `${cardClass}__meta`
+  }, meta), " ", summary && /* @__PURE__ */ import_react.default.createElement("span", {
+    className: `${cardClass}__summary`
+  }, summary), " "), " ");
+};
+const CardList = (props) => {
+  const {
+    bemPrefix,
+    title,
+    summaryElement,
+    cards,
+    titleTag = "h2",
+    children,
+    imgPlaceholder
+  } = props;
+  const TitleTag = titleTag;
+  const fallbackImage = imgPlaceholder !== true && imgPlaceholder || void 0;
+  const fallbackImageStyle = fallbackImage ? { "--ImageCards--fallback": `url("${fallbackImage}")` } : void 0;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, summaryElement ? /* @__PURE__ */ import_react.default.createElement("div", {
+    className: bemPrefix + "__summary"
+  }, title && /* @__PURE__ */ import_react.default.createElement(TitleTag, {
+    className: bemPrefix + "__title"
+  }, title), summaryElement) : title && /* @__PURE__ */ import_react.default.createElement(TitleTag, {
+    className: bemPrefix + "__title"
+  }, title), /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: bemPrefix + "__list",
+    style: fallbackImageStyle
+  }, cards.map((card, i) => /* @__PURE__ */ import_react.default.createElement("li", {
+    key: i,
+    className: bemPrefix + "__item"
+  }, /* @__PURE__ */ import_react.default.createElement(Card, __spreadProps(__spreadValues({}, card), {
+    bem: bemPrefix,
+    imgPlaceholder: !!imgPlaceholder
+  }))))), children);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardList
+});