@arc-ui/community-components 3.1.0 → 3.3.0

package/lib/_shared/cjs/ThumbnailSignpost-SBnrGooA.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var filterAttrs = require('./filter-attrs-C26zOt4_.cjs');
+var React = require('react');
+var index = require('./index-Bp6Dd2i1.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 = filterAttrs.__rest(_a, ["text", "title", "img", "onClick", "buttonLabel"]);
+    return (React.createElement("div", filterAttrs.__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, filterAttrs.__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/{tslib.es6-BxB9I209.cjs → filter-attrs-C26zOt4_.cjs}

@@ -93,7 +93,32 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+/**
+ * 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.__awaiter = __awaiter;
 exports.__generator = __generator;
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
+exports.filterAttrs = filterAttrs;

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

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

package/lib/_shared/esm/{Accordion-BN_lZk6L.mjs → Accordion-DrOTh90S.mjs}

@@ -1,6 +1,5 @@
-import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
+import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-D-1kWaCP.mjs';
 import React from 'react';
-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';
@@ -33,7 +32,7 @@ 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 },
+        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)));
     })));
 };

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

@@ -1,6 +1,5 @@
-import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
+import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-D-1kWaCP.mjs';
 import React from 'react';
-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';

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

@@ -1,7 +1,6 @@
-import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
+import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-D-1kWaCP.mjs';
 import React from 'react';
 import { c as classNames } from './index-BfTCfPZ1.mjs';
-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';

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

@@ -0,0 +1,36 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-D-1kWaCP.mjs';
+import React from 'react';
+import { c as classNames } from './index-BfTCfPZ1.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/{tslib.es6-D6Wu-xwB.mjs → filter-attrs-D-1kWaCP.mjs}

@@ -91,4 +91,28 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __rest as a, __spreadArray as b, __awaiter as c, __generator as d };
+/**
+ * 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 { __rest as _, __assign as a, __spreadArray as b, __awaiter as c, __generator as d, filterAttrs as f };

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

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