@arc-ui/components 11.18.0 → 11.20.0

package/dist/Alert/Alert.cjs.js

@@ -6,7 +6,7 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');

package/dist/Alert/Alert.esm.js

@@ -2,7 +2,7 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 import React__default, { useContext, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';

package/dist/Avatar/Avatar.cjs.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Avatar = require('../_shared/cjs/Avatar-12ece0dd.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+require('react');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
+require('../_shared/cjs/Icon-b46897a3.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Image-e873b8fc.js');
+require('../_shared/cjs/Heading-27cba320.js');
+
+
+
+exports.Avatar = Avatar.Avatar;

package/dist/Avatar/Avatar.esm.js

@@ -0,0 +1,10 @@
+export { A as Avatar } from '../_shared/esm/Avatar-d01e2b7b.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import 'react';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/ConditionalWrapper-59be8f35.js';
+import '../_shared/esm/Icon-15799695.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Image-12fbd327.js';
+import '../_shared/esm/Heading-d16e0e53.js';

package/dist/Avatar/package.json

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

package/dist/AvatarGroup/AvatarGroup.cjs.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Avatar = require('../_shared/cjs/Avatar-12ece0dd.js');
+require('../_shared/cjs/Surface-038db6e1.js');
+var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
+require('../_shared/cjs/Icon-b46897a3.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Image-e873b8fc.js');
+require('../_shared/cjs/Heading-27cba320.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var getAvatars = function (avatars, max) {
+    var maxAvatars = avatars.slice(0, max);
+    var hasHiddenAvatars = maxAvatars.length < avatars.length;
+    return filterDataAttrs.__spreadArray(filterDataAttrs.__spreadArray([], maxAvatars, true), (hasHiddenAvatars && max
+        ? [{ initials: "+".concat(avatars.length - max) }]
+        : []), true);
+};
+
+var AvatarGroup = function (_a) {
+    var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, avatars = _a.avatars, onClick = _a.onClick, max = _a.max, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = filterDataAttrs.__rest(_a, ["title", "ariaLabel", "href", "avatars", "onClick", "max", "size"]);
+    var id = React.useId();
+    var wrapperAttrs = filterDataAttrs.__assign({ className: "arc-AvatarGroup" }, filterDataAttrs.filterDataAttrs(props));
+    return (React__default["default"].createElement(ConditionalWrapper.ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default["default"].createElement("a", filterDataAttrs.__assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React__default["default"].createElement("div", filterDataAttrs.__assign({}, wrapperAttrs), children); } },
+        React__default["default"].createElement("div", { className: "arc-AvatarGroup-avatarContainer" }, getAvatars(avatars, max).map(function (props, i) { return (React__default["default"].createElement("div", { key: "".concat(id, "-avatar-").concat(i), className: index.classNames("arc-AvatarGroup-avatar", "arc-AvatarGroup-avatar--".concat(size)) },
+            React__default["default"].createElement(Avatar.Avatar, filterDataAttrs.__assign({ size: size }, props)))); }))));
+};
+
+exports.AvatarGroup = AvatarGroup;

package/dist/AvatarGroup/AvatarGroup.esm.js

@@ -0,0 +1,29 @@
+import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default, { useId } from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { A as Avatar } from '../_shared/esm/Avatar-d01e2b7b.js';
+import '../_shared/esm/Surface-0ca6817d.js';
+import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-59be8f35.js';
+import '../_shared/esm/Icon-15799695.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Image-12fbd327.js';
+import '../_shared/esm/Heading-d16e0e53.js';
+
+var getAvatars = function (avatars, max) {
+    var maxAvatars = avatars.slice(0, max);
+    var hasHiddenAvatars = maxAvatars.length < avatars.length;
+    return __spreadArray(__spreadArray([], maxAvatars, true), (hasHiddenAvatars && max
+        ? [{ initials: "+".concat(avatars.length - max) }]
+        : []), true);
+};
+
+var AvatarGroup = function (_a) {
+    var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, avatars = _a.avatars, onClick = _a.onClick, max = _a.max, _b = _a.size, size = _b === void 0 ? "xl" : _b, props = __rest(_a, ["title", "ariaLabel", "href", "avatars", "onClick", "max", "size"]);
+    var id = useId();
+    var wrapperAttrs = __assign({ className: "arc-AvatarGroup" }, filterDataAttrs(props));
+    return (React__default.createElement(ConditionalWrapper, { condition: Boolean(href), wrapper: function (children) { return (React__default.createElement("a", __assign({ href: href, "aria-label": ariaLabel, onClick: onClick, title: title }, wrapperAttrs), children)); }, fallback: function (children) { return React__default.createElement("div", __assign({}, wrapperAttrs), children); } },
+        React__default.createElement("div", { className: "arc-AvatarGroup-avatarContainer" }, getAvatars(avatars, max).map(function (props, i) { return (React__default.createElement("div", { key: "".concat(id, "-avatar-").concat(i), className: classNames("arc-AvatarGroup-avatar", "arc-AvatarGroup-avatar--".concat(size)) },
+            React__default.createElement(Avatar, __assign({ size: size }, props)))); }))));
+};
+
+export { AvatarGroup };

package/dist/AvatarGroup/package.json

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

package/dist/Breadcrumbs/Breadcrumbs.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-ef659d2b.js');
+var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-c6eaf5c4.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/debounce-123468fb.js');
 require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');

package/dist/Breadcrumbs/Breadcrumbs.esm.js

@@ -1,9 +1,9 @@
-export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-36edfb3d.js';
+export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-7d55e1a6.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/debounce-6fed6b84.js';
 import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';

package/dist/Button/Button.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../_shared/cjs/Button-4fed080a.js');
+var Button = require('../_shared/cjs/Button-84533dc8.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('react');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 
 

package/dist/Button/Button.esm.js

@@ -1,9 +1,9 @@
-export { B as Button } from '../_shared/esm/Button-a453e8e4.js';
+export { B as Button } from '../_shared/esm/Button-3f294e64.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import 'react';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/Surface-0ca6817d.js';

package/dist/Calendar/Calendar.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Calendar = require('../_shared/cjs/Calendar-18e255f8.js');
+var Calendar = require('../_shared/cjs/Calendar-c6ed5f2c.js');
 require('react');
 require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
@@ -14,7 +14,7 @@ require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 require('../_shared/cjs/Heading-27cba320.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 
 
 

package/dist/Calendar/Calendar.esm.js

@@ -1,4 +1,4 @@
-export { C as Calendar } from '../_shared/esm/Calendar-4033fa48.js';
+export { C as Calendar } from '../_shared/esm/Calendar-753ef6f1.js';
 import 'react';
 import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
@@ -10,4 +10,4 @@ import '../_shared/esm/VisuallyHidden-b9eebf71.js';
 import '../_shared/esm/Heading-d16e0e53.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';

package/dist/Card/Card.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../_shared/cjs/Card-17dcc171.js');
+var Card = require('../_shared/cjs/Card-5b19cabc.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/Image-e873b8fc.js');

package/dist/Card/Card.esm.js

@@ -1,9 +1,9 @@
-export { C as Card } from '../_shared/esm/Card-201e9f28.js';
+export { C as Card } from '../_shared/esm/Card-7fc6c9b4.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/Image-12fbd327.js';

package/dist/Checkbox/Checkbox.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../_shared/cjs/Checkbox-4d4b432f.js');
+var Checkbox = require('../_shared/cjs/Checkbox-8915fcd9.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/FormControl-b26ad353.js');
+require('../_shared/cjs/FormControl-5f3b6ce4.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');

package/dist/Checkbox/Checkbox.esm.js

@@ -1,10 +1,10 @@
-export { C as Checkbox } from '../_shared/esm/Checkbox-720b074d.js';
+export { C as Checkbox } from '../_shared/esm/Checkbox-0e051546.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/FormControl-f0b8fe91.js';
+import '../_shared/esm/FormControl-cc99cde0.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/DisclosureMini-ec17b008.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';

package/dist/DatePicker/DatePicker.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Calendar = require('../_shared/cjs/Calendar-18e255f8.js');
+var Calendar = require('../_shared/cjs/Calendar-c6ed5f2c.js');
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index$4 = require('../_shared/cjs/index-9947ac13.js');
@@ -13,7 +13,7 @@ var index$2 = require('../_shared/cjs/index-6eb396a3.js');
 var index$1 = require('../_shared/cjs/index-77ab5c6a.js');
 var index$3 = require('../_shared/cjs/index-d38f1bd0.js');
 var Base = require('../_shared/cjs/Base-f5a86eed.js');
-var TextInput = require('../_shared/cjs/TextInput-d0370fa8.js');
+var TextInput = require('../_shared/cjs/TextInput-5da70ec2.js');
 require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
@@ -22,10 +22,10 @@ require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 require('../_shared/cjs/Heading-27cba320.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 require('react-dom');
 require('../_shared/cjs/index-74004a9c.js');
-require('../_shared/cjs/FormControl-b26ad353.js');
+require('../_shared/cjs/FormControl-5f3b6ce4.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
@@ -543,7 +543,7 @@ var DatePicker = React.forwardRef(function (_a, ref) {
     return (React__default["default"].createElement("div", { className: index$4.classNames({
             "arc-DatePicker--constrained": !isFluid
         }) },
-        React__default["default"].createElement(TextInput.TextInput, filterDataAttrs.__assign({ ref: getDatePickerRef, iconButton: {
+        React__default["default"].createElement(TextInput.TextInputWithPlaceHolder, filterDataAttrs.__assign({ ref: getDatePickerRef, iconButton: {
                 onClick: handleIconClick,
                 onFocus: handleIconFocus,
                 icon: BtIconCalender,

package/dist/DatePicker/DatePicker.esm.js

@@ -1,4 +1,4 @@
-import { r as requiredArgs, t as toDate, i as isValid, f as format, C as Calendar, a as isBefore, b as isAfter, c as compareAsc } from '../_shared/esm/Calendar-4033fa48.js';
+import { r as requiredArgs, t as toDate, i as isValid, f as format, C as Calendar, a as isBefore, b as isAfter, c as compareAsc } from '../_shared/esm/Calendar-753ef6f1.js';
 import { b as __spreadArray, _ as __rest, a as __assign } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default, { useRef, useState, createElement, useCallback, forwardRef, useEffect, useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
@@ -9,7 +9,7 @@ import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/i
 import { $ as $cf1ac5d9fe0e8206$export$722aac194ae923, a as $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, b as $cf1ac5d9fe0e8206$export$b688253958b8dfe7, c as $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 } from '../_shared/esm/index-b84a20c6.js';
 import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-ca72c9d5.js';
 import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
-import { T as TextInput } from '../_shared/esm/TextInput-abbab56b.js';
+import { T as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-1d1c5fd6.js';
 import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
@@ -18,10 +18,10 @@ import '../_shared/esm/VisuallyHidden-b9eebf71.js';
 import '../_shared/esm/Heading-d16e0e53.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-15799695.js';
 import 'react-dom';
 import '../_shared/esm/index-2cfab9f2.js';
-import '../_shared/esm/FormControl-f0b8fe91.js';
+import '../_shared/esm/FormControl-cc99cde0.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/DisclosureMini-ec17b008.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
@@ -535,7 +535,7 @@ var DatePicker = forwardRef(function (_a, ref) {
     return (React__default.createElement("div", { className: classNames({
             "arc-DatePicker--constrained": !isFluid
         }) },
-        React__default.createElement(TextInput, __assign({ ref: getDatePickerRef, iconButton: {
+        React__default.createElement(TextInputWithPlaceHolder, __assign({ ref: getDatePickerRef, iconButton: {
                 onClick: handleIconClick,
                 onFocus: handleIconFocus,
                 icon: BtIconCalender,

package/dist/Disclosure/Disclosure.cjs.js

@@ -21,12 +21,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Disclosure = function (_a) {
     var children = _a.children, headingLevel = _a.headingLevel, _b = _a.indentDetails, indentDetails = _b === void 0 ? false : _b, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, summary = _a.summary, props = filterDataAttrs.__rest(_a, ["children", "headingLevel", "indentDetails", "isOpen", "summary"]);
     var surface = React.useContext(Surface.Context).surface;
+    var _d = React.useState(false), disclousreState = _d[0], setDisclosureState = _d[1];
+    var handleOnClick = function () {
+        setDisclosureState(function (prevState) { return !prevState; });
+    };
     return (React__default["default"].createElement("details", filterDataAttrs.__assign({ className: index.classNames({
             "arc-Disclosure": true,
             "arc-Disclosure--indentDetails": indentDetails,
             "arc-Disclosure--onDarkSurface": surface === "dark"
         }), open: isOpen }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("summary", { className: "arc-Disclosure-summary" },
+        React__default["default"].createElement("summary", { "aria-expanded": disclousreState, onClick: handleOnClick, className: "arc-Disclosure-summary" },
             React__default["default"].createElement("span", { className: "arc-Disclosure-summary-icon" },
                 React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)),
             React__default["default"].createElement(Heading.Heading, { level: headingLevel, size: "s" }, summary)),

package/dist/Disclosure/Disclosure.esm.js

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import React__default, { useContext } from 'react';
+import React__default, { useContext, useState } from 'react';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
 import { B as BtIconChevronDown2Px } from '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
@@ -13,12 +13,16 @@ import '../_shared/esm/suffix-modifier-3d548e45.js';
 var Disclosure = function (_a) {
     var children = _a.children, headingLevel = _a.headingLevel, _b = _a.indentDetails, indentDetails = _b === void 0 ? false : _b, _c = _a.isOpen, isOpen = _c === void 0 ? false : _c, summary = _a.summary, props = __rest(_a, ["children", "headingLevel", "indentDetails", "isOpen", "summary"]);
     var surface = useContext(Context).surface;
+    var _d = useState(false), disclousreState = _d[0], setDisclosureState = _d[1];
+    var handleOnClick = function () {
+        setDisclosureState(function (prevState) { return !prevState; });
+    };
     return (React__default.createElement("details", __assign({ className: classNames({
             "arc-Disclosure": true,
             "arc-Disclosure--indentDetails": indentDetails,
             "arc-Disclosure--onDarkSurface": surface === "dark"
         }), open: isOpen }, filterDataAttrs(props)),
-        React__default.createElement("summary", { className: "arc-Disclosure-summary" },
+        React__default.createElement("summary", { "aria-expanded": disclousreState, onClick: handleOnClick, className: "arc-Disclosure-summary" },
             React__default.createElement("span", { className: "arc-Disclosure-summary-icon" },
                 React__default.createElement(BtIconChevronDown2Px, null)),
             React__default.createElement(Heading, { level: headingLevel, size: "s" }, summary)),

package/dist/FormControl/FormControl.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-b26ad353.js');
+var FormControl = require('../_shared/cjs/FormControl-5f3b6ce4.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');

package/dist/FormControl/FormControl.esm.js

@@ -1,4 +1,4 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-f0b8fe91.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-cc99cde0.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';

package/dist/Icon/Icon.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');

package/dist/Icon/Icon.esm.js

@@ -1,4 +1,4 @@
-export { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+export { I as Icon } from '../_shared/esm/Icon-15799695.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';

package/dist/InformationCard/InformationCard.cjs.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var useMediaQuery = require('../_shared/cjs/use-media-query-e61881d8.js');
-var CardLabel = require('../_shared/cjs/CardLabel-768abf20.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
-var Tag = require('../_shared/cjs/Tag-42ddca45.js');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-50d96943.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
+var Tag = require('../_shared/cjs/Tag-8723b324.js');
 var Image = require('../_shared/cjs/Image-e873b8fc.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
-var Button = require('../_shared/cjs/Button-4fed080a.js');
+var Button = require('../_shared/cjs/Button-84533dc8.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
@@ -37,15 +37,15 @@ var InformationCard = function (_a) {
         React__default["default"].createElement(Surface.Surface, { growVertically: true, padding: containerSpacing, background: "white" },
             React__default["default"].createElement("div", null,
                 image && (React__default["default"].createElement("div", { className: "arc-InformationCard-img" },
-                    React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, image)),
+                    React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({ alt: "" }, image)),
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
                 icon && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(Icon.Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
                 label && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(CardLabel.CardLabel, { color: "supporting", text: label }),
+                    React__default["default"].createElement(BtIconArrowRight_esm.CardLabel, { color: "supporting", text: label }),
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }))),
-                React__default["default"].createElement(CardLabel.CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
+                React__default["default"].createElement(BtIconArrowRight_esm.CardHeading, { heading: heading, headingLevel: headingLevel, href: cardUrl, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) })),
             React__default["default"].createElement("div", { className: "arc-InformationCard-contentContainer" },
                 text && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }),
@@ -60,7 +60,7 @@ var InformationCard = function (_a) {
                     (button || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" })))),
             React__default["default"].createElement("div", { className: "arc-InformationCard-footer" },
                 button && !cardUrl && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
-                    React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: CardLabel.BtIconArrowRight })))),
+                    React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: BtIconArrowRight_esm.BtIconArrowRight })))),
                 footerLogo && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
                     React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, footerLogo))))))));
 };

package/dist/InformationCard/InformationCard.esm.js

@@ -1,12 +1,12 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default, { useState } from 'react';
 import { u as useMediaQuery, a as ArcBreakpointS, A as ArcBreakpointM } from '../_shared/esm/use-media-query-4c807227.js';
-import { C as CardLabel, a as CardHeading, B as BtIconArrowRight } from '../_shared/esm/CardLabel-d6d71407.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
-import { T as Tag } from '../_shared/esm/Tag-92c088a9.js';
+import { C as CardLabel, a as CardHeading, B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight.esm-9b181878.js';
+import { I as Icon } from '../_shared/esm/Icon-15799695.js';
+import { T as Tag } from '../_shared/esm/Tag-664b85c8.js';
 import { I as Image } from '../_shared/esm/Image-12fbd327.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
-import { B as Button } from '../_shared/esm/Button-a453e8e4.js';
+import { B as Button } from '../_shared/esm/Button-3f294e64.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { S as Surface } from '../_shared/esm/Surface-0ca6817d.js';
@@ -29,7 +29,7 @@ var InformationCard = function (_a) {
         React__default.createElement(Surface, { growVertically: true, padding: containerSpacing, background: "white" },
             React__default.createElement("div", null,
                 image && (React__default.createElement("div", { className: "arc-InformationCard-img" },
-                    React__default.createElement(Image, __assign({}, image)),
+                    React__default.createElement(Image, __assign({ alt: "" }, image)),
                     React__default.createElement(VerticalSpace, { size: assetSpacing }))),
                 icon && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(Icon, { testId: "information-card-icon", icon: icon, size: 96 }),

package/dist/MediaCard/MediaCard.cjs.js

@@ -6,25 +6,21 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var useMediaQuery = require('../_shared/cjs/use-media-query-e61881d8.js');
-var CardLabel = require('../_shared/cjs/CardLabel-768abf20.js');
-var CardFooter = require('../_shared/cjs/CardFooter-43c32239.js');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-50d96943.js');
+var CardFooter = require('../_shared/cjs/CardFooter-4a68a862.js');
+var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
 var Image = require('../_shared/cjs/Image-e873b8fc.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/BtIconArrowRightFill.esm-435cf4bd.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-b46897a3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ConditionalWrapper = function (_a) {
-    var condition = _a.condition, wrapper = _a.wrapper, children = _a.children;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, condition ? wrapper(children) : children));
-};
-
 /**
  * Use `MediaCard` to contain content and an image about a single subject.
  */
@@ -38,14 +34,14 @@ var MediaCard = function (_a) {
             "arc-MediaCard--outlined": url && isContained && showHoverState,
             "arc-MediaCard--contained": isContained
         }) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(ConditionalWrapper, { condition: isContained, wrapper: function (children) { return (React__default["default"].createElement(Surface.Surface, { growVertically: true, background: "white" }, children)); } },
+        React__default["default"].createElement(ConditionalWrapper.ConditionalWrapper, { condition: isContained, wrapper: function (children) { return (React__default["default"].createElement(Surface.Surface, { growVertically: true, background: "white" }, children)); } },
             React__default["default"].createElement("div", { className: "arc-MediaCard-imgContainer" },
                 React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, img))),
             React__default["default"].createElement("div", { className: "arc-MediaCard-content" },
                 label && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(CardLabel.CardLabel, { text: label }),
+                    React__default["default"].createElement(BtIconArrowRight_esm.CardLabel, { text: label }),
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }))),
-                React__default["default"].createElement(CardLabel.CardHeading, { heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) }),
+                React__default["default"].createElement(BtIconArrowRight_esm.CardHeading, { heading: heading, headingLevel: headingLevel, href: url, onClick: onClick, onMouseEnter: handleShowHoverState(true), onMouseLeave: handleShowHoverState(false), onFocus: handleShowHoverState(true), onBlur: handleShowHoverState(false) }),
                 React__default["default"].createElement("div", { className: "arc-MediaCard-textContainer" }, text && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }),
                     React__default["default"].createElement(Text.Text, null, text),

package/dist/MediaCard/MediaCard.esm.js

@@ -2,20 +2,16 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 import React__default, { useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { u as useMediaQuery, a as ArcBreakpointS } from '../_shared/esm/use-media-query-4c807227.js';
-import { C as CardLabel, a as CardHeading } from '../_shared/esm/CardLabel-d6d71407.js';
-import { C as CardFooter } from '../_shared/esm/CardFooter-dd8d4000.js';
+import { C as CardLabel, a as CardHeading } from '../_shared/esm/BtIconArrowRight.esm-9b181878.js';
+import { C as CardFooter } from '../_shared/esm/CardFooter-a08b70ee.js';
+import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-59be8f35.js';
 import { I as Image } from '../_shared/esm/Image-12fbd327.js';
 import { S as Surface } from '../_shared/esm/Surface-0ca6817d.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
-
-var ConditionalWrapper = function (_a) {
-    var condition = _a.condition, wrapper = _a.wrapper, children = _a.children;
-    return (React__default.createElement(React__default.Fragment, null, condition ? wrapper(children) : children));
-};
+import '../_shared/esm/Icon-15799695.js';
 
 /**
  * Use `MediaCard` to contain content and an image about a single subject.