@zendeskgarden/react-chrome 8.47.0 → 8.48.1

package/dist/index.cjs.js

@@ -30,14 +30,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -52,14 +50,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -67,19 +60,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -213,7 +199,7 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-var ChromeContext = React__default['default'].createContext({
+var ChromeContext = React__default["default"].createContext({
   hue: 'chromeHue'
 });
 var useChromeContext = function useChromeContext() {
@@ -221,9 +207,9 @@ var useChromeContext = function useChromeContext() {
 };
 
 var COMPONENT_ID$A = 'chrome.chrome';
-var StyledChrome = styled__default['default'].div.attrs({
+var StyledChrome = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$A,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledChrome",
   componentId: "sc-1uqm6u6-0"
@@ -239,9 +225,9 @@ StyledChrome.defaultProps = {
 };
 
 var COMPONENT_ID$z = 'chrome.header_item_icon';
-var StyledHeaderItemIcon = styled__default['default'].div.attrs({
+var StyledHeaderItemIcon = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$z,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledHeaderItemIcon",
   componentId: "sc-1jhhp6z-0"
@@ -266,9 +252,9 @@ var sizeStyles$4 = function sizeStyles(props) {
   var size = props.theme.space.base * 7.5;
   return styled.css(["padding:0 3px;min-width:", "px;height:", ";line-height:", ";"], size, props.maxY ? '100%' : "".concat(size, "px"), reactTheming.getLineHeight(size, props.theme.fontSizes.md));
 };
-var StyledBaseHeaderItem = styled__default['default'].button.attrs({
+var StyledBaseHeaderItem = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$y,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledBaseHeaderItem",
   componentId: "sc-1qua7h6-0"
@@ -295,9 +281,9 @@ StyledBaseHeaderItem.defaultProps = {
 
 var COMPONENT_ID$x = 'chrome.header_item_text';
 var clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
-var StyledHeaderItemText = styled__default['default'].span.attrs({
+var StyledHeaderItemText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$x,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledHeaderItemText",
   componentId: "sc-goz7la-0"
@@ -323,9 +309,9 @@ var getNavWidth = function getNavWidth(props) {
 var getExpandedNavWidth = function getExpandedNavWidth() {
   return "200px";
 };
-var StyledNav = styled__default['default'].nav.attrs({
+var StyledNav = styled__default["default"].nav.attrs({
   'data-garden-id': COMPONENT_ID$w,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledNav",
   componentId: "sc-6j462r-0"
@@ -363,9 +349,9 @@ var retrieveProductColor$1 = function retrieveProductColor(props) {
       return 'inherit';
   }
 };
-var StyledLogoHeaderItem = styled__default['default'](StyledBaseHeaderItem).attrs({
+var StyledLogoHeaderItem = styled__default["default"](StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$v,
-  'data-garden-version': '8.47.0',
+  'data-garden-version': '8.48.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoHeaderItem",
@@ -404,9 +390,9 @@ var sizeStyles$3 = function sizeStyles(props) {
   var horizontalPadding = polished.math("(".concat(getNavWidth(props), " - ").concat(props.theme.iconSizes.lg, ") / 4"));
   return styled.css(["padding:", " ", ";min-height:", ";"], verticalPadding, horizontalPadding, getNavItemHeight);
 };
-var StyledBaseNavItem = styled__default['default'].button.attrs({
+var StyledBaseNavItem = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$u,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledBaseNavItem",
   componentId: "sc-zvo43f-0"
@@ -421,9 +407,9 @@ var COMPONENT_ID$t = 'chrome.header';
 var getHeaderHeight = function getHeaderHeight(props) {
   return getNavItemHeight(props);
 };
-var StyledHeader = styled__default['default'].header.attrs({
+var StyledHeader = styled__default["default"].header.attrs({
   'data-garden-id': COMPONENT_ID$t,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1cexpz-0"
@@ -469,9 +455,9 @@ var sizeStyles$2 = function sizeStyles(props) {
   var lineHeight = reactTheming.getLineHeight(padding, fontSize);
   return styled.css(["top:", ";padding:", ";padding-", ":", ";line-height:", ";font-size:", ";"], top, padding, props.theme.rtl ? 'right' : 'left', paddingStart, lineHeight, fontSize);
 };
-var StyledSkipNav = styled__default['default'].a.attrs({
+var StyledSkipNav = styled__default["default"].a.attrs({
   'data-garden-id': COMPONENT_ID$s,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSkipNav",
   componentId: "sc-1tsro34-0"
@@ -494,23 +480,23 @@ StyledSkipNav.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var _path$2;
 
-var _ref$2 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M4.441 7.38l.095.083.939.939-.708.707-.939-.939-2 2-.132.142a2.829 2.829 0 003.99 3.99l.142-.132 2-2-.939-.939.707-.708.94.94a1 1 0 01.083 1.32l-.083.094-2 2A3.828 3.828 0 01.972 9.621l.15-.158 2-2A1 1 0 014.34 7.31l.101.07zm7.413-3.234a.5.5 0 01.057.638l-.057.07-7 7a.5.5 0 01-.765-.638l.057-.07 7-7a.5.5 0 01.708 0zm3.023-3.025a3.829 3.829 0 01.15 5.257l-.15.158-2 2a1 1 0 01-1.32.083l-.094-.083-.94-.94.708-.707.939.94 2-2 .132-.142a2.829 2.829 0 00-3.99-3.99l-.142.131-2 2 .939.939-.707.708-.94-.94a1 1 0 01-.082-1.32l.083-.094 2-2a3.828 3.828 0 015.414 0z"
-});
+function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
-function SvgLinkStroke(props) {
+var SvgLinkStroke = function SvgLinkStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M4.441 7.38l.095.083.939.939-.708.707-.939-.939-2 2-.132.142a2.829 2.829 0 003.99 3.99l.142-.132 2-2-.939-.939.707-.708.94.94a1 1 0 01.083 1.32l-.083.094-2 2A3.828 3.828 0 01.972 9.621l.15-.158 2-2A1 1 0 014.34 7.31l.101.07zm7.413-3.234a.5.5 0 01.057.638l-.057.07-7 7a.5.5 0 01-.765-.638l.057-.07 7-7a.5.5 0 01.708 0zm3.023-3.025a3.829 3.829 0 01.15 5.257l-.15.158-2 2a1 1 0 01-1.32.083l-.094-.083-.94-.94.708-.707.939.94 2-2 .132-.142a2.829 2.829 0 00-3.99-3.99l-.142.131-2 2 .939.939-.707.708-.94-.94a1 1 0 01-.082-1.32l.083-.094 2-2a3.828 3.828 0 015.414 0z"
+  })));
+};
 
 var COMPONENT_ID$r = 'chrome.skipnav_icon';
 var sizeStyles$1 = function sizeStyles(theme) {
@@ -518,9 +504,9 @@ var sizeStyles$1 = function sizeStyles(theme) {
   var size = theme.iconSizes.md;
   return styled.css(["margin-", ":", ";width:", ";height:", ";"], theme.rtl ? 'left' : 'right', margin, size, size);
 };
-var StyledSkipNavIcon = styled__default['default'](SvgLinkStroke).attrs({
+var StyledSkipNavIcon = styled__default["default"](SvgLinkStroke).attrs({
   'data-garden-id': COMPONENT_ID$r,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSkipNavIcon",
   componentId: "sc-1ika5z4-0"
@@ -538,9 +524,9 @@ StyledSkipNavIcon.defaultProps = {
 };
 
 var COMPONENT_ID$q = 'chrome.body';
-var StyledBody = styled__default['default'].div.attrs({
+var StyledBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$q,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-c7h9kv-0"
@@ -557,9 +543,9 @@ var COMPONENT_ID$p = 'chrome.footer';
 var getFooterHeight = function getFooterHeight(props) {
   return "".concat(props.theme.space.base * 20, "px");
 };
-var StyledFooter = styled__default['default'].footer.attrs({
+var StyledFooter = styled__default["default"].footer.attrs({
   'data-garden-id': COMPONENT_ID$p,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-v7lib2-0"
@@ -577,9 +563,9 @@ StyledFooter.defaultProps = {
 };
 
 var COMPONENT_ID$o = 'chrome.content';
-var StyledContent = styled__default['default'].div.attrs({
+var StyledContent = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$o,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-qcuzxn-0"
@@ -599,9 +585,9 @@ StyledContent.defaultProps = {
 };
 
 var COMPONENT_ID$n = 'chrome.main';
-var StyledMain = styled__default['default'].main.attrs({
+var StyledMain = styled__default["default"].main.attrs({
   'data-garden-id': COMPONENT_ID$n,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledMain",
   componentId: "sc-t61cre-0"
@@ -615,9 +601,9 @@ StyledMain.defaultProps = {
 };
 
 var COMPONENT_ID$m = 'chrome.sidebar';
-var StyledSidebar = styled__default['default'].aside.attrs({
+var StyledSidebar = styled__default["default"].aside.attrs({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSidebar",
   componentId: "sc-1q77fuw-0"
@@ -633,9 +619,9 @@ StyledSidebar.defaultProps = {
 };
 
 var COMPONENT_ID$l = 'chrome.footer_item';
-var StyledFooterItem = styled__default['default'].div.attrs({
+var StyledFooterItem = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1cktm85-0"
@@ -653,9 +639,9 @@ var imgStyles = function imgStyles(props) {
   var size = polished.math("".concat(getHeaderItemSize(props), " - ").concat(props.theme.space.base * 2));
   return styled.css(["img{margin:0;border-radius:", ";width:", ";height:", ";}"], polished.math("".concat(props.theme.borderRadii.md, " - 1")), size, size);
 };
-var StyledHeaderItem = styled__default['default'](StyledBaseHeaderItem).attrs({
+var StyledHeaderItem = styled__default["default"](StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-14sft6n-0"
@@ -679,9 +665,9 @@ StyledHeaderItem.defaultProps = {
 };
 
 var COMPONENT_ID$j = 'chrome.header_item_wrapper';
-var StyledHeaderItemWrapper = styled__default['default'](StyledBaseHeaderItem).attrs({
+var StyledHeaderItemWrapper = styled__default["default"](StyledBaseHeaderItem).attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.47.0',
+  'data-garden-version': '8.48.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledHeaderItemWrapper",
@@ -719,9 +705,9 @@ var colorStyles$4 = function colorStyles(props) {
   var color = props.isLight || props.isDark ? fillColor : retrieveProductColor(props.product);
   return styled.css(["color:", ";fill:", ";"], color, fillColor);
 };
-var StyledLogoNavItem = styled__default['default'](StyledBaseNavItem).attrs({
+var StyledLogoNavItem = styled__default["default"](StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.47.0',
+  'data-garden-version': '8.48.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledLogoNavItem",
@@ -734,9 +720,9 @@ StyledLogoNavItem.defaultProps = {
 };
 
 var COMPONENT_ID$h = 'chrome.brandmark_nav_item';
-var StyledBrandmarkNavItem = styled__default['default'](StyledBaseNavItem).attrs({
+var StyledBrandmarkNavItem = styled__default["default"](StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.47.0',
+  'data-garden-version': '8.48.1',
   as: 'div'
 }).withConfig({
   displayName: "StyledBrandmarkNavItem",
@@ -747,9 +733,9 @@ StyledBrandmarkNavItem.defaultProps = {
 };
 
 var COMPONENT_ID$g = 'chrome.nav_item_icon';
-var StyledNavItemIcon = styled__default['default'].div.attrs({
+var StyledNavItemIcon = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledNavItemIcon",
   componentId: "sc-7w9rpt-0"
@@ -787,9 +773,9 @@ var colorStyles$3 = function colorStyles(props) {
   var focusColor = polished.rgba(props.isLight ? BLACK : WHITE, 0.2);
   return styled.css(["opacity:", ";background-color:", ";&:hover{opacity:1;background-color:", ";}&[data-garden-focus-visible]{opacity:1;box-shadow:inset ", ";}&:active{background-color:", ";}"], props.isCurrent ? 1 : 0.6, currentColor, hoverColor, props.theme.shadows.md(focusColor), activeColor);
 };
-var StyledNavItem = styled__default['default'](StyledBaseNavItem).attrs({
+var StyledNavItem = styled__default["default"](StyledBaseNavItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.47.0',
+  'data-garden-version': '8.48.1',
   as: 'button'
 }).withConfig({
   displayName: "StyledNavItem",
@@ -812,9 +798,9 @@ StyledNavItem.defaultProps = {
 };
 
 var COMPONENT_ID$e = 'chrome.nav_item_text';
-var StyledNavItemText = styled__default['default'].span.attrs({
+var StyledNavItemText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledNavItemText",
   componentId: "sc-13m84xl-0"
@@ -855,9 +841,9 @@ var colorStyles$2 = function colorStyles(props) {
 var getSubNavItemHeight = function getSubNavItemHeight(props) {
   return "".concat(props.theme.space.base * 7.5, "px");
 };
-var StyledSubNavItem = styled__default['default'].button.attrs({
+var StyledSubNavItem = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSubNavItem",
   componentId: "sc-1yg9dpx-0"
@@ -890,9 +876,9 @@ var colorStyles$1 = function colorStyles(props) {
   var foregroundColor = props.isLight ? props.theme.palette.grey[800] : props.theme.palette.white;
   return styled.css(["background-color:", ";color:", ";"], backgroundColor, foregroundColor);
 };
-var StyledSubNav = styled__default['default'].nav.attrs({
+var StyledSubNav = styled__default["default"].nav.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSubNav",
   componentId: "sc-19hjou6-0"
@@ -916,9 +902,9 @@ var sizeStyles = function sizeStyles(props) {
   var lineHeight = reactTheming.getLineHeight(baseLineHeight, props.theme.fontSizes.md);
   return styled.css(["margin:", " 0;line-height:", ";"], verticalMargin, lineHeight);
 };
-var StyledSubNavItemText = styled__default['default'].span.attrs({
+var StyledSubNavItemText = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSubNavItemText",
   componentId: "sc-1hy0pn7-0"
@@ -934,9 +920,9 @@ StyledSubNavItemText.defaultProps = {
 };
 
 var COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
-var StyledSubNavItemHeader = styled__default['default'](StyledSubNavItem).attrs({
+var StyledSubNavItemHeader = styled__default["default"](StyledSubNavItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.47.0',
+  'data-garden-version': '8.48.1',
   'data-garden-header': 'true'
 }).withConfig({
   displayName: "StyledSubNavItemHeader",
@@ -952,36 +938,36 @@ StyledSubNavItemHeader.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var _path$1;
 
-var _ref$1 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "currentColor",
-  d: "M1.646 3.646a.5.5 0 01.638-.057l.07.057L6 7.293l3.646-3.647a.5.5 0 01.638-.057l.07.057a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.638.057l-.07-.057-4-4a.5.5 0 010-.708z"
-});
+function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-function SvgChevronDownStroke(props) {
+var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M1.646 3.646a.5.5 0 01.638-.057l.07.057L6 7.293l3.646-3.647a.5.5 0 01.638-.057l.07.057a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.638.057l-.07-.057-4-4a.5.5 0 010-.708z"
+  })));
+};
 
 var _excluded$b = ["theme", "isExpanded"];
 var COMPONENT_ID$9 = 'chrome.collapsible_sub_nav_item_icon';
-var FilteredChevronDownStrokeIcon = React__default['default'].forwardRef(function (_ref, ref) {
+var FilteredChevronDownStrokeIcon = React__default["default"].forwardRef(function (_ref, ref) {
   _ref.theme;
       _ref.isExpanded;
       var validProps = _objectWithoutProperties(_ref, _excluded$b);
-  return React__default['default'].createElement(SvgChevronDownStroke, _extends$3({
+  return React__default["default"].createElement(SvgChevronDownStroke, _extends$3({
     ref: ref
   }, validProps));
 });
 FilteredChevronDownStrokeIcon.displayName = 'FilteredChevronDownStrokeIcon';
-var StyledSubNavItemIcon = styled__default['default'](FilteredChevronDownStrokeIcon).withConfig({
+var StyledSubNavItemIcon = styled__default["default"](FilteredChevronDownStrokeIcon).withConfig({
   displayName: "StyledSubNavItemIcon",
   componentId: "sc-1d02hho-0"
 })(["width:", ";height:", ";"], function (props) {
@@ -992,9 +978,9 @@ var StyledSubNavItemIcon = styled__default['default'](FilteredChevronDownStrokeI
 StyledSubNavItemIcon.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
-var StyledSubNavItemIconWrapper = styled__default['default'].div.attrs({
+var StyledSubNavItemIconWrapper = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
   componentId: "sc-1d02hho-1"
@@ -1018,9 +1004,9 @@ StyledSubNavItemIconWrapper.defaultProps = {
 
 var PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
 var hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
-var StyledSubNavPanel = styled__default['default'].div.attrs({
+var StyledSubNavPanel = styled__default["default"].div.attrs({
   'data-garden-id': PANEL_COMPONENT_ID,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSubNavPanel",
   componentId: "sc-1jv3rpv-0"
@@ -1055,9 +1041,9 @@ var borderStyle = function borderStyle(_ref) {
   }
   return "border".concat(borderSide, ": ").concat(theme.borders.sm, " ").concat(borderColor, ";");
 };
-var StyledSheet = styled__default['default'].aside.attrs({
+var StyledSheet = styled__default["default"].aside.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheet",
   componentId: "sc-dx8ijk-0"
@@ -1079,9 +1065,9 @@ StyledSheet.defaultProps = {
 };
 
 var COMPONENT_ID$7 = 'chrome.sheet_wrapper';
-var StyledSheetWrapper = styled__default['default'].div.attrs({
+var StyledSheetWrapper = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetWrapper",
   componentId: "sc-f6x9zb-0"
@@ -1112,9 +1098,9 @@ StyledSheetWrapper.defaultProps = {
 };
 
 var COMPONENT_ID$6 = 'chrome.sheet_title';
-var StyledSheetTitle = styled__default['default'].div.attrs({
+var StyledSheetTitle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetTitle",
   componentId: "sc-1gogk75-0"
@@ -1132,9 +1118,9 @@ StyledSheetTitle.defaultProps = {
 };
 
 var COMPONENT_ID$5 = 'chrome.sheet_description';
-var StyledSheetDescription = styled__default['default'].div.attrs({
+var StyledSheetDescription = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetDescription",
   componentId: "sc-1puglb6-0"
@@ -1150,9 +1136,9 @@ StyledSheetDescription.defaultProps = {
 };
 
 var COMPONENT_ID$4 = 'chrome.sheet_body';
-var StyledSheetBody = styled__default['default'].div.attrs({
+var StyledSheetBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetBody",
   componentId: "sc-bt4eoj-0"
@@ -1166,27 +1152,32 @@ StyledSheetBody.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'chrome.sheet_close';
+var baseMultipliers = {
+  top: 2.5,
+  side: 2,
+  size: 10
+};
 var colorStyles = function colorStyles(props) {
   var backgroundColor = 'primaryHue';
   var foregroundColor = 'neutralHue';
   return styled.css(["background-color:transparent;color:", ";&:hover{background-color:", ";color:", ";}&[data-garden-focus-visible]{box-shadow:", ";}&:active{transition:background-color 0.1s ease-in-out,color 0.1s ease-in-out;background-color:", ";color:", ";}"], reactTheming.getColor(foregroundColor, 600, props.theme), reactTheming.getColor(backgroundColor, 600, props.theme, 0.08), reactTheming.getColor(foregroundColor, 700, props.theme), props.theme.shadows.md(reactTheming.getColor(backgroundColor, 600, props.theme, 0.35)), reactTheming.getColor(backgroundColor, 600, props.theme, 0.2), reactTheming.getColor(foregroundColor, 800, props.theme));
 };
-var StyledSheetClose = styled__default['default'].button.attrs({
+var StyledSheetClose = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetClose",
   componentId: "sc-1ab02oq-0"
 })(["display:flex;position:absolute;top:", "px;", ":", ";align-items:center;justify-content:center;transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;border:none;border-radius:50%;cursor:pointer;padding:0;width:", "px;height:", "px;overflow:hidden;text-decoration:none;font-size:0;user-select:none;&::-moz-focus-inner{border:0;}&:focus{outline:none;}", ";& > svg{vertical-align:middle;}", ";"], function (props) {
-  return props.theme.space.base * 2.5;
+  return props.theme.space.base * baseMultipliers.top;
 }, function (props) {
   return props.theme.rtl ? 'left' : 'right';
 }, function (props) {
-  return "".concat(props.theme.space.base * 2, "px");
+  return "".concat(props.theme.space.base * baseMultipliers.side, "px");
 }, function (props) {
-  return props.theme.space.base * 10;
+  return props.theme.space.base * baseMultipliers.size;
 }, function (props) {
-  return props.theme.space.base * 10;
+  return props.theme.space.base * baseMultipliers.size;
 }, function (props) {
   return colorStyles(props);
 }, function (props) {
@@ -1197,9 +1188,9 @@ StyledSheetClose.defaultProps = {
 };
 
 var COMPONENT_ID$2 = 'chrome.sheet_footer';
-var StyledSheetFooter = styled__default['default'].footer.attrs({
+var StyledSheetFooter = styled__default["default"].footer.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetFooter",
   componentId: "sc-2cktos-0"
@@ -1217,9 +1208,9 @@ StyledSheetFooter.defaultProps = {
 };
 
 var COMPONENT_ID$1 = 'chrome.sheet_footer_item';
-var StyledSheetFooterItem = styled__default['default'].div.attrs({
+var StyledSheetFooterItem = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetFooterItem",
   componentId: "sc-r9ixh-0"
@@ -1233,16 +1224,19 @@ StyledSheetFooterItem.defaultProps = {
 };
 
 var COMPONENT_ID = 'chrome.sheet_header';
-var StyledSheetHeader = styled__default['default'].header.attrs({
+var StyledSheetHeader = styled__default["default"].header.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.0'
+  'data-garden-version': '8.48.1'
 }).withConfig({
   displayName: "StyledSheetHeader",
   componentId: "sc-o2ry8i-0"
-})(["border-bottom:", ";padding:", "px;", ";"], function (props) {
+})(["border-bottom:", ";padding:", "px;", " ", ";"], function (props) {
   return "".concat(props.theme.borders.sm, " ").concat(reactTheming.getColor('neutralHue', 300, props.theme), "}");
 }, function (props) {
   return props.theme.space.base * 5;
+}, function (props) {
+  return props.isCloseButtonPresent &&
+  "padding-".concat(props.theme.rtl ? 'left' : 'right', ": ").concat(props.theme.space.base * (baseMultipliers.size + baseMultipliers.side + 2), "px;");
 }, function (props) {
   return reactTheming.retrieveComponentStyles(COMPONENT_ID, props);
 });
@@ -1251,7 +1245,7 @@ StyledSheetHeader.defaultProps = {
 };
 
 var _excluded$a = ["hue", "isFluid"];
-var Chrome = React__default['default'].forwardRef(function (_ref, ref) {
+var Chrome = React__default["default"].forwardRef(function (_ref, ref) {
   var hue = _ref.hue,
       isFluid = _ref.isFluid,
       props = _objectWithoutProperties(_ref, _excluded$a);
@@ -1288,39 +1282,39 @@ var Chrome = React__default['default'].forwardRef(function (_ref, ref) {
     }
     return undefined;
   }, [environment, isFluid]);
-  return React__default['default'].createElement(ChromeContext.Provider, {
+  return React__default["default"].createElement(ChromeContext.Provider, {
     value: chromeContextValue
-  }, React__default['default'].createElement(StyledChrome, _extends$3({
+  }, React__default["default"].createElement(StyledChrome, _extends$3({
     ref: ref
   }, props)));
 });
 Chrome.displayName = 'Chrome';
 Chrome.propTypes = {
-  hue: PropTypes__default['default'].string
+  hue: PropTypes__default["default"].string
 };
 
 var _excluded$9 = ["targetId", "zIndex", "children"];
-var SkipNav = React__default['default'].forwardRef(function (_ref, ref) {
+var SkipNav = React__default["default"].forwardRef(function (_ref, ref) {
   var targetId = _ref.targetId,
       zIndex = _ref.zIndex,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$9);
-  return React__default['default'].createElement(StyledSkipNav, _extends$3({
+  return React__default["default"].createElement(StyledSkipNav, _extends$3({
     href: "#".concat(targetId),
     zIndex: zIndex,
     ref: ref
-  }, props), React__default['default'].createElement(StyledSkipNavIcon, null), children);
+  }, props), React__default["default"].createElement(StyledSkipNavIcon, null), children);
 });
 SkipNav.displayName = 'SkipNav';
 SkipNav.propTypes = {
-  targetId: PropTypes__default['default'].string.isRequired,
-  zIndex: PropTypes__default['default'].number
+  targetId: PropTypes__default["default"].string.isRequired,
+  zIndex: PropTypes__default["default"].number
 };
 SkipNav.defaultProps = {
   zIndex: 1
 };
 
-var BodyContext = React__default['default'].createContext({
+var BodyContext = React__default["default"].createContext({
   hasFooter: true
 });
 var useBodyContext = function useBodyContext() {
@@ -1328,7 +1322,7 @@ var useBodyContext = function useBodyContext() {
 };
 
 var _excluded$8 = ["hasFooter"];
-var Body = React__default['default'].forwardRef(function (_ref, ref) {
+var Body$1 = React__default["default"].forwardRef(function (_ref, ref) {
   var hasFooter = _ref.hasFooter,
       props = _objectWithoutProperties(_ref, _excluded$8);
   var bodyContextValue = React.useMemo(function () {
@@ -1336,128 +1330,135 @@ var Body = React__default['default'].forwardRef(function (_ref, ref) {
       hasFooter: !!hasFooter
     };
   }, [hasFooter]);
-  return React__default['default'].createElement(BodyContext.Provider, {
+  return React__default["default"].createElement(BodyContext.Provider, {
     value: bodyContextValue
-  }, React__default['default'].createElement(StyledBody, _extends$3({
+  }, React__default["default"].createElement(StyledBody, _extends$3({
     ref: ref
   }, props)));
 });
-Body.displayName = 'Body';
-Body.propTypes = {
-  hasFooter: PropTypes__default['default'].bool
+Body$1.displayName = 'Body';
+Body$1.propTypes = {
+  hasFooter: PropTypes__default["default"].bool
 };
 
-var Content = React__default['default'].forwardRef(function (props, ref) {
+var Content = React__default["default"].forwardRef(function (props, ref) {
   var _useBodyContext = useBodyContext(),
       hasFooter = _useBodyContext.hasFooter;
-  return React__default['default'].createElement(StyledContent, _extends$3({
+  return React__default["default"].createElement(StyledContent, _extends$3({
     ref: ref,
     hasFooter: hasFooter
   }, props));
 });
 Content.displayName = 'Content';
 
-var Main = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledMain, _extends$3({
+var Main = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledMain, _extends$3({
     ref: ref
   }, props));
 });
 Main.displayName = 'Main';
 
-var Sidebar = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledSidebar, _extends$3({
+var Sidebar = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledSidebar, _extends$3({
     ref: ref
   }, props));
 });
 Sidebar.displayName = 'Sidebar';
 
-var Header = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledHeader, _extends$3({
+var Header$1 = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledHeader, _extends$3({
     ref: ref
   }, props));
 });
-Header.displayName = 'Header';
-Header.propTypes = {
-  isStandalone: PropTypes__default['default'].bool
+Header$1.displayName = 'Header';
+Header$1.propTypes = {
+  isStandalone: PropTypes__default["default"].bool
 };
 
 var PRODUCTS = ['chat', 'connect', 'explore', 'guide', 'message', 'support', 'talk'];
 
 var _excluded$7 = ["hasLogo", "product"];
-var HeaderItem = React__default['default'].forwardRef(function (_ref, ref) {
+var HeaderItem = React__default["default"].forwardRef(function (_ref, ref) {
   var hasLogo = _ref.hasLogo,
       product = _ref.product,
       other = _objectWithoutProperties(_ref, _excluded$7);
   if (hasLogo) {
-    return React__default['default'].createElement(StyledLogoHeaderItem, _extends$3({
+    return React__default["default"].createElement(StyledLogoHeaderItem, _extends$3({
       ref: ref,
       product: product
     }, other));
   }
-  return React__default['default'].createElement(StyledHeaderItem, _extends$3({
+  return React__default["default"].createElement(StyledHeaderItem, _extends$3({
     ref: ref
   }, other));
 });
 HeaderItem.displayName = 'HeaderItem';
 HeaderItem.propTypes = {
-  maxX: PropTypes__default['default'].bool,
-  maxY: PropTypes__default['default'].bool,
-  isRound: PropTypes__default['default'].bool,
-  product: PropTypes__default['default'].oneOf(PRODUCTS),
-  hasLogo: PropTypes__default['default'].bool
+  maxX: PropTypes__default["default"].bool,
+  maxY: PropTypes__default["default"].bool,
+  isRound: PropTypes__default["default"].bool,
+  product: PropTypes__default["default"].oneOf(PRODUCTS),
+  hasLogo: PropTypes__default["default"].bool
 };
 
-var _excluded$6 = ["children"];
+var _excluded$6 = ["children"],
+    _excluded2$1 = ["theme"];
 var HeaderItemIcon = function HeaderItemIcon(_ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$6);
-  var Element = function Element(elementProps) {
-    return React__default['default'].cloneElement(React.Children.only(children), _objectSpread2(_objectSpread2({}, elementProps), props));
-  };
-  return React__default['default'].createElement(StyledHeaderItemIcon, _extends$3({
-    as: Element
-  }, props));
+  var element = React.Children.only(children);
+  if ( React.isValidElement(element)) {
+    var Icon = function Icon(_ref2) {
+      _ref2.theme;
+          var iconProps = _objectWithoutProperties(_ref2, _excluded2$1);
+      return React.cloneElement(element, _objectSpread2(_objectSpread2({}, props), iconProps));
+    };
+    return React__default["default"].createElement(StyledHeaderItemIcon, _extends$3({
+      as: Icon
+    }, props));
+  }
+  return null;
 };
 
-var HeaderItemText = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledHeaderItemText, _extends$3({
+var HeaderItemText = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledHeaderItemText, _extends$3({
     ref: ref
   }, props));
 });
 HeaderItemText.displayName = 'HeaderItemText';
 HeaderItemText.propTypes = {
-  isClipped: PropTypes__default['default'].bool
+  isClipped: PropTypes__default["default"].bool
 };
 
-var HeaderItemWrapper = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledHeaderItemWrapper, _extends$3({
+var HeaderItemWrapper = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledHeaderItemWrapper, _extends$3({
     ref: ref
   }, props));
 });
 HeaderItemWrapper.displayName = 'HeaderItemWrapper';
 
-var Footer = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledFooter, _extends$3({
+var Footer$1 = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledFooter, _extends$3({
     ref: ref
   }, props));
 });
-Footer.displayName = 'Footer';
+Footer$1.displayName = 'Footer';
 
-var FooterItem = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledFooterItem, _extends$3({
+var FooterItem$1 = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledFooterItem, _extends$3({
     ref: ref
   }, props));
 });
-FooterItem.displayName = 'FooterItem';
+FooterItem$1.displayName = 'FooterItem';
 
-var NavContext = React__default['default'].createContext({
+var NavContext = React__default["default"].createContext({
   isExpanded: false
 });
 var useNavContext = function useNavContext() {
   return React.useContext(NavContext);
 };
 
-var Nav = React__default['default'].forwardRef(function (props, ref) {
+var Nav = React__default["default"].forwardRef(function (props, ref) {
   var _useChromeContext = useChromeContext(),
       hue = _useChromeContext.hue,
       isLight = _useChromeContext.isLight,
@@ -1467,9 +1468,9 @@ var Nav = React__default['default'].forwardRef(function (props, ref) {
       isExpanded: !!props.isExpanded
     };
   }, [props.isExpanded]);
-  return React__default['default'].createElement(NavContext.Provider, {
+  return React__default["default"].createElement(NavContext.Provider, {
     value: navContextValue
-  }, React__default['default'].createElement(StyledNav, _extends$3({
+  }, React__default["default"].createElement(StyledNav, _extends$3({
     ref: ref
   }, props, {
     hue: hue,
@@ -1479,11 +1480,11 @@ var Nav = React__default['default'].forwardRef(function (props, ref) {
 });
 Nav.displayName = 'Nav';
 Nav.propTypes = {
-  isExpanded: PropTypes__default['default'].bool
+  isExpanded: PropTypes__default["default"].bool
 };
 
 var _excluded$5 = ["hasLogo", "hasBrandmark", "product"];
-var NavItem = React__default['default'].forwardRef(function (_ref, ref) {
+var NavItem = React__default["default"].forwardRef(function (_ref, ref) {
   var hasLogo = _ref.hasLogo,
       hasBrandmark = _ref.hasBrandmark,
       product = _ref.product,
@@ -1495,7 +1496,7 @@ var NavItem = React__default['default'].forwardRef(function (_ref, ref) {
   var _useNavContext = useNavContext(),
       isExpanded = _useNavContext.isExpanded;
   if (hasLogo) {
-    return React__default['default'].createElement(StyledLogoNavItem, _extends$3({
+    return React__default["default"].createElement(StyledLogoNavItem, _extends$3({
       ref: ref,
       isDark: isDark,
       isLight: isLight,
@@ -1503,11 +1504,11 @@ var NavItem = React__default['default'].forwardRef(function (_ref, ref) {
     }, other));
   }
   if (hasBrandmark) {
-    return React__default['default'].createElement(StyledBrandmarkNavItem, _extends$3({
+    return React__default["default"].createElement(StyledBrandmarkNavItem, _extends$3({
       ref: ref
     }, other));
   }
-  return React__default['default'].createElement(StyledNavItem, _extends$3({
+  return React__default["default"].createElement(StyledNavItem, _extends$3({
     tabIndex: 0,
     ref: ref,
     isExpanded: isExpanded,
@@ -1518,43 +1519,50 @@ var NavItem = React__default['default'].forwardRef(function (_ref, ref) {
 });
 NavItem.displayName = 'NavItem';
 NavItem.propTypes = {
-  product: PropTypes__default['default'].oneOf(PRODUCTS),
-  hasLogo: PropTypes__default['default'].bool,
-  hasBrandmark: PropTypes__default['default'].bool,
-  isCurrent: PropTypes__default['default'].bool
+  product: PropTypes__default["default"].oneOf(PRODUCTS),
+  hasLogo: PropTypes__default["default"].bool,
+  hasBrandmark: PropTypes__default["default"].bool,
+  isCurrent: PropTypes__default["default"].bool
 };
 
-var _excluded$4 = ["children"];
+var _excluded$4 = ["children"],
+    _excluded2 = ["theme"];
 var NavItemIcon = function NavItemIcon(_ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$4);
-  var Element = function Element(elementProps) {
-    return React__default['default'].cloneElement(React.Children.only(children), _objectSpread2(_objectSpread2({}, elementProps), props));
-  };
-  return React__default['default'].createElement(StyledNavItemIcon, _extends$3({
-    as: Element
-  }, props));
+  var element = React.Children.only(children);
+  if ( React.isValidElement(element)) {
+    var Icon = function Icon(_ref2) {
+      _ref2.theme;
+          var iconProps = _objectWithoutProperties(_ref2, _excluded2);
+      return React.cloneElement(element, _objectSpread2(_objectSpread2({}, props), iconProps));
+    };
+    return React__default["default"].createElement(StyledNavItemIcon, _extends$3({
+      as: Icon
+    }, props));
+  }
+  return null;
 };
 
-var NavItemText = React__default['default'].forwardRef(function (props, ref) {
+var NavItemText = React__default["default"].forwardRef(function (props, ref) {
   var _useNavContext = useNavContext(),
       isExpanded = _useNavContext.isExpanded;
-  return React__default['default'].createElement(StyledNavItemText, _extends$3({
+  return React__default["default"].createElement(StyledNavItemText, _extends$3({
     ref: ref,
     isExpanded: isExpanded
   }, props));
 });
 NavItemText.displayName = 'NavItemText';
 NavItemText.propTypes = {
-  isWrapped: PropTypes__default['default'].bool
+  isWrapped: PropTypes__default["default"].bool
 };
 
-var SubNav = React__default['default'].forwardRef(function (props, ref) {
+var SubNav = React__default["default"].forwardRef(function (props, ref) {
   var _useChromeContext = useChromeContext(),
       hue = _useChromeContext.hue,
       isLight = _useChromeContext.isLight,
       isDark = _useChromeContext.isDark;
-  return React__default['default'].createElement(StyledSubNav, _extends$3({
+  return React__default["default"].createElement(StyledSubNav, _extends$3({
     ref: ref,
     hue: hue,
     isLight: isLight,
@@ -1563,11 +1571,11 @@ var SubNav = React__default['default'].forwardRef(function (props, ref) {
 });
 SubNav.displayName = 'SubNav';
 
-var SubNavItem = React__default['default'].forwardRef(function (props, ref) {
+var SubNavItem = React__default["default"].forwardRef(function (props, ref) {
   var _useChromeContext = useChromeContext(),
       isDark = _useChromeContext.isDark,
       isLight = _useChromeContext.isLight;
-  return React__default['default'].createElement(StyledSubNavItem, _extends$3({
+  return React__default["default"].createElement(StyledSubNavItem, _extends$3({
     ref: ref,
     isDark: isDark,
     isLight: isLight
@@ -1575,21 +1583,21 @@ var SubNavItem = React__default['default'].forwardRef(function (props, ref) {
 });
 SubNavItem.displayName = 'SubNavItem';
 SubNavItem.propTypes = {
-  isCurrent: PropTypes__default['default'].bool
+  isCurrent: PropTypes__default["default"].bool
 };
 
-var SubNavItemText = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledSubNavItemText, _extends$3({
+var SubNavItemText = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledSubNavItemText, _extends$3({
     ref: ref
   }, props));
 });
 SubNavItemText.displayName = 'SubNavItemText';
 SubNavItemText.propTypes = {
-  isWrapped: PropTypes__default['default'].bool
+  isWrapped: PropTypes__default["default"].bool
 };
 
 var _excluded$3 = ["header", "children", "isExpanded", "onChange"];
-var CollapsibleSubNavItem = React__default['default'].forwardRef(function (_ref, ref) {
+var CollapsibleSubNavItem = React__default["default"].forwardRef(function (_ref, ref) {
   var header = _ref.header,
       children = _ref.children,
       controlledExpanded = _ref.isExpanded,
@@ -1621,31 +1629,34 @@ var CollapsibleSubNavItem = React__default['default'].forwardRef(function (_ref,
       panelRef.current.style.maxHeight = "".concat(panelRef.current.scrollHeight, "px");
     }
   }, [expanded, children]);
-  return React__default['default'].createElement("div", {
+  return React__default["default"].createElement("div", {
     ref: ref
-  }, React__default['default'].createElement("div", getHeaderProps({
+  }, React__default["default"].createElement("div", getHeaderProps({
     ariaLevel: 2
-  }), React__default['default'].createElement(StyledSubNavItemHeader, getTriggerProps(_objectSpread2({
+  }), React__default["default"].createElement(StyledSubNavItemHeader, getTriggerProps(_objectSpread2({
     isExpanded: expanded,
     index: 0,
     role: null,
     tabIndex: null
-  }, other)), React__default['default'].createElement(React__default['default'].Fragment, null, header, React__default['default'].createElement(StyledSubNavItemIconWrapper, {
+  }, other)), React__default["default"].createElement(React__default["default"].Fragment, null, header, React__default["default"].createElement(StyledSubNavItemIconWrapper, {
     isExpanded: expanded
-  }, React__default['default'].createElement(StyledSubNavItemIcon, null))))), React__default['default'].createElement(StyledSubNavPanel, getPanelProps({
+  }, React__default["default"].createElement(StyledSubNavItemIcon, null))))), React__default["default"].createElement(StyledSubNavPanel, getPanelProps({
     index: 0,
     isHidden: !expanded,
     ref: panelRef
   }), children));
 });
 CollapsibleSubNavItem.propTypes = {
-  header: PropTypes__default['default'].any,
-  isExpanded: PropTypes__default['default'].bool,
-  onChange: PropTypes__default['default'].func,
-  children: PropTypes__default['default'].node
+  header: PropTypes__default["default"].any,
+  isExpanded: PropTypes__default["default"].bool,
+  onChange: PropTypes__default["default"].func,
+  children: PropTypes__default["default"].node
 };
+CollapsibleSubNavItem.displayName = 'CollapsibleSubNavItem';
 
-var SheetContext = React.createContext({});
+var SheetContext = React.createContext({
+  setCloseButtonPresent: function setCloseButtonPresent() {}
+});
 var useSheetContext = function useSheetContext() {
   return React.useContext(SheetContext);
 };
@@ -1692,12 +1703,13 @@ var SheetTitle = React.forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded$2);
   var _useSheetContext = useSheetContext(),
       titleId = _useSheetContext.titleId;
-  return React__default['default'].createElement(StyledSheetTitle, _extends$3({
+  return React__default["default"].createElement(StyledSheetTitle, _extends$3({
     id: id || titleId,
     ref: ref
   }, props));
 });
 SheetTitle.displayName = 'Sheet.Title';
+var Title = SheetTitle;
 
 var _excluded$1 = ["id"];
 var SheetDescription = React.forwardRef(function (_ref, ref) {
@@ -1705,70 +1717,87 @@ var SheetDescription = React.forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded$1);
   var _useSheetContext = useSheetContext(),
       descriptionId = _useSheetContext.descriptionId;
-  return React__default['default'].createElement(StyledSheetDescription, _extends$3({
+  return React__default["default"].createElement(StyledSheetDescription, _extends$3({
     id: id || descriptionId,
     ref: ref
   }, props));
 });
 SheetDescription.displayName = 'Sheet.Description';
+var Description = SheetDescription;
 
 var SheetHeader = React.forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledSheetHeader, _extends$3({
-    ref: ref
+  var _useSheetContext = useSheetContext(),
+      isCloseButtonPresent = _useSheetContext.isCloseButtonPresent;
+  return React__default["default"].createElement(StyledSheetHeader, _extends$3({
+    ref: ref,
+    isCloseButtonPresent: isCloseButtonPresent
   }, props));
 });
 SheetHeader.displayName = 'Sheet.Header';
+var Header = SheetHeader;
 
 var SheetBody = React.forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledSheetBody, _extends$3({
+  return React__default["default"].createElement(StyledSheetBody, _extends$3({
     ref: ref
   }, props));
 });
 SheetBody.displayName = 'Sheet.Body';
+var Body = SheetBody;
 
 var SheetFooter = React.forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledSheetFooter, _extends$3({
+  return React__default["default"].createElement(StyledSheetFooter, _extends$3({
     ref: ref
   }, props));
 });
 SheetFooter.displayName = 'Sheet.Footer';
+var Footer = SheetFooter;
 
 var SheetFooterItem = React.forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledSheetFooterItem, _extends$3({
+  return React__default["default"].createElement(StyledSheetFooterItem, _extends$3({
     ref: ref
   }, props));
 });
 SheetFooterItem.displayName = 'Sheet.FooterItem';
+var FooterItem = SheetFooterItem;
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3 13L13 3m0 10L3 3"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgXStroke(props) {
+var SvgXStroke = function SvgXStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3 13L13 3m0 10L3 3"
+  })));
+};
 
 var SheetClose = React.forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledSheetClose, _extends$3({
+  var _useSheetContext = useSheetContext(),
+      setCloseButtonPresent = _useSheetContext.setCloseButtonPresent;
+  React.useEffect(function () {
+    setCloseButtonPresent(true);
+    return function () {
+      return setCloseButtonPresent(false);
+    };
+  }, [setCloseButtonPresent]);
+  return React__default["default"].createElement(StyledSheetClose, _extends$3({
     "aria-label": "Close Sheet",
     ref: ref
-  }, props), React__default['default'].createElement(SvgXStroke, null));
+  }, props), React__default["default"].createElement(SvgXStroke, null));
 });
 SheetClose.displayName = 'Sheet.Close';
+var Close = SheetClose;
 
 var _excluded = ["id", "isOpen", "isAnimated", "focusOnMount", "restoreFocus", "placement", "size", "children"];
-var Sheet = React__default['default'].forwardRef(function (_ref, ref) {
+var SheetComponent = React__default["default"].forwardRef(function (_ref, ref) {
   var id = _ref.id,
       isOpen = _ref.isOpen,
       isAnimated = _ref.isAnimated,
@@ -1780,26 +1809,32 @@ var Sheet = React__default['default'].forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
   var sheetRef = React.useRef(null);
   var seed = reactUid.useUIDSeed();
-  var _useState = React.useState(id || seed("sheet_".concat('8.47.0'))),
-      _useState2 = _slicedToArray(_useState, 1),
-      idPrefix = _useState2[0];
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isCloseButtonPresent = _useState2[0],
+      setCloseButtonPresent = _useState2[1];
+  var _useState3 = React.useState(id || seed("sheet_".concat('8.48.1'))),
+      _useState4 = _slicedToArray(_useState3, 1),
+      idPrefix = _useState4[0];
   var titleId = "".concat(idPrefix, "--title");
   var descriptionId = "".concat(idPrefix, "--description");
   var sheetContext = React.useMemo(function () {
     return {
       titleId: titleId,
-      descriptionId: descriptionId
+      descriptionId: descriptionId,
+      isCloseButtonPresent: isCloseButtonPresent,
+      setCloseButtonPresent: setCloseButtonPresent
     };
-  }, [titleId, descriptionId]);
+  }, [titleId, descriptionId, isCloseButtonPresent]);
   useFocusableMount({
     targetRef: sheetRef,
     isMounted: isOpen,
     focusOnMount: focusOnMount,
     restoreFocus: restoreFocus
   });
-  return React__default['default'].createElement(SheetContext.Provider, {
+  return React__default["default"].createElement(SheetContext.Provider, {
     value: sheetContext
-  }, React__default['default'].createElement(StyledSheet, _extends$3({
+  }, React__default["default"].createElement(StyledSheet, _extends$3({
     isOpen: isOpen,
     isAnimated: isAnimated,
     placement: placement,
@@ -1808,47 +1843,45 @@ var Sheet = React__default['default'].forwardRef(function (_ref, ref) {
     id: idPrefix,
     "aria-labelledby": titleId,
     "aria-describedby": descriptionId,
-    ref: mergeRefs__default['default']([sheetRef, ref])
-  }, props), React__default['default'].createElement(StyledSheetWrapper, {
+    ref: mergeRefs__default["default"]([sheetRef, ref])
+  }, props), React__default["default"].createElement(StyledSheetWrapper, {
     isOpen: isOpen,
     isAnimated: isAnimated,
     placement: placement,
     size: size
   }, children)));
 });
-Sheet.Title = SheetTitle;
-Sheet.Description = SheetDescription;
-Sheet.Header = SheetHeader;
-Sheet.Body = SheetBody;
-Sheet.Footer = SheetFooter;
-Sheet.FooterItem = SheetFooterItem;
-Sheet.Close = SheetClose;
-Sheet.displayName = 'Sheet';
-Sheet.propTypes = {
-  id: PropTypes__default['default'].string,
-  isOpen: PropTypes__default['default'].bool,
-  isAnimated: PropTypes__default['default'].bool,
-  focusOnMount: PropTypes__default['default'].bool,
-  restoreFocus: PropTypes__default['default'].bool,
-  placement: PropTypes__default['default'].oneOf(['start', 'end']),
-  size: PropTypes__default['default'].string
-};
-Sheet.defaultProps = {
-  isOpen: false,
+SheetComponent.displayName = 'Sheet';
+SheetComponent.propTypes = {
+  id: PropTypes__default["default"].string,
+  isOpen: PropTypes__default["default"].bool,
+  isAnimated: PropTypes__default["default"].bool,
+  focusOnMount: PropTypes__default["default"].bool,
+  restoreFocus: PropTypes__default["default"].bool,
+  placement: PropTypes__default["default"].oneOf(['start', 'end']),
+  size: PropTypes__default["default"].string
+};
+SheetComponent.defaultProps = {
   isAnimated: true,
-  focusOnMount: false,
-  restoreFocus: false,
   placement: 'end',
   size: '380px'
 };
+var Sheet = SheetComponent;
+Sheet.Body = Body;
+Sheet.Close = Close;
+Sheet.Description = Description;
+Sheet.Footer = Footer;
+Sheet.FooterItem = FooterItem;
+Sheet.Header = Header;
+Sheet.Title = Title;
 
-exports.Body = Body;
+exports.Body = Body$1;
 exports.Chrome = Chrome;
 exports.CollapsibleSubNavItem = CollapsibleSubNavItem;
 exports.Content = Content;
-exports.Footer = Footer;
-exports.FooterItem = FooterItem;
-exports.Header = Header;
+exports.Footer = Footer$1;
+exports.FooterItem = FooterItem$1;
+exports.Header = Header$1;
 exports.HeaderItem = HeaderItem;
 exports.HeaderItemIcon = HeaderItemIcon;
 exports.HeaderItemText = HeaderItemText;
@@ -1858,6 +1891,7 @@ exports.Nav = Nav;
 exports.NavItem = NavItem;
 exports.NavItemIcon = NavItemIcon;
 exports.NavItemText = NavItemText;
+exports.PRODUCTS = PRODUCTS;
 exports.Sheet = Sheet;
 exports.Sidebar = Sidebar;
 exports.SkipNav = SkipNav;