@carbon-labs/react-ui-shell 0.87.0 → 0.88.0

package/es/components/SideNavMenuItem.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useContext } from 'react';
+import React, { useContext } from 'react';
 import { SideNavIcon, SideNavLinkText } from '@carbon/react';
 import Link from './Link.js';
 import { usePrefix } from '../internal/usePrefix.js';
@@ -16,7 +16,7 @@ import { SideNavContext } from './SideNav.js';
 import { Checkmark } from '@carbon/icons-react';
 
 var _SideNavIcon;
-const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
+const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(props, ref) {
   const prefix = usePrefix();
   const {
     children,
@@ -39,19 +39,19 @@ const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavM
     [`${prefix}--side-nav__link--active`]: isActive && isFlyoutMenuItem,
     [`${prefix}--side-nav__link--current`]: isActive && !isFlyoutMenuItem
   });
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     "aria-selected": isActive ? 'true' : 'false',
     role: isTreeview ? 'treeitem' : undefined,
     className: linkClassName,
     tabIndex: isTreeview ? -1 : 0,
     ref: ref
-  }), IconElement && !isFlyoutMenuItem && /*#__PURE__*/React__default.createElement(SideNavIcon, {
+  }), IconElement && !isFlyoutMenuItem && /*#__PURE__*/React.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React__default.createElement(SideNavIcon, {
+  }, /*#__PURE__*/React.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(Checkmark, null)))), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
+  }, /*#__PURE__*/React.createElement(Checkmark, null)))), /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
 });
 SideNavMenuItem.displayName = 'SideNavMenuItem';
 SideNavMenuItem.propTypes = {

package/es/components/SideNavSlot.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../internal/usePrefix.js';
 
 const SideNavSlot = ({
@@ -22,11 +22,11 @@ const SideNavSlot = ({
       e.stopPropagation();
     }
   };
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className
-  }, IconElement && /*#__PURE__*/React__default.createElement("div", {
+  }, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--side-nav__icon`
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("div", {
     role: "presentation",
     tabIndex: -1,
     onKeyDown: handleKeyDown,

package/es/components/SideNavTitle.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../internal/usePrefix.js';
 import { SideNavDivider } from '@carbon/react';
 
@@ -18,9 +18,9 @@ const SideNavTitle = ({
 }) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__title`, customClassName);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
     className: className
-  }, children), _SideNavDivider || (_SideNavDivider = /*#__PURE__*/React__default.createElement(SideNavDivider, null)));
+  }, children), _SideNavDivider || (_SideNavDivider = /*#__PURE__*/React.createElement(SideNavDivider, null)));
 };
 SideNavTitle.propTypes = {
   /**

package/es/components/SideNavToggle.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useContext } from 'react';
+import React, { forwardRef, useContext } from 'react';
 import { LinkPropTypes } from './Link.js';
 import { SideNavItem, SideNavLinkText, SideNavIcon } from '@carbon/react';
 import { usePrefix } from '../internal/usePrefix.js';
@@ -34,25 +34,25 @@ const SideNavToggle = /*#__PURE__*/forwardRef(function SideNavToggle({
     [`${prefix}--side-nav__toggle--disabled`]: disabled,
     [customClassName]: !!customClassName
   });
-  const SideNavLinkIcon = IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, {
+  const SideNavLinkIcon = IconElement && /*#__PURE__*/React.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(IconElement, null));
+  }, /*#__PURE__*/React.createElement(IconElement, null));
   if (!expanded && navType === SIDE_NAV_TYPE.RAIL_PANEL) {
-    return /*#__PURE__*/React__default.createElement(SideNavLinkPopover, _extends({
+    return /*#__PURE__*/React.createElement(SideNavLinkPopover, _extends({
       align: "right",
       className: className,
       label: children
     }, rest), SideNavLinkIcon);
   }
-  return /*#__PURE__*/React__default.createElement(SideNavItem, {
+  return /*#__PURE__*/React.createElement(SideNavItem, {
     large: large
-  }, /*#__PURE__*/React__default.createElement("button", _extends({
+  }, /*#__PURE__*/React.createElement("button", _extends({
     className: className,
     ref: ref,
     type: "button",
     tabIndex: tabIndex ?? 0,
     disabled: disabled
-  }, rest), SideNavLinkIcon, /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
+  }, rest), SideNavLinkIcon, /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
 });
 SideNavToggle.displayName = 'SideNavToggle';
 SideNavToggle.propTypes = {

package/es/components/TrialCountdown.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../internal/usePrefix.js';
 
 const TrialCountdown = ({
@@ -20,9 +20,9 @@ const TrialCountdown = ({
   const classNames = cx(`${prefix}--trial-countdown`, className, {
     [`${prefix}--trial-countdown--warning`]: warning
   });
-  return /*#__PURE__*/React__default.createElement("p", {
+  return /*#__PURE__*/React.createElement("p", {
     className: classNames
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--trial-countdown__count`
   }, count), ' ', text);
 };

package/es/internal/useId.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default, { useState, useLayoutEffect, useEffect } from 'react';
+import React, { useState, useLayoutEffect, useEffect } from 'react';
 import setupGetInstanceId from './setupGetInstanceId.js';
 import { useIdPrefix } from './useIdPrefix.js';
 import { canUseDOM } from './environment.js';
@@ -43,7 +43,7 @@ import { canUseDOM } from './environment.js';
 // https://github.com/webpack/webpack/issues/14814
 // https://github.com/mui/material-ui/issues/41190
 const _React = {
-  ...React__default
+  ...React
 };
 const instanceId = setupGetInstanceId();
 const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;

package/es/internal/useIdPrefix.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 
-const IdPrefixContext = /*#__PURE__*/React__default.createContext(null);
+const IdPrefixContext = /*#__PURE__*/React.createContext(null);
 
 /**
  *
  */
 function useIdPrefix() {
-  return React__default.useContext(IdPrefixContext);
+  return React.useContext(IdPrefixContext);
 }
 
 export { IdPrefixContext, useIdPrefix };

package/es/internal/usePrefix.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 
 /* eslint-disable jsdoc/require-jsdoc */
 /**
@@ -15,7 +15,7 @@ import React__default from 'react';
  * LICENSE file in the root directory of this source tree.
  */
 
-const PrefixContext = /*#__PURE__*/React__default.createContext('cds');
+const PrefixContext = /*#__PURE__*/React.createContext('cds');
 
 /**
  * An internal function to return the prefix used in components and styles.
@@ -23,7 +23,7 @@ const PrefixContext = /*#__PURE__*/React__default.createContext('cds');
  * @returns a react context including the prefix
  */
 function usePrefix() {
-  return React__default.useContext(PrefixContext);
+  return React.useContext(PrefixContext);
 }
 
 export { PrefixContext, usePrefix };

package/lib/components/HeaderContainer.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var keys = require('../internal/keyboard/keys.js');
 var match = require('../internal/keyboard/match.js');
 var useEvent = require('../internal/useEvent.js');
@@ -26,9 +26,9 @@ function HeaderContainer({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const [isSideNavExpandedState, setIsSideNavExpandedState] = React__default.useState(isSideNavExpanded);
-  const [isSwitcherExpandedState, setSwitcherExpandedState] = React__default.useState(isSwitcherExpanded);
-  const [isProfileExpandedState, setIsProfileExpandedState] = React__default.useState(isProfileExpanded);
+  const [isSideNavExpandedState, setIsSideNavExpandedState] = React.useState(isSideNavExpanded);
+  const [isSwitcherExpandedState, setSwitcherExpandedState] = React.useState(isSwitcherExpanded);
+  const [isProfileExpandedState, setIsProfileExpandedState] = React.useState(isProfileExpanded);
   useEvent.useWindowEvent('keydown', event => {
     if (match.match(event, keys.Escape)) {
       setIsSideNavExpandedState(false);
@@ -36,23 +36,23 @@ function HeaderContainer({
       setIsProfileExpandedState(false); // close profile on ESC
     }
   });
-  const handleHeaderMenuButtonClick = React__default.useCallback(() => {
+  const handleHeaderMenuButtonClick = React.useCallback(() => {
     setIsSideNavExpandedState(prev => !prev);
   }, []);
-  const handleSwitcherClick = React__default.useCallback(() => {
+  const handleSwitcherClick = React.useCallback(() => {
     setSwitcherExpandedState(prev => !prev);
   }, []);
-  const handleProfileClick = React__default.useCallback(e => {
+  const handleProfileClick = React.useCallback(e => {
     if (!e.target.closest(`.${prefix}--profile .${prefix}--popover`)) {
       setIsProfileExpandedState(prev => !prev);
     }
   }, []);
-  React__default.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     setTimeout(function () {
       document.querySelector(`.${prefix}--profile .${prefix}--content-switcher--selected`).focus();
     });
   }, [themeSetting]);
-  React__default.useEffect(() => {
+  React.useEffect(() => {
     function handleProfileClosing(event) {
       const profile = document.querySelector(`.${prefix}--profile.${prefix}--popover--open`);
       if (profile && !profile.contains(event.target)) {
@@ -66,7 +66,7 @@ function HeaderContainer({
       document.removeEventListener('focusin', handleProfileClosing);
     };
   }, []);
-  return /*#__PURE__*/React__default.createElement(Children, _rollupPluginBabelHelpers.extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Children, _rollupPluginBabelHelpers.extends({}, rest, {
     isSideNavExpanded: isSideNavExpandedState,
     isSwitcherExpanded: isSwitcherExpandedState,
     isProfileExpanded: isProfileExpandedState,

package/lib/components/HeaderDivider.js

@@ -9,7 +9,7 @@
 
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 
 const HeaderDivider = ({
@@ -17,7 +17,7 @@ const HeaderDivider = ({
 }) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx(`${prefix}--header__divider`, className);
-  return /*#__PURE__*/React__default.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", {
     className: classNames
   });
 };

package/lib/components/HeaderOverflowPanel.js

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 var HeaderPopover = require('./HeaderPopover.js');
 var iconsReact = require('@carbon/icons-react');
@@ -19,7 +19,7 @@ var index = require('../node_modules/@carbon/layout/es/index.js');
 
 var _OverflowMenuVertical;
 const mdMediaQuery = `(max-width: ${index.breakpoints.md.width})`;
-const HeaderOverflowPanel = /*#__PURE__*/React__default.forwardRef(function HeaderOverflowPanel({
+const HeaderOverflowPanel = /*#__PURE__*/React.forwardRef(function HeaderOverflowPanel({
   className: customClassName,
   children,
   label,
@@ -31,14 +31,14 @@ const HeaderOverflowPanel = /*#__PURE__*/React__default.forwardRef(function Head
     [customClassName]: !!customClassName
   });
   const isMd = useMatchMedia.useMatchMedia(mdMediaQuery);
-  return /*#__PURE__*/React__default.createElement(HeaderPopover.HeaderPopover, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React.createElement(HeaderPopover.HeaderPopover, _rollupPluginBabelHelpers.extends({
     ref: ref,
     align: "bottom-end",
     className: className
-  }, rest), /*#__PURE__*/React__default.createElement(HeaderPopover.HeaderPopoverButton, {
+  }, rest), /*#__PURE__*/React.createElement(HeaderPopover.HeaderPopoverButton, {
     align: isMd ? 'bottom-end' : 'bottom',
     label: label
-  }, _OverflowMenuVertical || (_OverflowMenuVertical = /*#__PURE__*/React__default.createElement(iconsReact.OverflowMenuVertical, null))), /*#__PURE__*/React__default.createElement(HeaderPopover.HeaderPopoverContent, null, /*#__PURE__*/React__default.createElement("ul", null, children)));
+  }, _OverflowMenuVertical || (_OverflowMenuVertical = /*#__PURE__*/React.createElement(iconsReact.OverflowMenuVertical, null))), /*#__PURE__*/React.createElement(HeaderPopover.HeaderPopoverContent, null, /*#__PURE__*/React.createElement("ul", null, children)));
 });
 HeaderOverflowPanel.propTypes = {
   /**

package/lib/components/HeaderPopover.js

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var react = require('@carbon/react');
 var keys = require('../internal/keyboard/keys.js');
 var match = require('../internal/keyboard/match.js');
@@ -20,9 +20,9 @@ var usePrefix = require('../internal/usePrefix.js');
 
 // Used to coordinate accessibility props between button and content along with
 // the actions to open and close the toggletip
-const HeaderPopoverContext = /*#__PURE__*/React__default.createContext(undefined);
+const HeaderPopoverContext = /*#__PURE__*/React.createContext(undefined);
 function useToggletip() {
-  return React__default.useContext(HeaderPopoverContext);
+  return React.useContext(HeaderPopoverContext);
 }
 
 /**
@@ -39,8 +39,8 @@ function HeaderPopover({
   defaultOpen = false,
   ...rest
 }) {
-  const ref = React__default.useRef(null);
-  const [open, setOpen] = React__default.useState(defaultOpen);
+  const ref = React.useRef(null);
+  const [open, setOpen] = React.useState(defaultOpen);
   const prefix = usePrefix.usePrefix();
   const id = useId.useId();
   const className = cx(customClassName, {
@@ -101,9 +101,9 @@ function HeaderPopover({
       actions.close();
     }
   });
-  return /*#__PURE__*/React__default.createElement(HeaderPopoverContext.Provider, {
+  return /*#__PURE__*/React.createElement(HeaderPopoverContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(react.Popover, _rollupPluginBabelHelpers.extends({
+  }, /*#__PURE__*/React.createElement(react.Popover, _rollupPluginBabelHelpers.extends({
     align: align,
     autoAlign: autoAlign,
     as: as,
@@ -170,7 +170,7 @@ function HeaderPopoverButton({
     [`${prefix}--header-action__button`]: true
   });
   const ComponentToggle = BaseComponent ?? react.IconButton;
-  return /*#__PURE__*/React__default.createElement(ComponentToggle, _rollupPluginBabelHelpers.extends({}, toggletip?.onClick, {
+  return /*#__PURE__*/React.createElement(ComponentToggle, _rollupPluginBabelHelpers.extends({}, toggletip?.onClick, {
     className: className,
     kind: BaseComponent ? null : 'ghost',
     label: label,
@@ -204,7 +204,7 @@ function HeaderPopoverContent({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default.createElement(react.ToggletipContent, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React.createElement(react.ToggletipContent, _rollupPluginBabelHelpers.extends({
     className: cx(className, {
       [`${prefix}--header-action__content`]: true
     })

package/lib/components/Link.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var deprecate = require('../prop-types/deprecate.js');
 
 // Note: Maybe we should use `as` instead of `element`? `as` appears to be
@@ -26,7 +26,7 @@ function LinkRenderFunction({
   ...rest
 }, ref) {
   const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
-  return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, rest));
 }
@@ -37,7 +37,7 @@ function LinkRenderFunction({
  * in their own components to support use-cases like `react-router` or
  * `@reach/router`
  */
-const Link = /*#__PURE__*/React__default.forwardRef(LinkRenderFunction);
+const Link = /*#__PURE__*/React.forwardRef(LinkRenderFunction);
 const LinkPropTypes = {
   /**
    * Provide a custom element or component to render the top-level node for the

package/lib/components/Profile.js

@@ -10,12 +10,12 @@
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 var HeaderPopover = require('./HeaderPopover.js');
-var UserAvatar = require('../node_modules/@carbon/ibm-products/es/components/UserAvatar/UserAvatar.js');
+var ibmProducts = require('@carbon/ibm-products');
 
-const Profile = /*#__PURE__*/React__default.forwardRef(function Profile({
+const Profile = /*#__PURE__*/React.forwardRef(function Profile({
   className: customClassName,
   label,
   children,
@@ -27,14 +27,14 @@ const Profile = /*#__PURE__*/React__default.forwardRef(function Profile({
     [`${prefix}--profile`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement(HeaderPopover.HeaderPopover, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React.createElement(HeaderPopover.HeaderPopover, _rollupPluginBabelHelpers.extends({
     ref: ref,
     align: "bottom-end",
     className: className
-  }, rest), /*#__PURE__*/React__default.createElement(HeaderPopover.HeaderPopoverButton, {
+  }, rest), /*#__PURE__*/React.createElement(HeaderPopover.HeaderPopoverButton, {
     align: "bottom-end",
     label: label
-  }, IconElement), /*#__PURE__*/React__default.createElement(HeaderPopover.HeaderPopoverContent, null, children));
+  }, IconElement), /*#__PURE__*/React.createElement(HeaderPopover.HeaderPopoverContent, null, children));
 });
 Profile.displayName = 'Profile';
 Profile.propTypes = {
@@ -56,7 +56,7 @@ Profile.propTypes = {
   // @ts-expect-error - PropTypes are unable to cover this case.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-const ProfileUserInfo = /*#__PURE__*/React__default.forwardRef(function ProfileUserInfo({
+const ProfileUserInfo = /*#__PURE__*/React.forwardRef(function ProfileUserInfo({
   className: customClassName,
   name,
   email,
@@ -67,17 +67,17 @@ const ProfileUserInfo = /*#__PURE__*/React__default.forwardRef(function ProfileU
     [`${prefix}--profile-user-info`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className
-  }, /*#__PURE__*/React__default.createElement(UserAvatar.UserAvatar, _rollupPluginBabelHelpers.extends({
+  }, /*#__PURE__*/React.createElement(ibmProducts.UserAvatar, _rollupPluginBabelHelpers.extends({
     size: "lg",
     name: name
-  }, rest)), /*#__PURE__*/React__default.createElement("div", {
+  }, rest)), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-user-info__text-wrapper`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-user-info__name`
-  }, name), /*#__PURE__*/React__default.createElement("div", {
+  }, name), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-user-info__email`
   }, email)));
 });
@@ -96,7 +96,7 @@ ProfileUserInfo.propTypes = {
    */
   name: PropTypes.string.isRequired
 };
-const ProfileReadOnly = /*#__PURE__*/React__default.forwardRef(function ProfileReadOnly({
+const ProfileReadOnly = /*#__PURE__*/React.forwardRef(function ProfileReadOnly({
   className: customClassName,
   items
 }, ref) {
@@ -105,15 +105,15 @@ const ProfileReadOnly = /*#__PURE__*/React__default.forwardRef(function ProfileR
     [`${prefix}--profile-read-only`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className
-  }, items?.map((item, index) => /*#__PURE__*/React__default.createElement("div", {
+  }, items?.map((item, index) => /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-read-only__items`,
     key: index
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-read-only__label`
-  }, item.label), /*#__PURE__*/React__default.createElement("div", {
+  }, item.label), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-read-only__title`
   }, item.title))));
 });

package/lib/components/SharkFinIcon.js

@@ -9,7 +9,7 @@
 
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 
 var _g, _defs;
@@ -22,20 +22,20 @@ const SharkFinIcon = ({
     [`${prefix}--shark-fin__icon`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     className: className,
     width: "4",
     height: "4",
     viewBox: "0 0 4 4",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
+  }, _g || (_g = /*#__PURE__*/React.createElement("g", {
     "clip-path": "url(#clip0_519_52879)"
-  }, /*#__PURE__*/React__default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M2 2L4 0V4H0L2 2Z"
-  }))), _defs || (_defs = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "clip0_519_52879"
-  }, /*#__PURE__*/React__default.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     width: "4",
     height: "4",
     fill: "white"