@carbon/react 1.5.0-rc.0 → 1.6.0

package/lib/components/UIShell/SideNavMenu.js

@@ -26,108 +26,73 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _ChevronDown;
-var SideNavMenu = /*#__PURE__*/function (_React$Component) {
-  _rollupPluginBabelHelpers.inherits(SideNavMenu, _React$Component);
-
-  var _super = _rollupPluginBabelHelpers.createSuper(SideNavMenu);
-
-  function SideNavMenu(props) {
-    var _this;
-
-    _rollupPluginBabelHelpers.classCallCheck(this, SideNavMenu);
-
-    _this = _super.call(this, props);
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleToggleExpand", function () {
-      _this.setState(function (state) {
-        return {
-          isExpanded: !state.isExpanded
-        };
-      });
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleKeyDown", function (event) {
-      if (match.match(event, keys.Escape)) {
-        _this.setState(function () {
-          return {
-            isExpanded: false
-          };
-        });
-      }
-    });
-
-    _this.state = {
-      isExpanded: props.defaultExpanded || false,
-      wasPreviouslyExpanded: props.defaultExpanded || false
-    };
-    return _this;
+var SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu(props, ref) {
+  var _cx;
+
+  var customClassName = props.className,
+      children = props.children,
+      _props$defaultExpande = props.defaultExpanded,
+      defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande,
+      _props$isActive = props.isActive,
+      isActive = _props$isActive === void 0 ? false : _props$isActive,
+      _props$large = props.large,
+      large = _props$large === void 0 ? false : _props$large,
+      IconElement = props.renderIcon,
+      isSideNavExpanded = props.isSideNavExpanded,
+      title = props.title;
+  var prefix = usePrefix.usePrefix();
+
+  var _useState = React.useState(defaultExpanded),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isExpanded = _useState2[0],
+      setIsExpanded = _useState2[1];
+
+  var _useState3 = React.useState(defaultExpanded),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      prevExpanded = _useState4[0],
+      setPrevExpanded = _useState4[1];
+
+  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild(children) && !isExpanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
+
+  if (isSideNavExpanded === false && isExpanded === true) {
+    setIsExpanded(false);
+    setPrevExpanded(true);
+  } else if (isSideNavExpanded === true && prevExpanded === true) {
+    setIsExpanded(true);
+    setPrevExpanded(false);
   }
 
-  _rollupPluginBabelHelpers.createClass(SideNavMenu, [{
-    key: "render",
-    value: function render() {
-      var _cx;
-
-      var prefix = this.context;
-      var _this$props = this.props,
-          buttonRef = _this$props.buttonRef,
-          customClassName = _this$props.className,
-          children = _this$props.children,
-          IconElement = _this$props.renderIcon,
-          isActive = _this$props.isActive,
-          title = _this$props.title,
-          large = _this$props.large;
-      var isExpanded = this.state.isExpanded;
-      var hasActiveChild;
-
-      if (children) {
-        // if we have children, either a single or multiple, find if it is active
-        hasActiveChild = Array.isArray(children) ? children.some(function (child) {
-          if (child.props && (child.props.isActive === true || child.props['aria-current'])) {
-            return true;
-          }
-
-          return false;
-        }) : children.props && (children.props.isActive === true || children.props['aria-current']);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    React__default["default"].createElement("li", {
+      className: className,
+      onKeyDown: function onKeyDown(event) {
+        if (match.match(event, keys.Escape)) {
+          setIsExpanded(false);
+        }
       }
-
-      var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild && !isExpanded), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-        React__default["default"].createElement("li", {
-          className: className,
-          onKeyDown: this.handleKeyDown
-        }, /*#__PURE__*/React__default["default"].createElement("button", {
-          "aria-expanded": isExpanded,
-          className: "".concat(prefix, "--side-nav__submenu"),
-          onClick: this.handleToggleExpand,
-          ref: buttonRef,
-          type: "button"
-        }, IconElement && /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], null, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("span", {
-          className: "".concat(prefix, "--side-nav__submenu-title")
-        }, title), /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], {
-          className: "".concat(prefix, "--side-nav__submenu-chevron"),
-          small: true
-        }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
-          size: 20
-        })))), /*#__PURE__*/React__default["default"].createElement("ul", {
-          className: "".concat(prefix, "--side-nav__menu")
-        }, children))
-      );
-    }
-  }]);
-
-  return SideNavMenu;
-}(React__default["default"].Component);
-
-_rollupPluginBabelHelpers.defineProperty(SideNavMenu, "contextType", usePrefix.PrefixContext);
-
-_rollupPluginBabelHelpers.defineProperty(SideNavMenu, "propTypes", {
-  buttonRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
-    current: PropTypes__default["default"].any
-  })]),
-
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      "aria-expanded": isExpanded,
+      className: "".concat(prefix, "--side-nav__submenu"),
+      onClick: function onClick() {
+        setIsExpanded(!isExpanded);
+      },
+      ref: ref,
+      type: "button"
+    }, IconElement && /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], null, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "".concat(prefix, "--side-nav__submenu-title")
+    }, title), /*#__PURE__*/React__default["default"].createElement(SideNavIcon["default"], {
+      className: "".concat(prefix, "--side-nav__submenu-chevron"),
+      small: true
+    }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, {
+      size: 20
+    })))), /*#__PURE__*/React__default["default"].createElement("ul", {
+      className: "".concat(prefix, "--side-nav__menu")
+    }, children))
+  );
+});
+SideNavMenu.propTypes = {
   /**
    * Provide <SideNavMenuItem>'s inside of the `SideNavMenu`
    */
@@ -171,39 +136,35 @@ _rollupPluginBabelHelpers.defineProperty(SideNavMenu, "propTypes", {
    * Provide the text for the overall menu name
    */
   title: PropTypes__default["default"].string.isRequired
-});
+};
+
+function hasActiveChild(children) {
+  // if we have children, either a single or multiple, find if it is active
+  if (Array.isArray(children)) {
+    return children.some(function (child) {
+      if (!child.props) {
+        return false;
+      }
 
-_rollupPluginBabelHelpers.defineProperty(SideNavMenu, "defaultProps", {
-  defaultExpanded: false,
-  isActive: false,
-  large: false
-});
+      if (child.props.isActive === true) {
+        return true;
+      }
 
-_rollupPluginBabelHelpers.defineProperty(SideNavMenu, "getDerivedStateFromProps", function (props, state) {
-  var derivedState = null;
-
-  if (props.isSideNavExpanded === false && state.isExpanded === true) {
-    derivedState = {
-      isExpanded: props.isSideNavExpanded,
-      wasPreviouslyExpanded: true
-    };
-  } else if (props.isSideNavExpanded === true && state.wasPreviouslyExpanded === true) {
-    derivedState = {
-      isExpanded: props.isSideNavExpanded,
-      wasPreviouslyExpanded: false
-    };
+      if (child.props['aria-current']) {
+        return true;
+      }
+
+      return false;
+    });
   }
 
-  return derivedState;
-});
+  if (children.props) {
+    if (children.props.isActive === true || children.props['aria-current']) {
+      return true;
+    }
+  }
 
-var SideNavMenuForwardRef = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(SideNavMenu, _rollupPluginBabelHelpers["extends"]({}, props, {
-    buttonRef: ref
-  }));
-});
-SideNavMenuForwardRef.displayName = 'SideNavMenu';
-var SideNavMenuClassic = SideNavMenuForwardRef;
+  return false;
+}
 
 exports.SideNavMenu = SideNavMenu;
-exports["default"] = SideNavMenuClassic;

package/lib/components/UIShell/SideNavSwitcher.js

@@ -14,6 +14,7 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
+var useId = require('../../internal/useId.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,6 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _ChevronDown;
 var SideNavSwitcher = /*#__PURE__*/React__default["default"].forwardRef(function SideNavSwitcher(props, ref) {
+  var id = useId.useId('side-nav-switcher');
   var prefix = usePrefix.usePrefix();
   var customClassName = props.className,
       labelText = props.labelText,
@@ -33,10 +35,10 @@ var SideNavSwitcher = /*#__PURE__*/React__default["default"].forwardRef(function
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, /*#__PURE__*/React__default["default"].createElement("label", {
-    htmlFor: "side-nav-switcher",
+    htmlFor: id,
     className: "".concat(prefix, "--assistive-text")
   }, labelText), /*#__PURE__*/React__default["default"].createElement("select", {
-    id: "carbon-side-nav-switcher",
+    id: id,
     className: "".concat(prefix, "--side-nav__select"),
     defaultValue: "",
     onBlur: onChange,

package/lib/components/UIShell/SkipToContent.js

@@ -23,7 +23,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var _excluded = ["children", "className", "href", "tabIndex"];
 
-var SkipToContent = function SkipToContent(_ref) {
+function SkipToContent(_ref) {
   var children = _ref.children,
       customClassName = _ref.className,
       href = _ref.href,
@@ -37,7 +37,7 @@ var SkipToContent = function SkipToContent(_ref) {
     href: href,
     tabIndex: tabIndex
   }), children);
-};
+}
 
 SkipToContent.propTypes = {
   /**
@@ -62,6 +62,5 @@ SkipToContent.defaultProps = {
   href: '#main-content',
   tabIndex: '0'
 };
-var SkipToContent$1 = SkipToContent;
 
-exports["default"] = SkipToContent$1;
+exports["default"] = SkipToContent;

package/lib/index.js

@@ -18,16 +18,16 @@ var Button = require('./components/Button/Button.js');
 var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
-var index$g = require('./components/ClassPrefix/index.js');
+var index$f = require('./components/ClassPrefix/index.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ComboBox = require('./components/ComboBox/ComboBox.js');
-var index$h = require('./components/ComposedModal/index.js');
+var index$g = require('./components/ComposedModal/index.js');
 var index = require('./components/ContentSwitcher/index.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var DangerButton = require('./components/DangerButton/DangerButton.js');
-var index$i = require('./components/DataTable/index.js');
+var index$h = require('./components/DataTable/index.js');
 var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
 var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js');
@@ -45,8 +45,8 @@ var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
 var index$2 = require('./components/Modal/index.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
-var index$j = require('./components/MultiSelect/index.js');
-var index$k = require('./components/Notification/index.js');
+var index$i = require('./components/MultiSelect/index.js');
+var index$j = require('./components/Notification/index.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
@@ -55,7 +55,7 @@ var index$4 = require('./components/OverflowMenuItem/index.js');
 var index$5 = require('./components/Pagination/index.js');
 var PaginationNav = require('./components/PaginationNav/PaginationNav.js');
 var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
-var index$l = require('./components/ProgressIndicator/index.js');
+var index$k = require('./components/ProgressIndicator/index.js');
 var index$6 = require('./components/RadioButton/index.js');
 var index$7 = require('./components/RadioButtonGroup/index.js');
 var index$8 = require('./components/Search/index.js');
@@ -69,7 +69,7 @@ var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
 var Switch = require('./components/Switch/Switch.js');
 var index$9 = require('./components/Slider/index.js');
-var index$m = require('./components/StructuredList/index.js');
+var index$l = require('./components/StructuredList/index.js');
 var index$a = require('./components/Tab/index.js');
 var TabContent = require('./components/TabContent/TabContent.js');
 var index$b = require('./components/Tabs/index.js');
@@ -78,13 +78,14 @@ var Tag = require('./components/Tag/Tag.js');
 var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
 var TextArea = require('./components/TextArea/TextArea.js');
 require('./components/TextInput/index.js');
-var index$n = require('./components/Tile/index.js');
+var index$m = require('./components/Tile/index.js');
 var RadioTile = require('./components/RadioTile/RadioTile.js');
 var index$c = require('./components/TileGroup/index.js');
 var index$d = require('./components/TimePicker/index.js');
 var index$e = require('./components/TimePickerSelect/index.js');
-var index$f = require('./components/Toggle/index.js');
-var index$o = require('./components/Toggletip/index.js');
+var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
+var Toggle = require('./components/Toggle/Toggle.js');
+var index$n = require('./components/Toggletip/index.js');
 var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
@@ -99,21 +100,20 @@ var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
-var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
-var index$p = require('./components/UIShell/index.js');
-var index$q = require('./components/FeatureFlags/index.js');
-var index$r = require('./components/Heading/index.js');
-var index$s = require('./components/IconButton/index.js');
-var index$t = require('./components/Layer/index.js');
+var index$o = require('./components/FeatureFlags/index.js');
+var index$p = require('./components/Heading/index.js');
+var index$q = require('./components/IconButton/index.js');
+var index$r = require('./components/Layer/index.js');
 require('./components/Menu/index.js');
-var index$u = require('./components/OverflowMenuV2/index.js');
-var index$v = require('./components/Popover/index.js');
-var index$w = require('./components/Stack/index.js');
+var index$s = require('./components/OverflowMenuV2/index.js');
+var index$t = require('./components/Popover/index.js');
+var index$u = require('./components/Stack/index.js');
 var DefinitionTooltip = require('./components/Tooltip/next/DefinitionTooltip.js');
 require('./components/TreeView/index.js');
-var index$x = require('./components/Theme/index.js');
+var index$v = require('./components/Theme/index.js');
+var usePrefix = require('./internal/usePrefix.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Filename = require('./components/FileUploader/Filename.js');
 var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
@@ -121,7 +121,14 @@ var FileUploaderDropContainer = require('./components/FileUploader/FileUploaderD
 var FileUploaderItem = require('./components/FileUploader/FileUploaderItem.js');
 var Row = require('./components/Grid/Row.js');
 var Column = require('./components/Grid/Column.js');
+var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
+var HeaderName = require('./components/UIShell/HeaderName.js');
+var SkipToContent = require('./components/UIShell/SkipToContent.js');
 var SideNavDivider = require('./components/UIShell/SideNavDivider.js');
+var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
+var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
+var SideNavItem = require('./components/UIShell/SideNavItem.js');
+var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var MenuDivider = require('./components/Menu/MenuDivider.js');
 var MenuGroup = require('./components/Menu/MenuGroup.js');
@@ -174,24 +181,19 @@ var HeaderContainer = require('./components/UIShell/HeaderContainer.js');
 var HeaderGlobalAction = require('./components/UIShell/HeaderGlobalAction.js');
 var HeaderGlobalBar = require('./components/UIShell/HeaderGlobalBar.js');
 var HeaderMenu = require('./components/UIShell/HeaderMenu.js');
-var HeaderMenuButton = require('./components/UIShell/HeaderMenuButton.js');
 var HeaderMenuItem = require('./components/UIShell/HeaderMenuItem.js');
-var HeaderName = require('./components/UIShell/HeaderName.js');
+var HeaderNavigation = require('./components/UIShell/HeaderNavigation.js');
 var HeaderPanel = require('./components/UIShell/HeaderPanel.js');
 var HeaderSideNavItems = require('./components/UIShell/HeaderSideNavItems.js');
 var Switcher = require('./components/UIShell/Switcher.js');
 var SwitcherItem = require('./components/UIShell/SwitcherItem.js');
 var SwitcherDivider = require('./components/UIShell/SwitcherDivider.js');
-var SkipToContent = require('./components/UIShell/SkipToContent.js');
 var SideNav = require('./components/UIShell/SideNav.js');
 var SideNavDetails = require('./components/UIShell/SideNavDetails.js');
-var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
 var SideNavHeader = require('./components/UIShell/SideNavHeader.js');
-var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
-var SideNavItem = require('./components/UIShell/SideNavItem.js');
 var SideNavItems = require('./components/UIShell/SideNavItems.js');
 var SideNavLink = require('./components/UIShell/SideNavLink.js');
-var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
+var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
 var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
 var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
 var Stack = require('./components/Stack/Stack.js');
@@ -208,17 +210,17 @@ exports.Button = Button["default"];
 exports.ButtonSet = ButtonSet["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
 exports.Checkbox = Checkbox["default"];
-exports.ClassPrefix = index$g.ClassPrefix;
+exports.ClassPrefix = index$f.ClassPrefix;
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ComboBox = ComboBox["default"];
-exports.ModalFooter = index$h.ModalFooter;
-exports.ModalHeader = index$h.ModalHeader;
+exports.ModalFooter = index$g.ModalFooter;
+exports.ModalHeader = index$g.ModalHeader;
 exports.ContentSwitcher = index["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.DangerButton = DangerButton["default"];
-exports.DataTable = index$i["default"];
+exports.DataTable = index$h["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.DatePicker = DatePicker["default"];
 exports.DatePickerInput = DatePickerInput["default"];
@@ -236,13 +238,13 @@ exports.ListItem = ListItem["default"];
 exports.Loading = Loading["default"];
 exports.Modal = index$2["default"];
 exports.ModalWrapper = ModalWrapper["default"];
-exports.FilterableMultiSelect = index$j.FilterableMultiSelect;
-exports.ActionableNotification = index$k.ActionableNotification;
-exports.InlineNotification = index$k.InlineNotification;
-exports.NotificationActionButton = index$k.NotificationActionButton;
-exports.NotificationButton = index$k.NotificationButton;
-exports.NotificationTextDetails = index$k.NotificationTextDetails;
-exports.ToastNotification = index$k.ToastNotification;
+exports.FilterableMultiSelect = index$i.FilterableMultiSelect;
+exports.ActionableNotification = index$j.ActionableNotification;
+exports.InlineNotification = index$j.InlineNotification;
+exports.NotificationActionButton = index$j.NotificationActionButton;
+exports.NotificationButton = index$j.NotificationButton;
+exports.NotificationTextDetails = index$j.NotificationTextDetails;
+exports.ToastNotification = index$j.ToastNotification;
 exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.NumberInput = NumberInput["default"];
 exports.OrderedList = OrderedList["default"];
@@ -251,7 +253,7 @@ exports.OverflowMenuItem = index$4["default"];
 exports.Pagination = index$5["default"];
 exports.PaginationNav = PaginationNav["default"];
 exports.PrimaryButton = PrimaryButton["default"];
-exports.ProgressIndicator = index$l.ProgressIndicator;
+exports.ProgressIndicator = index$k.ProgressIndicator;
 exports.RadioButton = index$6["default"];
 exports.RadioButtonGroup = index$7["default"];
 exports.Search = index$8["default"];
@@ -265,12 +267,12 @@ exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
 exports.Switch = Switch["default"];
 exports.Slider = index$9["default"];
-exports.StructuredListBody = index$m.StructuredListBody;
-exports.StructuredListCell = index$m.StructuredListCell;
-exports.StructuredListHead = index$m.StructuredListHead;
-exports.StructuredListInput = index$m.StructuredListInput;
-exports.StructuredListRow = index$m.StructuredListRow;
-exports.StructuredListWrapper = index$m.StructuredListWrapper;
+exports.StructuredListBody = index$l.StructuredListBody;
+exports.StructuredListCell = index$l.StructuredListCell;
+exports.StructuredListHead = index$l.StructuredListHead;
+exports.StructuredListInput = index$l.StructuredListInput;
+exports.StructuredListRow = index$l.StructuredListRow;
+exports.StructuredListWrapper = index$l.StructuredListWrapper;
 exports.Tab = index$a["default"];
 exports.TabContent = TabContent["default"];
 exports.Tabs = index$b["default"];
@@ -278,22 +280,23 @@ exports.TagSkeleton = Tag_Skeleton["default"];
 exports.Tag = Tag["default"];
 exports.TextAreaSkeleton = TextArea_Skeleton["default"];
 exports.TextArea = TextArea["default"];
-exports.ClickableTile = index$n.ClickableTile;
-exports.ExpandableTile = index$n.ExpandableTile;
-exports.SelectableTile = index$n.SelectableTile;
-exports.Tile = index$n.Tile;
-exports.TileAboveTheFoldContent = index$n.TileAboveTheFoldContent;
-exports.TileBelowTheFoldContent = index$n.TileBelowTheFoldContent;
+exports.ClickableTile = index$m.ClickableTile;
+exports.ExpandableTile = index$m.ExpandableTile;
+exports.SelectableTile = index$m.SelectableTile;
+exports.Tile = index$m.Tile;
+exports.TileAboveTheFoldContent = index$m.TileAboveTheFoldContent;
+exports.TileBelowTheFoldContent = index$m.TileBelowTheFoldContent;
 exports.RadioTile = RadioTile["default"];
 exports.TileGroup = index$c["default"];
 exports.TimePicker = index$d["default"];
 exports.TimePickerSelect = index$e["default"];
-exports.Toggle = index$f["default"];
-exports.Toggletip = index$o.Toggletip;
-exports.ToggletipActions = index$o.ToggletipActions;
-exports.ToggletipButton = index$o.ToggletipButton;
-exports.ToggletipContent = index$o.ToggletipContent;
-exports.ToggletipLabel = index$o.ToggletipLabel;
+exports.ToggleSkeleton = Toggle_Skeleton["default"];
+exports.Toggle = Toggle.Toggle;
+exports.Toggletip = index$n.Toggletip;
+exports.ToggletipActions = index$n.ToggletipActions;
+exports.ToggletipButton = index$n.ToggletipButton;
+exports.ToggletipContent = index$n.ToggletipContent;
+exports.ToggletipLabel = index$n.ToggletipLabel;
 exports.UnorderedList = UnorderedList["default"];
 exports.SkeletonText = SkeletonText["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
@@ -308,27 +311,26 @@ exports.SearchSkeleton = Search_Skeleton["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.TabsSkeleton = Tabs_Skeleton["default"];
 exports.TextInputSkeleton = TextInput_Skeleton["default"];
-exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
 exports.IconSkeleton = Icon_Skeleton["default"];
-exports.HeaderNavigation = index$p.HeaderNavigation;
-exports.SideNavMenu = index$p.SideNavMenu;
-exports.unstable_FeatureFlags = index$q.FeatureFlags;
-exports.unstable_useFeatureFlag = index$q.useFeatureFlag;
-exports.unstable_useFeatureFlags = index$q.useFeatureFlags;
-exports.Heading = index$r.Heading;
-exports.Section = index$r.Section;
-exports.IconButton = index$s.IconButton;
-exports.Layer = index$t.Layer;
-exports.unstable_OverflowMenuV2 = index$u.OverflowMenuV2;
-exports.Popover = index$v.Popover;
-exports.PopoverContent = index$v.PopoverContent;
-exports.HStack = index$w.HStack;
-exports.VStack = index$w.VStack;
+exports.unstable_FeatureFlags = index$o.FeatureFlags;
+exports.unstable_useFeatureFlag = index$o.useFeatureFlag;
+exports.unstable_useFeatureFlags = index$o.useFeatureFlags;
+exports.Heading = index$p.Heading;
+exports.Section = index$p.Section;
+exports.IconButton = index$q.IconButton;
+exports.Layer = index$r.Layer;
+exports.useLayer = index$r.useLayer;
+exports.unstable_OverflowMenuV2 = index$s.OverflowMenuV2;
+exports.Popover = index$t.Popover;
+exports.PopoverContent = index$t.PopoverContent;
+exports.HStack = index$u.HStack;
+exports.VStack = index$u.VStack;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
-exports.GlobalTheme = index$x.GlobalTheme;
-exports.Theme = index$x.Theme;
-exports.useTheme = index$x.useTheme;
+exports.GlobalTheme = index$v.GlobalTheme;
+exports.Theme = index$v.Theme;
+exports.useTheme = index$v.useTheme;
+exports.usePrefix = usePrefix.usePrefix;
 exports.AspectRatio = AspectRatio["default"];
 exports.Filename = Filename["default"];
 exports.FileUploaderButton = FileUploaderButton["default"];
@@ -336,7 +338,14 @@ exports.FileUploaderDropContainer = FileUploaderDropContainer["default"];
 exports.FileUploaderItem = FileUploaderItem["default"];
 exports.Row = Row["default"];
 exports.Column = Column["default"];
+exports.HeaderMenuButton = HeaderMenuButton["default"];
+exports.HeaderName = HeaderName["default"];
+exports.SkipToContent = SkipToContent["default"];
 exports.SideNavDivider = SideNavDivider["default"];
+exports.SideNavFooter = SideNavFooter["default"];
+exports.SideNavIcon = SideNavIcon["default"];
+exports.SideNavItem = SideNavItem["default"];
+exports.SideNavLinkText = SideNavLinkText["default"];
 exports.unstable_useContextMenu = useContextMenu["default"];
 exports.unstable_MenuDivider = MenuDivider["default"];
 exports.unstable_MenuGroup = MenuGroup["default"];
@@ -390,24 +399,19 @@ exports.HeaderContainer = HeaderContainer["default"];
 exports.HeaderGlobalAction = HeaderGlobalAction["default"];
 exports.HeaderGlobalBar = HeaderGlobalBar["default"];
 exports.HeaderMenu = HeaderMenu["default"];
-exports.HeaderMenuButton = HeaderMenuButton["default"];
 exports.HeaderMenuItem = HeaderMenuItem["default"];
-exports.HeaderName = HeaderName["default"];
+exports.HeaderNavigation = HeaderNavigation.HeaderNavigation;
 exports.HeaderPanel = HeaderPanel["default"];
 exports.HeaderSideNavItems = HeaderSideNavItems["default"];
 exports.Switcher = Switcher["default"];
 exports.SwitcherItem = SwitcherItem["default"];
 exports.SwitcherDivider = SwitcherDivider["default"];
-exports.SkipToContent = SkipToContent["default"];
 exports.SideNav = SideNav["default"];
 exports.SideNavDetails = SideNavDetails["default"];
-exports.SideNavFooter = SideNavFooter["default"];
 exports.SideNavHeader = SideNavHeader["default"];
-exports.SideNavIcon = SideNavIcon["default"];
-exports.SideNavItem = SideNavItem["default"];
 exports.SideNavItems = SideNavItems["default"];
 exports.SideNavLink = SideNavLink["default"];
-exports.SideNavLinkText = SideNavLinkText["default"];
+exports.SideNavMenu = SideNavMenu.SideNavMenu;
 exports.SideNavMenuItem = SideNavMenuItem["default"];
 exports.SideNavSwitcher = SideNavSwitcher["default"];
 exports.Stack = Stack.Stack;