@arc-ui/community-components 3.3.0 → 3.4.0

package/lib/CopyLead/CopyLead.mjs

@@ -1,67 +1,77 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
-import React, { useState, useEffect, Suspense } from 'react';
-import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-Bfdys5__.mjs';
+import React__default, { useState, useEffect, Suspense } from 'react';
+import { a as ArcSizeBreakpointsL, c as ArcSizeBreakpointsXl, b as ArcSizeBreakpointsM } from '../_shared/esm/index.es-DraZ-qKh.mjs';
 import { Columns, ColumnsCol } from '@arc-ui/components/Columns';
 import { useMediaQuery } from '@arc-ui/components/use-media-query';
 import { Heading } from '@arc-ui/components/Heading';
-import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { Text } from '@arc-ui/components/Text';
 import { Image as Image$1 } from '@arc-ui/components/Image';
 import { Icon } from '@arc-ui/components/Icon';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { ButtonV2 } from '@arc-ui/components/ButtonV2';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-DZOg_gYi.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BskdQ2Tt.mjs';
+
+var MultiLineText = function (_a) {
+    var text = _a.text, textProps = __rest(_a, ["text"]);
+    if (!text)
+        return null;
+    var paragraphs = text.split(/\\n|\n/).filter(function (p) { return p.trim(); });
+    return (React__default.createElement(React__default.Fragment, null, paragraphs.map(function (paragraph, index) { return (React__default.createElement("span", { key: "informationcard-text-".concat(index) },
+        index > 0 && React__default.createElement(VerticalSpace, { size: "8" }),
+        React__default.createElement(Text, __assign({}, textProps), paragraph))); })));
+};
 
 var styles = {"buttonContainer":"CopyLead-module_buttonContainer__3OaRG","col":"CopyLead-module_col__0Da5H","container":"CopyLead-module_container__I91ym","container--content":"CopyLead-module_container--content__e8LxG","container--media":"CopyLead-module_container--media__QcMWi","container--align-center":"CopyLead-module_container--align-center__Fh1Sd","container--align-top":"CopyLead-module_container--align-top__UIXOZ","list":"CopyLead-module_list__arnJd","listItem":"CopyLead-module_listItem__NscHE","listItemCentered":"CopyLead-module_listItemCentered__Kwdab","listItemIconContainer":"CopyLead-module_listItemIconContainer__dgnhJ","listItemTextContainer":"CopyLead-module_listItemTextContainer__Dl9lw","imgWrapper":"CopyLead-module_imgWrapper__HYP3w","mediaContainer":"CopyLead-module_mediaContainer__PxTnm","content":"CopyLead-module_content__Bja1D","container--reverse":"CopyLead-module_container--reverse__Gq9u8"};
 
 var MediaContent = function (_a) {
-    var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, children = _a.children;
-    return (React.createElement("div", { className: styles.mediaContainer },
-        React.createElement(Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
-        children && (React.createElement("div", { className: styles.content },
-            React.createElement(VerticalSpace, { size: "24" }),
-            React.createElement(Text, { size: "l" }, children)))));
+    var heading = _a.heading, id = _a.id, headingLevel = _a.headingLevel, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content;
+    return (React__default.createElement("div", { className: styles.mediaContainer },
+        React__default.createElement(Heading, { id: id, level: headingLevel, isWordWrap: isHeadingWordWrap, size: "xl" }, heading),
+        content && (React__default.createElement("div", { className: styles.content },
+            React__default.createElement(VerticalSpace, { size: "24" }),
+            React__default.createElement(MultiLineText, { text: content, size: "l" })))));
 };
 
 var Image = function (_a) {
     var sources = _a.sources, props = __rest(_a, ["sources"]);
-    return (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)); }))));
+    return (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)); }))));
 };
 
 var IconList = function (_a) {
     var listItems = _a.listItems, isLgScreen = _a.isLgScreen, _b = _a.headingLevel, headingLevel = _b === void 0 ? "3" : _b;
-    return (React.createElement("ul", { className: styles.list }, listItems.map(function (_a) {
+    return (React__default.createElement("ul", { className: styles.list }, listItems.map(function (_a) {
         var _b;
         var icon = _a.icon, heading = _a.heading, text = _a.text;
-        return (React.createElement("li", { key: heading, className: classNames(styles.listItem, (_b = {},
+        return (React__default.createElement("li", { key: heading, className: classNames(styles.listItem, (_b = {},
                 _b[styles.listItemCentered] = !text,
                 _b)) },
-            React.createElement("div", { className: styles.listItemIconContainer },
-                React.createElement(Icon, { color: "brand", icon: icon, size: isLgScreen ? 64 : 48 })),
-            React.createElement("div", { className: styles.listItemTextContainer },
-                React.createElement(Heading, { level: headingLevel, size: "s" }, heading),
-                text && (React.createElement(React.Fragment, null,
-                    React.createElement(VerticalSpace, { size: "8", sizeL: "16" }),
-                    React.createElement(Text, null, text))))));
+            React__default.createElement("div", { className: styles.listItemIconContainer },
+                React__default.createElement(Icon, { color: "brand", icon: icon, size: isLgScreen ? 64 : 48 })),
+            React__default.createElement("div", { className: styles.listItemTextContainer },
+                React__default.createElement(Heading, { level: headingLevel, size: "s" }, heading),
+                text && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(VerticalSpace, { size: "8", sizeL: "16" }),
+                    React__default.createElement(Text, null, text))))));
     })));
 };
 
-var Button = function (props) { return (React.createElement("div", { className: styles.buttonContainer },
-    React.createElement(ButtonV2, __assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
+var Button = function (props) { return (React__default.createElement("div", { className: styles.buttonContainer },
+    React__default.createElement(ButtonV2, __assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
 
 var Container = function (_a) {
     var _b;
     var children = _a.children, isReverseOrder = _a.isReverseOrder, type = _a.type, alignment = _a.alignment;
-    return (React.createElement("div", { "data-testid": "copy-lead-container", className: classNames(styles.container, styles["container--".concat(type)], styles["container--align-".concat(alignment)], (_b = {},
+    return (React__default.createElement("div", { "data-testid": "copy-lead-container", className: classNames(styles.container, styles["container--".concat(type)], styles["container--align-".concat(alignment)], (_b = {},
             _b[styles["container--reverse"]] = isReverseOrder,
             _b)) }, children));
 };
 
 var Column = function (_a) {
     var children = _a.children;
-    return (React.createElement("div", { className: styles.col }, children));
+    return (React__default.createElement("div", { className: styles.col }, children));
 };
 
 var getListHeadingLevel = function (level) {
@@ -69,7 +79,7 @@ var getListHeadingLevel = function (level) {
     return nextLevel.toString();
 };
 
-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 ({
@@ -86,19 +96,19 @@ var MediaTemplate = function (_a) {
     useEffect(function () {
         setIsClient(true);
     }, []);
-    return (React.createElement("div", null,
-        !isMinWidthArcBreakpointXl && (React.createElement(Columns, null,
-            React.createElement(ColumnsCol, { span: 12, spanM: 9 },
-                React.createElement(MediaContent, { heading: heading, headingLevel: headingLevel, id: id, isHeadingWordWrap: isHeadingWordWrap }, content)))),
-        React.createElement(Container, { type: "media", isReverseOrder: isReverseOrder, alignment: !isMinWidthArcBreakpointXl ? "top" : "center" },
-            React.createElement(Column, null,
-                isMinWidthArcBreakpointXl && (React.createElement(MediaContent, { heading: heading }, content)),
-                React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
-                button && React.createElement(Button, __assign({}, button))),
-            React.createElement(Column, null,
-                video && isClient && (React.createElement(Suspense, { fallback: null },
-                    React.createElement(VideoPlayer, __assign({}, video)))),
-                image && !video && React.createElement(Image, __assign({}, image))))));
+    return (React__default.createElement("div", null,
+        !isMinWidthArcBreakpointXl && (React__default.createElement(Columns, null,
+            React__default.createElement(ColumnsCol, { span: 12, spanM: 9 },
+                React__default.createElement(MediaContent, { heading: heading, headingLevel: headingLevel, id: id, isHeadingWordWrap: isHeadingWordWrap, content: content })))),
+        React__default.createElement(Container, { type: "media", isReverseOrder: isReverseOrder, alignment: !isMinWidthArcBreakpointXl ? "top" : "center" },
+            React__default.createElement(Column, null,
+                isMinWidthArcBreakpointXl && (React__default.createElement(MediaContent, { heading: heading, content: content })),
+                React__default.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
+                button && React__default.createElement(Button, __assign({}, button))),
+            React__default.createElement(Column, null,
+                video && isClient && (React__default.createElement(Suspense, { fallback: null },
+                    React__default.createElement(VideoPlayer, __assign({}, video)))),
+                image && !video && React__default.createElement(Image, __assign({}, image))))));
 };
 
 var ContentTemplate = function (_a) {
@@ -106,13 +116,13 @@ var ContentTemplate = function (_a) {
     var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsM, ")"));
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcSizeBreakpointsL, ")"));
     var listHeadingLevel = getListHeadingLevel(headingLevel);
-    return (React.createElement(Container, { type: "content", alignment: "top" },
-        React.createElement(Column, null,
-            React.createElement(SectionHeading, { id: id, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content }),
-            button && isMinWidthArcBreakpointM && React.createElement(Button, __assign({}, button))),
-        React.createElement(Column, null,
-            React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
-            button && !isMinWidthArcBreakpointM && React.createElement(Button, __assign({}, button)))));
+    return (React__default.createElement(Container, { type: "content", alignment: "top" },
+        React__default.createElement(Column, null,
+            React__default.createElement(SectionHeading, { id: id, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: React__default.createElement(MultiLineText, { size: "l", text: content }) }),
+            button && isMinWidthArcBreakpointM && React__default.createElement(Button, __assign({}, button))),
+        React__default.createElement(Column, null,
+            React__default.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
+            button && !isMinWidthArcBreakpointM && React__default.createElement(Button, __assign({}, button)))));
 };
 
 /**
@@ -121,10 +131,10 @@ var ContentTemplate = function (_a) {
 var CopyLead = function (_a) {
     var button = _a.button, heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, listItems = _a.listItems, video = _a.video, image = _a.image, content = _a.content, isHeadingWordWrap = _a.isHeadingWordWrap, _c = _a.isReverseOrder, isReverseOrder = _c === void 0 ? false : _c, props = __rest(_a, ["button", "heading", "id", "headingLevel", "listItems", "video", "image", "content", "isHeadingWordWrap", "isReverseOrder"]);
     if (video || image) {
-        return (React.createElement(MediaTemplate, __assign({ id: id, content: content, video: video, image: image, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, isReverseOrder: isReverseOrder }, filterAttrs(props))));
+        return (React__default.createElement(MediaTemplate, __assign({ id: id, content: content, video: video, image: image, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, isReverseOrder: isReverseOrder }, filterAttrs(props))));
     }
     if (content) {
-        return (React.createElement(ContentTemplate, __assign({ id: id, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, content: content }, filterAttrs(props))));
+        return (React__default.createElement(ContentTemplate, __assign({ id: id, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, content: content }, filterAttrs(props))));
     }
     return null;
 };

package/lib/DownloadList/DownloadList.mjs

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
-import React from 'react';
+import React__default from 'react';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-DZOg_gYi.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BskdQ2Tt.mjs';
 import { Download } from '@arc-ui/components/Download';
 import '../_shared/esm/index-BfTCfPZ1.mjs';
 import '@arc-ui/components/Text';
@@ -12,13 +12,13 @@ var styles = {"headingContainer":"DownloadList-module_headingContainer__PNio8"};
 
 var DownloadList = function (_a) {
     var heading = _a.heading, id = _a.id, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, downloads = _a.downloads, props = __rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads"]);
-    return (React.createElement("div", __assign({}, filterAttrs(props)),
-        React.createElement("div", { className: styles.headingContainer },
-            React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
-        React.createElement(VerticalSpace, { size: "40" }),
-        downloads.map(function (downloadProps, i) { return (React.createElement(React.Fragment, { key: "download-".concat(i) },
-            React.createElement(Download, __assign({}, downloadProps)),
-            i !== downloads.length - 1 && React.createElement(VerticalSpace, { size: "16" }))); })));
+    return (React__default.createElement("div", __assign({}, filterAttrs(props)),
+        React__default.createElement("div", { className: styles.headingContainer },
+            React__default.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
+        React__default.createElement(VerticalSpace, { size: "40" }),
+        downloads.map(function (downloadProps, i) { return (React__default.createElement(React__default.Fragment, { key: "download-".concat(i) },
+            React__default.createElement(Download, __assign({}, downloadProps)),
+            i !== downloads.length - 1 && React__default.createElement(VerticalSpace, { size: "16" }))); })));
 };
 
 export { DownloadList };

package/lib/FAQs/FAQs.mjs

@@ -1,8 +1,8 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
-import React from 'react';
+import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
-import { A as Accordion } from '../_shared/esm/Accordion-DrOTh90S.mjs';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-DZOg_gYi.mjs';
+import { A as Accordion } from '../_shared/esm/Accordion-DtU7jbCv.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-BskdQ2Tt.mjs';
 import { Link } from '@arc-ui/components/Link';
 import { Heading } from '@arc-ui/components/Heading';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
@@ -25,32 +25,32 @@ var scrollToSectionFocusFirstElement = function (item) {
 var FAQs = function (_a) {
     var _b;
     var heading = _a.heading, isHeadingWordWrap = _a.isHeadingWordWrap, content = _a.content, id = _a.id, _c = _a.isPadded, isPadded = _c === void 0 ? false : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, image = _a.image, type = _a.type, _e = _a.linkListHeading, linkListHeading = _e === void 0 ? "Skip to section" : _e, accordionData = _a.accordionData, props = __rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
-    return (React.createElement("div", __assign({ className: styles.FAQs }, filterAttrs(props)),
-        React.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, image: image, headingLevel: headingLevel, isPadded: isPadded }),
-        type === "listWithLinks" && (React.createElement("div", { className: styles.linkListSection },
-            React.createElement("div", { className: styles.linkListTitle },
-                React.createElement(Heading, { size: "xs" }, linkListHeading)),
-            React.createElement("ul", { className: classNames((_b = {},
+    return (React__default.createElement("div", __assign({ className: styles.FAQs }, filterAttrs(props)),
+        React__default.createElement(SectionHeading, { id: id, isHeadingWordWrap: isHeadingWordWrap, heading: heading, content: content, image: image, headingLevel: headingLevel, isPadded: isPadded }),
+        type === "listWithLinks" && (React__default.createElement("div", { className: styles.linkListSection },
+            React__default.createElement("div", { className: styles.linkListTitle },
+                React__default.createElement(Heading, { size: "xs" }, linkListHeading)),
+            React__default.createElement("ul", { className: classNames((_b = {},
                     _b[styles.linkList] = true,
                     _b[styles["linkList--padded"]] = isPadded,
                     _b)) }, accordionData.map(function (item) {
                 var _a;
-                return (React.createElement("li", { className: styles.linkListItem, key: item.heading },
-                    React.createElement(Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
+                return (React__default.createElement("li", { className: styles.linkListItem, key: item.heading },
+                    React__default.createElement(Link, { title: item.heading, href: "#".concat(item.id), onClick: function (e) {
                             e.preventDefault();
                             scrollToSectionFocusFirstElement(item);
                         } }, (_a = item.altLinkTitle) !== null && _a !== void 0 ? _a : item.heading)));
             })))),
-        type !== "tabs" && accordionData && (React.createElement("ul", { className: styles.accordionList }, accordionData.map(function (item) { return (React.createElement("li", { className: styles.accordionListItem, key: item.id },
-            React.createElement(Accordion, { id: item.id, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" }),
-            React.createElement(VerticalSpace, { size: "48", sizeL: "64" }))); }))),
-        type === "tabs" && (React.createElement(Tabs, { defaultValue: accordionData[0].heading },
-            React.createElement(TabsList, { type: "standard" }, accordionData.map(function (item, index) { return (React.createElement("div", { key: index },
-                React.createElement(TabsItem, { label: item.heading, value: item.heading }))); })),
-            React.createElement(VerticalSpace, { size: "40" }),
-            accordionData.map(function (item, index) { return (React.createElement("div", { key: item.heading },
-                React.createElement(TabsContent, { value: item.heading },
-                    React.createElement(Accordion, { key: index, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" })))); })))));
+        type !== "tabs" && accordionData && (React__default.createElement("ul", { className: styles.accordionList }, accordionData.map(function (item) { return (React__default.createElement("li", { className: styles.accordionListItem, key: item.id },
+            React__default.createElement(Accordion, { id: item.id, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" }),
+            React__default.createElement(VerticalSpace, { size: "48", sizeL: "64" }))); }))),
+        type === "tabs" && (React__default.createElement(Tabs, { defaultValue: accordionData[0].heading },
+            React__default.createElement(TabsList, { type: "standard" }, accordionData.map(function (item, index) { return (React__default.createElement("div", { key: index },
+                React__default.createElement(TabsItem, { label: item.heading, value: item.heading }))); })),
+            React__default.createElement(VerticalSpace, { size: "40" }),
+            accordionData.map(function (item, index) { return (React__default.createElement("div", { key: item.heading },
+                React__default.createElement(TabsContent, { value: item.heading },
+                    React__default.createElement(Accordion, { key: index, heading: item.heading, headingLevel: item.headingLevel, content: item.content, disclosureList: item.disclosureList, headingSize: "m" })))); })))));
 };
 
 export { FAQs };

package/lib/FeaturePost/FeaturePost.cjs

@@ -3,7 +3,7 @@
 var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.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');

package/lib/FeaturePost/FeaturePost.mjs

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
-import React, { useState, useEffect, Suspense } from 'react';
+import React__default, { useState, useEffect, Suspense } from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.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';
@@ -9,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-BVCRPgkl.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';
 
@@ -2202,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 ({
@@ -2228,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))))));
 };
 
 /**
@@ -2241,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: "24" }),
-                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: "40" }),
-                        React.createElement(Author, __assign({}, footer.author)))),
-                    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.mjs

@@ -1,10 +1,10 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
-import React, { useId } from 'react';
+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-DZOg_gYi.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';
@@ -22,23 +22,23 @@ 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, props = __rest(_a, ["icon", "heading", "text", "link", "isSmallIcon", "headingLevel"]);
     var listHeadingLevel = getListHeadingLevel(headingLevel || "2");
-    return (React.createElement("div", __assign({ "data-testid": "highlight-item-container", className: styles.highlightItem }, filterAttrs(props)),
-        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, props = __rest(_a, ["listItems", "columns", "isSmallIcon", "headingLevel"]);
     var id = useId();
-    return (React.createElement("div", __assign({ "data-testid": "highlights-list", className: classNames(styles.highlights, styles["highlights".concat(columns, "Column")]) }, filterAttrs(props)), listItems.map(function (_a, i) {
+    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.createElement(HighlightItem, __assign({ key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }, itemProps)));
+        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)));
     })));
 };
 
@@ -51,12 +51,12 @@ 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, props = __rest(_a, ["heading", "headingLevel", "id", "isHeadingWordWrap", "content", "listItems", "columns", "cta"]);
     var isMaxWidthArcBreakpointXs = useMediaQuery("(max-width: 767px)");
-    return (React.createElement("div", __assign({}, filterAttrs(props)),
-        React.createElement(SectionHeading, { isPadded: true, id: id, "data-testid": "highlights-header", heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: content }),
-        React.createElement(HighlightList, { 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.mjs

@@ -1,5 +1,5 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
-import React from 'react';
+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';
@@ -9,15 +9,15 @@ var styles = {"quick-help":"InlineLinkGroup-module_quick-help__cMTpB","quick-hel
 
 var InlineLinkGroup = function (_a) {
     var label = _a.label, links = _a.links, props = __rest(_a, ["label", "links"]);
-    return (React.createElement("div", __assign({ className: styles["quick-help"] }, filterAttrs(props)),
-        label && (React.createElement("div", { className: styles["quick-help-label"] },
-            React.createElement(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, { href: link.href, onClick: link.onClick, "aria-label": link.ariaLabel }, link.label),
-                React.createElement(Icon, { icon: 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"] }))))); }))));
+    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/LinkTile/LinkTile.mjs

@@ -1,5 +1,5 @@
 import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
-import React from 'react';
+import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { Icon } from '@arc-ui/components/Icon';
 import { B as BtIconArrowAltRight } from '../_shared/esm/BtIconArrowAltRight-VH6RTTnL.mjs';
@@ -10,10 +10,10 @@ 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("span", { className: styles["link-tile-icon"] },
-            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/ProductNavigation/ProductNavigation.cjs

@@ -4,7 +4,7 @@ var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
-var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.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');