@arc-ui/community-components 3.2.0 → 3.4.0

package/lib/FeaturePost/FeaturePost.cjs

@@ -1,10 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
-var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
+var index_es = require('../_shared/cjs/index.es-B0J3cvrY.cjs');
 var AppButton = require('@arc-ui/components/AppButton');
 var Grid = require('@arc-ui/components/Grid');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
@@ -12,7 +11,7 @@ var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var Author = require('../_shared/cjs/Author-D4dKNQem.cjs');
+var Author = require('../_shared/cjs/Author-aL8YXi7C.cjs');
 var Image$1 = require('@arc-ui/components/Image');
 require('@arc-ui/components/Avatar');
 
@@ -2204,11 +2203,11 @@ function cleanEscapedString(input) {
 var styles = {"labelDate":"FeaturePost-module_labelDate__NXOgY","googlePlayButtonWrapper":"FeaturePost-module_googlePlayButtonWrapper__GI-ag","imgWrapper":"FeaturePost-module_imgWrapper__r6omd","featurePost":"FeaturePost-module_featurePost__9jY21","featurePostReversed":"FeaturePost-module_featurePostReversed__WQRXm","contentContainer":"FeaturePost-module_contentContainer__kdus7","col":"FeaturePost-module_col__eW8gY"};
 
 var Image = function (_a) {
-    var sources = _a.sources, title = _a.title, description = _a.description, props = tslib_es6.__rest(_a, ["sources", "title", "description"]);
+    var sources = _a.sources, title = _a.title, description = _a.description, props = filterAttrs.__rest(_a, ["sources", "title", "description"]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles.imgWrapper },
-            React.createElement(Image$1.Image, tslib_es6.__assign({ fadeOnLoad: true }, props), sources &&
-                sources.map(function (source) { return React.createElement("source", tslib_es6.__assign({ key: source.srcSet }, source)); }))),
+            React.createElement(Image$1.Image, filterAttrs.__assign({ fadeOnLoad: true }, props), sources &&
+                sources.map(function (source) { return React.createElement("source", filterAttrs.__assign({ key: source.srcSet }, source)); }))),
         title && (React.createElement(React.Fragment, null,
             React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
             React.createElement(Heading.Heading, { level: "3", size: "s" }, title),
@@ -2232,9 +2231,9 @@ var MediaContent = function (_a) {
         setIsClient(true);
     }, []);
     return (React.createElement(React.Fragment, null,
-        image && !video && React.createElement(Image, tslib_es6.__assign({}, image)),
+        image && !video && React.createElement(Image, filterAttrs.__assign({}, image)),
         video && isClient && (React.createElement(React.Suspense, { fallback: null },
-            React.createElement(VideoPlayer, tslib_es6.__assign({}, video))))));
+            React.createElement(VideoPlayer, filterAttrs.__assign({}, video))))));
 };
 
 /**
@@ -2242,9 +2241,9 @@ var MediaContent = function (_a) {
  * */
 var FeaturePost = function (_a) {
     var _b;
-    var heading = _a.heading, id = _a.id, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = tslib_es6.__rest(_a, ["heading", "id", "headingLevel", "label", "image", "content", "footer", "video", "isHeadingWordWrap", "isReverseOrder"]);
+    var heading = _a.heading, id = _a.id, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = filterAttrs.__rest(_a, ["heading", "id", "headingLevel", "label", "image", "content", "footer", "video", "isHeadingWordWrap", "isReverseOrder"]);
     var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsM, ")"));
-    return (React.createElement("div", tslib_es6.__assign({ "data-testid": "feature-post", className: index.classNames(styles.featurePost, (_b = {},
+    return (React.createElement("div", filterAttrs.__assign({ "data-testid": "feature-post", className: index.classNames(styles.featurePost, (_b = {},
             _b[styles.featurePostReversed] = isReverseOrder,
             _b)) }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: styles.col },
@@ -2261,14 +2260,14 @@ var FeaturePost = function (_a) {
                 !isMinWidthArcBreakpointM && (React.createElement("div", { "data-testid": "mobile-img" },
                     React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
                     React.createElement(MediaContent, { image: image, video: video }))),
-                React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
+                React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
                 typeof content === "string" ? (React.createElement(Text.Text, { size: "l" }, content)) : (content),
                 (footer === null || footer === void 0 ? void 0 : footer.type) === "cta" && (React.createElement(React.Fragment, null,
                     footer.author && (React.createElement(React.Fragment, null,
-                        React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
-                        React.createElement(Author.Author, { name: footer.author.name, title: footer.author.title, avatar: footer.author.avatar }))),
+                        React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
+                        React.createElement(Author.Author, filterAttrs.__assign({}, footer.author)))),
                     React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
-                    React.createElement(ButtonV2.ButtonV2, tslib_es6.__assign({ buttonStyle: "secondary" }, footer.button)))),
+                    React.createElement(ButtonV2.ButtonV2, filterAttrs.__assign({ buttonStyle: "secondary" }, footer.button)))),
                 (footer === null || footer === void 0 ? void 0 : footer.type) === "appButton" && (React.createElement(React.Fragment, null,
                     React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
                     React.createElement(Grid.Grid, { isGutterless: true, isFluid: true },

package/lib/FeaturePost/FeaturePost.mjs

@@ -1,8 +1,7 @@
-import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
-import React, { useState, useEffect, Suspense } from 'react';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import React__default, { useState, useEffect, Suspense } from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
-import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
-import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-Bfdys5__.mjs';
+import { b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DraZ-qKh.mjs';
 import { AppButton } from '@arc-ui/components/AppButton';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
@@ -10,7 +9,7 @@ import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
-import { A as Author } from '../_shared/esm/Author-HnYsFTPT.mjs';
+import { A as Author } from '../_shared/esm/Author-CJQFrQM9.mjs';
 import { Image as Image$1 } from '@arc-ui/components/Image';
 import '@arc-ui/components/Avatar';
 
@@ -2203,19 +2202,19 @@ var styles = {"labelDate":"FeaturePost-module_labelDate__NXOgY","googlePlayButto
 
 var Image = function (_a) {
     var sources = _a.sources, title = _a.title, description = _a.description, props = __rest(_a, ["sources", "title", "description"]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles.imgWrapper },
-            React.createElement(Image$1, __assign({ fadeOnLoad: true }, props), sources &&
-                sources.map(function (source) { return React.createElement("source", __assign({ key: source.srcSet }, source)); }))),
-        title && (React.createElement(React.Fragment, null,
-            React.createElement(VerticalSpace, { size: "24" }),
-            React.createElement(Heading, { level: "3", size: "s" }, title),
-            description && (React.createElement(React.Fragment, null,
-                React.createElement(VerticalSpace, { size: "16" }),
-                React.createElement(Text, { size: "m" }, description)))))));
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: styles.imgWrapper },
+            React__default.createElement(Image$1, __assign({ fadeOnLoad: true }, props), sources &&
+                sources.map(function (source) { return React__default.createElement("source", __assign({ key: source.srcSet }, source)); }))),
+        title && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(VerticalSpace, { size: "24" }),
+            React__default.createElement(Heading, { level: "3", size: "s" }, title),
+            description && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(VerticalSpace, { size: "16" }),
+                React__default.createElement(Text, { size: "m" }, description)))))));
 };
 
-var VideoPlayer = React.lazy(function () {
+var VideoPlayer = React__default.lazy(function () {
     return import('@arc-ui/components/VideoPlayer').then(function (_a) {
         var VideoPlayer = _a.VideoPlayer;
         return ({
@@ -2229,10 +2228,10 @@ var MediaContent = function (_a) {
     useEffect(function () {
         setIsClient(true);
     }, []);
-    return (React.createElement(React.Fragment, null,
-        image && !video && React.createElement(Image, __assign({}, image)),
-        video && isClient && (React.createElement(Suspense, { fallback: null },
-            React.createElement(VideoPlayer, __assign({}, video))))));
+    return (React__default.createElement(React__default.Fragment, null,
+        image && !video && React__default.createElement(Image, __assign({}, image)),
+        video && isClient && (React__default.createElement(Suspense, { fallback: null },
+            React__default.createElement(VideoPlayer, __assign({}, video))))));
 };
 
 /**
@@ -2242,43 +2241,43 @@ var FeaturePost = function (_a) {
     var _b;
     var heading = _a.heading, id = _a.id, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = __rest(_a, ["heading", "id", "headingLevel", "label", "image", "content", "footer", "video", "isHeadingWordWrap", "isReverseOrder"]);
     var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
-    return (React.createElement("div", __assign({ "data-testid": "feature-post", className: classNames(styles.featurePost, (_b = {},
+    return (React__default.createElement("div", __assign({ "data-testid": "feature-post", className: classNames(styles.featurePost, (_b = {},
             _b[styles.featurePostReversed] = isReverseOrder,
             _b)) }, filterAttrs(props)),
-        React.createElement("div", { className: styles.col },
-            React.createElement("div", { className: styles.contentContainer },
-                label && (React.createElement(Grid, { isGutterless: true, isFluid: true },
-                    React.createElement(GridRow, { align: "baseline" },
-                        React.createElement(GridCol, { xs: 12, m: "auto" },
-                            React.createElement(Heading, { size: "xxs", fontStyle: "overline" }, label.text)),
-                        React.createElement(GridCol, { xs: 12, m: "auto" },
-                            React.createElement("div", { className: styles.labelDate },
-                                React.createElement(Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "d MMMM yyyy"))) : (React.createElement("span", null, label.date)))))),
-                    React.createElement(VerticalSpace, { size: "24" }))),
-                React.createElement(Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
-                !isMinWidthArcBreakpointM && (React.createElement("div", { "data-testid": "mobile-img" },
-                    React.createElement(VerticalSpace, { size: "40" }),
-                    React.createElement(MediaContent, { image: image, video: video }))),
-                React.createElement(VerticalSpace, { size: "40" }),
-                typeof content === "string" ? (React.createElement(Text, { size: "l" }, content)) : (content),
-                (footer === null || footer === void 0 ? void 0 : footer.type) === "cta" && (React.createElement(React.Fragment, null,
-                    footer.author && (React.createElement(React.Fragment, null,
-                        React.createElement(VerticalSpace, { size: "24" }),
-                        React.createElement(Author, { name: footer.author.name, title: footer.author.title, avatar: footer.author.avatar }))),
-                    React.createElement(VerticalSpace, { size: "40" }),
-                    React.createElement(ButtonV2, __assign({ buttonStyle: "secondary" }, footer.button)))),
-                (footer === null || footer === void 0 ? void 0 : footer.type) === "appButton" && (React.createElement(React.Fragment, null,
-                    React.createElement(VerticalSpace, { size: "40" }),
-                    React.createElement(Grid, { isGutterless: true, isFluid: true },
-                        React.createElement(GridRow, null,
-                            footer.appStore && (React.createElement(GridCol, { xs: 12, s: "auto" },
-                                React.createElement(AppButton, { type: "apple-app-store", screenReaderText: footer.appStore.screenReaderText, url: footer.appStore.url }))),
-                            footer.googlePlay && (React.createElement(GridCol, { xs: 12, s: "auto" },
-                                React.createElement("div", { className: styles.googlePlayButtonWrapper },
-                                    React.createElement(AppButton, { type: "google-play", screenReaderText: footer.googlePlay.screenReaderText, url: footer.googlePlay.url })))))))))),
-        isMinWidthArcBreakpointM && (React.createElement("div", { className: styles.col },
-            React.createElement("div", { "data-testid": "desktop-img", className: styles.imgContainer },
-                React.createElement(MediaContent, { image: image, video: video }))))));
+        React__default.createElement("div", { className: styles.col },
+            React__default.createElement("div", { className: styles.contentContainer },
+                label && (React__default.createElement(Grid, { isGutterless: true, isFluid: true },
+                    React__default.createElement(GridRow, { align: "baseline" },
+                        React__default.createElement(GridCol, { xs: 12, m: "auto" },
+                            React__default.createElement(Heading, { size: "xxs", fontStyle: "overline" }, label.text)),
+                        React__default.createElement(GridCol, { xs: 12, m: "auto" },
+                            React__default.createElement("div", { className: styles.labelDate },
+                                React__default.createElement(Text, { size: "xs", tone: "muted" }, isDate(label.date) ? (React__default.createElement("time", { dateTime: format(label.date, "yyyy-MM-dd") }, format(label.date, "d MMMM yyyy"))) : (React__default.createElement("span", null, label.date)))))),
+                    React__default.createElement(VerticalSpace, { size: "24" }))),
+                React__default.createElement(Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
+                !isMinWidthArcBreakpointM && (React__default.createElement("div", { "data-testid": "mobile-img" },
+                    React__default.createElement(VerticalSpace, { size: "40" }),
+                    React__default.createElement(MediaContent, { image: image, video: video }))),
+                React__default.createElement(VerticalSpace, { size: "24" }),
+                typeof content === "string" ? (React__default.createElement(Text, { size: "l" }, content)) : (content),
+                (footer === null || footer === void 0 ? void 0 : footer.type) === "cta" && (React__default.createElement(React__default.Fragment, null,
+                    footer.author && (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement(VerticalSpace, { size: "40" }),
+                        React__default.createElement(Author, __assign({}, footer.author)))),
+                    React__default.createElement(VerticalSpace, { size: "40" }),
+                    React__default.createElement(ButtonV2, __assign({ buttonStyle: "secondary" }, footer.button)))),
+                (footer === null || footer === void 0 ? void 0 : footer.type) === "appButton" && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(VerticalSpace, { size: "40" }),
+                    React__default.createElement(Grid, { isGutterless: true, isFluid: true },
+                        React__default.createElement(GridRow, null,
+                            footer.appStore && (React__default.createElement(GridCol, { xs: 12, s: "auto" },
+                                React__default.createElement(AppButton, { type: "apple-app-store", screenReaderText: footer.appStore.screenReaderText, url: footer.appStore.url }))),
+                            footer.googlePlay && (React__default.createElement(GridCol, { xs: 12, s: "auto" },
+                                React__default.createElement("div", { className: styles.googlePlayButtonWrapper },
+                                    React__default.createElement(AppButton, { type: "google-play", screenReaderText: footer.googlePlay.screenReaderText, url: footer.googlePlay.url })))))))))),
+        isMinWidthArcBreakpointM && (React__default.createElement("div", { className: styles.col },
+            React__default.createElement("div", { "data-testid": "desktop-img", className: styles.imgContainer },
+                React__default.createElement(MediaContent, { image: image, video: video }))))));
 };
 
 export { FeaturePost };

package/lib/Highlights/Highlights.cjs

@@ -1,18 +1,17 @@
 'use strict';
 
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
 var BtIconArrowRightFill = require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.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');
-require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
-require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('@arc-ui/components/Image');
 
 var styles = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
@@ -23,9 +22,9 @@ var getListHeadingLevel = function (level) {
 };
 
 var HighlightItem = function (_a) {
-    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
+    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = filterAttrs.__rest(_a, ["icon", "heading", "text", "link", "isSmallIcon", "headingLevel"]);
     var listHeadingLevel = getListHeadingLevel(headingLevel || "2");
-    return (React.createElement("div", { "data-testid": "highlight-item-container", className: styles.highlightItem },
+    return (React.createElement("div", filterAttrs.__assign({ "data-testid": "highlight-item-container", className: styles.highlightItem }, filterAttrs.filterAttrs(props)),
         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" }),
@@ -37,11 +36,11 @@ var HighlightItem = function (_a) {
 };
 
 var HighlightList = function (_a) {
-    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
+    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = filterAttrs.__rest(_a, ["listItems", "columns", "isSmallIcon", "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, headingLevel: headingLevel }));
+    return (React.createElement("div", filterAttrs.__assign({ "data-testid": "highlights-list", className: index.classNames(styles.highlights, styles["highlights".concat(columns, "Column")]) }, filterAttrs.filterAttrs(props)), listItems.map(function (_a, i) {
+        var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, itemProps = filterAttrs.__rest(_a, ["icon", "heading", "text", "link"]);
+        return (React.createElement(HighlightItem, filterAttrs.__assign({ key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }, itemProps)));
     })));
 };
 
@@ -52,11 +51,11 @@ var HighlightList = function (_a) {
  */
 var Highlights = function (_a) {
     var _b, _c, _d;
-    var heading = _a.heading, headingLevel = _a.headingLevel, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, listItems = _a.listItems, _e = _a.columns, columns = _e === void 0 ? "2" : _e, cta = _a.cta;
+    var heading = _a.heading, headingLevel = _a.headingLevel, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, listItems = _a.listItems, _e = _a.columns, columns = _e === void 0 ? "2" : _e, cta = _a.cta, props = filterAttrs.__rest(_a, ["heading", "headingLevel", "id", "isHeadingWordWrap", "content", "listItems", "columns", "cta"]);
     var isMaxWidthArcBreakpointXs = useMediaQuery.useMediaQuery("(max-width: 767px)");
-    return (React.createElement("div", null,
+    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement(SectionHeading.SectionHeading, { isPadded: true, id: id, "data-testid": "highlights-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content }),
-        React.createElement(HighlightList, { "data-testid": "highlights-list-container", listItems: listItems, columns: columns, isSmallIcon: isMaxWidthArcBreakpointXs, headingLevel: headingLevel }),
+        React.createElement(HighlightList, { 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", ariaLabel: cta.ariaLabel, buttonStyle: cta.buttonStyle, icon: cta.buttonStyle === "compact"

package/lib/Highlights/Highlights.mjs

@@ -1,16 +1,15 @@
-import React, { useId } from 'react';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import React__default, { useId } from 'react';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { B as BtIconArrowRightFill } from '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BskdQ2Tt.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 '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
-import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '@arc-ui/components/Image';
 
 var styles = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
@@ -21,25 +20,25 @@ var getListHeadingLevel = function (level) {
 };
 
 var HighlightItem = function (_a) {
-    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
+    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = __rest(_a, ["icon", "heading", "text", "link", "isSmallIcon", "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: listHeadingLevel, size: "m" }, heading),
-        React.createElement(VerticalSpace, { size: "16" }),
-        React.createElement(Text, null, text),
-        React.createElement(VerticalSpace, { size: "16" }),
-        link && (React.createElement(Link, { href: link.url, id: link.url, "aria-label": link.ariaLabel, onClick: link.onClick, rel: "", size: "m", target: "_self", title: link.textLink }, link.textLink))));
+    return (React__default.createElement("div", __assign({ "data-testid": "highlight-item-container", className: styles.highlightItem }, filterAttrs(props)),
+        icon && (React__default.createElement("div", { className: styles.Icon },
+            React__default.createElement(Icon, { "data-testid": "highlight-icon", color: "brand", icon: icon, size: isSmallIcon ? 64 : 76 }))),
+        React__default.createElement(VerticalSpace, { size: "16" }),
+        React__default.createElement(Heading, { level: listHeadingLevel, size: "m" }, heading),
+        React__default.createElement(VerticalSpace, { size: "16" }),
+        React__default.createElement(Text, null, text),
+        React__default.createElement(VerticalSpace, { size: "16" }),
+        link && (React__default.createElement(Link, { href: link.url, id: link.url, "aria-label": link.ariaLabel, onClick: link.onClick, rel: "", size: "m", target: "_self", title: link.textLink }, link.textLink))));
 };
 
 var HighlightList = function (_a) {
-    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel;
+    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = __rest(_a, ["listItems", "columns", "isSmallIcon", "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, headingLevel: headingLevel }));
+    return (React__default.createElement("div", __assign({ "data-testid": "highlights-list", className: classNames(styles.highlights, styles["highlights".concat(columns, "Column")]) }, filterAttrs(props)), listItems.map(function (_a, i) {
+        var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, itemProps = __rest(_a, ["icon", "heading", "text", "link"]);
+        return (React__default.createElement(HighlightItem, __assign({ key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }, itemProps)));
     })));
 };
 
@@ -50,14 +49,14 @@ var HighlightList = function (_a) {
  */
 var Highlights = function (_a) {
     var _b, _c, _d;
-    var heading = _a.heading, headingLevel = _a.headingLevel, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, listItems = _a.listItems, _e = _a.columns, columns = _e === void 0 ? "2" : _e, cta = _a.cta;
+    var heading = _a.heading, headingLevel = _a.headingLevel, id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, listItems = _a.listItems, _e = _a.columns, columns = _e === void 0 ? "2" : _e, cta = _a.cta, props = __rest(_a, ["heading", "headingLevel", "id", "isHeadingWordWrap", "content", "listItems", "columns", "cta"]);
     var isMaxWidthArcBreakpointXs = useMediaQuery("(max-width: 767px)");
-    return (React.createElement("div", null,
-        React.createElement(SectionHeading, { isPadded: true, id: id, "data-testid": "highlights-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content }),
-        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", ariaLabel: cta.ariaLabel, buttonStyle: cta.buttonStyle, icon: cta.buttonStyle === "compact"
+    return (React__default.createElement("div", __assign({}, filterAttrs(props)),
+        React__default.createElement(SectionHeading, { isPadded: true, id: id, "data-testid": "highlights-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content }),
+        React__default.createElement(HighlightList, { listItems: listItems, columns: columns, isSmallIcon: isMaxWidthArcBreakpointXs, headingLevel: headingLevel }),
+        cta && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(VerticalSpace, { size: "24" }),
+            React__default.createElement(ButtonV2, { label: cta.label, href: cta.href, onClick: cta.onClick, size: "m", ariaLabel: cta.ariaLabel, 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)

package/lib/InlineLinkGroup/InlineLinkGroup.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var React = require('react');
+var Link = require('@arc-ui/components/Link');
+var Icon = require('@arc-ui/components/Icon');
+var Heading = require('@arc-ui/components/Heading');
+var BtIconArrowAltRight = require('../_shared/cjs/BtIconArrowAltRight-CLQdP61r.cjs');
+
+var styles = {"quick-help":"InlineLinkGroup-module_quick-help__cMTpB","quick-help-label":"InlineLinkGroup-module_quick-help-label__VLKen","quick-help-container":"InlineLinkGroup-module_quick-help-container__IStTk","quick-help-item":"InlineLinkGroup-module_quick-help-item__QTIMl","quick-help-separator":"InlineLinkGroup-module_quick-help-separator__qJE0q","quick-help-separator-line":"InlineLinkGroup-module_quick-help-separator-line__VbCVI"};
+
+var InlineLinkGroup = function (_a) {
+    var label = _a.label, links = _a.links, props = filterAttrs.__rest(_a, ["label", "links"]);
+    return (React.createElement("div", filterAttrs.__assign({ className: styles["quick-help"] }, filterAttrs.filterAttrs(props)),
+        label && (React.createElement("div", { className: styles["quick-help-label"] },
+            React.createElement(Heading.Heading, { size: "xxs", fontStyle: "overline" }, label))),
+        React.createElement("ul", { className: styles["quick-help-container"] }, links.map(function (link, index) { return (React.createElement(React.Fragment, { key: index },
+            React.createElement("li", { className: styles["quick-help-item"] },
+                React.createElement(Link.Link, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),
+                React.createElement(Icon.Icon, { icon: BtIconArrowAltRight.BtIconArrowAltRight, size: 24, color: "brand" })),
+            index < links.length - 1 && (React.createElement("li", { className: styles["quick-help-separator"], "aria-hidden": "true" },
+                React.createElement("div", { className: styles["quick-help-separator-line"] }))))); }))));
+};
+
+exports.InlineLinkGroup = InlineLinkGroup;

package/lib/InlineLinkGroup/InlineLinkGroup.mjs

@@ -0,0 +1,23 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import React__default from 'react';
+import { Link } from '@arc-ui/components/Link';
+import { Icon } from '@arc-ui/components/Icon';
+import { Heading } from '@arc-ui/components/Heading';
+import { B as BtIconArrowAltRight } from '../_shared/esm/BtIconArrowAltRight-VH6RTTnL.mjs';
+
+var styles = {"quick-help":"InlineLinkGroup-module_quick-help__cMTpB","quick-help-label":"InlineLinkGroup-module_quick-help-label__VLKen","quick-help-container":"InlineLinkGroup-module_quick-help-container__IStTk","quick-help-item":"InlineLinkGroup-module_quick-help-item__QTIMl","quick-help-separator":"InlineLinkGroup-module_quick-help-separator__qJE0q","quick-help-separator-line":"InlineLinkGroup-module_quick-help-separator-line__VbCVI"};
+
+var InlineLinkGroup = function (_a) {
+    var label = _a.label, links = _a.links, props = __rest(_a, ["label", "links"]);
+    return (React__default.createElement("div", __assign({ className: styles["quick-help"] }, filterAttrs(props)),
+        label && (React__default.createElement("div", { className: styles["quick-help-label"] },
+            React__default.createElement(Heading, { size: "xxs", fontStyle: "overline" }, label))),
+        React__default.createElement("ul", { className: styles["quick-help-container"] }, links.map(function (link, index) { return (React__default.createElement(React__default.Fragment, { key: index },
+            React__default.createElement("li", { className: styles["quick-help-item"] },
+                React__default.createElement(Link, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),
+                React__default.createElement(Icon, { icon: BtIconArrowAltRight, size: 24, color: "brand" })),
+            index < links.length - 1 && (React__default.createElement("li", { className: styles["quick-help-separator"], "aria-hidden": "true" },
+                React__default.createElement("div", { className: styles["quick-help-separator-line"] }))))); }))));
+};
+
+export { InlineLinkGroup };

package/lib/InlineLinkGroup/styles.css

@@ -0,0 +1 @@
+.InlineLinkGroup-module_quick-help__cMTpB{display:flex;flex-direction:column;align-items:center;width:100%}.InlineLinkGroup-module_quick-help__cMTpB ul,.InlineLinkGroup-module_quick-help__cMTpB li{list-style:none;margin:0;padding:0}.InlineLinkGroup-module_quick-help-label__VLKen{display:flex;flex-direction:row;align-items:center;padding-bottom:var(--sem-space-padding-110);width:100%}.InlineLinkGroup-module_quick-help-container__IStTk{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--sem-space-padding-70);width:100%}.InlineLinkGroup-module_quick-help-item__QTIMl{display:flex;align-items:center;gap:var(--arc-spacing-4);width:auto;flex:0 0 auto}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:none;width:24px;height:24px}.InlineLinkGroup-module_quick-help-separator__qJE0q{display:flex;align-items:center}.InlineLinkGroup-module_quick-help-separator-line__VbCVI{width:1px;height:14px;background:var(--sem-color-border-secondary-light-minimal)}@media not (min-width:636px){.InlineLinkGroup-module_quick-help-container__IStTk{flex-direction:column;align-items:flex-start;gap:var(--sem-space-padding-70)}.InlineLinkGroup-module_quick-help-item__QTIMl svg{display:block}.InlineLinkGroup-module_quick-help-separator__qJE0q{display:none}}

package/lib/LinkTile/LinkTile.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var Icon = require('@arc-ui/components/Icon');
 var BtIconArrowAltRight = require('../_shared/cjs/BtIconArrowAltRight-CLQdP61r.cjs');
 
-var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
+var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
 
 var LinkTile = function (_a) {
-    var text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = tslib_es6.__rest(_a, ["text", "href", "showIcon", "className"]);
+    var text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = filterAttrs.__rest(_a, ["text", "href", "showIcon", "className"]);
     var Component = href ? "a" : "div";
     var linkProps = href ? { href: href } : {};
-    return (React.createElement(Component, tslib_es6.__assign({ className: index.classNames(styles["link-tile"], className) }, linkProps, filterAttrs.filterAttrs(props)), text && (React.createElement("div", { className: styles["link-tile-content"] },
+    return (React.createElement(Component, filterAttrs.__assign({ className: index.classNames(styles["link-tile"], className) }, linkProps, filterAttrs.filterAttrs(props)), text && (React.createElement("div", { className: styles["link-tile-content"] },
         React.createElement("span", { className: styles["link-tile-text"] }, text),
-        showIcon && React.createElement(Icon.Icon, { icon: BtIconArrowAltRight.BtIconArrowAltRight, size: 32 })))));
+        showIcon && (React.createElement("span", { className: styles["link-tile-icon"] },
+            React.createElement(Icon.Icon, { icon: BtIconArrowAltRight.BtIconArrowAltRight, size: 32 })))))));
 };
 
 exports.LinkTile = LinkTile;

package/lib/LinkTile/LinkTile.mjs

@@ -1,19 +1,19 @@
-import { a as __rest, _ as __assign } from '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
-import React from 'react';
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
-import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import { Icon } from '@arc-ui/components/Icon';
 import { B as BtIconArrowAltRight } from '../_shared/esm/BtIconArrowAltRight-VH6RTTnL.mjs';
 
-var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
+var styles = {"link-tile":"LinkTile-module_link-tile__xVUP3","link-tile-content":"LinkTile-module_link-tile-content__H-QN8","link-tile-icon":"LinkTile-module_link-tile-icon__kTMfH","link-tile-text":"LinkTile-module_link-tile-text__0K6zf"};
 
 var LinkTile = function (_a) {
     var text = _a.text, href = _a.href, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, className = _a.className, props = __rest(_a, ["text", "href", "showIcon", "className"]);
     var Component = href ? "a" : "div";
     var linkProps = href ? { href: href } : {};
-    return (React.createElement(Component, __assign({ className: classNames(styles["link-tile"], className) }, linkProps, filterAttrs(props)), text && (React.createElement("div", { className: styles["link-tile-content"] },
-        React.createElement("span", { className: styles["link-tile-text"] }, text),
-        showIcon && React.createElement(Icon, { icon: BtIconArrowAltRight, size: 32 })))));
+    return (React__default.createElement(Component, __assign({ className: classNames(styles["link-tile"], className) }, linkProps, filterAttrs(props)), text && (React__default.createElement("div", { className: styles["link-tile-content"] },
+        React__default.createElement("span", { className: styles["link-tile-text"] }, text),
+        showIcon && (React__default.createElement("span", { className: styles["link-tile-icon"] },
+            React__default.createElement(Icon, { icon: BtIconArrowAltRight, size: 32 })))))));
 };
 
 export { LinkTile };

package/lib/LinkTile/styles.css

@@ -1 +1 @@
-.LinkTile-module_link-tile__xVUP3{display:flex;flex-direction:column;width:306px;border:1px solid #c8c8c8;border-radius:32px;padding:24px;background:#ffffff;text-decoration:none;cursor:pointer;transition:border-color 0.2s ease,border-radius 0.2s ease}.LinkTile-module_link-tile-content__H-QN8{display:flex;align-items:center;justify-content:space-between;gap:8px}.LinkTile-module_link-tile-text__0K6zf{font-family:"BT Curve",sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0;color:#5514b4;transition:color 0.2s ease;flex:1}.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:#5514b4;flex-shrink:0;transition:color 0.2s ease}.LinkTile-module_link-tile__xVUP3:hover{border-color:#5514b4}.LinkTile-module_link-tile__xVUP3:active{border-radius:32px}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf,.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-content__H-QN8 svg{color:#3f187f}@media (max-width: 1023px){.LinkTile-module_link-tile__xVUP3{padding:24px 16px 24px 24px}}
+.LinkTile-module_link-tile__xVUP3{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;width:306px;height:96px;border:var(--sem-border-width-xxs) solid var(--sem-color-border-secondary-light-minimal);border-radius:var(--sem-border-radius-xl);padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110);background:var(--sem-color-bg-secondary-light-default);text-decoration:none;cursor:pointer;transition:border-color 0.2s ease;flex:none;align-self:stretch;position:relative;overflow:visible}.LinkTile-module_link-tile-content__H-QN8{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--sem-space-padding-40);width:100%;height:48px;flex:none;align-self:stretch}.LinkTile-module_link-tile-icon__kTMfH{display:flex;width:32px;height:32px;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:none;flex-shrink:0;order:1}.LinkTile-module_link-tile-text__0K6zf{font-family:var(--sem-font-family-heading);font-size:var(--sem-font-size-100);font-weight:var(--sem-font-weight-semi);line-height:var(--sem-line-height-base-scale-xs);letter-spacing:0;color:var(--sem-color-fg-primary-light-default);transition:color 0.2s ease;flex:1;order:0}.LinkTile-module_link-tile-icon__kTMfH svg,.LinkTile-module_link-tile__xVUP3 .LinkTile-module_link-tile-content__H-QN8 svg{color:inherit;transition:color 0.2s ease}.LinkTile-module_link-tile__xVUP3[\:not-has\(svg\)]{padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:not(:has(svg)){padding:var(--sem-space-padding-110)}.LinkTile-module_link-tile__xVUP3:active{border-radius:var(--sem-border-radius-xl)}@media (min-width:1024px){.LinkTile-module_link-tile__xVUP3{padding:var(--sem-space-padding-110) var(--sem-space-padding-70) var(--sem-space-padding-110) var(--sem-space-padding-110)}}.LinkTile-module_link-tile__xVUP3:hover{border-color:transparent;box-shadow:inset 0 0 0 2px var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-text__0K6zf{color:var(--button-v2-colors-light-text-hover)}.LinkTile-module_link-tile__xVUP3:hover .LinkTile-module_link-tile-icon__kTMfH{color:var(--button-v2-colors-light-text-hover)}

package/lib/ProductNavigation/ProductNavigation.cjs

@@ -1,12 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
+var index_es = require('../_shared/cjs/index.es-B0J3cvrY.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
 var InformationCard = require('@arc-ui/components/InformationCard');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
@@ -21,7 +20,7 @@ var styles = {"product-navigation-grid":"ProductNavigation-module_product-naviga
  * Use `ProductNavigation` to give a collection of product information cards collected within a grid that has optional show/hide capability
  */
 var ProductNavigation = function (_a) {
-    var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, productList = _a.productList, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, minHeight = _a.minHeight, _d = _a.cardsToDisplay, cardsToDisplay = _d === void 0 ? 3 : _d, _e = _a.listIncrement, listIncrement = _e === void 0 ? 6 : _e, onClickMore = _a.onClickMore, onClickLess = _a.onClickLess, _f = _a.hideShowLess, hideShowLess = _f === void 0 ? false : _f, isLoading = _a.isLoading, image = _a.image, props = tslib_es6.__rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "hideButton", "productList", "defaultExpanded", "minHeight", "cardsToDisplay", "listIncrement", "onClickMore", "onClickLess", "hideShowLess", "isLoading", "image"]);
+    var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, _b = _a.hideButton, hideButton = _b === void 0 ? false : _b, productList = _a.productList, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, minHeight = _a.minHeight, _d = _a.cardsToDisplay, cardsToDisplay = _d === void 0 ? 3 : _d, _e = _a.listIncrement, listIncrement = _e === void 0 ? 6 : _e, onClickMore = _a.onClickMore, onClickLess = _a.onClickLess, _f = _a.hideShowLess, hideShowLess = _f === void 0 ? false : _f, isLoading = _a.isLoading, image = _a.image, props = filterAttrs.__rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "hideButton", "productList", "defaultExpanded", "minHeight", "cardsToDisplay", "listIncrement", "onClickMore", "onClickLess", "hideShowLess", "isLoading", "image"]);
     var _g = React.useState(false), hideLessButton = _g[0], setHideLessButton = _g[1];
     var _h = React.useState(cardsToDisplay), skipLinkCard = _h[0], setSkipLinkCard = _h[1];
     var _j = React.useState(productList.slice(0, cardsToDisplay)), displayList = _j[0], setDisplayList = _j[1];
@@ -57,12 +56,12 @@ var ProductNavigation = function (_a) {
         }
     };
     var isMinWidthArcBreakpointS = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.ArcSizeBreakpointsS, ")"));
-    return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
+    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement(SectionHeading.SectionHeading, { isPadded: true, id: id, "data-testid": "ProductNavigation-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content, image: image }),
         React.createElement("ul", { className: index.classNames(styles["product-navigation-grid"]) }, displayList === null || displayList === void 0 ? void 0 : displayList.map(function (cardProps, i) {
             var _a;
             return (React.createElement("li", { key: "displayList-".concat(i), tabIndex: -1, ref: i === skipLinkCard ? cardRef : undefined, "data-cy": "list-item-".concat(i) },
-                React.createElement(InformationCard.InformationCard, tslib_es6.__assign({}, cardProps, { minHeight: minHeight !== null && minHeight !== void 0 ? minHeight : cardProps.minHeight, headingLevel: (_a = cardProps.headingLevel) !== null && _a !== void 0 ? _a : "2" }))));
+                React.createElement(InformationCard.InformationCard, filterAttrs.__assign({}, cardProps, { minHeight: minHeight !== null && minHeight !== void 0 ? minHeight : cardProps.minHeight, headingLevel: (_a = cardProps.headingLevel) !== null && _a !== void 0 ? _a : "2" }))));
         })),
         React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
         React.createElement("div", { style: { display: "flex" } },