@arc-ui/community-components 12.0.0-beta.8 → 12.0.0-beta.9

package/dist/Accordion/Accordion.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../_shared/cjs/tslib.es6-ec509cfc.js');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-a9e01247.js');
-var SectionHeading = require('../_shared/cjs/SectionHeading-10f89118.js');
+var index_es = require('../_shared/cjs/index.es-f32d97a8.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-e77798e4.js');
 var Disclosure = require('@arc-ui/components/dist/Disclosure');
 require('../_shared/cjs/index-9947ac13.js');
 require('@arc-ui/components/dist/Heading');

package/dist/Accordion/Accordion.esm.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-2bdcff75.js';
 import React from 'react';
-import { f as filterDataAttrs } from '../_shared/esm/index.es-33860780.js';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-b7bf7434.js';
+import { f as filterDataAttrs } from '../_shared/esm/index.es-78a8c110.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-4af705a6.js';
 import { Disclosure } from '@arc-ui/components/dist/Disclosure';
 import '../_shared/esm/index-2e73c2e9.js';
 import '@arc-ui/components/dist/Heading';

package/dist/Author/Author.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Author = require('../_shared/cjs/Author-93fba107.js');
+var Author = require('../_shared/cjs/Author-5d1a94f0.js');
 require('../_shared/cjs/tslib.es6-ec509cfc.js');
 require('react');
-require('../_shared/cjs/index.es-a9e01247.js');
+require('../_shared/cjs/index.es-f32d97a8.js');
 require('@arc-ui/components/dist/Grid');
 require('@arc-ui/components/dist/Avatar');
 require('@arc-ui/components/dist/Heading');

package/dist/Author/Author.esm.js

@@ -1,7 +1,7 @@
-export { A as Author } from '../_shared/esm/Author-fcee7f8d.js';
+export { A as Author } from '../_shared/esm/Author-ed0214c7.js';
 import '../_shared/esm/tslib.es6-2bdcff75.js';
 import 'react';
-import '../_shared/esm/index.es-33860780.js';
+import '../_shared/esm/index.es-78a8c110.js';
 import '@arc-ui/components/dist/Grid';
 import '@arc-ui/components/dist/Avatar';
 import '@arc-ui/components/dist/Heading';

package/dist/BannerWithTabs/BannerWithTabs.cjs.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-ec509cfc.js');
+var React = require('react');
+var HeroBanner = require('@arc-ui/components/dist/HeroBanner');
+var ContentSwitcher = require('@arc-ui/components/dist/ContentSwitcher');
+var ContentSwitcherDropdown = require('@arc-ui/components/dist/ContentSwitcherDropdown');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var styles = {"contentSwitcherWrapper":"BannerWithTabs-module_contentSwitcherWrapper__xvz39","contentSwitcherDropdownWrapper":"BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq"};
+
+var BannerWithTabs = function (_a) {
+    var _b;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue;
+    var initialTab = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value;
+    var _c = React.useState(initialTab), selectedTab = _c[0], setSelectedTab = _c[1];
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("div", { className: styles.contentSwitcherWrapper },
+            React__default["default"].createElement(ContentSwitcher.ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
+                React__default["default"].createElement(ContentSwitcher.ContentSwitcher.List, { isInset: true }, tabs.map(function (_a, index) {
+                    var label = _a.label, value = _a.value;
+                    return (React__default["default"].createElement(ContentSwitcher.ContentSwitcher.Tab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
+                })),
+                tabs.map(function (_a, index) {
+                    var value = _a.value, content = _a.content;
+                    return (React__default["default"].createElement(ContentSwitcher.ContentSwitcher.Content, { value: value, key: index },
+                        React__default["default"].createElement(HeroBanner.HeroBanner, tslib_es6.__assign({}, content))));
+                }))),
+        React__default["default"].createElement("div", { className: styles.contentSwitcherDropdownWrapper },
+            React__default["default"].createElement(ContentSwitcherDropdown.ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
+                var value = _a.value, content = _a.content;
+                return (React__default["default"].createElement(ContentSwitcherDropdown.ContentSwitcherDropdown.Content, { value: value, key: "".concat(index, "-").concat(value) },
+                    React__default["default"].createElement(HeroBanner.HeroBanner, tslib_es6.__assign({}, content))));
+            })))));
+};
+
+exports.BannerWithTabs = BannerWithTabs;

package/dist/BannerWithTabs/BannerWithTabs.esm.js

@@ -0,0 +1,34 @@
+import { a as __assign } from '../_shared/esm/tslib.es6-2bdcff75.js';
+import React, { useState } from 'react';
+import { HeroBanner } from '@arc-ui/components/dist/HeroBanner';
+import { ContentSwitcher } from '@arc-ui/components/dist/ContentSwitcher';
+import { ContentSwitcherDropdown } from '@arc-ui/components/dist/ContentSwitcherDropdown';
+
+var styles = {"contentSwitcherWrapper":"BannerWithTabs-module_contentSwitcherWrapper__xvz39","contentSwitcherDropdownWrapper":"BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq"};
+
+var BannerWithTabs = function (_a) {
+    var _b;
+    var tabs = _a.tabs, defaultValue = _a.defaultValue;
+    var initialTab = defaultValue !== null && defaultValue !== void 0 ? defaultValue : (_b = tabs[0]) === null || _b === void 0 ? void 0 : _b.value;
+    var _c = useState(initialTab), selectedTab = _c[0], setSelectedTab = _c[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.contentSwitcherWrapper },
+            React.createElement(ContentSwitcher, { value: selectedTab, onValueChange: function (value) { return setSelectedTab(value); } },
+                React.createElement(ContentSwitcher.List, { isInset: true }, tabs.map(function (_a, index) {
+                    var label = _a.label, value = _a.value;
+                    return (React.createElement(ContentSwitcher.Tab, { label: label, value: value, key: "".concat(index, "-").concat(value) }));
+                })),
+                tabs.map(function (_a, index) {
+                    var value = _a.value, content = _a.content;
+                    return (React.createElement(ContentSwitcher.Content, { value: value, key: index },
+                        React.createElement(HeroBanner, __assign({}, content))));
+                }))),
+        React.createElement("div", { className: styles.contentSwitcherDropdownWrapper },
+            React.createElement(ContentSwitcherDropdown, { value: selectedTab, tabs: tabs, isInset: true, isFluid: true, onValueChange: function (value) { return setSelectedTab(value); } }, tabs.map(function (_a, index) {
+                var value = _a.value, content = _a.content;
+                return (React.createElement(ContentSwitcherDropdown.Content, { value: value, key: "".concat(index, "-").concat(value) },
+                    React.createElement(HeroBanner, __assign({}, content))));
+            })))));
+};
+
+export { BannerWithTabs };

package/dist/BannerWithTabs/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/bannerwithtabs",
+  "types": "../types/components/BannerWithTabs/index.d.ts",
+  "main": "./BannerWithTabs.cjs.js",
+  "module": "./BannerWithTabs.esm.js",
+  "private": true
+}

package/dist/BannerWithTabs/styles.css

@@ -0,0 +1 @@
+.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:none}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:block}@media (min-width:636px){.BannerWithTabs-module_contentSwitcherWrapper__xvz39{display:block}.BannerWithTabs-module_contentSwitcherDropdownWrapper__eT5zq{display:none}}

package/dist/CopyLead/CopyLead.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../_shared/cjs/tslib.es6-ec509cfc.js');
 var React = require('react');
-var index_es$1 = require('../_shared/cjs/index.es-a9e01247.js');
-var index_es = require('../_shared/cjs/index.es-91c02d85.js');
+var index_es$1 = require('../_shared/cjs/index.es-f32d97a8.js');
+var index_es = require('../_shared/cjs/index.es-fb3955a3.js');
 var Columns = require('@arc-ui/components/dist/Columns');
 var useMediaQuery = require('@arc-ui/components/dist/use-media-query');
 var Heading = require('@arc-ui/components/dist/Heading');
@@ -15,7 +15,7 @@ var Image$1 = require('@arc-ui/components/dist/Image');
 var Icon = require('@arc-ui/components/dist/Icon');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var ButtonV2 = require('@arc-ui/components/dist/ButtonV2');
-var SectionHeading = require('../_shared/cjs/SectionHeading-10f89118.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-e77798e4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/CopyLead/CopyLead.esm.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-2bdcff75.js';
 import React, { useState, useEffect, Suspense } from 'react';
-import { f as filterDataAttrs } from '../_shared/esm/index.es-33860780.js';
-import { S as SemSizeBreakpointsL, a as SemSizeBreakpointsXl, b as SemSizeBreakpointsM } from '../_shared/esm/index.es-cb56e19f.js';
+import { f as filterDataAttrs } from '../_shared/esm/index.es-78a8c110.js';
+import { S as SemSizeBreakpointsL, a as SemSizeBreakpointsXl, b as SemSizeBreakpointsM } from '../_shared/esm/index.es-777f866b.js';
 import { Columns } from '@arc-ui/components/dist/Columns';
 import { useMediaQuery } from '@arc-ui/components/dist/use-media-query';
 import { Heading } from '@arc-ui/components/dist/Heading';
@@ -11,7 +11,7 @@ import { Image as Image$1 } from '@arc-ui/components/dist/Image';
 import { Icon } from '@arc-ui/components/dist/Icon';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { ButtonV2 } from '@arc-ui/components/dist/ButtonV2';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-b7bf7434.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-4af705a6.js';
 
 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"};
 

package/dist/FeaturePost/FeaturePost.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../_shared/cjs/tslib.es6-ec509cfc.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
-var index_es$1 = require('../_shared/cjs/index.es-a9e01247.js');
+var index_es$1 = require('../_shared/cjs/index.es-f32d97a8.js');
 var AppButton = require('@arc-ui/components/dist/AppButton');
 var Grid = require('@arc-ui/components/dist/Grid');
 var ButtonV2 = require('@arc-ui/components/dist/ButtonV2');
@@ -13,13 +13,31 @@ var Heading = require('@arc-ui/components/dist/Heading');
 var Text = require('@arc-ui/components/dist/Text');
 var VerticalSpace = require('@arc-ui/components/dist/VerticalSpace');
 var useMediaQuery = require('@arc-ui/components/dist/use-media-query');
-var index_es = require('../_shared/cjs/index.es-91c02d85.js');
-var Author = require('../_shared/cjs/Author-93fba107.js');
+var index_es = require('../_shared/cjs/index.es-fb3955a3.js');
+var Author = require('../_shared/cjs/Author-5d1a94f0.js');
 var Image$1 = require('@arc-ui/components/dist/Image');
 require('@arc-ui/components/dist/Avatar');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function _typeof(o) {
@@ -2227,12 +2245,32 @@ var Image = function (_a) {
             sources.map(function (source) { return (React__default["default"].createElement(Image$1.Image.Source, tslib_es6.__assign({ key: source.srcSet }, source))); }))));
 };
 
+var VideoPlayer = React__default["default"].lazy(function () {
+    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@arc-ui/components/dist/VideoPlayer')); }).then(function (_a) {
+        var VideoPlayer = _a.VideoPlayer;
+        return ({
+            "default": VideoPlayer
+        });
+    });
+});
+var MediaContent = function (_a) {
+    var image = _a.image, video = _a.video;
+    var _b = React.useState(false), isClient = _b[0], setIsClient = _b[1];
+    React.useEffect(function () {
+        setIsClient(true);
+    }, []);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        image && !video && React__default["default"].createElement(Image, tslib_es6.__assign({}, image)),
+        video && isClient && (React__default["default"].createElement(React.Suspense, { fallback: null },
+            React__default["default"].createElement(VideoPlayer, tslib_es6.__assign({}, video))))));
+};
+
 /**
  * Use `FeaturePost` to direct traffic towards an article, case study, or product information page, or to a 3rd part App Store provider. Where the component links to an article page, the author attribution can be given here. The `FeaturePost` must be supported by an image, and in future, the component will support embedded video as well.
  * */
 var FeaturePost = function (_a) {
     var _b;
-    var heading = _a.heading, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "label", "image", "content", "footer", "isReverseOrder"]);
+    var heading = _a.heading, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "label", "image", "content", "footer", "video", "isReverseOrder"]);
     var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.SemSizeBreakpointsM, ")"));
     return (React__default["default"].createElement("div", tslib_es6.__assign({ "data-testid": "feature-post", className: index.classNames(styles.featurePost, (_b = {},
             _b[styles.featurePostReversed] = isReverseOrder,
@@ -2250,7 +2288,7 @@ var FeaturePost = function (_a) {
                 React__default["default"].createElement(Heading.Heading, { level: headingLevel, size: "xl" }, heading),
                 !isMinWidthArcBreakpointM && (React__default["default"].createElement("div", { "data-testid": "mobile-img" },
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "40" }),
-                    React__default["default"].createElement(Image, tslib_es6.__assign({}, image)))),
+                    React__default["default"].createElement(MediaContent, { image: image, video: video }))),
                 React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "40" }),
                 React__default["default"].createElement(Text.Text, { size: "l" }, content),
                 (footer === null || footer === void 0 ? void 0 : footer.type) === "cta" && (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -2270,7 +2308,7 @@ var FeaturePost = function (_a) {
                                     React__default["default"].createElement(AppButton.AppButton, { type: "google-play", screenReaderText: footer.googlePlay.screenReaderText, url: footer.googlePlay.url })))))))))),
         isMinWidthArcBreakpointM && (React__default["default"].createElement("div", { className: styles.col },
             React__default["default"].createElement("div", { "data-testid": "desktop-img", className: styles.imgContainer },
-                React__default["default"].createElement(Image, tslib_es6.__assign({}, image)))))));
+                React__default["default"].createElement(MediaContent, { image: image, video: video }))))));
 };
 
 exports.FeaturePost = FeaturePost;

package/dist/FeaturePost/FeaturePost.esm.js

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-2bdcff75.js';
-import React from 'react';
+import React, { useState, useEffect, Suspense } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { f as filterDataAttrs } from '../_shared/esm/index.es-33860780.js';
+import { f as filterDataAttrs } from '../_shared/esm/index.es-78a8c110.js';
 import { AppButton } from '@arc-ui/components/dist/AppButton';
 import { Grid } from '@arc-ui/components/dist/Grid';
 import { ButtonV2 } from '@arc-ui/components/dist/ButtonV2';
@@ -9,8 +9,8 @@ import { Heading } from '@arc-ui/components/dist/Heading';
 import { Text } from '@arc-ui/components/dist/Text';
 import { VerticalSpace } from '@arc-ui/components/dist/VerticalSpace';
 import { useMediaQuery } from '@arc-ui/components/dist/use-media-query';
-import { b as SemSizeBreakpointsM } from '../_shared/esm/index.es-cb56e19f.js';
-import { A as Author } from '../_shared/esm/Author-fcee7f8d.js';
+import { b as SemSizeBreakpointsM } from '../_shared/esm/index.es-777f866b.js';
+import { A as Author } from '../_shared/esm/Author-ed0214c7.js';
 import { Image as Image$1 } from '@arc-ui/components/dist/Image';
 import '@arc-ui/components/dist/Avatar';
 
@@ -2219,12 +2219,32 @@ var Image = function (_a) {
             sources.map(function (source) { return (React.createElement(Image$1.Source, __assign({ key: source.srcSet }, source))); }))));
 };
 
+var VideoPlayer = React.lazy(function () {
+    return import('@arc-ui/components/dist/VideoPlayer').then(function (_a) {
+        var VideoPlayer = _a.VideoPlayer;
+        return ({
+            "default": VideoPlayer
+        });
+    });
+});
+var MediaContent = function (_a) {
+    var image = _a.image, video = _a.video;
+    var _b = useState(false), isClient = _b[0], setIsClient = _b[1];
+    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))))));
+};
+
 /**
  * Use `FeaturePost` to direct traffic towards an article, case study, or product information page, or to a 3rd part App Store provider. Where the component links to an article page, the author attribution can be given here. The `FeaturePost` must be supported by an image, and in future, the component will support embedded video as well.
  * */
 var FeaturePost = function (_a) {
     var _b;
-    var heading = _a.heading, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = __rest(_a, ["heading", "headingLevel", "label", "image", "content", "footer", "isReverseOrder"]);
+    var heading = _a.heading, _c = _a.headingLevel, headingLevel = _c === void 0 ? "2" : _c, label = _a.label, image = _a.image, content = _a.content, footer = _a.footer, video = _a.video, _d = _a.isReverseOrder, isReverseOrder = _d === void 0 ? false : _d, props = __rest(_a, ["heading", "headingLevel", "label", "image", "content", "footer", "video", "isReverseOrder"]);
     var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(SemSizeBreakpointsM, ")"));
     return (React.createElement("div", __assign({ "data-testid": "feature-post", className: classNames(styles.featurePost, (_b = {},
             _b[styles.featurePostReversed] = isReverseOrder,
@@ -2242,7 +2262,7 @@ var FeaturePost = function (_a) {
                 React.createElement(Heading, { level: headingLevel, size: "xl" }, heading),
                 !isMinWidthArcBreakpointM && (React.createElement("div", { "data-testid": "mobile-img" },
                     React.createElement(VerticalSpace, { size: "40" }),
-                    React.createElement(Image, __assign({}, image)))),
+                    React.createElement(MediaContent, { image: image, video: video }))),
                 React.createElement(VerticalSpace, { size: "40" }),
                 React.createElement(Text, { size: "l" }, content),
                 (footer === null || footer === void 0 ? void 0 : footer.type) === "cta" && (React.createElement(React.Fragment, null,
@@ -2262,7 +2282,7 @@ var FeaturePost = function (_a) {
                                     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(Image, __assign({}, image)))))));
+                React.createElement(MediaContent, { image: image, video: video }))))));
 };
 
 export { FeaturePost };

package/dist/Highlights/Highlights.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useMediaQuery = require('@arc-ui/components/dist/use-media-query');
-var SectionHeading = require('../_shared/cjs/SectionHeading-10f89118.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-e77798e4.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var Heading = require('@arc-ui/components/dist/Heading');
 var Icon = require('@arc-ui/components/dist/Icon');
@@ -12,7 +12,7 @@ var Text = require('@arc-ui/components/dist/Text');
 var Link = require('@arc-ui/components/dist/Link');
 var VerticalSpace = require('@arc-ui/components/dist/VerticalSpace');
 require('../_shared/cjs/tslib.es6-ec509cfc.js');
-require('../_shared/cjs/index.es-a9e01247.js');
+require('../_shared/cjs/index.es-f32d97a8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Highlights/Highlights.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useMediaQuery } from '@arc-ui/components/dist/use-media-query';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-b7bf7434.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-4af705a6.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { Heading } from '@arc-ui/components/dist/Heading';
 import { Icon } from '@arc-ui/components/dist/Icon';
@@ -8,7 +8,7 @@ import { Text } from '@arc-ui/components/dist/Text';
 import { Link } from '@arc-ui/components/dist/Link';
 import { VerticalSpace } from '@arc-ui/components/dist/VerticalSpace';
 import '../_shared/esm/tslib.es6-2bdcff75.js';
-import '../_shared/esm/index.es-33860780.js';
+import '../_shared/esm/index.es-78a8c110.js';
 
 var styles = {"highlights":"Highlights-module_highlights__Hf7Zq","highlightItem":"Highlights-module_highlightItem__-N6le","highlights2Column":"Highlights-module_highlights2Column__6qIuI","highlights3Column":"Highlights-module_highlights3Column__qsCMP"};
 

package/dist/PromoListing/PromoListing.cjs.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../_shared/cjs/tslib.es6-ec509cfc.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
-var index_es = require('../_shared/cjs/index.es-1ded90eb.js');
+var index_es = require('../_shared/cjs/index.es-10e780ce.js');
 var Carousel = require('@arc-ui/components/dist/Carousel');
 var useMediaQuery = require('@arc-ui/components/dist/use-media-query');
-var SectionHeading = require('../_shared/cjs/SectionHeading-10f89118.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-e77798e4.js');
 var MediaCard = require('@arc-ui/components/dist/MediaCard');
 var ImpactCard = require('@arc-ui/components/dist/ImpactCard');
 var InformationCard = require('@arc-ui/components/dist/InformationCard');
 var TypographyCard = require('@arc-ui/components/dist/TypographyCard');
-require('../_shared/cjs/index.es-a9e01247.js');
+require('../_shared/cjs/index.es-f32d97a8.js');
 require('@arc-ui/components/dist/Heading');
 require('@arc-ui/components/dist/Text');
 require('@arc-ui/components/dist/VerticalSpace');

package/dist/PromoListing/PromoListing.esm.js

@@ -1,15 +1,15 @@
 import { a as __assign } from '../_shared/esm/tslib.es6-2bdcff75.js';
 import React from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { A as ArcSizeBreakpointsL } from '../_shared/esm/index.es-2d97e9e5.js';
+import { A as ArcSizeBreakpointsL } from '../_shared/esm/index.es-73f15cd8.js';
 import { Carousel } from '@arc-ui/components/dist/Carousel';
 import { useMediaQuery } from '@arc-ui/components/dist/use-media-query';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-b7bf7434.js';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-4af705a6.js';
 import { MediaCard } from '@arc-ui/components/dist/MediaCard';
 import { ImpactCard } from '@arc-ui/components/dist/ImpactCard';
 import { InformationCard } from '@arc-ui/components/dist/InformationCard';
 import { TypographyCard } from '@arc-ui/components/dist/TypographyCard';
-import '../_shared/esm/index.es-33860780.js';
+import '../_shared/esm/index.es-78a8c110.js';
 import '@arc-ui/components/dist/Heading';
 import '@arc-ui/components/dist/Text';
 import '@arc-ui/components/dist/VerticalSpace';

package/dist/Quote/Quote.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../_shared/cjs/tslib.es6-ec509cfc.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
-var index_es = require('../_shared/cjs/index.es-a9e01247.js');
-var Author = require('../_shared/cjs/Author-93fba107.js');
+var index_es = require('../_shared/cjs/index.es-f32d97a8.js');
+var Author = require('../_shared/cjs/Author-5d1a94f0.js');
 require('@arc-ui/components/dist/Grid');
 require('@arc-ui/components/dist/Avatar');
 require('@arc-ui/components/dist/Heading');

package/dist/Quote/Quote.esm.js

@@ -1,8 +1,8 @@
 import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-2bdcff75.js';
 import React from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { f as filterDataAttrs } from '../_shared/esm/index.es-33860780.js';
-import { A as Author } from '../_shared/esm/Author-fcee7f8d.js';
+import { f as filterDataAttrs } from '../_shared/esm/index.es-78a8c110.js';
+import { A as Author } from '../_shared/esm/Author-ed0214c7.js';
 import '@arc-ui/components/dist/Grid';
 import '@arc-ui/components/dist/Avatar';
 import '@arc-ui/components/dist/Heading';

package/dist/SectionHeading/SectionHeading.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SectionHeading = require('../_shared/cjs/SectionHeading-10f89118.js');
+var SectionHeading = require('../_shared/cjs/SectionHeading-e77798e4.js');
 require('../_shared/cjs/tslib.es6-ec509cfc.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/index.es-a9e01247.js');
+require('../_shared/cjs/index.es-f32d97a8.js');
 require('@arc-ui/components/dist/Heading');
 require('@arc-ui/components/dist/Text');
 require('@arc-ui/components/dist/VerticalSpace');

package/dist/SectionHeading/SectionHeading.esm.js

@@ -1,8 +1,8 @@
-export { S as SectionHeading } from '../_shared/esm/SectionHeading-b7bf7434.js';
+export { S as SectionHeading } from '../_shared/esm/SectionHeading-4af705a6.js';
 import '../_shared/esm/tslib.es6-2bdcff75.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/index.es-33860780.js';
+import '../_shared/esm/index.es-78a8c110.js';
 import '@arc-ui/components/dist/Heading';
 import '@arc-ui/components/dist/Text';
 import '@arc-ui/components/dist/VerticalSpace';

package/dist/SectionHeading/styles.css

@@ -1 +1 @@
-.SectionHeading-module_section-header--padded__0FXP2{padding-bottom:40px;width:auto}@media (--arc-custom-media-min-width-s-px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}}@media (--arc-custom-media-min-width-m-px){.SectionHeading-module_section-header--padded__0FXP2{min-width:720px;padding:0 186px 40px 0}}@media (--arc-custom-media-min-width-l-px){.SectionHeading-module_section-header--padded__0FXP2{min-width:960px;padding:0 246px 40px 0}}@media (--arc-custom-media-min-width-xl-px){.SectionHeading-module_section-header--padded__0FXP2{min-width:1216px;padding:0 312px 40px 0}}
+.SectionHeading-module_section-header--padded__0FXP2{padding-bottom:40px;width:auto}@media (min-width:636px){.SectionHeading-module_section-header--padded__0FXP2{min-width:588px;width:auto}}@media (min-width:768px){.SectionHeading-module_section-header--padded__0FXP2{min-width:720px;padding:0 186px 40px 0}}@media (min-width:1024px){.SectionHeading-module_section-header--padded__0FXP2{min-width:960px;padding:0 246px 40px 0}}@media (min-width:1280px){.SectionHeading-module_section-header--padded__0FXP2{min-width:1216px;padding:0 312px 40px 0}}

package/dist/Statistics/Statistics.cjs.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-ec509cfc.js');
+var React = require('react');
+var Columns = require('@arc-ui/components/dist/Columns');
+var Rule = require('@arc-ui/components/dist/Rule');
+var Text = require('@arc-ui/components/dist/Text');
+var Align = require('@arc-ui/components/dist/Align');
+var Heading = require('@arc-ui/components/dist/Heading');
+var VerticalSpace = require('@arc-ui/components/dist/VerticalSpace');
+var SectionHeading = require('../_shared/cjs/SectionHeading-e77798e4.js');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/index.es-f32d97a8.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
+
+var getLinkProps = function (link) {
+    return link.openInNewTab
+        ? {
+            rel: "noreferrer",
+            target: "_blank"
+        }
+        : {};
+};
+
+var Statistics = function (_a) {
+    var headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
+    return (React__default["default"].createElement(Columns.Columns, null,
+        React__default["default"].createElement(Columns.Columns.Col, { spanM: 9 },
+            React__default["default"].createElement(SectionHeading.SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
+            React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "16" })),
+        React__default["default"].createElement(Columns.Columns.Col, { spanL: 9 },
+            React__default["default"].createElement("ul", { className: styles.list }, statistics.map(function (_a, i) {
+                var stat = _a.stat, copy = _a.copy, link = _a.link, source = _a.source, sourceUrl = _a.sourceUrl;
+                return (React__default["default"].createElement("li", null,
+                    i !== 0 && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }),
+                        React__default["default"].createElement(Rule.Rule, null),
+                        React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }))),
+                    React__default["default"].createElement(Columns.Columns, null,
+                        React__default["default"].createElement(Columns.Columns.Col, { spanS: 6, spanM: 8 },
+                            React__default["default"].createElement(Align.Align, { vertical: "center" },
+                                React__default["default"].createElement("div", { className: styles.statWrapper },
+                                    React__default["default"].createElement(Heading.Heading, { color: "brand", size: "xxl" }, stat)))),
+                        React__default["default"].createElement(Columns.Columns.Col, { spanS: 6, spanM: 4 },
+                            React__default["default"].createElement(Text.Text, null, copy),
+                            link && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "12" }),
+                                React__default["default"].createElement("a", tslib_es6.__assign({ href: link.href, "aria-label": link.ariaLabel }, getLinkProps(link)), link.text))),
+                            source && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "12" }),
+                                React__default["default"].createElement(Text.Text, { size: "xs" },
+                                    React__default["default"].createElement("span", { className: styles.mutedText }, source)))),
+                            sourceUrl && (React__default["default"].createElement(Text.Text, { size: "xs" },
+                                React__default["default"].createElement("a", { className: styles.mutedText, href: sourceUrl }, sourceUrl)))))));
+            })))));
+};
+
+exports.Statistics = Statistics;

package/dist/Statistics/Statistics.esm.js

@@ -0,0 +1,57 @@
+import { a as __assign } from '../_shared/esm/tslib.es6-2bdcff75.js';
+import React from 'react';
+import { Columns } from '@arc-ui/components/dist/Columns';
+import { Rule } from '@arc-ui/components/dist/Rule';
+import { Text } from '@arc-ui/components/dist/Text';
+import { Align } from '@arc-ui/components/dist/Align';
+import { Heading } from '@arc-ui/components/dist/Heading';
+import { VerticalSpace } from '@arc-ui/components/dist/VerticalSpace';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-4af705a6.js';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/index.es-78a8c110.js';
+
+var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
+
+var getLinkProps = function (link) {
+    return link.openInNewTab
+        ? {
+            rel: "noreferrer",
+            target: "_blank"
+        }
+        : {};
+};
+
+var Statistics = function (_a) {
+    var headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
+    return (React.createElement(Columns, null,
+        React.createElement(Columns.Col, { spanM: 9 },
+            React.createElement(SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
+            React.createElement(VerticalSpace, { size: "16" })),
+        React.createElement(Columns.Col, { spanL: 9 },
+            React.createElement("ul", { className: styles.list }, statistics.map(function (_a, i) {
+                var stat = _a.stat, copy = _a.copy, link = _a.link, source = _a.source, sourceUrl = _a.sourceUrl;
+                return (React.createElement("li", null,
+                    i !== 0 && (React.createElement(React.Fragment, null,
+                        React.createElement(VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }),
+                        React.createElement(Rule, null),
+                        React.createElement(VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }))),
+                    React.createElement(Columns, null,
+                        React.createElement(Columns.Col, { spanS: 6, spanM: 8 },
+                            React.createElement(Align, { vertical: "center" },
+                                React.createElement("div", { className: styles.statWrapper },
+                                    React.createElement(Heading, { color: "brand", size: "xxl" }, stat)))),
+                        React.createElement(Columns.Col, { spanS: 6, spanM: 4 },
+                            React.createElement(Text, null, copy),
+                            link && (React.createElement(React.Fragment, null,
+                                React.createElement(VerticalSpace, { size: "12" }),
+                                React.createElement("a", __assign({ href: link.href, "aria-label": link.ariaLabel }, getLinkProps(link)), link.text))),
+                            source && (React.createElement(React.Fragment, null,
+                                React.createElement(VerticalSpace, { size: "12" }),
+                                React.createElement(Text, { size: "xs" },
+                                    React.createElement("span", { className: styles.mutedText }, source)))),
+                            sourceUrl && (React.createElement(Text, { size: "xs" },
+                                React.createElement("a", { className: styles.mutedText, href: sourceUrl }, sourceUrl)))))));
+            })))));
+};
+
+export { Statistics };