@arc-ui/components 11.8.0 → 11.10.0

package/dist/_shared/cjs/{Card-fd189ba8.js → Card-55a1c129.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var BtIconChevronRightMid = require('./BtIconChevronRightMid-5a38d855.js');
-var Icon = require('./Icon-e1dd45eb.js');
-var Image = require('./Image-0e393cbf.js');
-var Heading = require('./Heading-e3332dcf.js');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var BtIconChevronRightMid_esm = require('./BtIconChevronRightMid.esm-cce080c8.js');
+var Icon = require('./Icon-cf30e736.js');
+var Image = require('./Image-e873b8fc.js');
+var Heading = require('./Heading-ba2f74ad.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+var Surface = require('./Surface-80c0909a.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -90,7 +90,6 @@ var CardBlock = function (_a) {
         }) },
         React__default["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.
@@ -102,7 +101,6 @@ var CardImage = function (_a) {
         }) },
         React__default["default"].createElement(Image.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.
@@ -118,7 +116,7 @@ var CardLink = function (_a) {
         }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, filterDataAttrs.filterDataAttrs(linkData)),
         React__default["default"].createElement("span", { className: "arc-Card-linkText" }, children),
         isButton && (React__default["default"].createElement("span", { className: "arc-Card-linkIcon" },
-            React__default["default"].createElement(Icon.Icon, { testId: "cardIcon", icon: BtIconChevronRightMid.BtIconChevronRightMid_2, size: 24 })))));
+            React__default["default"].createElement(Icon.Icon, { testId: "cardIcon", icon: BtIconChevronRightMid_esm.BtIconChevronRightMid, size: 24 })))));
 };
 
 exports.Card = Card;

package/dist/_shared/cjs/{Checkbox-02c546ca.js → Checkbox-7ce718e7.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var BtIconTickAlt2Px = require('./BtIconTickAlt2Px-bdf06f8c.js');
-var BtIconAlert = require('./BtIconAlert-637db790.js');
-var index = require('./index-45bfb67b.js');
-var FormControl = require('./FormControl-1e1bf2bf.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var BtIconTickAlt2Px_esm = require('./BtIconTickAlt2Px.esm-4862184c.js');
+var BtIconAlert_esm = require('./BtIconAlert.esm-e62a75b7.js');
+var index = require('./index-9947ac13.js');
+var FormControl = require('./FormControl-5541ac3a.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -46,7 +46,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
             }) },
             React__default["default"].createElement("input", filterDataAttrs.__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.filterDataAttrs(props))),
             React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
-                React__default["default"].createElement(BtIconTickAlt2Px.BtIconTickAlt2Px_2, null)),
+                React__default["default"].createElement(BtIconTickAlt2Px_esm.BtIconTickAlt2Px, null)),
             React__default["default"].createElement("span", filterDataAttrs.__assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"
             })),
@@ -55,7 +55,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                 helper && React__default["default"].createElement("span", { className: "arc-Checkbox-helper" }, helper))),
         errorMessage && (React__default["default"].createElement("div", { id: idError, className: "arc-Checkbox-error" },
             React__default["default"].createElement("span", { className: "arc-Checkbox-error--icon" },
-                React__default["default"].createElement(BtIconAlert.BtIconAlert_2, null)),
+                React__default["default"].createElement(BtIconAlert_esm.BtIconAlert, null)),
             errorMessage))));
 });
 

package/dist/_shared/cjs/{Columns-e90798f8.js → Columns-ae4f8cef.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,7 +51,6 @@ var Col = function (_a) {
             _b["arc-Columns-col--debugVisible"] = isDebugVisible,
             _b)) }, filterDataAttrs.filterDataAttrs(props)), children));
 };
-Col.displayName = "Columns.Col";
 Columns.Col = Col;
 
 exports.Columns = Columns;

package/dist/_shared/cjs/{Curve-781ef633.js → Curve-d038052b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{DisclosureMini-52706ee6.js → DisclosureMini-c666cc4d.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var BtIconChevronDown2Px = require('./BtIconChevronDown2Px-8fb4e2eb.js');
-var Text = require('./Text-fa447e2d.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var BtIconChevronDown2Px_esm = require('./BtIconChevronDown2Px.esm-c6f8ced2.js');
+var Text = require('./Text-76b7fea1.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,7 +34,7 @@ var DisclosureMini = function (_a) {
             React__default["default"].createElement("div", { className: index.classNames("arc-DisclosureMini-summary-icon", {
                     "arc-DisclosureMini-summary-icon--small": size === "s"
                 }) },
-                React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)),
+                React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)),
             React__default["default"].createElement(Text.Text, { size: size === "l" ? "m" : "s" }, summary)),
         React__default["default"].createElement("div", { className: "arc-DisclosureMini-details" },
             React__default["default"].createElement(Text.Text, { size: size === "l" ? "m" : "s" },

package/dist/_shared/cjs/{Filter-a7574fe7.js → Filter-22b8b171.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var Surface = require('./Surface-b7c51b2b.js');
-var index = require('./index-45bfb67b.js');
+var Surface = require('./Surface-80c0909a.js');
+var index = require('./index-9947ac13.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -113,9 +113,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";
 
 exports.Filter = Filter;

package/dist/_shared/cjs/{FormControl-1e1bf2bf.js → FormControl-5541ac3a.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var BtIconAlert = require('./BtIconAlert-637db790.js');
-var Surface = require('./Surface-b7c51b2b.js');
-var DisclosureMini = require('./DisclosureMini-52706ee6.js');
+var BtIconAlert_esm = require('./BtIconAlert.esm-e62a75b7.js');
+var Surface = require('./Surface-80c0909a.js');
+var DisclosureMini = require('./DisclosureMini-c666cc4d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -85,7 +85,7 @@ var FormControl = function (_a) {
             React__default["default"].createElement("div", { className: "arc-FormControl-info" },
                 !helperUnderLabel && (React__default["default"].createElement("div", { className: "arc-FormControl-helperContainer" }, errorMessage ? (React__default["default"].createElement("div", { className: "arc-FormControl-error", id: idError },
                     React__default["default"].createElement("span", { className: "arc-FormControl-error--icon" },
-                        React__default["default"].createElement(BtIconAlert.BtIconAlert_2, null)),
+                        React__default["default"].createElement(BtIconAlert_esm.BtIconAlert, null)),
                     errorMessage)) : disclosureTitle ? (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(DisclosureMini.DisclosureMini, { onClick: onClickDisclosure, summary: disclosureTitle, size: labelSize, id: idDisclosure }, disclosureText))) : (helper && (React__default["default"].createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper))))),
                 supplementaryInfo && (React__default["default"].createElement("div", { className: "arc-FormControl-supplementaryInfo" }, supplementaryInfo))))));

package/dist/_shared/cjs/{Group-f85dd4c0.js → Group-143a4578.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-b7c51b2b.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,7 +18,7 @@ var Group = function (_a) {
     var surface = React.useContext(Surface.Context).surface;
     React.useEffect(function () {
         React__default["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 />.");
             }
         });
@@ -42,7 +42,6 @@ var GroupItem = function (_a) {
             _b["arc-Group-item--debugVisible"] = isDebugVisible,
             _b)) }, filterDataAttrs.filterDataAttrs(props)), children));
 };
-GroupItem.displayName = "Group.Item";
 Group.Item = GroupItem;
 
 exports.Group = Group;

package/dist/_shared/cjs/{Heading-e3332dcf.js → Heading-ba2f74ad.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,7 +35,6 @@ var HeadingProposition = function (_a) {
     var children = _a.children;
     return React__default["default"].createElement("span", { className: "arc-Heading-proposition" }, children);
 };
-HeadingProposition.displayName = "Heading.Proposition";
 Heading.Proposition = HeadingProposition;
 
 exports.Heading = Heading;

package/dist/_shared/cjs/{Icon-e1dd45eb.js → Icon-cf30e736.js}

@@ -1,18 +1,17 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var React$1 = require('react');
-var index = require('./index-45bfb67b.js');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const React = React__default["default"];
 const ArcIconArc = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -21,21 +20,20 @@ const ArcIconArc = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default["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 = filterDataAttrs.__rest(_a, ["testId", "color", "icon", "isInline", "label", "size"]);
-    var surface = React$1.useContext(Surface.Context).surface;
+    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 = filterDataAttrs.__rest(_a, ["testId", "color", "icon", "isInline", "label", "size"]);
+    var surface = React.useContext(Surface.Context).surface;
     var Icon = icon;
     return (React__default["default"].createElement("span", filterDataAttrs.__assign({ "data-testid": testId, "aria-label": label, className: index.classNames((_b = {},
             _b["arc-Icon"] = true,

package/dist/_shared/cjs/{Image-0e393cbf.js → Image-e873b8fc.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -39,7 +39,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 = filterDataAttrs.__rest(_a, ["height", "media", "srcSet", "sizes", "type", "width"]);
     return (React__default["default"].createElement("source", filterDataAttrs.__assign({ height: height, media: media, sizes: sizes, srcSet: srcSet, type: type }, filterDataAttrs.filterDataAttrs(props))));
 };
-ImageSource.displayName = "Image.Source";
 Image.Source = ImageSource;
 var loadingOptions = ["eager", "lazy"];
 

package/dist/_shared/cjs/{Poster-faea1ad3.js → Poster-62e2ba67.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
-var Surface = require('./Surface-b7c51b2b.js');
-var Image = require('./Image-0e393cbf.js');
-var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var Surface = require('./Surface-80c0909a.js');
+var Image = require('./Image-e873b8fc.js');
+var suffixModifier = require('./suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,7 +15,6 @@ 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 = filterDataAttrs.__rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
     return (React__default["default"].createElement(Image.Image, filterDataAttrs.__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;
@@ -26,7 +25,6 @@ var PosterVideo = function (_a) {
             _b[suffixModifier.suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
             _b)), autoPlay: autoPlay, muted: true, loop: loop }, filterDataAttrs.filterDataAttrs(props)), children));
 };
-PosterVideo.displayName = "Poster.Video";
 
 /**
  * Use `Poster` to compose content on an image or video background.
@@ -42,9 +40,7 @@ var Poster = function (_a) {
             React__default["default"].createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
             React__default["default"].createElement("div", { className: "arc-Poster-body" }, children))));
 };
-PosterImage.displayName = "Poster.Image";
 Poster.Image = PosterImage;
-PosterVideo.displayName = "Poster.Video";
 Poster.Video = PosterVideo;
 
 exports.Poster = Poster;

package/dist/_shared/cjs/ProgressStepper-92668367.js

@@ -0,0 +1,144 @@
+'use strict';
+
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var BtIconAlert_esm = require('./BtIconAlert.esm-e62a75b7.js');
+var Icon = require('./Icon-cf30e736.js');
+var Surface = require('./Surface-80c0909a.js');
+var VerticalSpace = require('./VerticalSpace-dc53bb70.js');
+var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const BtIconTickVariant = 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:
+        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
+      fill: "currentColor"
+    })
+  );
+
+const BtIconCrossAlt = 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:
+        "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
+      fill: "currentColor"
+    })
+  );
+
+const BtIconCircle = props =>
+  /*#__PURE__*/ React__default["default"].createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      props
+    ),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d:
+        "M9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9C12.13 9 9 12.13 9 16ZM16 7C11.03 7 7 11.03 7 16C7 20.97 11.03 25 16 25C20.97 25 25 20.97 25 16C25 11.03 20.97 7 16 7Z",
+      fill: "currentColor"
+    })
+  );
+
+var ProgressStepperItem = function (_a) {
+    var _b, _c, _d;
+    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _e = _a.direction, direction = _e === void 0 ? "horizontal" : _e, _f = _a.status, status = _f === void 0 ? "todo" : _f, _g = _a.size, size = _g === void 0 ? "large" : _g, _h = _a.position, position = _h === void 0 ? "middle" : _h, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = filterDataAttrs.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
+    var surface = React.useContext(Surface.Context).surface;
+    var statusIcons = {
+        completed: BtIconTickVariant,
+        current: BtIconCircle,
+        warning: BtIconAlert_esm.BtIconAlert,
+        error: BtIconCrossAlt
+    };
+    var onClickHandler = function (event) {
+        event.preventDefault();
+        onClick && onClick();
+    };
+    var capitaliseFirstLetter = function (word) {
+        return word.charAt(0).toUpperCase() + word.slice(1);
+    };
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepperItem", (_b = {
+                "arc-ProgressStepperItem--vertical": direction === "vertical",
+                "arc-ProgressStepperItem--isFluid": isFluid,
+                "arc-ProgressStepperItem--onDarkSurface": surface === "dark",
+                "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
+            },
+            _b["arc-ProgressStepperItem--".concat(size)] = size === "small",
+            _b)) }, filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconSection", (_c = {},
+                _c["arc-ProgressStepperItem-iconSection--".concat(position)] = position !== "middle",
+                _c)) },
+            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailBefore" }),
+            React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconWrapper", (_d = {},
+                    _d["arc-ProgressStepperItem-iconWrapper--".concat(status)] = status !== "todo",
+                    _d)), "data-testid": "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
+                    width: size === "small" ? "16px" : "32px",
+                    height: size === "small" ? "16px" : "32px"
+                } })) : (React__default["default"].createElement(Icon.Icon, { size: size === "small" ? 16 : 32, icon: statusIcons[status] }))),
+            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailAfter" })),
+        React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-textSection" },
+            status !== "todo" && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
+                capitaliseFirstLetter(status),
+                ":")),
+            titleHref ? (React__default["default"].createElement("a", { href: titleHref, "aria-label": ariaLabel, className: "arc-ProgressStepperItem-title", onClick: onClickHandler }, title)) : (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
+            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
+            isExpandable && direction === "vertical" && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-nodeItem" },
+                    React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-keyline" }),
+                    stepContent && !isStepContentHidden && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+                        stepContent))))))));
+};
+
+/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
+var ProgressStepper = function (_a) {
+    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = filterDataAttrs.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
+    var items = React__default["default"].Children.toArray(children);
+    var getStepStatus = function (item) {
+        var _a;
+        return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
+    };
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepper", {
+            "arc-ProgressStepper--vertical": direction === "vertical"
+        }) }, filterDataAttrs.filterDataAttrs(props)), items.map(function (item, index) {
+        var currentPosition = index === 0
+            ? "first"
+            : index === React__default["default"].Children.count(children) - 1
+                ? "last"
+                : undefined;
+        return (React__default["default"].createElement(React__default["default"].Fragment, { key: "StepperItem-".concat(index) },
+            React__default["default"].createElement(ProgressStepperItem, filterDataAttrs.__assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, position: currentPosition, previousStep: getStepStatus(items[index - 1]) }, filterDataAttrs.filterDataAttrs(item.props)))));
+    })));
+};
+ProgressStepper.Item = ProgressStepperItem;
+
+exports.ProgressStepper = ProgressStepper;

package/dist/_shared/cjs/{RadioGroup-d7664b0c.js → RadioGroup-66c1e882.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var FormControl = require('./FormControl-1e1bf2bf.js');
-var index = require('./index-45bfb67b.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var FormControl = require('./FormControl-5541ac3a.js');
+var index = require('./index-9947ac13.js');
+var Surface = require('./Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -64,7 +64,6 @@ var RadioGroup = function (_a) {
         React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-RadioGroup" }, filterDataAttrs.filterDataAttrs(props)),
             React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true }, children))));
 };
-RadioButton.displayName = "RadioGroup.RadioButton";
 RadioGroup.RadioButton = RadioButton;
 
 exports.RadioGroup = RadioGroup;

package/dist/_shared/cjs/{Section-48aca5f5.js → Section-59804166.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
-var index = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var index = require('./index-9947ac13.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/_shared/cjs/{SiteFooter-5da774e1.js → SiteFooter-d3babe07.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var index_es = require('./index.es-77def0c9.js');
-var BtIconChevronDown2Px = require('./BtIconChevronDown2Px-8fb4e2eb.js');
+var BtIconChevronDown2Px_esm = require('./BtIconChevronDown2Px.esm-c6f8ced2.js');
 var React = require('react');
-var BrandLogo = require('./BrandLogo-8107d59f.js');
-var Curve = require('./Curve-781ef633.js');
-var Section = require('./Section-48aca5f5.js');
-var Surface = require('./Surface-b7c51b2b.js');
+var BrandLogo = require('./BrandLogo-f001e0c0.js');
+var Curve = require('./Curve-d038052b.js');
+var Section = require('./Section-59804166.js');
+var Surface = require('./Surface-80c0909a.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -56,7 +56,7 @@ var SiteFooterItemGroup = function (_a) {
     return (React__default["default"].createElement("details", { className: "arc-SiteFooter-disclosure", open: isMinWidthArcBreakpointM },
         React__default["default"].createElement("summary", { className: "arc-SiteFooter-summary", tabIndex: isMinWidthArcBreakpointM ? -1 : 0 },
             React__default["default"].createElement("span", { className: "arc-SiteFooter-icon" },
-                React__default["default"].createElement(BtIconChevronDown2Px.BtIconChevronDown2Px_2, null)),
+                React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)),
             React__default["default"].createElement("h2", { className: "arc-SiteFooter-title" }, title)),
         React__default["default"].createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
 };
@@ -65,9 +65,7 @@ var SiteFooterItem = function (_a) {
     return (React__default["default"].createElement("li", filterDataAttrs.__assign({ className: "arc-SiteFooter-item" }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("a", { onClick: handleLinkClick.handleLinkClick({ handler: onClick }), className: "arc-SiteFooter-link", href: href }, children)));
 };
-SiteFooterItem.displayName = "SiteFooter.Item";
 SiteFooter.Item = SiteFooterItem;
-SiteFooterItemGroup.displayName = "SiteFooter.ItemGroup";
 SiteFooter.ItemGroup = SiteFooterItemGroup;
 
 exports.SiteFooter = SiteFooter;