@arc-ui/community-components 1.1.0 → 3.0.0

package/lib/_shared/cjs/Accordion-C4XdbGCu.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
+var React = require('react');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
+var index = require('./index-Bp6Dd2i1.cjs');
+var Heading = require('@arc-ui/components/Heading');
+var Text = require('@arc-ui/components/Text');
+var VerticalSpace = require('@arc-ui/components/VerticalSpace');
+var Image = require('@arc-ui/components/Image');
+var Disclosure = require('@arc-ui/components/Disclosure');
+
+var styles$1 = {"accordion-header":"AccordionHeading-module_accordion-header__8s12f","accordion-header--hasImage":"AccordionHeading-module_accordion-header--hasImage__wbDjW","accordion-header--padded":"AccordionHeading-module_accordion-header--padded__me1JY","accordion-header--headingSizeM":"AccordionHeading-module_accordion-header--headingSizeM__amLfy"};
+
+var AccordionHeading = 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, _f = _a.headingSize, headingSize = _f === void 0 ? "xl" : _f, image = _a.image, props = tslib_es6.__rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
+    return (React.createElement("div", tslib_es6.__assign({ className: index.classNames((_b = {},
+            _b[styles$1["accordion-header"]] = true,
+            _b[styles$1["accordion-header--padded"]] = isPadded,
+            _b[styles$1["accordion-header--headingSizeM"]] = headingSize === "m",
+            _b)) }, filterDataAttrs.filterDataAttrs(props)),
+        React.createElement("div", { className: index.classNames((_c = {}, _c[styles$1["accordion-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: headingSize }, heading)),
+        content && (React.createElement(React.Fragment, null,
+            headingSize === "xl" ? (React.createElement(VerticalSpace.VerticalSpace, { size: "24" })) : (React.createElement(VerticalSpace.VerticalSpace, { size: "8", sizeL: "12", sizeXL: "16" })),
+            React.createElement(Text.Text, { size: "l", elementType: "p" }, content)))));
+};
+
+var styles = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT"};
+
+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.AccordionDisclosureListItem },
+            React.createElement(Disclosure.Disclosure, tslib_es6.__assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterDataAttrs.filterDataAttrs(props)), children)));
+    })));
+};
+
+/**
+ * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
+ */
+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({}, filterDataAttrs.filterDataAttrs(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 })));
+};
+
+exports.Accordion = Accordion;

package/{dist/_shared/cjs/Author-DltMey-3.js → lib/_shared/cjs/Author-X47pv31V.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BxB9I209.js');
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
 var Grid = require('@arc-ui/components/Grid');
 var Avatar = require('@arc-ui/components/Avatar');
 var Heading = require('@arc-ui/components/Heading');

package/{dist/_shared/cjs/SectionHeading-gjCR1F6E.js → lib/_shared/cjs/SectionHeading-DepTV4JA.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BxB9I209.js');
+var tslib_es6 = require('./tslib.es6-BxB9I209.cjs');
 var React = require('react');
-var index = require('./index-Bp6Dd2i1.js');
-var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.js');
+var index = require('./index-Bp6Dd2i1.cjs');
+var filterDataAttrs = require('./filter-data-attrs-ajtUvDAC.cjs');
 var Heading = require('@arc-ui/components/Heading');
 var Text = require('@arc-ui/components/Text');
 var VerticalSpace = require('@arc-ui/components/VerticalSpace');

package/{dist/_shared/cjs/index.es-Cf6wAvkf.js → lib/_shared/cjs/index.es-D11PdokQ.cjs}

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

package/lib/_shared/esm/Accordion-Ct7RuUbx.mjs

@@ -0,0 +1,51 @@
+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 { c as classNames } from './index-BfTCfPZ1.mjs';
+import { Heading } from '@arc-ui/components/Heading';
+import { Text } from '@arc-ui/components/Text';
+import { VerticalSpace } from '@arc-ui/components/VerticalSpace';
+import { Image } from '@arc-ui/components/Image';
+import { Disclosure } from '@arc-ui/components/Disclosure';
+
+var styles$1 = {"accordion-header":"AccordionHeading-module_accordion-header__8s12f","accordion-header--hasImage":"AccordionHeading-module_accordion-header--hasImage__wbDjW","accordion-header--padded":"AccordionHeading-module_accordion-header--padded__me1JY","accordion-header--headingSizeM":"AccordionHeading-module_accordion-header--headingSizeM__amLfy"};
+
+var AccordionHeading = 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, _f = _a.headingSize, headingSize = _f === void 0 ? "xl" : _f, image = _a.image, props = __rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
+    return (React.createElement("div", __assign({ className: classNames((_b = {},
+            _b[styles$1["accordion-header"]] = true,
+            _b[styles$1["accordion-header--padded"]] = isPadded,
+            _b[styles$1["accordion-header--headingSizeM"]] = headingSize === "m",
+            _b)) }, filterDataAttrs(props)),
+        React.createElement("div", { className: classNames((_c = {}, _c[styles$1["accordion-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: headingSize }, heading)),
+        content && (React.createElement(React.Fragment, null,
+            headingSize === "xl" ? (React.createElement(VerticalSpace, { size: "24" })) : (React.createElement(VerticalSpace, { size: "8", sizeL: "12", sizeXL: "16" })),
+            React.createElement(Text, { size: "l", elementType: "p" }, content)))));
+};
+
+var styles = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT"};
+
+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.AccordionDisclosureListItem },
+            React.createElement(Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterDataAttrs(props)), children)));
+    })));
+};
+
+/**
+ * Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
+ */
+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({}, filterDataAttrs(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 })));
+};
+
+export { Accordion as A };

package/{dist/_shared/esm/Author-son1Cgke.js → lib/_shared/esm/Author-CydDYCma.mjs}

@@ -1,6 +1,6 @@
-import { _ as __rest, a as __assign } from './tslib.es6-BVXMhEem.js';
+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.js';
+import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.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/{dist/_shared/esm/SectionHeading-BwbuyrYn.js → lib/_shared/esm/SectionHeading-BayinGP_.mjs}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign } from './tslib.es6-BVXMhEem.js';
+import { a as __rest, _ as __assign } from './tslib.es6-D6Wu-xwB.mjs';
 import React from 'react';
-import { c as classNames } from './index-BfTCfPZ1.js';
-import { f as filterDataAttrs } from './filter-data-attrs-V7cbJuwS.js';
+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 { Text } from '@arc-ui/components/Text';
 import { VerticalSpace } from '@arc-ui/components/VerticalSpace';

package/{dist/_shared/esm/index.es-DWVPneQL.js → lib/_shared/esm/index.es-C4PyYMjI.mjs}

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

package/{dist/_shared/esm/tslib.es6-BVXMhEem.js → lib/_shared/esm/tslib.es6-D6Wu-xwB.mjs}

@@ -91,4 +91,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __rest as _, __assign as a, __spreadArray as b, __awaiter as c, __generator as d };
+export { __assign as _, __rest as a, __spreadArray as b, __awaiter as c, __generator as d };