@arc-ui/components 11.0.0 → 11.2.0

package/dist/Select/package.json

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

package/dist/SiteFooter/SiteFooter.esm.js

@@ -1,11 +1,11 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/esm/index-229fc864.js';
 import { u as useMediaQuery, A as ArcBreakpointM } from '../_shared/esm/index.es-00cb3bcb.js';
-import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-4abd079b.js';
-import React, { useEffect, Fragment } from 'react';
-import { B as BrandLogo } from '../_shared/esm/BrandLogo-ea3dd0e6.js';
-import { C as Curve } from '../_shared/esm/Curve-cfdca379.js';
-import { S as Section } from '../_shared/esm/Section-f1256c87.js';
-import { S as Surface } from '../_shared/esm/Surface-d515d212.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 { h as handleLinkClick } from '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
@@ -16,50 +16,50 @@ import '../_shared/esm/suffix-modifier-f5e28822.js';
 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 = __rest(_a, ["children", "currentYear", "curve", "logoLabel", "main", "siteName"]);
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item && item.type !== SiteFooterItem) {
                 throw new Error("Illegal child passed to <SiteFooter />. Ensure to only use <SiteFooter.Item />.");
             }
         });
     }, [children]);
-    return (React.createElement(React.Fragment, null,
-        curve ? (React.createElement(Curve, { bottomColor: "brand-flat", from: "topLeft", size: "s" })) : null,
-        React.createElement("footer", __assign({ className: "arc-SiteFooter" }, filterDataAttrs(props)),
-            React.createElement(Surface, { background: "brand-flat", paddingVertical: "24" },
-                (siteName || main) && (React.createElement(React.Fragment, null,
-                    React.createElement(Section, null,
-                        siteName && (React.createElement("div", { className: "arc-SiteFooter-name" }, siteName)),
-                        main && React.createElement("div", { className: "arc-SiteFooter-main" }, main)),
-                    React.createElement("hr", { className: "arc-SiteFooter-rule" }))),
-                React.createElement(Section, null,
-                    React.createElement("div", { className: "arc-SiteFooter-secondary" },
-                        children && (React.createElement("ul", { className: "arc-SiteFooter-secondaryItems" }, children)),
-                        React.createElement("div", { className: "arc-SiteFooter-brand" },
-                            React.createElement("div", { className: "arc-SiteFooter-copyright" },
-                                React.createElement("span", { className: "arc-SiteFooter-copyrightSymbol" }, "\u00A9"), " ".concat(currentYear || new Date().getFullYear())),
-                            React.createElement(BrandLogo, { label: logoLabel }))))))));
+    return (React__default.createElement(React__default.Fragment, null,
+        curve ? (React__default.createElement(Curve, { bottomColor: "brand-flat", from: "topLeft", size: "s" })) : null,
+        React__default.createElement("footer", __assign({ className: "arc-SiteFooter" }, filterDataAttrs(props)),
+            React__default.createElement(Surface, { background: "brand-flat", paddingVertical: "24" },
+                (siteName || main) && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(Section, null,
+                        siteName && (React__default.createElement("div", { className: "arc-SiteFooter-name" }, siteName)),
+                        main && React__default.createElement("div", { className: "arc-SiteFooter-main" }, main)),
+                    React__default.createElement("hr", { className: "arc-SiteFooter-rule" }))),
+                React__default.createElement(Section, null,
+                    React__default.createElement("div", { className: "arc-SiteFooter-secondary" },
+                        children && (React__default.createElement("ul", { className: "arc-SiteFooter-secondaryItems" }, children)),
+                        React__default.createElement("div", { className: "arc-SiteFooter-brand" },
+                            React__default.createElement("div", { className: "arc-SiteFooter-copyright" },
+                                React__default.createElement("span", { className: "arc-SiteFooter-copyrightSymbol" }, "\u00A9"), " ".concat(currentYear || new Date().getFullYear())),
+                            React__default.createElement(BrandLogo, { label: logoLabel }))))))));
 };
 var SiteFooterItemGroup = function (_a) {
     var children = _a.children, title = _a.title;
     var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcBreakpointM, "px)"));
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item && item.type !== SiteFooterItem && item.type !== Fragment) {
                 throw new Error("Illegal child passed to <SiteFooterItemGroup />. Ensure to only use <SiteFooter.Item />.");
             }
         });
     }, [children]);
-    return (React.createElement("details", { className: "arc-SiteFooter-disclosure", open: isMinWidthArcBreakpointM },
-        React.createElement("summary", { className: "arc-SiteFooter-summary", tabIndex: isMinWidthArcBreakpointM ? -1 : 0 },
-            React.createElement("span", { className: "arc-SiteFooter-icon" },
-                React.createElement(BtIconChevronDown2Px_2, null)),
-            React.createElement("h2", { className: "arc-SiteFooter-title" }, title)),
-        React.createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
+    return (React__default.createElement("details", { className: "arc-SiteFooter-disclosure", open: isMinWidthArcBreakpointM },
+        React__default.createElement("summary", { className: "arc-SiteFooter-summary", tabIndex: isMinWidthArcBreakpointM ? -1 : 0 },
+            React__default.createElement("span", { className: "arc-SiteFooter-icon" },
+                React__default.createElement(BtIconChevronDown2Px_2, null)),
+            React__default.createElement("h2", { className: "arc-SiteFooter-title" }, title)),
+        React__default.createElement("ul", { className: "arc-SiteFooter-mainItems" }, children)));
 };
 var SiteFooterItem = function (_a) {
     var children = _a.children, href = _a.href, onClick = _a.onClick, props = __rest(_a, ["children", "href", "onClick"]);
-    return (React.createElement("li", __assign({ className: "arc-SiteFooter-item" }, filterDataAttrs(props)),
-        React.createElement("a", { onClick: handleLinkClick({ handler: onClick }), className: "arc-SiteFooter-link", href: href }, children)));
+    return (React__default.createElement("li", __assign({ className: "arc-SiteFooter-item" }, filterDataAttrs(props)),
+        React__default.createElement("a", { onClick: handleLinkClick({ handler: onClick }), className: "arc-SiteFooter-link", href: href }, children)));
 };
 SiteFooterItem.displayName = "SiteFooter.Item";
 SiteFooter.Item = SiteFooterItem;
@@ -82,7 +82,7 @@ var SiteFooter_rehydrator = (function (el, rehydrateChildren) { return __awaiter
                     children: children,
                     title: title
                 };
-                return [2 /*return*/, React.createElement(SiteFooter.ItemGroup, __assign({}, props), children)];
+                return [2 /*return*/, React__default.createElement(SiteFooter.ItemGroup, __assign({}, props), children)];
         }
     });
 }); });

package/dist/SiteHeader/SiteHeader.esm.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FC, ReactNode, ReactElement } from "react";
-import { subBrands } from "../_shared/esm/BrandLogo-ea3dd0e6";
+import { subBrands } from "../_shared/esm/BrandLogo-4f13fe85";
 declare const Column: FC<ColumnProps>;
 interface ColumnProps {
     /**

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,28 +1,28 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from '../_shared/esm/index-229fc864.js';
 import { u as useMediaQuery, a as ArcBreakpointL } from '../_shared/esm/index.es-00cb3bcb.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React, { useState, useEffect, Fragment, useContext, useRef, createContext } from 'react';
-import { B as BrandLogo } from '../_shared/esm/BrandLogo-ea3dd0e6.js';
-import { B as Button } from '../_shared/esm/Button-5ff56a7b.js';
-import { S as Surface } from '../_shared/esm/Surface-d515d212.js';
-import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-4abd079b.js';
+import React__default, { useState, useEffect, Fragment, useContext, useRef, createContext } from 'react';
+import { B as BrandLogo } from '../_shared/esm/BrandLogo-4f13fe85.js';
+import { B as Button } from '../_shared/esm/Button-69439f8f.js';
+import { S as Surface } from '../_shared/esm/Surface-bf201530.js';
+import { B as BtIconChevronDown2Px_2 } from '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
 import { h as handleLinkClick } from '../_shared/esm/handle-link-click-f64f55a2.js';
-import { a as BtIconChevronRight2Px_2, B as BtIconChevronLeft2Px_2 } from '../_shared/esm/BtIconChevronRight2Px-a5cc1d05.js';
+import { a as BtIconChevronRight2Px_2, B as BtIconChevronLeft2Px_2 } from '../_shared/esm/BtIconChevronRight2Px-b8e7b4ad.js';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
-import { T as Text } from '../_shared/esm/Text-d8988620.js';
-import '../_shared/esm/BtIconChevronRightMid-386cf272.js';
-import '../_shared/esm/Icon-76d0d8c0.js';
+import { T as Text } from '../_shared/esm/Text-6b958ad8.js';
+import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
+import '../_shared/esm/Icon-61f7237a.js';
 
 var Item = function (_a) {
     var _b;
     var children = _a.children, href = _a.href, isEmphasised = _a.isEmphasised, onClick = _a.onClick, props = __rest(_a, ["children", "href", "isEmphasised", "onClick"]);
-    return (React.createElement("li", __assign({ className: classNames((_b = {},
+    return (React__default.createElement("li", __assign({ className: classNames((_b = {},
             _b["arc-SiteHeaderItem"] = true,
             _b["arc-SiteHeaderItem--emphasised"] = isEmphasised,
             _b)) }, filterDataAttrs(props)),
-        React.createElement("a", { onClick: handleLinkClick({ handler: onClick }), className: "arc-SiteHeaderItem-link", href: href },
-            isEmphasised && (React.createElement("span", { className: "arc-SiteHeaderItem-linkIcon" },
-                React.createElement(BtIconChevronRight2Px_2, null))),
+        React__default.createElement("a", { onClick: handleLinkClick({ handler: onClick }), className: "arc-SiteHeaderItem-link", href: href },
+            isEmphasised && (React__default.createElement("span", { className: "arc-SiteHeaderItem-linkIcon" },
+                React__default.createElement(BtIconChevronRight2Px_2, null))),
             children)));
 };
 
@@ -31,7 +31,7 @@ var ItemGroup = function (_a) {
     var _b = useState(false), hasClientSideJavaScript = _b[0], setHasClientSideJavaScript = _b[1];
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcBreakpointL, "px)"));
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item && item.type !== Item && item.type !== Fragment) {
                 throw new Error("Illegal child passed to <SiteHeader.ItemGroup />. Ensure to only use <SiteHeader.Item />.");
             }
@@ -45,18 +45,18 @@ var ItemGroup = function (_a) {
     if (title) {
         ElementType = "details";
     }
-    return (React.createElement("li", { className: "arc-SiteHeaderItemGroup" },
-        React.createElement(ElementType, __assign({ className: "arc-SiteHeaderItemGroup-details", open: Boolean(title && isMinWidthArcBreakpointL) }, filterDataAttrs(props)),
-            title ? (React.createElement("summary", { className: "arc-SiteHeaderItemGroup-summary", tabIndex: isMinWidthArcBreakpointL ? -1 : 0 }, href ? (React.createElement("a", { onClick: handleLinkClick({
+    return (React__default.createElement("li", { className: "arc-SiteHeaderItemGroup" },
+        React__default.createElement(ElementType, __assign({ className: "arc-SiteHeaderItemGroup-details", open: Boolean(title && isMinWidthArcBreakpointL) }, filterDataAttrs(props)),
+            title ? (React__default.createElement("summary", { className: "arc-SiteHeaderItemGroup-summary", tabIndex: isMinWidthArcBreakpointL ? -1 : 0 }, href ? (React__default.createElement("a", { onClick: handleLinkClick({
                     handler: onClick
                 }), className: "arc-SiteHeaderItemGroup-title", href: href, tabIndex: !hasClientSideJavaScript || isMinWidthArcBreakpointL ? 0 : -1 },
                 title,
-                React.createElement("span", { className: "arc-SiteHeaderItemGroup-titleIcon" },
-                    React.createElement(BtIconChevronDown2Px_2, null)))) : (React.createElement("div", { className: "arc-SiteHeaderItemGroup-title" }, title)))) : null,
-            React.createElement("ul", { className: "arc-SiteHeaderItemGroup-items" },
+                React__default.createElement("span", { className: "arc-SiteHeaderItemGroup-titleIcon" },
+                    React__default.createElement(BtIconChevronDown2Px_2, null)))) : (React__default.createElement("div", { className: "arc-SiteHeaderItemGroup-title" }, title)))) : null,
+            React__default.createElement("ul", { className: "arc-SiteHeaderItemGroup-items" },
                 children,
-                href && title ? (React.createElement("li", { className: "arc-SiteHeaderItem arc-SiteHeaderItem--viewAll" },
-                    React.createElement("a", { className: "arc-SiteHeaderItem-link", onClick: handleLinkClick({
+                href && title ? (React__default.createElement("li", { className: "arc-SiteHeaderItem arc-SiteHeaderItem--viewAll" },
+                    React__default.createElement("a", { className: "arc-SiteHeaderItem-link", onClick: handleLinkClick({
                             handler: onClick
                         }), href: href }, viewAllTitle || "View all ".concat(title.toLowerCase())))) : null))));
 };
@@ -86,7 +86,7 @@ var ItemGroupRehydrator = (function (el, hydrate) { return __awaiter(void 0, voi
                     title: title,
                     viewAllTitle: viewAllTitle
                 };
-                return [2 /*return*/, React.createElement(ItemGroup, __assign({}, props), children)];
+                return [2 /*return*/, React__default.createElement(ItemGroup, __assign({}, props), children)];
         }
     });
 }); });
@@ -94,24 +94,24 @@ var ItemGroupRehydrator = (function (el, hydrate) { return __awaiter(void 0, voi
 var Column = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item && item.type !== ItemGroup) {
                 throw new Error("Illegal child passed to <SiteHeader.Column />. Ensure to only use <SiteHeader.ItemGroup />.");
             }
         });
     }, [children]);
-    return (React.createElement("li", __assign({ className: "arc-SiteHeaderColumn" }, filterDataAttrs(props)),
-        React.createElement("ul", { className: "arc-SiteHeaderColumn-items" }, children)));
+    return (React__default.createElement("li", __assign({ className: "arc-SiteHeaderColumn" }, filterDataAttrs(props)),
+        React__default.createElement("ul", { className: "arc-SiteHeaderColumn-items" }, children)));
 };
 
 var BackButton = function (_a) {
     var setOpen = _a.setOpen;
-    return (React.createElement("button", { className: "arc-SiteHeaderBackButton", onClick: function () {
+    return (React__default.createElement("button", { className: "arc-SiteHeaderBackButton", onClick: function () {
             setOpen(false);
         } },
-        React.createElement("span", { className: "arc-SiteHeaderBackButton-icon" },
-            React.createElement(BtIconChevronLeft2Px_2, null)),
-        React.createElement("span", { className: "arc-SiteHeaderBackButton-text" }, "Back")));
+        React__default.createElement("span", { className: "arc-SiteHeaderBackButton-icon" },
+            React__default.createElement(BtIconChevronLeft2Px_2, null)),
+        React__default.createElement("span", { className: "arc-SiteHeaderBackButton-text" }, "Back")));
 };
 
 var Panel = function (_a) {
@@ -172,29 +172,29 @@ var Panel = function (_a) {
             window.removeEventListener("keydown", handleKeydown);
         };
     }, [setOpen, subNavItemRef]);
-    return (React.createElement("div", __assign({ className: classNames((_b = {},
+    return (React__default.createElement("div", __assign({ className: classNames((_b = {},
             _b["arc-SiteHeaderPanel"] = true,
             _b["arc-SiteHeaderPanel--open"] = open,
             _b["arc-SiteHeaderPanel--transparent"] = transparent,
             _b["arc-SiteHeaderPanel--withSubNav"] = withSubNav,
             _b)) }, filterDataAttrs(props)),
-        React.createElement(Surface, { background: "white", growVertically: true },
-            React.createElement(BackButton, { setOpen: setOpen }),
-            React.createElement("div", { className: "arc-SiteHeaderPanel-inner" },
-                React.createElement("div", { className: "arc-SiteHeaderPanel-main" },
-                    React.createElement("div", { className: "arc-SiteHeaderPanel-mainInner" },
-                        withSubNav && (React.createElement("div", { className: "arc-SiteHeaderPanel-subNavArea" })),
-                        title && (React.createElement("div", { className: "arc-SiteHeaderPanel-title" }, title)),
-                        React.createElement("ul", { className: "arc-SiteHeaderPanel-items" }, children)),
+        React__default.createElement(Surface, { background: "white", growVertically: true },
+            React__default.createElement(BackButton, { setOpen: setOpen }),
+            React__default.createElement("div", { className: "arc-SiteHeaderPanel-inner" },
+                React__default.createElement("div", { className: "arc-SiteHeaderPanel-main" },
+                    React__default.createElement("div", { className: "arc-SiteHeaderPanel-mainInner" },
+                        withSubNav && (React__default.createElement("div", { className: "arc-SiteHeaderPanel-subNavArea" })),
+                        title && (React__default.createElement("div", { className: "arc-SiteHeaderPanel-title" }, title)),
+                        React__default.createElement("ul", { className: "arc-SiteHeaderPanel-items" }, children)),
                     viewAll),
-                promo && React.createElement("div", { className: "arc-SiteHeaderPanel-promo" }, promo)))));
+                promo && React__default.createElement("div", { className: "arc-SiteHeaderPanel-promo" }, promo)))));
 };
 var ViewAll = function (_a) {
     var href = _a.href, title = _a.title, onClick = _a.onClick;
-    return (React.createElement("a", { onClick: handleLinkClick({ handler: onClick }), className: "arc-SiteHeaderPanel-viewAll", href: href },
+    return (React__default.createElement("a", { onClick: handleLinkClick({ handler: onClick }), className: "arc-SiteHeaderPanel-viewAll", href: href },
         title,
-        React.createElement("span", { className: "arc-SiteHeaderPanel-viewAllIcon" },
-            React.createElement(BtIconChevronRight2Px_2, null))));
+        React__default.createElement("span", { className: "arc-SiteHeaderPanel-viewAllIcon" },
+            React__default.createElement(BtIconChevronRight2Px_2, null))));
 };
 ViewAll.displayName = "Panel.ViewAll";
 Panel.ViewAll = ViewAll;
@@ -206,7 +206,7 @@ var NavItem = function (_a) {
     var _d = useState(false), panelOpen = _d[0], setPanelOpen = _d[1];
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcBreakpointL, "px)"));
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item &&
                 item.type !== ItemGroup &&
                 item.type !== Column &&
@@ -215,22 +215,22 @@ var NavItem = function (_a) {
             }
         });
     }, [children]);
-    return (React.createElement("li", __assign({ className: classNames((_b = {},
+    return (React__default.createElement("li", __assign({ className: classNames((_b = {},
             _b["arc-SiteHeaderNavItem"] = true,
             _b["arc-SiteHeaderNavItem--linkSelected"] = (children && panelOpen) || (!children && href && isCurrent),
-            _b)), ref: navItem }, filterDataAttrs(props)), !children ? (href ? (React.createElement("a", { onClick: handleLinkClick({
+            _b)), ref: navItem }, filterDataAttrs(props)), !children ? (href ? (React__default.createElement("a", { onClick: handleLinkClick({
             handler: onClick
-        }), className: "arc-SiteHeaderNavItem-link", href: href }, title)) : null) : (React.createElement(React.Fragment, null,
-        React.createElement("button", { "aria-expanded": panelOpen, className: classNames((_c = {},
+        }), className: "arc-SiteHeaderNavItem-link", href: href }, title)) : null) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("button", { "aria-expanded": panelOpen, className: classNames((_c = {},
                 _c["arc-SiteHeaderNavItem-link"] = true,
                 _c["arc-SiteHeaderNavItem-link--itemHasChildren"] = true,
                 _c)), onClick: function (e) {
                 e.preventDefault();
                 setPanelOpen(!panelOpen);
             } },
-            React.createElement("span", null, title),
-            React.createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React.createElement(BtIconChevronDown2Px_2, null)) : (React.createElement(BtIconChevronRight2Px_2, null)))),
-        React.createElement(Panel, { navItemRef: navItem, open: panelOpen, promo: promo, setOpen: setPanelOpen, viewAll: href ? (React.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
+            React__default.createElement("span", null, title),
+            React__default.createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default.createElement(BtIconChevronDown2Px_2, null)) : (React__default.createElement(BtIconChevronRight2Px_2, null)))),
+        React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, promo: promo, setOpen: setPanelOpen, viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
 };
 
 var NavItemRehydrator = (function (el, hydrate) { return __awaiter(void 0, void 0, void 0, function () {
@@ -270,7 +270,7 @@ var NavItemRehydrator = (function (el, hydrate) { return __awaiter(void 0, void
                     title: title,
                     viewAllTitle: (viewAll === null || viewAll === void 0 ? void 0 : viewAll.textContent) || undefined
                 };
-                return [2 /*return*/, React.createElement(NavItem, __assign({}, props), children)];
+                return [2 /*return*/, React__default.createElement(NavItem, __assign({}, props), children)];
         }
     });
 }); });
@@ -283,7 +283,7 @@ var SubNavItem = function (_a) {
     var _e = useState(false), panelOpen = _e[0], setPanelOpen = _e[1];
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcBreakpointL, "px)"));
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item &&
                 item.type !== ItemGroup &&
                 item.type !== Column &&
@@ -300,26 +300,26 @@ var SubNavItem = function (_a) {
             setPanelOpen(false);
         }
     }, [isDefaultItem, isMinWidthArcBreakpointL]);
-    var linkTitle = (React.createElement(React.Fragment, null,
-        React.createElement("span", { className: "arc-SiteHeaderSubNavItem-linkTitle" }, title),
-        subTitle ? (React.createElement("span", { className: "arc-SiteHeaderSubNavItem-linkSubTitle" }, subTitle)) : null));
-    return (React.createElement("li", __assign({ className: classNames((_b = {},
+    var linkTitle = (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("span", { className: "arc-SiteHeaderSubNavItem-linkTitle" }, title),
+        subTitle ? (React__default.createElement("span", { className: "arc-SiteHeaderSubNavItem-linkSubTitle" }, subTitle)) : null));
+    return (React__default.createElement("li", __assign({ className: classNames((_b = {},
             _b["arc-SiteHeaderSubNavItem"] = true,
             _b["arc-SiteHeaderSubNavItem--linkSelected"] = children && panelOpen,
             _b[suffixModifier("arc-SiteHeaderSubNavItem--offsetXL", offsetXL || "")] = offsetXL,
-            _b)), ref: subNavItem }, filterDataAttrs(props), { "data-default-item": isDefaultItem || null }), !children ? (href ? (React.createElement("a", { className: "arc-SiteHeaderSubNavItem-link", onClick: handleLinkClick({ handler: onClick }), href: href }, linkTitle)) : null) : (React.createElement(React.Fragment, null,
-        React.createElement("button", { "aria-expanded": panelOpen, className: classNames((_c = {},
+            _b)), ref: subNavItem }, filterDataAttrs(props), { "data-default-item": isDefaultItem || null }), !children ? (href ? (React__default.createElement("a", { className: "arc-SiteHeaderSubNavItem-link", onClick: handleLinkClick({ handler: onClick }), href: href }, linkTitle)) : null) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("button", { "aria-expanded": panelOpen, className: classNames((_c = {},
                 _c["arc-SiteHeaderSubNavItem-link"] = true,
                 _c["arc-SiteHeaderSubNavItem-link--itemHasChildren"] = children,
                 _c)), onClick: function () {
                 setPanelOpen(true);
             } },
             linkTitle,
-            children && (React.createElement("span", { className: "arc-SiteHeaderSubNavItem-linkIcon" },
-                React.createElement(BtIconChevronRight2Px_2, null)))),
-        React.createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, subNavItemRef: subNavItem, subNavLink: "arc-SiteHeaderSubNavItem-link", promo: promo, title: React.createElement("span", null,
+            children && (React__default.createElement("span", { className: "arc-SiteHeaderSubNavItem-linkIcon" },
+                React__default.createElement(BtIconChevronRight2Px_2, null)))),
+        React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, subNavItemRef: subNavItem, subNavLink: "arc-SiteHeaderSubNavItem-link", promo: promo, title: React__default.createElement("span", null,
                 title,
-                subTitle && (React.createElement(Text, { size: "xs", tone: "supporting" }, subTitle))), viewAll: href ? (React.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
+                subTitle && (React__default.createElement(Text, { size: "xs", tone: "supporting" }, subTitle))), viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined) }, children)))));
 };
 
 var SubNavItemRehydrator = (function (el, hydrate) { return __awaiter(void 0, void 0, void 0, function () {
@@ -373,7 +373,7 @@ var SubNavItemRehydrator = (function (el, hydrate) { return __awaiter(void 0, vo
                     title: title,
                     viewAllTitle: (viewAll === null || viewAll === void 0 ? void 0 : viewAll.textContent) || undefined
                 };
-                return [2 /*return*/, React.createElement(SubNavItem, __assign({}, props), children)];
+                return [2 /*return*/, React__default.createElement(SubNavItem, __assign({}, props), children)];
         }
     });
 }); });
@@ -389,7 +389,7 @@ var NavItemWithSubNav = function (_a) {
     var _f = useState(false), panelOpen = _f[0], setPanelOpen = _f[1];
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcBreakpointL, "px)"));
     useEffect(function () {
-        React.Children.map(slot1, function (item) {
+        React__default.Children.map(slot1, function (item) {
             if (item && item.type !== SubNavItem && item.type !== Fragment) {
                 throw new Error("Illegal child passed to <SiteHeader.NavItemWithSubNav /> `slot1` prop. Ensure to only use <SiteHeader.SubNavItem />.");
             }
@@ -397,7 +397,7 @@ var NavItemWithSubNav = function (_a) {
                 setDefaultItem(false);
             }
         });
-        React.Children.map(slot2, function (item) {
+        React__default.Children.map(slot2, function (item) {
             if (item && item.type !== SubNavItem && item.type !== Fragment) {
                 throw new Error("Illegal child passed to <SiteHeader.NavItemWithSubNav /> `slot2` prop. Ensure to only use <SiteHeader.SubNavItem />.");
             }
@@ -405,7 +405,7 @@ var NavItemWithSubNav = function (_a) {
                 setDefaultItem(false);
             }
         });
-        React.Children.map(slot3, function (item) {
+        React__default.Children.map(slot3, function (item) {
             if (item && item.type !== SubNavItem && item.type !== Fragment) {
                 throw new Error("Illegal child passed to <SiteHeader.NavItemWithSubNav /> `slot3` prop. Ensure to only use <SiteHeader.SubNavItem />.");
             }
@@ -414,12 +414,12 @@ var NavItemWithSubNav = function (_a) {
             }
         });
     }, [slot1, slot2, slot3]);
-    return (React.createElement(Provider$1, { value: { navItem: navItem, subTitle: subTitle } },
-        React.createElement("li", __assign({ className: classNames((_b = {},
+    return (React__default.createElement(Provider$1, { value: { navItem: navItem, subTitle: subTitle } },
+        React__default.createElement("li", __assign({ className: classNames((_b = {},
                 _b["arc-SiteHeaderNavItemWithSubNav"] = true,
                 _b["arc-SiteHeaderNavItem--linkSelected"] = panelOpen,
                 _b)), ref: navItem }, filterDataAttrs(props)),
-            React.createElement("button", { "aria-expanded": panelOpen, className: classNames((_c = {},
+            React__default.createElement("button", { "aria-expanded": panelOpen, className: classNames((_c = {},
                     _c["arc-SiteHeaderNavItem-link"] = true,
                     _c["arc-SiteHeaderNavItem-link--itemHasChildren"] = true,
                     _c)), onClick: function (e) {
@@ -427,10 +427,10 @@ var NavItemWithSubNav = function (_a) {
                     setPanelOpen(!panelOpen);
                 } },
                 title,
-                React.createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React.createElement(BtIconChevronDown2Px_2, null)) : (React.createElement(BtIconChevronRight2Px_2, null)))),
-            React.createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, title: subTitle, viewAll: href ? (React.createElement(Panel.ViewAll, { href: href, onClick: onViewAllClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined), withSubNav: true },
+                React__default.createElement("span", { className: "arc-SiteHeaderNavItem-linkIcon" }, isMinWidthArcBreakpointL ? (React__default.createElement(BtIconChevronDown2Px_2, null)) : (React__default.createElement(BtIconChevronRight2Px_2, null)))),
+            React__default.createElement(Panel, { navItemRef: navItem, open: panelOpen, setOpen: setPanelOpen, title: subTitle, viewAll: href ? (React__default.createElement(Panel.ViewAll, { href: href, onClick: onViewAllClick, title: viewAllTitle || "View all ".concat(title.toLowerCase()) })) : (undefined), withSubNav: true },
                 defaultItem
-                    ? React.cloneElement(slot1, { isDefaultItem: defaultItem })
+                    ? React__default.cloneElement(slot1, { isDefaultItem: defaultItem })
                     : slot1,
                 slot2,
                 slot3))));
@@ -486,7 +486,7 @@ var NavItemWithSubNavRehydrator = (function (el, hydrate) { return __awaiter(voi
                     title: title,
                     viewAllTitle: (viewAll === null || viewAll === void 0 ? void 0 : viewAll.textContent) || undefined
                 };
-                return [2 /*return*/, React.createElement(NavItemWithSubNav, __assign({}, props))];
+                return [2 /*return*/, React__default.createElement(NavItemWithSubNav, __assign({}, props))];
         }
     });
 }); });
@@ -494,15 +494,15 @@ var NavItemWithSubNavRehydrator = (function (el, hydrate) { return __awaiter(voi
 var MenuButton = function (_a) {
     var _b;
     var menuOpen = _a.menuOpen, setMenuOpen = _a.setMenuOpen;
-    return (React.createElement("button", { "aria-expanded": menuOpen, className: classNames((_b = {},
+    return (React__default.createElement("button", { "aria-expanded": menuOpen, className: classNames((_b = {},
             _b["arc-MenuButton"] = true,
             _b["arc-MenuButton--menuOpen"] = menuOpen,
             _b)), onClick: function () {
             setMenuOpen(!menuOpen);
         }, type: "button" },
-        React.createElement("span", { className: "arc-MenuButton-box" },
-            React.createElement("span", { className: "arc-MenuButton-inner" }),
-            React.createElement("span", { className: "arc-MenuButton-text" }, "Menu"))));
+        React__default.createElement("span", { className: "arc-MenuButton-box" },
+            React__default.createElement("span", { className: "arc-MenuButton-inner" }),
+            React__default.createElement("span", { className: "arc-MenuButton-text" }, "Menu"))));
 };
 
 var defaultContext = { transparent: false };
@@ -518,7 +518,7 @@ var SiteHeader = function (_a) {
     var _k = useState(false), menuOpen = _k[0], setMenuOpen = _k[1];
     var isMinWidthArcBreakpointL = useMediaQuery("(min-width: ".concat(ArcBreakpointL, "px)"));
     useEffect(function () {
-        React.Children.map(children, function (item) {
+        React__default.Children.map(children, function (item) {
             if (item &&
                 item.type !== NavItem &&
                 item.type !== NavItemWithSubNav &&
@@ -564,32 +564,32 @@ var SiteHeader = function (_a) {
         // useEffect does not run in ReactDomServer renders
         setHasClientSideJavaScript(true);
     }, [setHasClientSideJavaScript]);
-    return (React.createElement(Provider, { value: { transparent: isTransparent } },
-        React.createElement("div", __assign({ className: classNames((_b = {},
+    return (React__default.createElement(Provider, { value: { transparent: isTransparent } },
+        React__default.createElement("div", __assign({ className: classNames((_b = {},
                 _b["arc-SiteHeader"] = true,
                 _b["arc-SiteHeader--menuOpen"] = menuOpen,
                 _b["arc-no-js"] = !hasClientSideJavaScript,
                 _b)) }, filterDataAttrs(props), { "data-transparent": isTransparent || null }),
-            React.createElement(Surface, { background: !isTransparent || (menuOpen && !isMinWidthArcBreakpointL)
+            React__default.createElement(Surface, { background: !isTransparent || (menuOpen && !isMinWidthArcBreakpointL)
                     ? "brand-flat"
                     : undefined },
-                React.createElement("div", { className: "arc-SiteHeader-inner" },
-                    React.createElement("a", { className: "arc-SiteHeader-brand", onClick: handleLinkClick({
+                React__default.createElement("div", { className: "arc-SiteHeader-inner" },
+                    React__default.createElement("a", { className: "arc-SiteHeader-brand", onClick: handleLinkClick({
                             handler: logoOnClick
                         }), href: logoHref },
-                        React.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand })),
-                    children && (React.createElement("nav", { className: "arc-SiteHeader-nav" },
-                        React.createElement("div", { className: "arc-SiteHeader-menuButton" },
-                            React.createElement(MenuButton, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),
-                        React.createElement("div", { className: "arc-SiteHeader-main" },
-                            React.createElement("ul", { className: "arc-SiteHeader-navItems" }, children),
-                            hasLogin && (React.createElement(React.Fragment, null, loginOnClick ? (React.createElement("div", { className: "arc-SiteHeader-loginButton" },
-                                React.createElement(Button, { onClick: loginOnClick, isFullWidth: true, label: loginTitle }))) : (React.createElement("div", { className: "arc-SiteHeader-loginButton" },
-                                React.createElement(Button, { href: loginHref, isFullWidth: true, label: loginTitle })))))))),
-                    (basket || hasLogin || search) && (React.createElement("div", { className: "arc-SiteHeader-secondary" },
-                        search ? (React.createElement("div", { className: "arc-SiteHeader-search" }, search)) : null,
-                        basket ? (React.createElement("div", { className: "arc-SiteHeader-basket" }, basket)) : null,
-                        hasLogin && (React.createElement(React.Fragment, null, loginOnClick ? (React.createElement("div", { className: "arc-SiteHeader-loginLink arc-SiteHeader-loginLink--function", onClick: loginOnClick }, loginTitle)) : (React.createElement("a", { className: "arc-SiteHeader-loginLink", href: loginHref }, loginTitle)))))))))));
+                        React__default.createElement(BrandLogo, { label: logoLabel, subBrand: subBrand })),
+                    children && (React__default.createElement("nav", { className: "arc-SiteHeader-nav" },
+                        React__default.createElement("div", { className: "arc-SiteHeader-menuButton" },
+                            React__default.createElement(MenuButton, { menuOpen: menuOpen, setMenuOpen: setMenuOpen })),
+                        React__default.createElement("div", { className: "arc-SiteHeader-main" },
+                            React__default.createElement("ul", { className: "arc-SiteHeader-navItems" }, children),
+                            hasLogin && (React__default.createElement(React__default.Fragment, null, loginOnClick ? (React__default.createElement("div", { className: "arc-SiteHeader-loginButton" },
+                                React__default.createElement(Button, { onClick: loginOnClick, isFullWidth: true, label: loginTitle }))) : (React__default.createElement("div", { className: "arc-SiteHeader-loginButton" },
+                                React__default.createElement(Button, { href: loginHref, isFullWidth: true, label: loginTitle })))))))),
+                    (basket || hasLogin || search) && (React__default.createElement("div", { className: "arc-SiteHeader-secondary" },
+                        search ? (React__default.createElement("div", { className: "arc-SiteHeader-search" }, search)) : null,
+                        basket ? (React__default.createElement("div", { className: "arc-SiteHeader-basket" }, basket)) : null,
+                        hasLogin && (React__default.createElement(React__default.Fragment, null, loginOnClick ? (React__default.createElement("div", { className: "arc-SiteHeader-loginLink arc-SiteHeader-loginLink--function", onClick: loginOnClick }, loginTitle)) : (React__default.createElement("a", { className: "arc-SiteHeader-loginLink", href: loginHref }, loginTitle)))))))))));
 };
 Column.displayName = "SiteHeader.Column";
 Item.displayName = "SiteHeader.Item";
@@ -648,7 +648,7 @@ var SiteHeaderRehydrator = function (el, hydrate) { return __awaiter(void 0, voi
                     logoLabel: logoLabel,
                     search: search
                 };
-                return [2 /*return*/, React.createElement(SiteHeader, __assign({}, props), children)];
+                return [2 /*return*/, React__default.createElement(SiteHeader, __assign({}, props), children)];
         }
     });
 }); };

package/dist/Surface/Surface.esm.d.ts

@@ -1 +1 @@
-export { Surface, SurfaceContext, backgrounds, backgroundsBT } from "../_shared/esm/Surface-d515d212";
+export { Surface, SurfaceContext, backgrounds, backgroundsBT } from "../_shared/esm/Surface-bf201530";

package/dist/Surface/Surface.esm.js

@@ -1,4 +1,4 @@
-export { S as Surface, C as SurfaceContext, b as backgrounds, a as backgroundsBT } from '../_shared/esm/Surface-d515d212.js';
+export { S as Surface, C as SurfaceContext, b as backgrounds, a as backgroundsBT } from '../_shared/esm/Surface-bf201530.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/Switch/Switch.cjs.d.ts

@@ -0,0 +1,40 @@
+import { FC } from "react";
+import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
+import { FormControlProps } from "../_shared/cjs/FormControl-e6b7d7c5";
+/** Use `Switch` to toggle between checked and not checked. */
+declare const Switch: FC<SwitchProps>;
+interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper"> {
+    /**
+     * Hide Label above toggle?
+     */
+    hideLabel?: boolean;
+    /**
+     * Text to display next to `Switch`
+     */
+    statusText?: string;
+    /**
+     * Should the `Switch` be disabled?
+     */
+    isDisabled?: FormControlProps["isDisabled"];
+    /**
+     * handler for blur
+     */
+    onBlur?: RadixSwitchProps["onBlur"];
+    /**
+     * set the switch to be checked by default
+     */
+    defaultChecked?: RadixSwitchProps["defaultChecked"];
+    /**
+     * value for the switch, is applied to a hidden checkbox if within a form
+     */
+    value?: RadixSwitchProps["value"];
+    /**
+     * name for the hidden checkbox if within a form
+     */
+    name?: RadixSwitchProps["name"];
+    /**
+     * callback for when the switch is toggled
+     */
+    onCheckedChange?: RadixSwitchProps["onCheckedChange"];
+}
+export { Switch };