@arc-ui/community-components 3.0.1 → 3.2.0

package/lib/Statistics/Statistics.cjs

@@ -8,9 +8,9 @@ var Text = require('@arc-ui/components/Text');
 var Align = require('@arc-ui/components/Align');
 var Heading = require('@arc-ui/components/Heading');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
-var SectionHeading = require('../_shared/cjs/SectionHeading-DepTV4JA.cjs');
+var SectionHeading = require('../_shared/cjs/SectionHeading-DeSFM0HV.cjs');
 require('../_shared/cjs/index-Bp6Dd2i1.cjs');
-require('../_shared/cjs/filter-data-attrs-ajtUvDAC.cjs');
+require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
 require('@arc-ui/components/Image');
 
 var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
@@ -25,16 +25,16 @@ var getLinkProps = function (link) {
 };
 
 var Statistics = function (_a) {
-    var headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
-    var id = React.useId();
+    var id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
+    var componentId = React.useId();
     return (React.createElement(Columns.Columns, null,
         React.createElement(Columns.ColumnsCol, { spanM: 9 },
-            React.createElement(SectionHeading.SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
+            React.createElement(SectionHeading.SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content }),
             React.createElement(VerticalSpace.VerticalSpace, { size: "16" })),
         React.createElement(Columns.ColumnsCol, { 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", { key: "statistic-".concat(id, "-").concat(i) },
+                return (React.createElement("li", { key: "statistic-".concat(componentId, "-").concat(i) },
                     i !== 0 && (React.createElement(React.Fragment, null,
                         React.createElement(VerticalSpace.VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }),
                         React.createElement(Rule.Rule, null),

package/lib/Statistics/Statistics.mjs

@@ -6,9 +6,9 @@ import { Text } from '@arc-ui/components/Text';
 import { Align } from '@arc-ui/components/Align';
 import { Heading } from '@arc-ui/components/Heading';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
-import { S as SectionHeading } from '../_shared/esm/SectionHeading-BayinGP_.mjs';
+import { S as SectionHeading } from '../_shared/esm/SectionHeading-CpDLCndw.mjs';
 import '../_shared/esm/index-BfTCfPZ1.mjs';
-import '../_shared/esm/filter-data-attrs-V7cbJuwS.mjs';
+import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
 import '@arc-ui/components/Image';
 
 var styles = {"list":"Statistics-module_list__BI-eQ","mutedText":"Statistics-module_mutedText__MR1JM","statWrapper":"Statistics-module_statWrapper__83OnM"};
@@ -23,16 +23,16 @@ var getLinkProps = function (link) {
 };
 
 var Statistics = function (_a) {
-    var headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
-    var id = useId();
+    var id = _a.id, isHeadingWordWrap = _a.isHeadingWordWrap, headingLevel = _a.headingLevel, heading = _a.heading, content = _a.content, statistics = _a.statistics;
+    var componentId = useId();
     return (React.createElement(Columns, null,
         React.createElement(ColumnsCol, { spanM: 9 },
-            React.createElement(SectionHeading, { heading: heading, headingLevel: headingLevel, content: content }),
+            React.createElement(SectionHeading, { id: id, heading: heading, isHeadingWordWrap: isHeadingWordWrap, headingLevel: headingLevel, content: content }),
             React.createElement(VerticalSpace, { size: "16" })),
         React.createElement(ColumnsCol, { 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", { key: "statistic-".concat(id, "-").concat(i) },
+                return (React.createElement("li", { key: "statistic-".concat(componentId, "-").concat(i) },
                     i !== 0 && (React.createElement(React.Fragment, null,
                         React.createElement(VerticalSpace, { size: "24", sizeS: "32", sizeXL: "40" }),
                         React.createElement(Rule, null),

package/lib/Summary/Summary.cjs

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index_es = require('../_shared/cjs/index.es-D11PdokQ.cjs');
+var index_es = require('../_shared/cjs/index.es-Dq8bYrbW.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var Box = require('@arc-ui/components/Box');

package/lib/Summary/Summary.mjs

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

package/lib/ThumbnailSignpost/ThumbnailSignpost.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var ThumbnailSignpost = require('../_shared/cjs/ThumbnailSignpost-GkOiwt-Z.cjs');
+require('../_shared/cjs/tslib.es6-BxB9I209.cjs');
+require('react');
+require('../_shared/cjs/index-Bp6Dd2i1.cjs');
+require('../_shared/cjs/filter-attrs-BizjMsy0.cjs');
+require('../_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs');
+require('@arc-ui/components/Image');
+require('@arc-ui/components/VerticalSpace');
+require('@arc-ui/components/Heading');
+
+
+
+exports.ThumbnailSignpost = ThumbnailSignpost.ThumbnailSignpost;

package/lib/ThumbnailSignpost/ThumbnailSignpost.mjs

@@ -0,0 +1,9 @@
+export { T as ThumbnailSignpost } from '../_shared/esm/ThumbnailSignpost-BeRiXbUp.mjs';
+import '../_shared/esm/tslib.es6-D6Wu-xwB.mjs';
+import 'react';
+import '../_shared/esm/index-BfTCfPZ1.mjs';
+import '../_shared/esm/filter-attrs-DZ7RCEZm.mjs';
+import '../_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs';
+import '@arc-ui/components/Image';
+import '@arc-ui/components/VerticalSpace';
+import '@arc-ui/components/Heading';

package/lib/ThumbnailSignpost/styles.css

@@ -0,0 +1 @@
+.ThumbnailSignpost-module_thumbnailSignpost__Yf26b button{all:unset;cursor:pointer}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{display:inline-flex;flex-direction:row;gap:var(--arc-size-grid-gutter-s);max-width:720px}.ThumbnailSignpost-module_isLink__FucdG:focus{cursor:pointer;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;border-radius:calc(var(--thumbnail-signpost-border-radius-s) + 2px)}.ThumbnailSignpost-module_isLink__FucdG:hover{cursor:pointer}.ThumbnailSignpost-module_content__XG9oj{width:100%;font:var(--sem-type-body-reg-s)}.ThumbnailSignpost-module_heading__mTrpJ{display:block;font:var(--sem-type-mobile-semi-xxs);font-family:var(--sem-font-family-heading);font-size:1em;font-weight:var(--sem-font-weight-semi-bold);margin:0}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_heading__mTrpJ,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_heading__mTrpJ{color:var(--button-v2-colors-light-text-hover);text-decoration:underline}.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-s))}.ThumbnailSignpost-module_image__syGZj img{border-radius:var(--thumbnail-signpost-border-radius-s);width:100%}@media (min-width:636px){.ThumbnailSignpost-module_image__syGZj{width:calc((((100% + var(--arc-size-grid-gutter-s))/12) * 6) - var(--arc-size-grid-gutter-m))}.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-m)}.ThumbnailSignpost-module_heading__mTrpJ{font:var(--sem-type-mobile-semi-xs)}}@media (min-width:1280px){.ThumbnailSignpost-module_thumbnailSignpost__Yf26b{gap:var(--arc-size-grid-gutter-l)}}.ThumbnailSignpost-module_thumbnailButton__Nn-NR{display:flex;align-items:center;gap:var(--button-v2-gap-xs);color:var(--button-v2-colors-light-text-default);font:var(--sem-type-interface-button-s);height:var(--button-v2-size-s)}.ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--icon-color-brand-alt-light);display:block;height:100%;line-height:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;width:100%}.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_buttonIcon__ydmza,.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_buttonIcon__ydmza{background:var(--button-v2-colors-light-text-hover)}.ThumbnailSignpost-module_isLink__FucdG:hover .ThumbnailSignpost-module_thumbnailButton__Nn-NR,.ThumbnailSignpost-module_isLink__FucdG:focus .ThumbnailSignpost-module_thumbnailButton__Nn-NR{background:none;color:var(--button-v2-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}

package/lib/_shared/cjs/{Accordion-D5fpUJzm.cjs → Accordion-DfNGOjTm.cjs}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
+var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
 var index = require('./index-Bp6Dd2i1.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
@@ -19,7 +19,7 @@ var AccordionHeading = function (_a) {
             _b[styles$2["accordion-header"]] = true,
             _b[styles$2["accordion-header--padded"]] = isPadded,
             _b[styles$2["accordion-header--headingSizeM"]] = headingSize === "m",
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
+            _b)) }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_c = {}, _c[styles$2["accordion-header--hasImage"]] = image, _c)) },
             image && (React.createElement("div", null,
                 React.createElement(Image.Image, tslib_es6.__assign({}, image, { width: 68, fit: "cover" })))),
@@ -35,8 +35,8 @@ var AccordionDisclosureList = function (_a) {
     var disclosureList = _a.disclosureList;
     return (React.createElement("ul", null, disclosureList.map(function (_a) {
         var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = tslib_es6.__rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
-        return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem },
-            React.createElement(Disclosure.Disclosure, tslib_es6.__assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterDataAttrs.filterDataAttrs(props)), children)));
+        return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem, id: id },
+            React.createElement(Disclosure.Disclosure, tslib_es6.__assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs.filterAttrs(props)), children)));
     })));
 };
 
@@ -47,7 +47,7 @@ var styles = {"Accordion":"Accordion-module_Accordion__LsXTU"};
  */
 var Accordion = function (_a) {
     var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props = tslib_es6.__rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
-    return (React.createElement("div", tslib_es6.__assign({ className: styles.Accordion }, filterDataAttrs.filterDataAttrs(props)),
+    return (React.createElement("div", tslib_es6.__assign({ className: styles.Accordion }, filterAttrs.filterAttrs(props)),
         React.createElement(AccordionHeading, { isPadded: true, id: id, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, headingSize: headingSize, content: content }),
         React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
 };

package/lib/_shared/cjs/{Author-X47pv31V.cjs → Author-D4dKNQem.cjs}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
+var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
 var Grid = require('@arc-ui/components/Grid');
 var Avatar = require('@arc-ui/components/Avatar');
 var Heading = require('@arc-ui/components/Heading');
@@ -15,7 +15,7 @@ var Author = function (_a) {
     var avatarSizes = ["s", "m", "l", "xl"];
     avatar.size = avatarSizes.includes(avatar.size || "") ? avatar.size : "m";
     var isLargeAvatar = avatar.size === "l" || avatar.size === "xl";
-    return (React.createElement("div", tslib_es6.__assign({}, filterDataAttrs.filterDataAttrs(props)),
+    return (React.createElement("div", tslib_es6.__assign({}, filterAttrs.filterAttrs(props)),
         React.createElement(Grid.Grid, { isFluid: true, isGutterless: true },
             React.createElement(Grid.GridRow, { align: "center" },
                 React.createElement(Grid.GridCol, { xs: isLargeAvatar ? 12 : "auto" },

package/lib/_shared/cjs/BtIconArrowAltRight-CLQdP61r.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowAltRight =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M18.854 11.646a.5.5 0 0 0-.707.707l3.146 3.147H9.5a.5.5 0 0 0 0 1h11.793l-3.146 3.146a.5.5 0 1 0 .707.707L23.207 16Z'/%3e%3c/svg%3e";
+
+exports.BtIconArrowAltRight = BtIconArrowAltRight;

package/lib/_shared/cjs/BtIconArrowRightFill-BVCZv7Lm.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowRightFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16m16.854-4.354L23.207 16l-4.354 4.354a.5.5 0 0 1-.707-.707l3.147-3.147H9.5a.5.5 0 0 1 0-1h11.793l-3.146-3.146a.5.5 0 0 1 .707-.707'/%3e%3c/svg%3e";
+
+exports.BtIconArrowRightFill = BtIconArrowRightFill;

package/lib/_shared/cjs/{SectionHeading-DepTV4JA.cjs → SectionHeading-DeSFM0HV.cjs}

@@ -3,25 +3,25 @@
 var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
 var index = require('./index-Bp6Dd2i1.cjs');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
-var Heading = require('@arc-ui/components/Heading');
+var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
 var Text = require('@arc-ui/components/Text');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');
 var Image = require('@arc-ui/components/Image');
+var Heading = require('@arc-ui/components/Heading');
 
 var styles = {"section-header":"SectionHeading-module_section-header__iB07I","section-header--hasImage":"SectionHeading-module_section-header--hasImage__Ka3T7","section-header--padded":"SectionHeading-module_section-header--padded__0FXP2"};
 
 var SectionHeading = function (_a) {
     var _b, _c;
-    var heading = _a.heading, content = _a.content, id = _a.id, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, image = _a.image, props = tslib_es6.__rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "image"]);
+    var heading = _a.heading, content = _a.content, id = _a.id, image = _a.image, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props = tslib_es6.__rest(_a, ["heading", "content", "id", "image", "isHeadingWordWrap", "isPadded", "headingLevel"]);
     return (React.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {},
             _b[styles["section-header"]] = true,
             _b[styles["section-header--padded"]] = isPadded,
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
+            _b)) }, filterAttrs.filterAttrs(props)),
         React.createElement("div", { className: index.classNames((_c = {}, _c[styles["section-header--hasImage"]] = image, _c)) },
             image && (React.createElement("div", null,
                 React.createElement(Image.Image, tslib_es6.__assign({}, image, { width: 68, fit: "cover" })))),
-            React.createElement(Heading.Heading, { level: headingLevel, id: id, size: "xl" }, heading)),
+            React.createElement(Heading.Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
         content && (React.createElement(React.Fragment, null,
             React.createElement(VerticalSpace.VerticalSpace, { size: "24" }),
             React.createElement(Text.Text, { size: "l", elementType: "p" }, content)))));

package/lib/_shared/cjs/ThumbnailSignpost-GkOiwt-Z.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
+var React = require('react');
+var index = require('./index-Bp6Dd2i1.cjs');
+var filterAttrs = require('./filter-attrs-BizjMsy0.cjs');
+var BtIconArrowRightFill = require('./BtIconArrowRightFill-BVCZv7Lm.cjs');
+var Image = require('@arc-ui/components/Image');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var Heading = require('@arc-ui/components/Heading');
+
+var styles = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
+
+/** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
+var ThumbnailSignpost = function (_a) {
+    var _b;
+    var text = _a.text, title = _a.title, img = _a.img, onClick = _a.onClick, buttonLabel = _a.buttonLabel, props = tslib_es6.__rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: index.classNames(styles.thumbnailSignpost, (_b = {},
+            _b[styles.isLink] = onClick,
+            _b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs.filterAttrs(props)),
+        img && (React.createElement("div", { className: styles.image },
+            React.createElement(Image.Image, tslib_es6.__assign({}, img)))),
+        React.createElement("div", { className: styles.content },
+            React.createElement("span", { className: styles.heading }, title),
+            React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+            text,
+            buttonLabel && onClick && (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+                React.createElement("div", { className: styles.thumbnailButton },
+                    React.createElement("span", { className: styles.buttonIcon, role: "img", style: {
+                            height: 24,
+                            width: 24,
+                            maskImage: "url(\"".concat(BtIconArrowRightFill.BtIconArrowRightFill, "\")"),
+                            WebkitMaskImage: "url(\"".concat(BtIconArrowRightFill.BtIconArrowRightFill, "\")"),
+                        } }),
+                    React.createElement(Heading.Heading, { size: "xxs" }, buttonLabel)))))));
+};
+
+exports.ThumbnailSignpost = ThumbnailSignpost;

package/lib/_shared/cjs/filter-attrs-BizjMsy0.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+/**
+ * Filters out attributes from the given props object based on a pattern.
+ *
+ * This function extracts all properties that match either the `data-*` or `aria-*` attribute patterns
+ * and returns a new object containing only those properties.
+ *
+ * @param props - The object containing properties to filter.
+ * @returns A new object containing only the matched attributes (`data-*` and `aria-*`) from the input props.
+ */
+var attributePrefixes = ["data-", "aria-"];
+var filterAttrs = function (props) {
+    var filteredProps = {};
+    var _loop_1 = function (prop) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            attributePrefixes.some(function (prefix) { return prop.startsWith(prefix); })) {
+            filteredProps[prop] = props[prop];
+        }
+    };
+    for (var prop in props) {
+        _loop_1(prop);
+    }
+    return filteredProps;
+};
+
+exports.filterAttrs = filterAttrs;

package/lib/_shared/cjs/{index.es-D11PdokQ.cjs → index.es-Dq8bYrbW.cjs}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 18 Feb 2026 11:14:49 GMT
+ * Generated on Fri, 06 Mar 2026 15:05:14 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";

package/lib/_shared/esm/{Accordion-LLwNdzax.mjs → Accordion-cd1oYvBv.mjs}

@@ -1,6 +1,6 @@
 import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.mjs';
+import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
 import { c as classNames } from './index-BfTCfPZ1.mjs';
 import { Heading } from '@arc-ui/components/Heading';
 import { Text } from '@arc-ui/components/Text';
@@ -17,7 +17,7 @@ var AccordionHeading = function (_a) {
             _b[styles$2["accordion-header"]] = true,
             _b[styles$2["accordion-header--padded"]] = isPadded,
             _b[styles$2["accordion-header--headingSizeM"]] = headingSize === "m",
-            _b)) }, filterDataAttrs(props)),
+            _b)) }, filterAttrs(props)),
         React.createElement("div", { className: classNames((_c = {}, _c[styles$2["accordion-header--hasImage"]] = image, _c)) },
             image && (React.createElement("div", null,
                 React.createElement(Image, __assign({}, image, { width: 68, fit: "cover" })))),
@@ -33,8 +33,8 @@ var AccordionDisclosureList = function (_a) {
     var disclosureList = _a.disclosureList;
     return (React.createElement("ul", null, disclosureList.map(function (_a) {
         var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = __rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
-        return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem },
-            React.createElement(Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterDataAttrs(props)), children)));
+        return (React.createElement("li", { key: id, className: styles$1.AccordionDisclosureListItem, id: id },
+            React.createElement(Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterAttrs(props)), children)));
     })));
 };
 
@@ -45,7 +45,7 @@ var styles = {"Accordion":"Accordion-module_Accordion__LsXTU"};
  */
 var Accordion = function (_a) {
     var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props = __rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
-    return (React.createElement("div", __assign({ className: styles.Accordion }, filterDataAttrs(props)),
+    return (React.createElement("div", __assign({ className: styles.Accordion }, filterAttrs(props)),
         React.createElement(AccordionHeading, { isPadded: true, id: id, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, headingSize: headingSize, content: content }),
         React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
 };

package/lib/_shared/esm/{Author-CydDYCma.mjs → Author-HnYsFTPT.mjs}

@@ -1,6 +1,6 @@
 import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.mjs';
+import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
 import { Grid, GridRow, GridCol } from '@arc-ui/components/Grid';
 import { Avatar } from '@arc-ui/components/Avatar';
 import { Heading } from '@arc-ui/components/Heading';
@@ -13,7 +13,7 @@ var Author = function (_a) {
     var avatarSizes = ["s", "m", "l", "xl"];
     avatar.size = avatarSizes.includes(avatar.size || "") ? avatar.size : "m";
     var isLargeAvatar = avatar.size === "l" || avatar.size === "xl";
-    return (React.createElement("div", __assign({}, filterDataAttrs(props)),
+    return (React.createElement("div", __assign({}, filterAttrs(props)),
         React.createElement(Grid, { isFluid: true, isGutterless: true },
             React.createElement(GridRow, { align: "center" },
                 React.createElement(GridCol, { xs: isLargeAvatar ? 12 : "auto" },

package/lib/_shared/esm/BtIconArrowAltRight-VH6RTTnL.mjs

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowAltRight =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M18.854 11.646a.5.5 0 0 0-.707.707l3.146 3.147H9.5a.5.5 0 0 0 0 1h11.793l-3.146 3.146a.5.5 0 1 0 .707.707L23.207 16Z'/%3e%3c/svg%3e";
+
+export { BtIconArrowAltRight as B };

package/lib/_shared/esm/BtIconArrowRightFill-D0zKgk3B.mjs

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconArrowRightFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M2 16A14 14 0 1 0 16 2 14 14 0 0 0 2 16m16.854-4.354L23.207 16l-4.354 4.354a.5.5 0 0 1-.707-.707l3.147-3.147H9.5a.5.5 0 0 1 0-1h11.793l-3.146-3.146a.5.5 0 0 1 .707-.707'/%3e%3c/svg%3e";
+
+export { BtIconArrowRightFill as B };

package/lib/_shared/esm/{SectionHeading-BayinGP_.mjs → SectionHeading-CpDLCndw.mjs}

@@ -1,25 +1,25 @@
 import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
 import { c as classNames } from './index-BfTCfPZ1.mjs';
-import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.mjs';
-import { Heading } from '@arc-ui/components/Heading';
+import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
 import { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
 import { Image } from '@arc-ui/components/Image';
+import { Heading } from '@arc-ui/components/Heading';
 
 var styles = {"section-header":"SectionHeading-module_section-header__iB07I","section-header--hasImage":"SectionHeading-module_section-header--hasImage__Ka3T7","section-header--padded":"SectionHeading-module_section-header--padded__0FXP2"};
 
 var SectionHeading = function (_a) {
     var _b, _c;
-    var heading = _a.heading, content = _a.content, id = _a.id, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, image = _a.image, props = __rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "image"]);
+    var heading = _a.heading, content = _a.content, id = _a.id, image = _a.image, isHeadingWordWrap = _a.isHeadingWordWrap, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, props = __rest(_a, ["heading", "content", "id", "image", "isHeadingWordWrap", "isPadded", "headingLevel"]);
     return (React.createElement("div", __assign({ className: classNames((_b = {},
             _b[styles["section-header"]] = true,
             _b[styles["section-header--padded"]] = isPadded,
-            _b)) }, filterDataAttrs(props)),
+            _b)) }, filterAttrs(props)),
         React.createElement("div", { className: classNames((_c = {}, _c[styles["section-header--hasImage"]] = image, _c)) },
             image && (React.createElement("div", null,
                 React.createElement(Image, __assign({}, image, { width: 68, fit: "cover" })))),
-            React.createElement(Heading, { level: headingLevel, id: id, size: "xl" }, heading)),
+            React.createElement(Heading, { level: headingLevel, id: id, size: "xl", isWordWrap: isHeadingWordWrap }, heading)),
         content && (React.createElement(React.Fragment, null,
             React.createElement(VerticalSpace, { size: "24" }),
             React.createElement(Text, { size: "l", elementType: "p" }, content)))));

package/lib/_shared/esm/ThumbnailSignpost-BeRiXbUp.mjs

@@ -0,0 +1,37 @@
+import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
+import React from 'react';
+import { c as classNames } from './index-BfTCfPZ1.mjs';
+import { f as filterAttrs } from './filter-attrs-DZ7RCEZm.mjs';
+import { B as BtIconArrowRightFill } from './BtIconArrowRightFill-D0zKgk3B.mjs';
+import { Image } from '@arc-ui/components/Image';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { Heading } from '@arc-ui/components/Heading';
+
+var styles = {"thumbnailSignpost":"ThumbnailSignpost-module_thumbnailSignpost__Yf26b","isLink":"ThumbnailSignpost-module_isLink__FucdG","content":"ThumbnailSignpost-module_content__XG9oj","heading":"ThumbnailSignpost-module_heading__mTrpJ","image":"ThumbnailSignpost-module_image__syGZj","thumbnailButton":"ThumbnailSignpost-module_thumbnailButton__Nn-NR","buttonIcon":"ThumbnailSignpost-module_buttonIcon__ydmza"};
+
+/** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
+var ThumbnailSignpost = function (_a) {
+    var _b;
+    var text = _a.text, title = _a.title, img = _a.img, onClick = _a.onClick, buttonLabel = _a.buttonLabel, props = __rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
+    return (React.createElement("div", __assign({ className: classNames(styles.thumbnailSignpost, (_b = {},
+            _b[styles.isLink] = onClick,
+            _b)), onClick: onClick, "aria-label": title, tabIndex: onClick ? 0 : -1 }, (onClick && { role: "button" }), filterAttrs(props)),
+        img && (React.createElement("div", { className: styles.image },
+            React.createElement(Image, __assign({}, img)))),
+        React.createElement("div", { className: styles.content },
+            React.createElement("span", { className: styles.heading }, title),
+            React.createElement(VerticalSpace, { size: "8" }),
+            text,
+            buttonLabel && onClick && (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace, { size: "8" }),
+                React.createElement("div", { className: styles.thumbnailButton },
+                    React.createElement("span", { className: styles.buttonIcon, role: "img", style: {
+                            height: 24,
+                            width: 24,
+                            maskImage: "url(\"".concat(BtIconArrowRightFill, "\")"),
+                            WebkitMaskImage: "url(\"".concat(BtIconArrowRightFill, "\")"),
+                        } }),
+                    React.createElement(Heading, { size: "xxs" }, buttonLabel)))))));
+};
+
+export { ThumbnailSignpost as T };

package/lib/_shared/esm/filter-attrs-DZ7RCEZm.mjs

@@ -0,0 +1,25 @@
+/**
+ * Filters out attributes from the given props object based on a pattern.
+ *
+ * This function extracts all properties that match either the `data-*` or `aria-*` attribute patterns
+ * and returns a new object containing only those properties.
+ *
+ * @param props - The object containing properties to filter.
+ * @returns A new object containing only the matched attributes (`data-*` and `aria-*`) from the input props.
+ */
+var attributePrefixes = ["data-", "aria-"];
+var filterAttrs = function (props) {
+    var filteredProps = {};
+    var _loop_1 = function (prop) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            attributePrefixes.some(function (prefix) { return prop.startsWith(prefix); })) {
+            filteredProps[prop] = props[prop];
+        }
+    };
+    for (var prop in props) {
+        _loop_1(prop);
+    }
+    return filteredProps;
+};
+
+export { filterAttrs as f };

package/lib/_shared/esm/{index.es-C4PyYMjI.mjs → index.es-Bfdys5__.mjs}

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 18 Feb 2026 11:14:49 GMT
+ * Generated on Fri, 06 Mar 2026 15:05:14 GMT
  */
 var ArcSizeBreakpointsS = "636px";
 var ArcSizeBreakpointsM = "768px";