@arc-ui/components 11.22.0 → 11.24.0

package/dist/Alert/Alert.cjs.js

@@ -18,7 +18,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/** use `Alert` to display persistent messages, either permanent or dismissible. */
+/** Use `Alert` to inform the user of important changes or actions. */
 var Alert = function (_a) {
     var _b;
     var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = filterDataAttrs.__rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);

package/dist/Alert/Alert.esm.js

@@ -10,7 +10,7 @@ import { B as BtIconNotification, a as BtIconAlertTriangle, b as BtIconTick } fr
 import { B as BtIconAlert } from '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 
-/** use `Alert` to display persistent messages, either permanent or dismissible. */
+/** Use `Alert` to inform the user of important changes or actions. */
 var Alert = function (_a) {
     var _b;
     var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = __rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);

package/dist/Avatar/Avatar.cjs.js

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

package/dist/Avatar/Avatar.esm.js

@@ -1,4 +1,4 @@
-export { A as Avatar } from '../_shared/esm/Avatar-d01e2b7b.js';
+export { A as Avatar } from '../_shared/esm/Avatar-320313f0.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';

package/dist/AvatarGroup/AvatarGroup.cjs.js

@@ -5,7 +5,7 @@ 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');
+var Avatar = require('../_shared/cjs/Avatar-f1b1c129.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 var ConditionalWrapper = require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
 require('../_shared/cjs/Icon-b46897a3.js');
@@ -25,6 +25,7 @@ var getAvatars = function (avatars, max) {
         : []), true);
 };
 
+/** Use `AvatarGroup` to visually represent a group of users. */
 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();

package/dist/AvatarGroup/AvatarGroup.esm.js

@@ -1,7 +1,7 @@
 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 { A as Avatar } from '../_shared/esm/Avatar-320313f0.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import { C as ConditionalWrapper } from '../_shared/esm/ConditionalWrapper-59be8f35.js';
 import '../_shared/esm/Icon-15799695.js';
@@ -17,6 +17,7 @@ var getAvatars = function (avatars, max) {
         : []), true);
 };
 
+/** Use `AvatarGroup` to visually represent a group of users. */
 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();

package/dist/Badge/Badge.cjs.js

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
+/** Use `Badge` as a static, non-interactive way to provide short updates. */
 var Badge = function (_a) {
     var _b, _c;
     var children = _a.children, _d = _a.state, state = _d === void 0 ? "default" : _d, _e = _a.size, size = _e === void 0 ? "default" : _e, _f = _a.fill, fill = _f === void 0 ? "solid" : _f, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = filterDataAttrs.__rest(_a, ["children", "state", "size", "fill", "ariaLabel", "ariaRole"]);

package/dist/Badge/Badge.esm.js

@@ -5,7 +5,7 @@ import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-3d548e45.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 
-/** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
+/** Use `Badge` as a static, non-interactive way to provide short updates. */
 var Badge = function (_a) {
     var _b, _c;
     var children = _a.children, _d = _a.state, state = _d === void 0 ? "default" : _d, _e = _a.size, size = _e === void 0 ? "default" : _e, _f = _a.fill, fill = _f === void 0 ? "solid" : _f, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = __rest(_a, ["children", "state", "size", "fill", "ariaLabel", "ariaRole"]);

package/dist/Button/Button.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../_shared/cjs/Button-84533dc8.js');
+var Button = require('../_shared/cjs/Button-6ba21d3b.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('react');

package/dist/Button/Button.esm.js

@@ -1,4 +1,4 @@
-export { B as Button } from '../_shared/esm/Button-3f294e64.js';
+export { B as Button } from '../_shared/esm/Button-a7d134c6.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import 'react';

package/dist/Calendar/Calendar.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Calendar = require('../_shared/cjs/Calendar-c6ed5f2c.js');
+var Calendar = require('../_shared/cjs/Calendar-b022545c.js');
 require('react');
 require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
@@ -10,7 +10,7 @@ require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 require('../_shared/cjs/Heading-27cba320.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
 require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');

package/dist/Calendar/Calendar.esm.js

@@ -1,4 +1,4 @@
-export { C as Calendar } from '../_shared/esm/Calendar-753ef6f1.js';
+export { C as Calendar } from '../_shared/esm/Calendar-ea232839.js';
 import 'react';
 import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
@@ -6,7 +6,7 @@ import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/VisuallyHidden-06692fd3.js';
 import '../_shared/esm/Heading-d16e0e53.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';

package/dist/Checkbox/Checkbox.cjs.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../_shared/cjs/Checkbox-8915fcd9.js');
+var Checkbox = require('../_shared/cjs/Checkbox-0253327b.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-5f3b6ce4.js');
+require('../_shared/cjs/FormControl-68258ce1.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
+require('../_shared/cjs/DisclosureMini-09c749e5.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 
 
 

package/dist/Checkbox/Checkbox.esm.js

@@ -1,13 +1,13 @@
-export { C as Checkbox } from '../_shared/esm/Checkbox-0e051546.js';
+export { C as Checkbox } from '../_shared/esm/Checkbox-588619c7.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-cc99cde0.js';
+import '../_shared/esm/FormControl-8e836656.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
+import '../_shared/esm/DisclosureMini-56719716.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/VisuallyHidden-06692fd3.js';

package/dist/DatePicker/DatePicker.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Calendar = require('../_shared/cjs/Calendar-c6ed5f2c.js');
+var Calendar = require('../_shared/cjs/Calendar-b022545c.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,21 +13,21 @@ 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-5da70ec2.js');
+var TextInput = require('../_shared/cjs/TextInput-8d139489.js');
 require('../_shared/cjs/use-media-query-e61881d8.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/VisuallyHidden-b0de4c7b.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-b46897a3.js');
 require('react-dom');
 require('../_shared/cjs/index-74004a9c.js');
-require('../_shared/cjs/FormControl-5f3b6ce4.js');
+require('../_shared/cjs/FormControl-68258ce1.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
+require('../_shared/cjs/DisclosureMini-09c749e5.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -392,6 +392,9 @@ var convertRangeStringToDates = function (value) {
         : []), true);
 };
 
+/**
+ * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
+ */
 var DatePicker = React.forwardRef(function (_a, ref) {
     var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, labelSize = _a.labelSize, inputSize = _a.inputSize, _b = _a.value, value = _b === void 0 ? "" : _b, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, _d = _a.selectionType, selectionType = _d === void 0 ? "single" : _d, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = filterDataAttrs.__rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "labelSize", "inputSize", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
     var arcRootElement = React.useContext(Base.ArcRootElementContext);

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-753ef6f1.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-ea232839.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,21 +9,21 @@ 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 TextInputWithPlaceHolder } from '../_shared/esm/TextInput-1d1c5fd6.js';
+import { T as TextInputWithPlaceHolder } from '../_shared/esm/TextInput-c0388103.js';
 import '../_shared/esm/use-media-query-4c807227.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/VisuallyHidden-06692fd3.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-15799695.js';
 import 'react-dom';
 import '../_shared/esm/index-2cfab9f2.js';
-import '../_shared/esm/FormControl-cc99cde0.js';
+import '../_shared/esm/FormControl-8e836656.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
+import '../_shared/esm/DisclosureMini-56719716.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 
 /**
@@ -384,6 +384,9 @@ var convertRangeStringToDates = function (value) {
         : []), true);
 };
 
+/**
+ * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
+ */
 var DatePicker = forwardRef(function (_a, ref) {
     var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, labelSize = _a.labelSize, inputSize = _a.inputSize, _b = _a.value, value = _b === void 0 ? "" : _b, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, _d = _a.selectionType, selectionType = _d === void 0 ? "single" : _d, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = __rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "labelSize", "inputSize", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
     var arcRootElement = useContext(ArcRootElementContext);

package/dist/Disclosure/Disclosure.cjs.js

@@ -15,8 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
- * Use `Disclosure` to display content that is only visible when toggled into
- * an "open" state.
+ * Use `Disclosure` to show and hide sections of content.
  */
 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"]);

package/dist/Disclosure/Disclosure.esm.js

@@ -7,8 +7,7 @@ import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 
 /**
- * Use `Disclosure` to display content that is only visible when toggled into
- * an "open" state.
+ * Use `Disclosure` to show and hide sections of content.
  */
 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"]);

package/dist/DisclosureMini/DisclosureMini.cjs.js

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

package/dist/DisclosureMini/DisclosureMini.esm.js

@@ -1,4 +1,4 @@
-export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-ec17b008.js';
+export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-56719716.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';

package/dist/Filter/Filter.cjs.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Filter = require('../_shared/cjs/Filter-f4b73f5d.js');
+var Filter = require('../_shared/cjs/Filter-f9506dfa.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 
 
 

package/dist/Filter/Filter.esm.js

@@ -1,5 +1,6 @@
-export { F as Filter } from '../_shared/esm/Filter-ad254e3d.js';
+export { F as Filter } from '../_shared/esm/Filter-258ba675.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/VisuallyHidden-06692fd3.js';

package/dist/FormControl/FormControl.cjs.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-5f3b6ce4.js');
+var FormControl = require('../_shared/cjs/FormControl-68258ce1.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
+require('../_shared/cjs/DisclosureMini-09c749e5.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
 
 
 

package/dist/FormControl/FormControl.esm.js

@@ -1,11 +1,11 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-cc99cde0.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-8e836656.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
+import '../_shared/esm/DisclosureMini-56719716.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/VisuallyHidden-06692fd3.js';

package/dist/Grid/Grid.cjs.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Grid = require('../_shared/cjs/Grid-da776e77.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+require('react');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+
+
+
+exports.Grid = Grid.Grid;

package/dist/Grid/Grid.esm.js

@@ -0,0 +1,5 @@
+export { G as Grid } from '../_shared/esm/Grid-07dbf4bd.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import 'react';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';

package/dist/Grid/package.json

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

package/dist/Hidden/Hidden.cjs.js

@@ -0,0 +1,24 @@
+'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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var Hidden = function (_a) {
+    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = filterDataAttrs.__rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
+            "arc-Hidden--xs": xs,
+            "arc-Hidden--s": s,
+            "arc-Hidden--m": m,
+            "arc-Hidden--l": l,
+            "arc-Hidden--xl": xl
+        }) }, filterDataAttrs.filterDataAttrs(props)), children));
+};
+
+exports.Hidden = Hidden;

package/dist/Hidden/Hidden.esm.js

@@ -0,0 +1,16 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+
+var Hidden = function (_a) {
+    var children = _a.children, xs = _a.xs, s = _a.s, m = _a.m, l = _a.l, xl = _a.xl, props = __rest(_a, ["children", "xs", "s", "m", "l", "xl"]);
+    return (React__default.createElement("div", __assign({ className: classNames({
+            "arc-Hidden--xs": xs,
+            "arc-Hidden--s": s,
+            "arc-Hidden--m": m,
+            "arc-Hidden--l": l,
+            "arc-Hidden--xl": xl
+        }) }, filterDataAttrs(props)), children));
+};
+
+export { Hidden };

package/dist/Hidden/package.json

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

package/dist/ImpactCard/ImpactCard.cjs.js

@@ -17,6 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/** Use `ImpactCard` for important content that needs additional hierarchy and prominence.  */
 var ImpactCard = function (_a) {
     var url = _a.url, onClick = _a.onClick, heading = _a.heading, img = _a.img, label = _a.label, minHeight = _a.minHeight, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, props = filterDataAttrs.__rest(_a, ["url", "onClick", "heading", "img", "label", "minHeight", "linkData", "pathway", "headingLevel", "buttonIcon"]);
     var _f = React.useState(false), showHoverState = _f[0], setShowHoverState = _f[1];

package/dist/ImpactCard/ImpactCard.esm.js

@@ -9,6 +9,7 @@ import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconArrowRightFill.esm-99019d1a.js';
 import '../_shared/esm/Icon-15799695.js';
 
+/** Use `ImpactCard` for important content that needs additional hierarchy and prominence.  */
 var ImpactCard = function (_a) {
     var url = _a.url, onClick = _a.onClick, heading = _a.heading, img = _a.img, label = _a.label, minHeight = _a.minHeight, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, _c = _a.pathway, pathway = _c === void 0 ? "light" : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d, _e = _a.buttonIcon, buttonIcon = _e === void 0 ? "arrow" : _e, props = __rest(_a, ["url", "onClick", "heading", "img", "label", "minHeight", "linkData", "pathway", "headingLevel", "buttonIcon"]);
     var _f = useState(false), showHoverState = _f[0], setShowHoverState = _f[1];

package/dist/InformationCard/InformationCard.cjs.js

@@ -7,10 +7,10 @@ var React = require('react');
 var useMediaQuery = require('../_shared/cjs/use-media-query-e61881d8.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 Tag = require('../_shared/cjs/Tag-73a59171.js');
 var Image = require('../_shared/cjs/Image-e873b8fc.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
-var Button = require('../_shared/cjs/Button-84533dc8.js');
+var Button = require('../_shared/cjs/Button-6ba21d3b.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');
@@ -22,6 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/** Use `InformationCard` for flexibility and the ability to focus and highlight product specific content. */
 var InformationCard = function (_a) {
     var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, minHeight = _a.minHeight, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = filterDataAttrs.__rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "minHeight", "headingLevel"]);
     var surface = React.useContext(Surface.Context).surface;

package/dist/InformationCard/InformationCard.esm.js

@@ -3,10 +3,10 @@ import React__default, { useContext, 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/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 { T as Tag } from '../_shared/esm/Tag-cb35d57b.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-3f294e64.js';
+import { B as Button } from '../_shared/esm/Button-a7d134c6.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { C as Context, S as Surface } from '../_shared/esm/Surface-0ca6817d.js';
@@ -14,6 +14,7 @@ import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 
+/** Use `InformationCard` for flexibility and the ability to focus and highlight product specific content. */
 var InformationCard = function (_a) {
     var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, minHeight = _a.minHeight, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = __rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "minHeight", "headingLevel"]);
     var surface = useContext(Context).surface;

package/dist/Link/Link.cjs.js

@@ -0,0 +1,76 @@
+'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 Surface = require('../_shared/cjs/Surface-038db6e1.js');
+var Icon = require('../_shared/cjs/Icon-b46897a3.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const BtIconNewWindow = (props) =>
+  /*#__PURE__*/ React__default["default"].createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      d: "M24.70166,7.01794a.49968.49968,0,0,0-.19092-.03845H17.50586a.5.5,0,0,0,0,1h5.79785l-8.15918,8.15918a.49995.49995,0,1,0,.707.707l8.15918-8.15918v5.77393a.5.5,0,1,0,1,0v-6.981a.50171.50171,0,0,0-.30908-.46155Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      d: "M26.85156,3.99072H5.18359A1.20156,1.20156,0,0,0,3.9834,5.19141V26.89062a1.10362,1.10362,0,0,0,1.10254,1.103H26.85156a1.17979,1.17979,0,0,0,1.17871-1.17871V5.16943A1.17979,1.17979,0,0,0,26.85156,3.99072Zm.17871,22.82422a.17891.17891,0,0,1-.17871.17871H5.08594a.10419.10419,0,0,1-.10254-.103V5.19141a.20069.20069,0,0,1,.20019-.20069h21.668a.17888.17888,0,0,1,.17871.17871Z",
+      fill: "currentColor",
+    }),
+  );
+
+/**
+ * Use `Link` to direct users to a new page or piece of information.
+ */
+var Link = function (_a) {
+    var id = _a.id, href = _a.href, title = _a.title, rel = _a.rel, target = _a.target, children = _a.children, onClick = _a.onClick, screenReaderText = _a.screenReaderText, _b = _a.isButton, isButton = _b === void 0 ? false : _b, _c = _a.isImplied, isImplied = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "m" : _d, props = filterDataAttrs.__rest(_a, ["id", "href", "title", "rel", "target", "children", "onClick", "screenReaderText", "isButton", "isImplied", "size"]);
+    var surface = React.useContext(Surface.Context).surface;
+    var isExternalLink = target === "_blank";
+    var textArray = children.split(" ");
+    var firstText = textArray.slice(0, -1).join(" ");
+    var lastWord = textArray[textArray.length - 1];
+    var commonProps = {
+        id: id,
+        onClick: onClick,
+        className: index.classNames("arc-Link", "arc-Link--".concat(size), {
+            "arc-Link--onDarkSurface": surface === "dark",
+            "arc-Link--onLightSurface": surface !== "dark",
+            "arc-Link--isImplied": isImplied
+        })
+    };
+    var elementProps = {
+        a: filterDataAttrs.__assign(filterDataAttrs.__assign({}, commonProps), { href: href, title: title, target: target, rel: rel }),
+        button: filterDataAttrs.__assign({}, commonProps),
+        span: filterDataAttrs.__assign({}, commonProps)
+    };
+    var LinkElement = isButton ? "button" : href ? "a" : "span";
+    return (React__default["default"].createElement(LinkElement, filterDataAttrs.__assign({}, elementProps[LinkElement], filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: "arc-Link-wrapper" },
+            React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
+                screenReaderText || children,
+                isExternalLink && " (Opens in new window)"),
+            React__default["default"].createElement("span", { "aria-hidden": true, className: "arc-Link-text" },
+                firstText,
+                "\u00A0"),
+            React__default["default"].createElement("span", { className: "arc-Link-iconWrapper" },
+                React__default["default"].createElement("span", { "aria-hidden": true, className: "arc-Link-text" }, lastWord),
+                isExternalLink && (React__default["default"].createElement(Icon.Icon, { isPresentationIcon: true, icon: BtIconNewWindow, size: size === "s" ? 20 : 24 }))))));
+};
+
+exports.Link = Link;