@arc-ui/community-components 3.4.0 → 3.6.0

package/lib/BusinessSegmentSwitcher/BusinessSegmentSwitcher.mjs

@@ -0,0 +1,79 @@
+import { a as __assign, _ as __rest } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
+import React__default, { useState } from 'react';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
+import { ContentSwitcher, ContentSwitcherList, ContentSwitcherTab, ContentSwitcherContent } from '@arc-ui/components/ContentSwitcher';
+import { ContentSwitcherDropdown, ContentSwitcherDropdownContent } from '@arc-ui/components/ContentSwitcherDropdown';
+import { InformationCard } from '@arc-ui/components/InformationCard';
+import { TypographyCard } from '@arc-ui/components/TypographyCard';
+import { MediaCard } from '@arc-ui/components/MediaCard';
+import { Carousel } from '@arc-ui/components/Carousel';
+
+var styles = {"contentWrapper":"BusinessSegmentSwitcher-module_contentWrapper__YKEjS","cardWrapper":"BusinessSegmentSwitcher-module_cardWrapper__eGDJ-","cardCol":"BusinessSegmentSwitcher-module_cardCol__jsySH","businessSegmentSwitcherDesktop":"BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS","businessSegmentSwitcher":"BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K","desktopCarousel":"BusinessSegmentSwitcher-module_desktopCarousel__xW3HN","businessSegmentSwitcherMobile":"BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi"};
+
+/**
+ * Renders either an InformationCard or a contained MediaCard based on the card type.
+ */
+var renderCard = function (card) {
+    if (card.type === "information") {
+        return React__default.createElement(InformationCard, __assign({}, card));
+    }
+    if (card.type === "media") {
+        return React__default.createElement(MediaCard, __assign({}, card, { isContained: true }));
+    }
+    return null;
+};
+
+/**
+ * Renders a responsive carousel containing the bento grid cards for mobile and tablet viewports.
+ */
+var renderBusinessSegmentSwitcherCarousel = function (_a) {
+    var content = _a.content, label = _a.label;
+    return (React__default.createElement(Carousel, { overflow: "visible", behavior: "adaptive", responsive: {
+            xs: { itemsPerSlide: 1 },
+            s: { itemsPerSlide: 2 },
+        } },
+        React__default.createElement("div", { className: styles.cardWrapper }, renderCard(content.card1)),
+        React__default.createElement("div", { className: styles.cardWrapper }, renderCard(content.card2)),
+        content.card3 && (React__default.createElement("div", { className: styles.cardWrapper },
+            React__default.createElement(InformationCard, __assign({}, content.card3)))),
+        React__default.createElement("div", { className: styles.cardWrapper },
+            React__default.createElement(TypographyCard, { heading: "All ".concat(label, " solutions"), label: content.card4.label, url: content.card4.url }))));
+};
+
+/**
+ * BusinessSegmentSwitcher displays tabbed content with a bento grid layout made up of 3 - 4 cards.
+ * Renders as tabs on desktop and a dropdown with carousel on mobile (below 1024px).
+ */
+var BusinessSegmentSwitcher = function (_a) {
+    var _b, _c;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue, props = __rest(_a, ["tabs", "defaultValue"]);
+    var initialTab = (_c = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
+    var _d = useState(initialTab), selectedTab = _d[0], setSelectedTab = _d[1];
+    return (React__default.createElement("div", __assign({ className: styles.businessSegmentSwitcher }, filterAttrs(props)),
+        React__default.createElement("div", { className: styles.businessSegmentSwitcherDesktop },
+            React__default.createElement(ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
+                React__default.createElement(ContentSwitcherList, { isInset: true }, tabs.map(function (_a, index) {
+                    var label = _a.label, value = _a.value;
+                    return (React__default.createElement(ContentSwitcherTab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
+                })),
+                tabs.map(function (_a, index) {
+                    var value = _a.value, content = _a.content, label = _a.label;
+                    return (React__default.createElement(ContentSwitcherContent, { value: value, key: "".concat(index, "-").concat(value), hidden: value !== selectedTab },
+                        React__default.createElement("div", { className: styles.contentWrapper },
+                            React__default.createElement("div", { className: styles.desktopCarousel }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label })),
+                            renderCard(content.card1),
+                            renderCard(content.card2),
+                            React__default.createElement("div", { className: styles.cardCol },
+                                content.card3 && React__default.createElement(InformationCard, __assign({}, content.card3)),
+                                React__default.createElement("div", null,
+                                    React__default.createElement(TypographyCard, { heading: "All ".concat(label.toLowerCase(), " solutions"), text: content.card4.text, label: content.card4.label, url: content.card4.url }))))));
+                }))),
+        React__default.createElement("div", { className: styles.businessSegmentSwitcherMobile },
+            React__default.createElement(ContentSwitcherDropdown, { isInset: true, value: selectedTab, tabs: tabs, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
+                var value = _a.value, content = _a.content, label = _a.label;
+                return (React__default.createElement(ContentSwitcherDropdownContent, { value: value, key: "".concat(index, "-").concat(value) },
+                    React__default.createElement("div", { className: styles.contentWrapper }, renderBusinessSegmentSwitcherCarousel({ content: content, label: label }))));
+            })))));
+};
+
+export { BusinessSegmentSwitcher };

package/lib/BusinessSegmentSwitcher/styles.css

@@ -0,0 +1 @@
+.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{background:#f7f7f7;padding:64px 16px 16px;border-radius:64px;width:100%;display:flex;gap:32px;overflow:hidden}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{height:100%;min-width:288px}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS>*{flex:1 1 0;min-width:0}.BusinessSegmentSwitcher-module_cardCol__jsySH{display:flex;flex-direction:column;gap:32px}.BusinessSegmentSwitcher-module_cardCol__jsySH>:nth-child(1){flex:1}.BusinessSegmentSwitcher-module_cardCol__jsySH>:nth-child(2){flex-shrink:0}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0 -16px}@media (min-width:329px){.BusinessSegmentSwitcher-module_businessSegmentSwitcher__Sae5K{margin:0}}@media (min-width:636px){.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 24px 24px}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:282px}}@media (min-width:768px){.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS{display:block}.BusinessSegmentSwitcher-module_segmentSwitcherDesktop__xHnyb .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>*:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN),.BusinessSegmentSwitcher-module_businessSegmentSwitcherMobile__PSFyi{display:none}.BusinessSegmentSwitcher-module_cardWrapper__eGDJ-{min-width:384px}}@media (min-width:1024px){.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN{display:none}.BusinessSegmentSwitcher-module_businessSegmentSwitcherDesktop__oBvzS .BusinessSegmentSwitcher-module_contentWrapper__YKEjS>*:not(.BusinessSegmentSwitcher-module_desktopCarousel__xW3HN){display:flex}.BusinessSegmentSwitcher-module_contentWrapper__YKEjS{padding:64px 32px 32px}}

package/lib/ContentInfoWidget/ContentInfoWidget.cjs

@@ -1,15 +1,16 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var Text = require('@arc-ui/components/Text');
 var Icon = require('@arc-ui/components/Icon');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 
 var styles = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
 
 var ContentInfoWidget = function (_a) {
-    var text = _a.text, icon = _a.icon, props = filterAttrs.__rest(_a, ["text", "icon"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: styles.container }, filterAttrs.filterAttrs(props)),
+    var text = _a.text, icon = _a.icon, props = tslib_es6.__rest(_a, ["text", "icon"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: styles.container }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: styles.icon },
             React.createElement(Icon.Icon, { size: 20, icon: icon })),
         React.createElement("div", { className: styles.text },

package/lib/ContentInfoWidget/ContentInfoWidget.mjs

@@ -1,7 +1,8 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
 import { Text } from '@arc-ui/components/Text';
 import { Icon } from '@arc-ui/components/Icon';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 
 var styles = {"container":"ContentInfoWidget-module_container__yaS-8","text":"ContentInfoWidget-module_text__O1BdZ","icon":"ContentInfoWidget-module_icon__LEww1"};
 

package/lib/CopyLead/CopyLead.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 var index_es = require('../_shared/cjs/index.es-B0J3cvrY.cjs');
 var Columns = require('@arc-ui/components/Columns');
 var useMediaQuery = require('@arc-ui/components/use-media-query');
@@ -12,16 +13,16 @@ var Image$1 = require('@arc-ui/components/Image');
 var Icon = require('@arc-ui/components/Icon');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var ButtonV2 = require('@arc-ui/components/ButtonV2');
-var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
 
 var MultiLineText = function (_a) {
-    var text = _a.text, textProps = filterAttrs.__rest(_a, ["text"]);
+    var text = _a.text, textProps = tslib_es6.__rest(_a, ["text"]);
     if (!text)
         return null;
     var paragraphs = text.split(/\\n|\n/).filter(function (p) { return p.trim(); });
     return (React.createElement(React.Fragment, null, paragraphs.map(function (paragraph, index) { return (React.createElement("span", { key: "informationcard-text-".concat(index) },
         index > 0 && React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-        React.createElement(Text.Text, filterAttrs.__assign({}, textProps), paragraph))); })));
+        React.createElement(Text.Text, tslib_es6.__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"};
@@ -36,10 +37,10 @@ var MediaContent = function (_a) {
 };
 
 var Image = function (_a) {
-    var sources = _a.sources, props = filterAttrs.__rest(_a, ["sources"]);
+    var sources = _a.sources, props = tslib_es6.__rest(_a, ["sources"]);
     return (React.createElement("div", { className: styles.imgWrapper },
-        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)); }))));
+        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)); }))));
 };
 
 var IconList = function (_a) {
@@ -61,7 +62,7 @@ var IconList = function (_a) {
 };
 
 var Button = function (props) { return (React.createElement("div", { className: styles.buttonContainer },
-    React.createElement(ButtonV2.ButtonV2, filterAttrs.__assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
+    React.createElement(ButtonV2.ButtonV2, tslib_es6.__assign({ isFullWidth: true, buttonStyle: "secondary" }, props)))); };
 
 var Container = function (_a) {
     var _b;
@@ -106,11 +107,11 @@ var MediaTemplate = function (_a) {
             React.createElement(Column, null,
                 isMinWidthArcBreakpointXl && (React.createElement(MediaContent, { heading: heading, content: content })),
                 React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
-                button && React.createElement(Button, filterAttrs.__assign({}, button))),
+                button && React.createElement(Button, tslib_es6.__assign({}, button))),
             React.createElement(Column, null,
                 video && isClient && (React.createElement(React.Suspense, { fallback: null },
-                    React.createElement(VideoPlayer, filterAttrs.__assign({}, video)))),
-                image && !video && React.createElement(Image, filterAttrs.__assign({}, image))))));
+                    React.createElement(VideoPlayer, tslib_es6.__assign({}, video)))),
+                image && !video && React.createElement(Image, tslib_es6.__assign({}, image))))));
 };
 
 var ContentTemplate = function (_a) {
@@ -121,22 +122,22 @@ var ContentTemplate = function (_a) {
     return (React.createElement(Container, { type: "content", alignment: "top" },
         React.createElement(Column, null,
             React.createElement(SectionHeading.SectionHeading, { id: id, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, content: React.createElement(MultiLineText, { size: "l", text: content }) }),
-            button && isMinWidthArcBreakpointM && React.createElement(Button, filterAttrs.__assign({}, button))),
+            button && isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button))),
         React.createElement(Column, null,
             React.createElement(IconList, { listItems: listItems, isLgScreen: isMinWidthArcBreakpointL, headingLevel: listHeadingLevel }),
-            button && !isMinWidthArcBreakpointM && React.createElement(Button, filterAttrs.__assign({}, button)))));
+            button && !isMinWidthArcBreakpointM && React.createElement(Button, tslib_es6.__assign({}, button)))));
 };
 
 /**
  * Use `CopyLead` to give supporting information about a page or proposition. It can be used to call out key benefits in bullet points, or link to a supporting explanatory video. An optional CTA can be used to link to further information or trigger a sales or enquiry journey.
  */
 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 = filterAttrs.__rest(_a, ["button", "heading", "id", "headingLevel", "listItems", "video", "image", "content", "isHeadingWordWrap", "isReverseOrder"]);
+    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 = tslib_es6.__rest(_a, ["button", "heading", "id", "headingLevel", "listItems", "video", "image", "content", "isHeadingWordWrap", "isReverseOrder"]);
     if (video || image) {
-        return (React.createElement(MediaTemplate, filterAttrs.__assign({ id: id, content: content, video: video, image: image, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, isReverseOrder: isReverseOrder }, filterAttrs.filterAttrs(props))));
+        return (React.createElement(MediaTemplate, tslib_es6.__assign({ id: id, content: content, video: video, image: image, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, isReverseOrder: isReverseOrder }, filterAttrs.filterAttrs(props))));
     }
     if (content) {
-        return (React.createElement(ContentTemplate, filterAttrs.__assign({ id: id, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, content: content }, filterAttrs.filterAttrs(props))));
+        return (React.createElement(ContentTemplate, tslib_es6.__assign({ id: id, listItems: listItems, heading: heading, headingLevel: headingLevel, isHeadingWordWrap: isHeadingWordWrap, button: button, content: content }, filterAttrs.filterAttrs(props))));
     }
     return null;
 };

package/lib/CopyLead/CopyLead.mjs

@@ -1,5 +1,6 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default, { useState, useEffect, Suspense } from 'react';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 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';
@@ -10,7 +11,7 @@ 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-BskdQ2Tt.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
 
 var MultiLineText = function (_a) {
     var text = _a.text, textProps = __rest(_a, ["text"]);

package/lib/DownloadList/DownloadList.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
 var Download = require('@arc-ui/components/Download');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 require('@arc-ui/components/Text');
 require('@arc-ui/components/Image');
@@ -13,13 +14,13 @@ require('@arc-ui/components/Heading');
 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 = filterAttrs.__rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads"]);
-    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
+    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 = tslib_es6.__rest(_a, ["heading", "id", "headingLevel", "isHeadingWordWrap", "content", "downloads"]);
+    return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: styles.headingContainer },
             React.createElement(SectionHeading.SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content })),
         React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
         downloads.map(function (downloadProps, i) { return (React.createElement(React.Fragment, { key: "download-".concat(i) },
-            React.createElement(Download.Download, filterAttrs.__assign({}, downloadProps)),
+            React.createElement(Download.Download, tslib_es6.__assign({}, downloadProps)),
             i !== downloads.length - 1 && React.createElement(VerticalSpace.VerticalSpace, { size: "16" }))); })));
 };
 

package/lib/DownloadList/DownloadList.mjs

@@ -1,8 +1,9 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BskdQ2Tt.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
 import { Download } from '@arc-ui/components/Download';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '../_shared/esm/index-BfTCfPZ1.mjs';
 import '@arc-ui/components/Text';
 import '@arc-ui/components/Image';

package/lib/FAQs/FAQs.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-var Accordion = require('../_shared/cjs/Accordion-QqDoB3pY.cjs');
-var SectionHeading = require('../_shared/cjs/SectionHeading-Dj-dJfv3.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
+var Accordion = require('../_shared/cjs/Accordion-DfNGOjTm.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
 var Link = require('@arc-ui/components/Link');
 var Heading = require('@arc-ui/components/Heading');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
@@ -26,8 +27,8 @@ 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 = filterAttrs.__rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
-    return (React.createElement("div", filterAttrs.__assign({ className: styles.FAQs }, filterAttrs.filterAttrs(props)),
+    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 = tslib_es6.__rest(_a, ["heading", "isHeadingWordWrap", "content", "id", "isPadded", "headingLevel", "image", "type", "linkListHeading", "accordionData"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: styles.FAQs }, filterAttrs.filterAttrs(props)),
         React.createElement(SectionHeading.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 },

package/lib/FAQs/FAQs.mjs

@@ -1,8 +1,9 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
-import { A as Accordion } from '../_shared/esm/Accordion-DtU7jbCv.mjs';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BskdQ2Tt.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
+import { A as Accordion } from '../_shared/esm/Accordion-DSRlkcXi.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.mjs';
 import { Link } from '@arc-ui/components/Link';
 import { Heading } from '@arc-ui/components/Heading';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';

package/lib/FeaturePost/FeaturePost.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.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-B0J3cvrY.cjs');
 var AppButton = require('@arc-ui/components/AppButton');
 var Grid = require('@arc-ui/components/Grid');
@@ -11,7 +12,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-aL8YXi7C.cjs');
+var Author = require('../_shared/cjs/Author-D4dKNQem.cjs');
 var Image$1 = require('@arc-ui/components/Image');
 require('@arc-ui/components/Avatar');
 
@@ -2203,11 +2204,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 = filterAttrs.__rest(_a, ["sources", "title", "description"]);
+    var sources = _a.sources, title = _a.title, description = _a.description, props = tslib_es6.__rest(_a, ["sources", "title", "description"]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles.imgWrapper },
-            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)); }))),
+            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)); }))),
         title && (React.createElement(React.Fragment, null,
             React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
             React.createElement(Heading.Heading, { level: "3", size: "s" }, title),
@@ -2231,9 +2232,9 @@ var MediaContent = function (_a) {
         setIsClient(true);
     }, []);
     return (React.createElement(React.Fragment, null,
-        image && !video && React.createElement(Image, filterAttrs.__assign({}, image)),
+        image && !video && React.createElement(Image, tslib_es6.__assign({}, image)),
         video && isClient && (React.createElement(React.Suspense, { fallback: null },
-            React.createElement(VideoPlayer, filterAttrs.__assign({}, video))))));
+            React.createElement(VideoPlayer, tslib_es6.__assign({}, video))))));
 };
 
 /**
@@ -2241,9 +2242,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 = filterAttrs.__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 = tslib_es6.__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", filterAttrs.__assign({ "data-testid": "feature-post", className: index.classNames(styles.featurePost, (_b = {},
+    return (React.createElement("div", tslib_es6.__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 },
@@ -2265,9 +2266,9 @@ var FeaturePost = function (_a) {
                 (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: "40" }),
-                        React.createElement(Author.Author, filterAttrs.__assign({}, footer.author)))),
+                        React.createElement(Author.Author, tslib_es6.__assign({}, footer.author)))),
                     React.createElement(VerticalSpace.VerticalSpace, { size: "40" }),
-                    React.createElement(ButtonV2.ButtonV2, filterAttrs.__assign({ buttonStyle: "secondary" }, footer.button)))),
+                    React.createElement(ButtonV2.ButtonV2, tslib_es6.__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,6 +1,7 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.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-DraZ-qKh.mjs';
 import { AppButton } from '@arc-ui/components/AppButton';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
@@ -9,7 +10,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-CJQFrQM9.mjs';
+import { A as Author } from '../_shared/esm/Author-CLMgH9ES.mjs';
 import { Image as Image$1 } from '@arc-ui/components/Image';
 import '@arc-ui/components/Avatar';
 

package/lib/Highlights/Highlights.cjs

@@ -1,17 +1,18 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.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-Dj-dJfv3.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Icon = require('@arc-ui/components/Icon');
 var Text = require('@arc-ui/components/Text');
 var Link = require('@arc-ui/components/Link');
+var filterAttrs = 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"};
@@ -22,9 +23,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, props = filterAttrs.__rest(_a, ["icon", "heading", "text", "link", "isSmallIcon", "headingLevel"]);
+    var icon = _a.icon, heading = _a.heading, text = _a.text, link = _a.link, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = tslib_es6.__rest(_a, ["icon", "heading", "text", "link", "isSmallIcon", "headingLevel"]);
     var listHeadingLevel = getListHeadingLevel(headingLevel || "2");
-    return (React.createElement("div", filterAttrs.__assign({ "data-testid": "highlight-item-container", className: styles.highlightItem }, filterAttrs.filterAttrs(props)),
+    return (React.createElement("div", tslib_es6.__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" }),
@@ -36,11 +37,11 @@ var HighlightItem = function (_a) {
 };
 
 var HighlightList = function (_a) {
-    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = filterAttrs.__rest(_a, ["listItems", "columns", "isSmallIcon", "headingLevel"]);
+    var listItems = _a.listItems, columns = _a.columns, isSmallIcon = _a.isSmallIcon, headingLevel = _a.headingLevel, props = tslib_es6.__rest(_a, ["listItems", "columns", "isSmallIcon", "headingLevel"]);
     var id = React.useId();
-    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)));
+    return (React.createElement("div", tslib_es6.__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 = tslib_es6.__rest(_a, ["icon", "heading", "text", "link"]);
+        return (React.createElement(HighlightItem, tslib_es6.__assign({ key: "highlight-".concat(id, "-").concat(i), icon: icon, heading: heading, text: text, link: link, isSmallIcon: isSmallIcon, headingLevel: headingLevel }, itemProps)));
     })));
 };
 
@@ -51,14 +52,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, props = filterAttrs.__rest(_a, ["heading", "headingLevel", "id", "isHeadingWordWrap", "content", "listItems", "columns", "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 = tslib_es6.__rest(_a, ["heading", "headingLevel", "id", "isHeadingWordWrap", "content", "listItems", "columns", "cta"]);
     var isMaxWidthArcBreakpointXs = useMediaQuery.useMediaQuery("(max-width: 767px)");
-    return (React.createElement("div", filterAttrs.__assign({}, filterAttrs.filterAttrs(props)),
+    return (React.createElement("div", tslib_es6.__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, { 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"
+            React.createElement(ButtonV2.ButtonV2, { label: cta.label, href: cta.href, onClick: cta.onClick, target: cta.target, size: "m", ariaLabel: cta.ariaLabel, buttonStyle: cta.buttonStyle, icon: cta.buttonStyle === "compact"
                     ? ((_b = cta.icon) !== null && _b !== void 0 ? _b : BtIconArrowRightFill.BtIconArrowRightFill)
                     : undefined, iconActive: cta.buttonStyle === "compact"
                     ? ((_c = cta.iconActive) !== null && _c !== void 0 ? _c : BtIconArrowRightFill.BtIconArrowRightFill)

package/lib/Highlights/Highlights.mjs

@@ -1,15 +1,16 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.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-BskdQ2Tt.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-DSwsdNSp.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 { f as filterAttrs } from '../_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"};
@@ -56,7 +57,7 @@ var Highlights = function (_a) {
         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"
+            React__default.createElement(ButtonV2, { label: cta.label, href: cta.href, onClick: cta.onClick, target: cta.target, 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

@@ -1,17 +1,18 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.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 filterAttrs = require('../_shared/cjs/filter-attrs-BizjMsy0.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)),
+    var label = _a.label, links = _a.links, props = tslib_es6.__rest(_a, ["label", "links"]);
+    return (React.createElement("div", tslib_es6.__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 },

package/lib/InlineLinkGroup/InlineLinkGroup.mjs

@@ -1,9 +1,10 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.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';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-DZ7RCEZm.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"};
 

package/lib/LinkTile/LinkTile.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var filterAttrs = require('../_shared/cjs/filter-attrs-C26zOt4_.cjs');
+var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('../_shared/cjs/index-Bp6Dd2i1.cjs');
 var Icon = require('@arc-ui/components/Icon');
@@ -9,10 +9,10 @@ var BtIconArrowAltRight = require('../_shared/cjs/BtIconArrowAltRight-CLQdP61r.c
 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 = filterAttrs.__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 = tslib_es6.__rest(_a, ["text", "href", "showIcon", "className"]);
     var Component = href ? "a" : "div";
     var linkProps = href ? { href: href } : {};
-    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"] },
+    return (React.createElement(Component, tslib_es6.__assign({ className: index.classNames(styles["link-tile"], className) }, linkProps, 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, { icon: BtIconArrowAltRight.BtIconArrowAltRight, size: 32 })))))));

package/lib/LinkTile/LinkTile.mjs

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-D-1kWaCP.mjs';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-BVXMhEem.mjs';
 import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-BfTCfPZ1.mjs';
 import { Icon } from '@arc-ui/components/Icon';
@@ -10,7 +10,7 @@ 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__default.createElement(Component, __assign({ className: classNames(styles["link-tile"], className) }, linkProps, filterAttrs(props)), text && (React__default.createElement("div", { className: styles["link-tile-content"] },
+    return (React__default.createElement(Component, __assign({ className: classNames(styles["link-tile"], className) }, linkProps, 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 })))))));