@arc-ui/community-components 2.0.0 → 3.0.0

package/{dist/Highlights/Highlights.cjs.js → lib/Highlights/Highlights.cjs}

@@ -2,26 +2,41 @@
 
 var React = require('react');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
-var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
+var ButtonV2 = require('@arc-ui/components/ButtonV2');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
+var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Icon = require('@arc-ui/components/Icon');
 var Text = require('@arc-ui/components/Text');
 var Link = require('@arc-ui/components/Link');
-var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-require('../_shared/cjs/tslib.es6-BxB9I209.js');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 require('@arc-ui/components/Image');
 
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowRightFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16m16.854-4.354L23.207 16l-4.354 4.354a.5.5 0 0 1-.707-.707l3.147-3.147H9.5a.5.5 0 0 1 0-1h11.793l-3.146-3.146a.5.5 0 0 1 .707-.707'/%3e%3c/svg%3e";
+
 var styles = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
 
+var getListHeadingLevel = function (level) {
+    var nextLevel = Math.min(parseInt(level) + 1, 6);
+    return nextLevel.toString();
+};
+
 var HighlightItem = function (_a) {
-    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon;
+    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
+    var listHeadingLevel = getListHeadingLevel(headingLevel || "2");
     return (React.createElement("div", { "data-testid": "highlight-item-container", className: styles.highlightItem },
         icon && (React.createElement("div", { className: styles.Icon },
             React.createElement(Icon.Icon, { "data-testid": "highlight-icon", color: "brand", icon: icon, size: isSmallIcon ? 64 : 76 }))),
         React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
-        React.createElement(Heading.Heading, { level: "3", size: "m" }, heading),
+        React.createElement(Heading.Heading, { level: listHeadingLevel, size: "m" }, heading),
         React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
         React.createElement(Text.Text, null, text),
         React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
@@ -29,23 +44,33 @@ var HighlightItem = function (_a) {
 };
 
 var HighlightList = function (_a) {
-    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon;
+    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
     var id = React.useId();
     return (React.createElement("div", { "data-testid": "highlights-list", className: index.classNames(styles.highlights, styles["highlights".concat(columns, "Column")]) }, listItems.map(function (_a, i) {
         var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link;
-        return (React.createElement(HighlightItem, { key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon }));
+        return (React.createElement(HighlightItem, { key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }));
     })));
 };
 
 /**
- * Use `Highlights` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link. Both two and three column options are available.
+ * Use `Highlights` to give supporting information about a page or proposition. I
+ * t can be used to call out key benefits in bullet points, or link.
+ * Both two and three column options are available.
  */
 var Highlights = function (_a) {
-    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, listItems = _a.listItems, _b = _a.columns, columns = _b === void 0 ? "2" : _b;
+    var _b, _c, _d;
+    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, listItems = _a.listItems, _e = _a.columns, columns = _e === void 0 ? "2" : _e, cta = _a.cta;
     var isMaxWidthArcBreakpointXs = useMediaQuery.useMediaQuery("(max-width: 767px)");
     return (React.createElement("div", null,
         React.createElement(SectionHeading.SectionHeading, { isPadded: true, "data-testid": "highlights-header", heading: heading, headingLevel: headingLevel, content: content }),
-        React.createElement(HighlightList, { "data-testid": "highlights-list-container", listItems: listItems, columns: columns, isSmallIcon: isMaxWidthArcBreakpointXs })));
+        React.createElement(HighlightList, { "data-testid": "highlights-list-container", listItems: listItems, columns: columns, isSmallIcon: isMaxWidthArcBreakpointXs, headingLevel: headingLevel }),
+        cta && (React.createElement(React.Fragment, null,
+            React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
+            React.createElement(ButtonV2.ButtonV2, { label: cta.label, href: cta.href, onClick: cta.onClick, size: "m", buttonStyle: cta.buttonStyle, icon: cta.buttonStyle === "compact"
+                    ? ((_b = cta.icon) !== null && _b !== void 0 ? _b : BtIconArrowRightFill)
+                    : undefined, iconActive: cta.buttonStyle === "compact"
+                    ? ((_c = cta.iconActive) !== null && _c !== void 0 ? _c : BtIconArrowRightFill)
+                    : undefined, iconPosition: (_d = cta.iconPosition) !== null && _d !== void 0 ? _d : "beforeText" })))));
 };
 
 exports.Highlights = Highlights;

package/{dist/Highlights/Highlights.esm.js → lib/Highlights/Highlights.mjs}

@@ -1,25 +1,40 @@
 import React, { useId } from 'react';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
-import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
+import { ButtonV2 } from '@arc-ui/components/ButtonV2';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Icon } from '@arc-ui/components/Icon';
 import { Text } from '@arc-ui/components/Text';
 import { Link } from '@arc-ui/components/Link';
-import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import '../_shared/esm/tslib.es6-D6Wu-xwB.js';
-import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
 import '@arc-ui/components/Image';
 
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowRightFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16m16.854-4.354L23.207 16l-4.354 4.354a.5.5 0 0 1-.707-.707l3.147-3.147H9.5a.5.5 0 0 1 0-1h11.793l-3.146-3.146a.5.5 0 0 1 .707-.707'/%3e%3c/svg%3e";
+
 var styles = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
 
+var getListHeadingLevel = function (level) {
+    var nextLevel = Math.min(parseInt(level) + 1, 6);
+    return nextLevel.toString();
+};
+
 var HighlightItem = function (_a) {
-    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon;
+    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
+    var listHeadingLevel = getListHeadingLevel(headingLevel || "2");
     return (React.createElement("div", { "data-testid": "highlight-item-container", className: styles.highlightItem },
         icon && (React.createElement("div", { className: styles.Icon },
             React.createElement(Icon, { "data-testid": "highlight-icon", color: "brand", icon: icon, size: isSmallIcon ? 64 : 76 }))),
         React.createElement(VerticalSpace, { size: "16" }),
-        React.createElement(Heading, { level: "3", size: "m" }, heading),
+        React.createElement(Heading, { level: listHeadingLevel, size: "m" }, heading),
         React.createElement(VerticalSpace, { size: "16" }),
         React.createElement(Text, null, text),
         React.createElement(VerticalSpace, { size: "16" }),
@@ -27,23 +42,33 @@ var HighlightItem = function (_a) {
 };
 
 var HighlightList = function (_a) {
-    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon;
+    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
     var id = useId();
     return (React.createElement("div", { "data-testid": "highlights-list", className: classNames(styles.highlights, styles["highlights".concat(columns, "Column")]) }, listItems.map(function (_a, i) {
         var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link;
-        return (React.createElement(HighlightItem, { key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon }));
+        return (React.createElement(HighlightItem, { key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }));
     })));
 };
 
 /**
- * Use `Highlights` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link. Both two and three column options are available.
+ * Use `Highlights` to give supporting information about a page or proposition. I
+ * t can be used to call out key benefits in bullet points, or link.
+ * Both two and three column options are available.
  */
 var Highlights = function (_a) {
-    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, listItems = _a.listItems, _b = _a.columns, columns = _b === void 0 ? "2" : _b;
+    var _b, _c, _d;
+    var heading = _a.heading, headingLevel = _a.headingLevel, content = _a.content, listItems = _a.listItems, _e = _a.columns, columns = _e === void 0 ? "2" : _e, cta = _a.cta;
     var isMaxWidthArcBreakpointXs = useMediaQuery("(max-width: 767px)");
     return (React.createElement("div", null,
         React.createElement(SectionHeading, { isPadded: true, "data-testid": "highlights-header", heading: heading, headingLevel: headingLevel, content: content }),
-        React.createElement(HighlightList, { "data-testid": "highlights-list-container", listItems: listItems, columns: columns, isSmallIcon: isMaxWidthArcBreakpointXs })));
+        React.createElement(HighlightList, { "data-testid": "highlights-list-container", listItems: listItems, columns: columns, isSmallIcon: isMaxWidthArcBreakpointXs, headingLevel: headingLevel }),
+        cta && (React.createElement(React.Fragment, null,
+            React.createElement(VerticalSpace, { size: "24" }),
+            React.createElement(ButtonV2, { label: cta.label, href: cta.href, onClick: cta.onClick, size: "m", buttonStyle: cta.buttonStyle, icon: cta.buttonStyle === "compact"
+                    ? ((_b = cta.icon) !== null && _b !== void 0 ? _b : BtIconArrowRightFill)
+                    : undefined, iconActive: cta.buttonStyle === "compact"
+                    ? ((_c = cta.iconActive) !== null && _c !== void 0 ? _c : BtIconArrowRightFill)
+                    : undefined, iconPosition: (_d = cta.iconPosition) !== null && _d !== void 0 ? _d : "beforeText" })))));
 };
 
 export { Highlights };

package/{dist/ProductNavigation/ProductNavigation.cjs.js → lib/ProductNavigation/ProductNavigation.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var index_es = require('../_shared/cjs/index.es-BVxxpECB.js');
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
+var index_es = require('../_shared/cjs/index.es-D11PdokQ.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
 var InformationCard = require('@arc-ui/components/InformationCard');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');

package/{dist/ProductNavigation/ProductNavigation.esm.js → lib/ProductNavigation/ProductNavigation.mjs}

@@ -1,10 +1,10 @@
-import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.js';
+import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import React, { useState, useRef, useEffect } from 'react';
-import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
-import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
+import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-CbCdNYwG.js';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
+import { A as ArcSizeBreakpointsS } from '../_shared/esm/index.es-C4PyYMjI.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
 import { InformationCard } from '@arc-ui/components/InformationCard';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';

package/lib/PromoListing/PromoListing.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+var index_es = require('../_shared/cjs/index.es-D11PdokQ.cjs');
+var Carousel = require('@arc-ui/components/Carousel');
+var useMediaQuery = require('@arc-ui/components/use-media-query');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
+var MediaCard = require('@arc-ui/components/MediaCard');
+var ImpactCard = require('@arc-ui/components/ImpactCard');
+var InformationCard = require('@arc-ui/components/InformationCard');
+var TypographyCard = require('@arc-ui/components/TypographyCard');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
+require('@arc-ui/components/Heading');
+require('@arc-ui/components/Text');
+require('@arc-ui/components/VerticalSpace');
+require('@arc-ui/components/Image');
+
+var styles = {"PromoListing":"PromoListing-module_PromoListing__6ensv","carouselSlide":"PromoListing-module_carouselSlide__AMTPF","cardGrid":"PromoListing-module_cardGrid__llf73","cardWrapper":"PromoListing-module_cardWrapper__I4iwh","cardWrapperCarousel":"PromoListing-module_cardWrapperCarousel__t-2qM","columns-3":"PromoListing-module_columns-3__y6jWS","columns-2":"PromoListing-module_columns-2__GRFxb"};
+
+/**
+ * Use `PromoListing` to give supporting information about a page or proposition in the form of the card components (`ImpactCard`, `InformationCard`, `MediaCard` and `TypographyCard`).
+ */
+var PromoListing = function (_a) {
+    var heading = _a.heading, content = _a.content, _b = _a.isCarousel, isCarousel = _b === void 0 ? false : _b, cards = _a.cards, headingLevel = _a.headingLevel, _c = _a.columns, columns = _c === void 0 ? "2" : _c;
+    var id = React.useId();
+    var isMinWidthArcBreakpointL = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsL, ")"));
+    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
+    var cardAspectRatios = columns === "3" ? "10-16" : "3-4";
+    var getCardAspectRatios = {
+        xs: !isCarousel ? "3-4" : undefined,
+        s: !isCarousel ? "10-16" : undefined,
+        m: !isCarousel ? "3-4" : undefined,
+        l: cardAspectRatios,
+        xl: cardAspectRatios,
+        xxl: cardAspectRatios,
+        xxxl: cardAspectRatios,
+    };
+    var commonProps = {
+        preserveAspectRatios: getCardAspectRatios,
+        minHeight: isCarousel && !isMinWidthArcBreakpointL
+            ? isMinWidthArcBreakpointM
+                ? 557
+                : 461
+            : undefined,
+    };
+    var CARD_COMPONENTS = {
+        "media-card": MediaCard.MediaCard,
+        "impact-card": ImpactCard.ImpactCard,
+        "information-card": InformationCard.InformationCard,
+        "typography-card": TypographyCard.TypographyCard,
+    };
+    var getCard = function (card) {
+        var CardComponent = CARD_COMPONENTS[card.type];
+        return React.createElement(CardComponent, tslib_es6.__assign({}, card, commonProps));
+    };
+    return (React.createElement("div", { className: styles.PromoListing },
+        React.createElement(SectionHeading.SectionHeading, { isPadded: true, "data-testid": "PromoListing-header", heading: heading, headingLevel: headingLevel, content: content }),
+        isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles.promolistingCarouselWrapper },
+            React.createElement(Carousel.Carousel, { overflow: "visible", itemsPerSlide: 1, behavior: "adaptive", withGutter: false }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, i) { return (React.createElement("div", { key: "promolist-carousel-card-".concat(id, "-").concat(i), className: (styles.cardWrapperCarousel) }, getCard(card))); })))) : (React.createElement("ul", { className: index.classNames(styles.cardGrid, styles["columns-".concat(columns)]) }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, index) { return (React.createElement("li", { key: "promolist-card--".concat(id, "-").concat(index) },
+            React.createElement("div", { "data-testid": "promoList-card".concat(index), className: styles.cardWrapper }, getCard(card)))); })))));
+};
+
+exports.PromoListing = PromoListing;

package/lib/PromoListing/PromoListing.mjs

@@ -0,0 +1,63 @@
+import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import React, { useId } from 'react';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
+import { a as ArcSizeBreakpointsL, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C4PyYMjI.mjs';
+import { Carousel } from '@arc-ui/components/Carousel';
+import { useMediaQuery } from '@arc-ui/components/use-media-query';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
+import { MediaCard } from '@arc-ui/components/MediaCard';
+import { ImpactCard } from '@arc-ui/components/ImpactCard';
+import { InformationCard } from '@arc-ui/components/InformationCard';
+import { TypographyCard } from '@arc-ui/components/TypographyCard';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
+import '@arc-ui/components/Heading';
+import '@arc-ui/components/Text';
+import '@arc-ui/components/VerticalSpace';
+import '@arc-ui/components/Image';
+
+var styles = {"PromoListing":"PromoListing-module_PromoListing__6ensv","carouselSlide":"PromoListing-module_carouselSlide__AMTPF","cardGrid":"PromoListing-module_cardGrid__llf73","cardWrapper":"PromoListing-module_cardWrapper__I4iwh","cardWrapperCarousel":"PromoListing-module_cardWrapperCarousel__t-2qM","columns-3":"PromoListing-module_columns-3__y6jWS","columns-2":"PromoListing-module_columns-2__GRFxb"};
+
+/**
+ * Use `PromoListing` to give supporting information about a page or proposition in the form of the card components (`ImpactCard`, `InformationCard`, `MediaCard` and `TypographyCard`).
+ */
+var PromoListing = function (_a) {
+    var heading = _a.heading, content = _a.content, _b = _a.isCarousel, isCarousel = _b === void 0 ? false : _b, cards = _a.cards, headingLevel = _a.headingLevel, _c = _a.columns, columns = _c === void 0 ? "2" : _c;
+    var id = useId();
+    var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsL, ")"));
+    var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
+    var cardAspectRatios = columns === "3" ? "10-16" : "3-4";
+    var getCardAspectRatios = {
+        xs: !isCarousel ? "3-4" : undefined,
+        s: !isCarousel ? "10-16" : undefined,
+        m: !isCarousel ? "3-4" : undefined,
+        l: cardAspectRatios,
+        xl: cardAspectRatios,
+        xxl: cardAspectRatios,
+        xxxl: cardAspectRatios,
+    };
+    var commonProps = {
+        preserveAspectRatios: getCardAspectRatios,
+        minHeight: isCarousel && !isMinWidthArcBreakpointL
+            ? isMinWidthArcBreakpointM
+                ? 557
+                : 461
+            : undefined,
+    };
+    var CARD_COMPONENTS = {
+        "media-card": MediaCard,
+        "impact-card": ImpactCard,
+        "information-card": InformationCard,
+        "typography-card": TypographyCard,
+    };
+    var getCard = function (card) {
+        var CardComponent = CARD_COMPONENTS[card.type];
+        return React.createElement(CardComponent, __assign({}, card, commonProps));
+    };
+    return (React.createElement("div", { className: styles.PromoListing },
+        React.createElement(SectionHeading, { isPadded: true, "data-testid": "PromoListing-header", heading: heading, headingLevel: headingLevel, content: content }),
+        isCarousel && !isMinWidthArcBreakpointL ? (React.createElement("div", { className: styles.promolistingCarouselWrapper },
+            React.createElement(Carousel, { overflow: "visible", itemsPerSlide: 1, behavior: "adaptive", withGutter: false }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, i) { return (React.createElement("div", { key: "promolist-carousel-card-".concat(id, "-").concat(i), className: (styles.cardWrapperCarousel) }, getCard(card))); })))) : (React.createElement("ul", { className: classNames(styles.cardGrid, styles["columns-".concat(columns)]) }, cards === null || cards === void 0 ? void 0 : cards.map(function (card, index) { return (React.createElement("li", { key: "promolist-card--".concat(id, "-").concat(index) },
+            React.createElement("div", { "data-testid": "promoList-card".concat(index), className: styles.cardWrapper }, getCard(card)))); })))));
+};
+
+export { PromoListing };

package/lib/PromoListing/styles.css

@@ -0,0 +1 @@
+.PromoListing-module_PromoListing__6ensv{max-width:1280px}.PromoListing-module_carouselSlide__AMTPF{height:100%;padding:6px}.PromoListing-module_cardGrid__llf73{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-gap:16px;gap:16px;list-style:none;margin:0;padding:0}.PromoListing-module_cardWrapper__I4iwh{height:100%}.PromoListing-module_cardWrapper__I4iwh>*{height:100%}.PromoListing-module_cardWrapperCarousel__t-2qM{width:288px;height:100%;margin-right:16px}.PromoListing-module_cardWrapperCarousel__t-2qM>*{height:100%}@media (min-width:636px){.PromoListing-module_cardWrapperCarousel__t-2qM{margin-right:24px}.PromoListing-module_cardGrid__llf73{gap:24px}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(2,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.PromoListing-module_cardWrapperCarousel__t-2qM{width:348px}}@media (min-width:1024px){.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-3__y6jWS{grid-template-columns:repeat(3,1fr)}.PromoListing-module_cardGrid__llf73.PromoListing-module_columns-2__GRFxb{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.PromoListing-module_cardGrid__llf73{gap:32px}}

package/{dist/Quote/Quote.cjs.js → lib/Quote/Quote.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index = require('../_shared/cjs/index-Bp6Dd2i1.js');
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
-var Author = require('../_shared/cjs/Author-DltMey-3.js');
+var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
+var Author = require('../_shared/cjs/Author-X47pv31V.cjs');
 require('@arc-ui/components/Grid');
 require('@arc-ui/components/Avatar');
 require('@arc-ui/components/Heading');

package/{dist/Quote/Quote.esm.js → lib/Quote/Quote.mjs}

@@ -1,8 +1,8 @@
-import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.js';
+import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.js';
-import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
-import { A as Author } from '../_shared/esm/Author-DpT2Pcq_.js';
+import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
+import { f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
+import { A as Author } from '../_shared/esm/Author-CydDYCma.mjs';
 import '@arc-ui/components/Grid';
 import '@arc-ui/components/Avatar';
 import '@arc-ui/components/Heading';

package/{dist/SectionHeading/SectionHeading.cjs.js → lib/SectionHeading/SectionHeading.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
-require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 require('react');
-require('../_shared/cjs/index-Bp6Dd2i1.js');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 require('@arc-ui/components/Heading');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/VerticalSpace');

package/{dist/SectionHeading/SectionHeading.esm.js → lib/SectionHeading/SectionHeading.mjs}

@@ -1,8 +1,8 @@
-export { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
-import '../_shared/esm/tslib.es6-D6Wu-xwB.js';
+export { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import 'react';
-import '../_shared/esm/index-BfTCfPZ1.js';
-import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import '../_shared/esm/index-BfTCfPZ1.mjs';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
 import '@arc-ui/components/Heading';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/VerticalSpace';

package/{dist/Statistics/Statistics.cjs.js → lib/Statistics/Statistics.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var Columns = require('@arc-ui/components/Columns');
 var Rule = require('@arc-ui/components/Rule');
@@ -8,9 +8,9 @@ var Text = require('@arc-ui/components/Text');
 var Align = require('@arc-ui/components/Align');
 var Heading = require('@arc-ui/components/Heading');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-var SectionHeading = require('../_shared/cjs/SectionHeading-gjCR1F6E.js');
-require('../_shared/cjs/index-Bp6Dd2i1.js');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
+require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
 require('@arc-ui/components/Image');
 
 var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};

package/{dist/Statistics/Statistics.esm.js → lib/Statistics/Statistics.mjs}

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.js';
+import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import React, { useId } from 'react';
 import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { Rule } from '@arc-ui/components/Rule';
@@ -6,9 +6,9 @@ import { Text } from '@arc-ui/components/Text';
 import { Align } from '@arc-ui/components/Align';
 import { Heading } from '@arc-ui/components/Heading';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-DVLKN_jI.js';
-import '../_shared/esm/index-BfTCfPZ1.js';
-import '../_shared/esm/filter-data-attrs-V7cbJuwS.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
+import '../_shared/esm/index-BfTCfPZ1.mjs';
+import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
 import '@arc-ui/components/Image';
 
 var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};

package/{dist/Summary/Summary.cjs.js → lib/Summary/Summary.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.js');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-BVxxpECB.js');
+var index_es = require('../_shared/cjs/index.es-D11PdokQ.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var Box = require('@arc-ui/components/Box');

package/{dist/Summary/Summary.esm.js → lib/Summary/Summary.mjs}

@@ -1,6 +1,6 @@
-import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.js';
+import { _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-CbCdNYwG.js';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-C4PyYMjI.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { Box } from '@arc-ui/components/Box';

package/{dist/_shared/cjs/Accordion-Bme0aSPi.js → lib/_shared/cjs/Accordion-C4XdbGCu.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BxB9I209.js');
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
-var index = require('./index-Bp6Dd2i1.js');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
+var index = require('./index-Bp6Dd2i1.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
@@ -34,9 +34,9 @@ var styles = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_Acco
 var AccordionDisclosureList = function (_a) {
     var disclosureList = _a.disclosureList;
     return (React.createElement("ul", null, disclosureList.map(function (_a) {
-        var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id;
+        var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = tslib_es6.__rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
         return (React.createElement("li", { key: id, className: styles.AccordionDisclosureListItem },
-            React.createElement(Disclosure.Disclosure, { summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, children)));
+            React.createElement(Disclosure.Disclosure, tslib_es6.__assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterDataAttrs.filterDataAttrs(props)), children)));
     })));
 };
 

package/{dist/_shared/cjs/Author-DltMey-3.js → lib/_shared/cjs/Author-X47pv31V.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BxB9I209.js');
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
 var Grid = require('@arc-ui/components/Grid');
 var Avatar = require('@arc-ui/components/Avatar');
 var Heading = require('@arc-ui/components/Heading');

package/{dist/_shared/cjs/SectionHeading-gjCR1F6E.js → lib/_shared/cjs/SectionHeading-DepTV4JA.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BxB9I209.js');
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index = require('./index-Bp6Dd2i1.js');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
+var index = require('./index-Bp6Dd2i1.cjs');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');

package/{dist/_shared/cjs/index.es-BVxxpECB.js → lib/_shared/cjs/index.es-D11PdokQ.cjs}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Tue, 23 Dec 2025 14:36:38 GMT
+ * Generated on Wed, 18 Feb 2026 11:14:49 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";

package/{dist/_shared/esm/Accordion-Brmx6oxT.js → lib/_shared/esm/Accordion-Ct7RuUbx.mjs}

@@ -1,7 +1,7 @@
-import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.js';
+import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.js';
-import { c as classNames } from './index-BfTCfPZ1.js';
+import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.mjs';
+import { c as classNames } from './index-BfTCfPZ1.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
@@ -32,9 +32,9 @@ var styles = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_Acco
 var AccordionDisclosureList = function (_a) {
     var disclosureList = _a.disclosureList;
     return (React.createElement("ul", null, disclosureList.map(function (_a) {
-        var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id;
+        var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = __rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
         return (React.createElement("li", { key: id, className: styles.AccordionDisclosureListItem },
-            React.createElement(Disclosure, { summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, children)));
+            React.createElement(Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterDataAttrs(props)), children)));
     })));
 };
 

package/{dist/_shared/esm/Author-DpT2Pcq_.js → lib/_shared/esm/Author-CydDYCma.mjs}

@@ -1,6 +1,6 @@
-import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.js';
+import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.js';
+import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.mjs';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { Avatar } from '@arc-ui/components/Avatar';
 import { Heading } from '@arc-ui/components/Heading';

package/{dist/_shared/esm/SectionHeading-DVLKN_jI.js → lib/_shared/esm/SectionHeading-BayinGP_.mjs}

@@ -1,7 +1,7 @@
-import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.js';
+import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { c as classNames } from './index-BfTCfPZ1.js';
-import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.js';
+import { c as classNames } from './index-BfTCfPZ1.mjs';
+import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';

package/{dist/_shared/esm/index.es-CbCdNYwG.js → lib/_shared/esm/index.es-C4PyYMjI.mjs}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 23 Dec 2025 14:36:38 GMT
+ * Generated on Wed, 18 Feb 2026 11:14:49 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";