@arc-ui/components 11.8.0 → 11.10.0

package/dist/_shared/esm/{BtIconChevronRightMid-d9b11761.js → BtIconChevronRightMid.esm-24809a93.js}

@@ -1,8 +1,7 @@
 import React__default from 'react';
 
-const React = React__default;
 const BtIconChevronRightMid = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -12,7 +11,7 @@ const BtIconChevronRightMid = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("path", {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d:
@@ -20,6 +19,5 @@ const BtIconChevronRightMid = props =>
       fill: "currentColor"
     })
   );
-var BtIconChevronRightMid_2 = BtIconChevronRightMid;
 
-export { BtIconChevronRightMid_2 as B };
+export { BtIconChevronRightMid as B };

package/dist/_shared/esm/{BtIconCrossAlt2Px-a6a9f431.js → BtIconCrossAlt2Px.esm-425a6beb.js}

@@ -1,8 +1,7 @@
 import React__default from 'react';
 
-const React = React__default;
 const BtIconCrossAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -11,13 +10,12 @@ const BtIconCrossAlt2Px = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M17.41406,16l3.793-3.793A.99989.99989,0,0,0,19.793,10.793L16,14.58594l-3.793-3.793A.99989.99989,0,0,0,10.793,12.207L14.58594,16l-3.793,3.793A.99989.99989,0,1,0,12.207,21.207L16,17.41406l3.793,3.793A.99989.99989,0,0,0,21.207,19.793Z",
       fill: "currentColor"
     })
   );
-var BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px;
 
-export { BtIconCrossAlt2Px_2 as B };
+export { BtIconCrossAlt2Px as B };

package/dist/_shared/esm/{BtIconTick-5fe50cc7.js → BtIconTick.esm-673282f5.js}

@@ -1,8 +1,7 @@
 import React__default from 'react';
 
-const React$2 = React__default;
 const BtIconNotification = props =>
-  /*#__PURE__*/ React$2.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -11,18 +10,16 @@ const BtIconNotification = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$2.createElement("defs", null),
-    /*#__PURE__*/ React$2.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M24.50977,21.98867,24,21.99014,23.99414,13.975a7.98466,7.98466,0,0,0-6.66046-7.86011,1.46733,1.46733,0,0,0,.15655-.65063,1.48633,1.48633,0,1,0-2.97265,0,1.46732,1.46732,0,0,0,.15826.65369,7.9849,7.9849,0,0,0-6.63971,7.857v8.0166l-.50781-.00293a1.50464,1.50464,0,1,0,0,3.00928h3.45679a1.997,1.997,0,0,0,3.99365,0h9.532a1.50464,1.50464,0,1,0-.001-3.00928ZM16.00391,4.97793a.48633.48633,0,1,1-.48633.48633A.48668.48668,0,0,1,16.00391,4.97793ZM12.98242,25.97158a.998.998,0,0,1-.99469-.97363h1.98841A.99785.99785,0,0,1,12.98242,25.97158ZM24.51074,23.998H7.52832a.50465.50465,0,0,1-.00488-1.00928l1.51269.00293V13.975a6.979,6.979,0,0,1,13.958.00049L23,22.99209l1.51074-.00342a.50464.50464,0,1,1,0,1.00928Z",
       fill: "currentColor"
     })
   );
-var BtIconNotification_2 = BtIconNotification;
 
-const React$1 = React__default;
 const BtIconAlertTriangle = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -31,27 +28,25 @@ const BtIconAlertTriangle = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
       fill: "currentColor",
       d: "M16 21.99335A1 1 0 1 0 16 23.99335 1 1 0 1 0 16 21.99335z"
     }),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M16.00488,20.00977a.49972.49972,0,0,0,.5-.5l.002-9.00977a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,20.00977Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M29.83691,26.21,17.041,4.5332A1.15617,1.15617,0,0,0,16.03711,3.959h-.001a1.159,1.159,0,0,0-1.00586.57373L2.23535,26.21045a1.16676,1.16676,0,0,0,1.00488,1.76074H28.83105A1.16843,1.16843,0,0,0,29.83691,26.21Zm-.86035.67725a.164.164,0,0,1-.14551.084H3.24023a.16737.16737,0,0,1-.14355-.25244L15.8916,5.0415a.167.167,0,0,1,.28809,0l12.7959,21.67627A.16531.16531,0,0,1,28.97656,26.88721Z",
       fill: "currentColor"
     })
   );
-var BtIconAlertTriangle_2 = BtIconAlertTriangle;
 
-const React = React__default;
 const BtIconTick = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -60,24 +55,23 @@ const BtIconTick = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement(
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement(
       "g",
       {
         "data-name": "Icons"
       },
-      /*#__PURE__*/ React.createElement("path", {
+      /*#__PURE__*/ React__default.createElement("path", {
         d:
           "M16,3A13,13,0,1,1,3,16,12.9741,12.9741,0,0,1,16,3m0-1A14,14,0,1,0,30,16,14.04116,14.04116,0,0,0,16,2Z",
         fill: "currentColor"
       }),
-      /*#__PURE__*/ React.createElement("path", {
+      /*#__PURE__*/ React__default.createElement("path", {
         d:
           "M13.5,21.2,9.1,16.8a.495.495,0,1,1,.7-.7l3.6,3.6L22,11.1a.495.495,0,1,1,.7.7Z",
         fill: "currentColor"
       })
     )
   );
-var BtIconTick_2 = BtIconTick;
 
-export { BtIconNotification_2 as B, BtIconAlertTriangle_2 as a, BtIconTick_2 as b };
+export { BtIconNotification as B, BtIconAlertTriangle as a, BtIconTick as b };

package/dist/_shared/esm/{BtIconTickAlt2Px-da97e9ae.js → BtIconTickAlt2Px.esm-ce22224b.js}

@@ -1,8 +1,7 @@
 import React__default from 'react';
 
-const React = React__default;
 const BtIconTickAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -11,13 +10,12 @@ const BtIconTickAlt2Px = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M13.49963,21.91418l-4.707-4.707a1.0014,1.0014,0,0,1,0-1.41406,1.02353,1.02353,0,0,1,1.41406,0l3.293,3.293,8.293-8.293a.99989.99989,0,1,1,1.41406,1.41406Z",
       fill: "currentColor"
     })
   );
-var BtIconTickAlt2Px_2 = BtIconTickAlt2Px;
 
-export { BtIconTickAlt2Px_2 as B };
+export { BtIconTickAlt2Px as B };

package/dist/_shared/esm/{Button-d1dbcf79.js → Button-67f68b14.js}

@@ -1,11 +1,11 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { B as BtIconChevronLeftMid_2 } from './BtIconChevronLeftMid-9f4f3a3d.js';
-import { B as BtIconChevronRightMid_2 } from './BtIconChevronRightMid-d9b11761.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { B as BtIconChevronLeftMid } from './BtIconChevronLeftMid.esm-e69276cb.js';
+import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-24809a93.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { forwardRef, useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
-import { I as Icon } from './Icon-c1af47bc.js';
-import { C as Context } from './Surface-dde51789.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
+import { I as Icon } from './Icon-3bfabb14.js';
+import { C as Context } from './Surface-c6e817cd.js';
 
 /**
  * Use `Button` to allow users to take actions with clicks and taps.
@@ -44,7 +44,7 @@ var Button = forwardRef(function (_a, ref) {
 });
 var ButtonIcon = function (_a) {
     var icon = _a.icon, isChevron = _a.isChevron, isBeforeText = _a.isBeforeText;
-    return (React__default.createElement("span", { className: "arc-Button-icon" }, isChevron ? (React__default.createElement(Icon, { icon: isBeforeText ? BtIconChevronLeftMid_2 : BtIconChevronRightMid_2 })) : (React__default.createElement(Icon, { icon: icon }))));
+    return (React__default.createElement("span", { className: "arc-Button-icon" }, isChevron ? (React__default.createElement(Icon, { icon: isBeforeText ? BtIconChevronLeftMid : BtIconChevronRightMid })) : (React__default.createElement(Icon, { icon: icon }))));
 };
 
 export { Button as B };

package/dist/_shared/esm/{Card-e62c3ff6.js → Card-bf0c3b0b.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useState, useEffect, useContext } from 'react';
-import { B as BtIconChevronRightMid_2 } from './BtIconChevronRightMid-d9b11761.js';
-import { I as Icon } from './Icon-c1af47bc.js';
-import { I as Image } from './Image-3ed3863c.js';
-import { H as Heading } from './Heading-0f629151.js';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
-import { C as Context, S as Surface } from './Surface-dde51789.js';
+import { B as BtIconChevronRightMid } from './BtIconChevronRightMid.esm-24809a93.js';
+import { I as Icon } from './Icon-3bfabb14.js';
+import { I as Image } from './Image-12fbd327.js';
+import { H as Heading } from './Heading-8bb7b7c0.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
+import { C as Context, S as Surface } from './Surface-c6e817cd.js';
 import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 
 /**
@@ -84,7 +84,6 @@ var CardBlock = function (_a) {
         }) },
         React__default.createElement("div", { className: "arc-Card-blockInner" }, children)));
 };
-CardBlock.displayName = "Card.Block";
 Card.Block = CardBlock;
 /**
  * Internal `Card.Image` component to show an image within a Card.
@@ -96,7 +95,6 @@ var CardImage = function (_a) {
         }) },
         React__default.createElement(Image, { alt: alt, fit: "cover", height: height, loading: loading, sizes: sizes, src: src, srcSet: srcSet })));
 };
-CardImage.displayName = "Card.Image";
 Card.Image = CardImage;
 /**
  * Internal `CardLink` component.
@@ -112,7 +110,7 @@ var CardLink = function (_a) {
         }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, filterDataAttrs(linkData)),
         React__default.createElement("span", { className: "arc-Card-linkText" }, children),
         isButton && (React__default.createElement("span", { className: "arc-Card-linkIcon" },
-            React__default.createElement(Icon, { testId: "cardIcon", icon: BtIconChevronRightMid_2, size: 24 })))));
+            React__default.createElement(Icon, { testId: "cardIcon", icon: BtIconChevronRightMid, size: 24 })))));
 };
 
 export { Card as C };

package/dist/_shared/esm/{Checkbox-d8891198.js → Checkbox-50e2d4ab.js}

@@ -1,10 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
 import React__default, { forwardRef, useContext } from 'react';
-import { B as BtIconTickAlt2Px_2 } from './BtIconTickAlt2Px-da97e9ae.js';
-import { B as BtIconAlert_2 } from './BtIconAlert-55a6ed5c.js';
-import { c as classNames } from './index-2ae58626.js';
-import { C as Context, u as useAriaDescribedby } from './FormControl-f18e2f59.js';
-import { C as Context$1 } from './Surface-dde51789.js';
+import { B as BtIconTickAlt2Px } from './BtIconTickAlt2Px.esm-ce22224b.js';
+import { B as BtIconAlert } from './BtIconAlert.esm-09346130.js';
+import { c as classNames } from './index-2e73c2e9.js';
+import { C as Context, u as useAriaDescribedby } from './FormControl-aad4288c.js';
+import { C as Context$1 } from './Surface-c6e817cd.js';
 
 /**
  *  Use `Checkbox` to allow users to select individual options.
@@ -40,7 +40,7 @@ var Checkbox = forwardRef(function (_a, ref) {
             }) },
             React__default.createElement("input", __assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, filterDataAttrs(props))),
             React__default.createElement("span", { className: "arc-Checkbox-box" },
-                React__default.createElement(BtIconTickAlt2Px_2, null)),
+                React__default.createElement(BtIconTickAlt2Px, null)),
             React__default.createElement("span", __assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"
             })),
@@ -49,7 +49,7 @@ var Checkbox = forwardRef(function (_a, ref) {
                 helper && React__default.createElement("span", { className: "arc-Checkbox-helper" }, helper))),
         errorMessage && (React__default.createElement("div", { id: idError, className: "arc-Checkbox-error" },
             React__default.createElement("span", { className: "arc-Checkbox-error--icon" },
-                React__default.createElement(BtIconAlert_2, null)),
+                React__default.createElement(BtIconAlert, null)),
             errorMessage))));
 });
 

package/dist/_shared/esm/{Columns-8704515b.js → Columns-d96b7425.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useEffect } from 'react';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
 
 /**
  * Use `Columns` to compose layouts on a 12-column grid.
@@ -45,7 +45,6 @@ var Col = function (_a) {
             _b["arc-Columns-col--debugVisible"] = isDebugVisible,
             _b)) }, filterDataAttrs(props)), children));
 };
-Col.displayName = "Columns.Col";
 Columns.Col = Col;
 
 export { Columns as C };

package/dist/_shared/esm/{Curve-bbc5589c.js → Curve-d8679dde.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default from 'react';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
 
 /**
 #### Deprecation Notice

package/dist/_shared/esm/{DisclosureMini-9b819941.js → DisclosureMini-376c013c.js}

@@ -1,9 +1,9 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext, useState } from 'react';
-import { B as BtIconChevronDown2Px_2 } from './BtIconChevronDown2Px-782876e2.js';
-import { T as Text } from './Text-40457811.js';
-import { C as Context } from './Surface-dde51789.js';
+import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-345d78fe.js';
+import { T as Text } from './Text-a3720712.js';
+import { C as Context } from './Surface-c6e817cd.js';
 
 /**
  * Use `DisclosureMini` to display content that is only visible when toggled into
@@ -28,7 +28,7 @@ var DisclosureMini = function (_a) {
             React__default.createElement("div", { className: classNames("arc-DisclosureMini-summary-icon", {
                     "arc-DisclosureMini-summary-icon--small": size === "s"
                 }) },
-                React__default.createElement(BtIconChevronDown2Px_2, null)),
+                React__default.createElement(BtIconChevronDown2Px, null)),
             React__default.createElement(Text, { size: size === "l" ? "m" : "s" }, summary)),
         React__default.createElement("div", { className: "arc-DisclosureMini-details" },
             React__default.createElement(Text, { size: size === "l" ? "m" : "s" },

package/dist/_shared/esm/{Filter-a01aed11.js → Filter-f7ac126b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs, b as __spreadArray } from './filter-data-attrs-afdb7d32.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs, b as __spreadArray } from './filter-data-attrs-ea8f4ed4.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { C as Context } from './Surface-dde51789.js';
-import { c as classNames } from './index-2ae58626.js';
+import { C as Context } from './Surface-c6e817cd.js';
+import { c as classNames } from './index-2e73c2e9.js';
 
 var FilterControl = function (_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b;
@@ -107,9 +107,5 @@ Filter.Controls = FilterControls;
 Filter.Control = FilterControl;
 Filter.Items = FilterItems;
 Filter.Item = FilterItem;
-FilterControls.displayName = "Filter.Controls";
-FilterControl.displayName = "Filter.Control";
-FilterItems.displayName = "Filter.Items";
-FilterItem.displayName = "Filter.Item";
 
 export { Filter as F };

package/dist/_shared/esm/{FormControl-f18e2f59.js → FormControl-aad4288c.js}

@@ -1,9 +1,9 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { createContext, useContext } from 'react';
-import { B as BtIconAlert_2 } from './BtIconAlert-55a6ed5c.js';
-import { C as Context$1 } from './Surface-dde51789.js';
-import { D as DisclosureMini } from './DisclosureMini-9b819941.js';
+import { B as BtIconAlert } from './BtIconAlert.esm-09346130.js';
+import { C as Context$1 } from './Surface-c6e817cd.js';
+import { D as DisclosureMini } from './DisclosureMini-376c013c.js';
 
 /**
  * Optionally define ariaDescribedBy if errorMessage or helper exist.
@@ -79,7 +79,7 @@ var FormControl = function (_a) {
             React__default.createElement("div", { className: "arc-FormControl-info" },
                 !helperUnderLabel && (React__default.createElement("div", { className: "arc-FormControl-helperContainer" }, errorMessage ? (React__default.createElement("div", { className: "arc-FormControl-error", id: idError },
                     React__default.createElement("span", { className: "arc-FormControl-error--icon" },
-                        React__default.createElement(BtIconAlert_2, null)),
+                        React__default.createElement(BtIconAlert, null)),
                     errorMessage)) : disclosureTitle ? (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(DisclosureMini, { onClick: onClickDisclosure, summary: disclosureTitle, size: labelSize, id: idDisclosure }, disclosureText))) : (helper && (React__default.createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper))))),
                 supplementaryInfo && (React__default.createElement("div", { className: "arc-FormControl-supplementaryInfo" }, supplementaryInfo))))));

package/dist/_shared/esm/{Group-fb26fd32.js → Group-0129c979.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext, useEffect } from 'react';
-import { C as Context } from './Surface-dde51789.js';
+import { C as Context } from './Surface-c6e817cd.js';
 
 /**
  * Use `Group` to arrange flexible items in a row.
@@ -12,7 +12,7 @@ var Group = function (_a) {
     var surface = useContext(Context).surface;
     useEffect(function () {
         React__default.Children.map(children, function (item) {
-            if (item && item.type !== GroupItem) {
+            if (item && item.type !== Group.Item) {
                 throw new Error("Illegal child passed to <Group />. Ensure to only use <Group.Item />.");
             }
         });
@@ -36,7 +36,6 @@ var GroupItem = function (_a) {
             _b["arc-Group-item--debugVisible"] = isDebugVisible,
             _b)) }, filterDataAttrs(props)), children));
 };
-GroupItem.displayName = "Group.Item";
 Group.Item = GroupItem;
 
 export { Group as G };

package/dist/_shared/esm/{Heading-0f629151.js → Heading-8bb7b7c0.js}

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
-import { C as Context } from './Surface-dde51789.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
+import { C as Context } from './Surface-c6e817cd.js';
 
 /**
  * Use `Heading` to display heading text.
@@ -29,7 +29,6 @@ var HeadingProposition = function (_a) {
     var children = _a.children;
     return React__default.createElement("span", { className: "arc-Heading-proposition" }, children);
 };
-HeadingProposition.displayName = "Heading.Proposition";
 Heading.Proposition = HeadingProposition;
 
 export { Heading as H };

package/dist/_shared/esm/{Icon-c1af47bc.js → Icon-3bfabb14.js}

@@ -1,12 +1,11 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
 import React__default, { useContext } from 'react';
-import { c as classNames } from './index-2ae58626.js';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
-import { C as Context } from './Surface-dde51789.js';
+import { c as classNames } from './index-2e73c2e9.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
+import { C as Context } from './Surface-c6e817cd.js';
 
-const React = React__default;
 const ArcIconArc = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -15,20 +14,19 @@ const ArcIconArc = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("path", {
       fill: "none",
       d: "M3.472 11.69a6.5 6.5 0 012.321-6.839A6.5 6.5 0 0113 4.38",
       stroke: "currentColor"
     })
   );
-var ArcIconArc_2 = ArcIconArc;
 
 /**
  * Use `Icon` to display brand iconography.
  */
 var Icon = function (_a) {
     var _b;
-    var testId = _a.testId, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.icon, icon = _d === void 0 ? ArcIconArc_2 : _d, _e = _a.isInline, isInline = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = __rest(_a, ["testId", "color", "icon", "isInline", "label", "size"]);
+    var testId = _a.testId, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.icon, icon = _d === void 0 ? ArcIconArc : _d, _e = _a.isInline, isInline = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = __rest(_a, ["testId", "color", "icon", "isInline", "label", "size"]);
     var surface = useContext(Context).surface;
     var Icon = icon;
     return (React__default.createElement("span", __assign({ "data-testid": testId, "aria-label": label, className: classNames((_b = {},

package/dist/_shared/esm/{Image-3ed3863c.js → Image-12fbd327.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useEffect } from 'react';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
 
 /**
  * Use `Image` to render a single image, or set of images, with support for
@@ -33,7 +33,6 @@ var ImageSource = function (_a) {
     var height = _a.height, media = _a.media, srcSet = _a.srcSet, sizes = _a.sizes, type = _a.type; _a.width; var props = __rest(_a, ["height", "media", "srcSet", "sizes", "type", "width"]);
     return (React__default.createElement("source", __assign({ height: height, media: media, sizes: sizes, srcSet: srcSet, type: type }, filterDataAttrs(props))));
 };
-ImageSource.displayName = "Image.Source";
 Image.Source = ImageSource;
 var loadingOptions = ["eager", "lazy"];
 

package/dist/_shared/esm/{Poster-a83ae770.js → Poster-046b0f77.js}

@@ -1,15 +1,14 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
-import { c as classNames } from './index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from './index-2e73c2e9.js';
 import React__default from 'react';
-import { S as Surface } from './Surface-dde51789.js';
-import { I as Image } from './Image-3ed3863c.js';
-import { s as suffixModifier } from './suffix-modifier-7e640670.js';
+import { S as Surface } from './Surface-c6e817cd.js';
+import { I as Image } from './Image-12fbd327.js';
+import { s as suffixModifier } from './suffix-modifier-3d548e45.js';
 
 var PosterImage = function (_a) {
     var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = __rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
     return (React__default.createElement(Image, __assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
 };
-PosterImage.displayName = "Poster.Image";
 
 var PosterVideo = function (_a) {
     var _b;
@@ -20,7 +19,6 @@ var PosterVideo = function (_a) {
             _b[suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
             _b)), autoPlay: autoPlay, muted: true, loop: loop }, filterDataAttrs(props)), children));
 };
-PosterVideo.displayName = "Poster.Video";
 
 /**
  * Use `Poster` to compose content on an image or video background.
@@ -36,9 +34,7 @@ var Poster = function (_a) {
             React__default.createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
             React__default.createElement("div", { className: "arc-Poster-body" }, children))));
 };
-PosterImage.displayName = "Poster.Image";
 Poster.Image = PosterImage;
-PosterVideo.displayName = "Poster.Video";
 Poster.Video = PosterVideo;
 
 export { Poster as P };