@arc-ui/components 11.4.2 → 11.5.0

package/dist/ProgressBar/ProgressBar.esm.js

@@ -1,17 +1,18 @@
-import { a as __assign } from '../_shared/esm/index-229fc864.js';
+import { a as __assign } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { T as Text } from '../_shared/esm/Text-6b958ad8.js';
-import { H as Heading } from '../_shared/esm/Heading-eb1e42db.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-3579b20e.js';
-import { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { T as Text } from '../_shared/esm/Text-00e9743b.js';
+import { H as Heading } from '../_shared/esm/Heading-b61432fb.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
+import { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 import { B as BtIconTickAlt2Px_2 } from '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
+import { B as BtIconCrossAlt2Px_2 } from '../_shared/esm/BtIconCrossAlt2Px-a6a9f431.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
 
-const React$1 = React__default;
+const React = React__default;
 const BtIconRefresh = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React.createElement(
     "svg",
     Object.assign(
       {
@@ -20,13 +21,13 @@ const BtIconRefresh = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M13.41077,21.99951a.5005.5005,0,0,0-.35743.8501l2.04609,2.08716A8.98732,8.98732,0,0,1,13.15332,7.46631a.50028.50028,0,1,0-.31641-.94922A9.98437,9.98437,0,0,0,15.127,25.93823l.00159.02881c.0011.01.02008.00128.03015.002L13.026,28.16846a.50036.50036,0,0,0,.71875.69629l3.28418-3.38819-3.26074-3.32715A.50106.50106,0,0,0,13.41077,21.99951Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M16.79028,6.04633,16.79,6.04077c-.0011-.01-.02008-.00128-.03015-.00195l2.13275-2.19946a.50036.50036,0,0,0-.71875-.69629L14.88965,6.53125,18.15039,9.8584a.50106.50106,0,0,0,.35742.1499.5005.5005,0,0,0,.35742-.8501L16.7951,7.04657a8.98484,8.98484,0,0,1,2.05646,17.47589.49982.49982,0,1,0,.31641.94824A9.98244,9.98244,0,0,0,16.79028,6.04633Z",
       fill: "currentColor"
@@ -34,26 +35,6 @@ const BtIconRefresh = props =>
   );
 var BtIconRefresh_2 = BtIconRefresh;
 
-const React = React__default;
-const BtIconCrossAlt2Px = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.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;
-
 var PROGRESS_BAR_ICON_MAP = {
     refresh: BtIconRefresh_2,
     tick: BtIconTickAlt2Px_2,

package/dist/RadioGroup/RadioGroup.cjs.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-d4d9c665";
+import { FormControlProps } from "../_shared/cjs/FormControl-42360ae8";
 /**
  * Radio Button component.
  */

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
-var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
-require('../_shared/cjs/Text-1d3844be.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+var FormControl = require('../_shared/cjs/FormControl-42360ae8.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/BtIconAlert-637db790.js');
+require('../_shared/cjs/DisclosureMini-5af13d3c.js');
+require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/VerticalSpace-86f697e7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,18 +29,18 @@ var useRadioContext = function () {
  * Radio Button component.
  */
 var RadioButton = React.forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = index.__rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
+    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = filterDataAttrs.__rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
     var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
     var surface = React.useContext(Surface.Context).surface;
     var idLabel = "".concat(id, "-label");
     var checked = checkedValue === value ? true : false;
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
             "arc-RadioButton": true,
             "arc-RadioButton--disabled": isDisabled || groupDisabled,
             "arc-RadioButton--small": size === "s",
             "arc-RadioButton--smallLabel": labelSize === "s",
             "arc-RadioButton--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)),
+        }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
             React__default["default"].createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
             React__default["default"].createElement("span", null,
@@ -49,7 +52,7 @@ var RadioButton = React.forwardRef(function (_a, ref) {
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
 var RadioGroup = function (_a) {
-    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = index.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
+    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = filterDataAttrs.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== RadioButton) {
@@ -66,7 +69,7 @@ var RadioGroup = function (_a) {
             name: name,
             size: size
         } },
-        React__default["default"].createElement("div", index.__assign({ className: "arc-RadioGroup" }, index.filterDataAttrs(props)),
+        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";

package/dist/RadioGroup/RadioGroup.esm.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-2cb96de7";
+import { FormControlProps } from "../_shared/esm/FormControl-0744f93f";
 /**
  * Radio Button component.
  */

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,11 +1,14 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default, { createContext, useContext, forwardRef, useEffect } from 'react';
-import { F as FormControl } from '../_shared/esm/FormControl-2cb96de7.js';
+import { F as FormControl } from '../_shared/esm/FormControl-0744f93f.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
-import '../_shared/esm/Text-6b958ad8.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/BtIconAlert-55a6ed5c.js';
+import '../_shared/esm/DisclosureMini-322fccc0.js';
+import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/VerticalSpace-93980c9c.js';
 
 var RadioContext = createContext({});
 var Provider = RadioContext.Provider;

package/dist/Rule/Rule.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,10 +16,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Rule = function (props) {
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("hr", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("hr", filterDataAttrs.__assign({ className: index.classNames({
             "arc-Rule": true,
             "arc-Rule--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props))));
+        }) }, filterDataAttrs.filterDataAttrs(props))));
 };
 
 exports.Rule = Rule;

package/dist/Rule/Rule.esm.js

@@ -1,7 +1,7 @@
-import { a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+import { a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 
 /**
  * Use `Rule` to display a horizontal rule.

package/dist/Section/Section.cjs.d.ts

@@ -1 +1 @@
-export { Section } from "../_shared/cjs/Section-780f2377";
+export { Section } from "../_shared/cjs/Section-48aca5f5";

package/dist/Section/Section.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Section = require('../_shared/cjs/Section-780f2377.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Section = require('../_shared/cjs/Section-48aca5f5.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
 

package/dist/Section/Section.esm.d.ts

@@ -1 +1 @@
-export { Section } from "../_shared/esm/Section-7bc71e26";
+export { Section } from "../_shared/esm/Section-b8038d66";

package/dist/Section/Section.esm.js

@@ -1,4 +1,4 @@
-export { S as Section } from '../_shared/esm/Section-7bc71e26.js';
-import '../_shared/esm/index-229fc864.js';
+export { S as Section } from '../_shared/esm/Section-b8038d66.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Select/Select.cjs.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FocusEvent } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-d4d9c665";
+import { FormControlProps } from "../_shared/cjs/FormControl-42360ae8";
 /** Use `Select` to choose from a dropdown list of options. */
 declare const Select: React.FC<SelectProps>;
 interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel"> {

package/dist/Select/Select.cjs.js

@@ -8,14 +8,16 @@ var index_module = require('../_shared/cjs/index.module-af7c85f2.js');
 var $7SXl2$reactdom = require('react-dom');
 var BtIconChevronDown2Px = require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
 var BtIconTickAlt2Px = require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
-var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
-var Base = require('../_shared/cjs/Base-e2b846fe.js');
-require('../_shared/cjs/index-78b35bc1.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/Text-1d3844be.js');
-require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+var FormControl = require('../_shared/cjs/FormControl-42360ae8.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Base = require('../_shared/cjs/Base-569e4334.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/BtIconAlert-637db790.js');
+require('../_shared/cjs/DisclosureMini-5af13d3c.js');
+require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/VerticalSpace-86f697e7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Select/Select.esm.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FocusEvent } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-2cb96de7";
+import { FormControlProps } from "../_shared/esm/FormControl-0744f93f";
 /** Use `Select` to choose from a dropdown list of options. */
 declare const Select: React.FC<SelectProps>;
 interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel"> {

package/dist/Select/Select.esm.js

@@ -5,14 +5,16 @@ import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$e
 import $7SXl2$reactdom, { createPortal } from 'react-dom';
 import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
 import { B as BtIconTickAlt2Px_2 } from '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
-import { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
-import { F as FormControl } from '../_shared/esm/FormControl-2cb96de7.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
-import { A as ArcRootElementContext } from '../_shared/esm/Base-c235dc45.js';
-import '../_shared/esm/index-229fc864.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Text-6b958ad8.js';
-import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
+import { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+import { F as FormControl } from '../_shared/esm/FormControl-0744f93f.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import { A as ArcRootElementContext } from '../_shared/esm/Base-6c01e0ec.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/BtIconAlert-55a6ed5c.js';
+import '../_shared/esm/DisclosureMini-322fccc0.js';
+import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/VerticalSpace-93980c9c.js';
 
 function $ae6933e535247d3d$export$7d15b64cf5a3a4c4(value, [min, max]) {
     return Math.min(max, Math.max(min, value));

package/dist/SiteFooter/SiteFooter.cjs.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var index_es = require('../_shared/cjs/index.es-77def0c9.js');
 var BtIconChevronDown2Px = require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
 var React = require('react');
-var BrandLogo = require('../_shared/cjs/BrandLogo-3c6102ef.js');
-var Curve = require('../_shared/cjs/Curve-e72ce25b.js');
-var Section = require('../_shared/cjs/Section-780f2377.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var BrandLogo = require('../_shared/cjs/BrandLogo-8008f0c4.js');
+var Curve = require('../_shared/cjs/Curve-b05589d8.js');
+var Section = require('../_shared/cjs/Section-48aca5f5.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 var handleLinkClick = require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/index-45bfb67b.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,7 +22,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `SiteFooter` to display information at the bottom of a page.
  */
 var SiteFooter = function (_a) {
-    var children = _a.children, currentYear = _a.currentYear, _b = _a.curve, curve = _b === void 0 ? true : _b, logoLabel = _a.logoLabel, main = _a.main, siteName = _a.siteName, props = index.__rest(_a, ["children", "currentYear", "curve", "logoLabel", "main", "siteName"]);
+    var children = _a.children, currentYear = _a.currentYear, _b = _a.curve, curve = _b === void 0 ? true : _b, logoLabel = _a.logoLabel, main = _a.main, siteName = _a.siteName, props = filterDataAttrs.__rest(_a, ["children", "currentYear", "curve", "logoLabel", "main", "siteName"]);
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== SiteFooterItem) {
@@ -32,7 +32,7 @@ var SiteFooter = function (_a) {
     }, [children]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         curve ? (React__default["default"].createElement(Curve.Curve, { bottomColor: "brand-flat", from: "topLeft", size: "s" })) : null,
-        React__default["default"].createElement("footer", index.__assign({ className: "arc-SiteFooter" }, index.filterDataAttrs(props)),
+        React__default["default"].createElement("footer", filterDataAttrs.__assign({ className: "arc-SiteFooter" }, filterDataAttrs.filterDataAttrs(props)),
             React__default["default"].createElement(Surface.Surface, { background: "brand-flat", paddingVertical: "24" },
                 (siteName || main) && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement(Section.Section, null,
@@ -65,8 +65,8 @@ var SiteFooterItemGroup = function (_a) {
         React__default["default"].createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
 };
 var SiteFooterItem = function (_a) {
-    var children = _a.children, href = _a.href, onClick = _a.onClick, props = index.__rest(_a, ["children", "href", "onClick"]);
-    return (React__default["default"].createElement("li", index.__assign({ className: "arc-SiteFooter-item" }, index.filterDataAttrs(props)),
+    var children = _a.children, href = _a.href, onClick = _a.onClick, props = filterDataAttrs.__rest(_a, ["children", "href", "onClick"]);
+    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";
@@ -74,9 +74,9 @@ SiteFooter.Item = SiteFooterItem;
 SiteFooterItemGroup.displayName = "SiteFooter.ItemGroup";
 SiteFooter.ItemGroup = SiteFooterItemGroup;
 
-var SiteFooter_rehydrator = (function (el, rehydrateChildren) { return index.__awaiter(void 0, void 0, void 0, function () {
+var SiteFooter_rehydrator = (function (el, rehydrateChildren) { return filterDataAttrs.__awaiter(void 0, void 0, void 0, function () {
     var children, titleElement, title, props;
-    return index.__generator(this, function (_a) {
+    return filterDataAttrs.__generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, rehydrateChildren(el.querySelector(".arc-SiteFooter-mainItems"))];
             case 1:
@@ -90,7 +90,7 @@ var SiteFooter_rehydrator = (function (el, rehydrateChildren) { return index.__a
                     children: children,
                     title: title
                 };
-                return [2 /*return*/, React__default["default"].createElement(SiteFooter.ItemGroup, index.__assign({}, props), children)];
+                return [2 /*return*/, React__default["default"].createElement(SiteFooter.ItemGroup, filterDataAttrs.__assign({}, props), children)];
         }
     });
 }); });

package/dist/SiteFooter/SiteFooter.esm.js

@@ -1,14 +1,14 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/esm/index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { u as useMediaQuery, A as ArcBreakpointM } from '../_shared/esm/index.es-00cb3bcb.js';
 import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
 import React__default, { useEffect, Fragment } from 'react';
-import { B as BrandLogo } from '../_shared/esm/BrandLogo-4f13fe85.js';
-import { C as Curve } from '../_shared/esm/Curve-50697f7e.js';
-import { S as Section } from '../_shared/esm/Section-7bc71e26.js';
-import { S as Surface } from '../_shared/esm/Surface-bf201530.js';
+import { B as BrandLogo } from '../_shared/esm/BrandLogo-56699561.js';
+import { C as Curve } from '../_shared/esm/Curve-3e87b1bc.js';
+import { S as Section } from '../_shared/esm/Section-b8038d66.js';
+import { S as Surface } from '../_shared/esm/Surface-bb100ef8.js';
 import { h as handleLinkClick } from '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/index-2ae58626.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
 
 /**
  * Use `SiteFooter` to display information at the bottom of a page.

package/dist/SiteHeader/SiteHeader.cjs.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FC, ReactNode, ReactElement } from "react";
-import { subBrands } from "../_shared/cjs/BrandLogo-3c6102ef";
+import { subBrands } from "../_shared/cjs/BrandLogo-8008f0c4";
 declare const Column: FC<ColumnProps>;
 interface ColumnProps {
     /**
@@ -134,6 +134,13 @@ interface NavItemWithSubNavProps {
      */
     onViewAllClick?: () => void;
 }
+declare const NodeItem: FC<NodeItemProps>;
+interface NodeItemProps {
+    /**
+     * Content to display with `SiteHeader.NodeItem`
+     */
+    children?: ReactNode;
+}
 declare const SubNavItem: FC<SubNavItemProps>;
 interface SubNavItemProps {
     /**
@@ -188,6 +195,7 @@ declare const SiteHeader: FC<SiteHeaderProps> & {
     Item: typeof Item;
     ItemGroup: typeof ItemGroup;
     NavItem: typeof NavItem;
+    NodeItem: typeof NodeItem;
     NavItemWithSubNav: typeof NavItemWithSubNav;
     SubNavItem: typeof SubNavItem;
 };