@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

package/es/components/Link/Link.js

@@ -8,24 +8,23 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 // First create the component with basic types
-const LinkBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
-  let {
-    as: BaseComponent,
-    children,
-    className: customClassName,
-    href,
-    disabled = false,
-    inline = false,
-    visited = false,
-    renderIcon: Icon,
-    size,
-    target,
-    ...rest
-  } = _ref;
+const LinkBase = /*#__PURE__*/React.forwardRef(({
+  as: BaseComponent,
+  children,
+  className: customClassName,
+  href,
+  disabled = false,
+  inline = false,
+  visited = false,
+  renderIcon: Icon,
+  size,
+  target,
+  ...rest
+}, ref) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--link`, customClassName, {
     [`${prefix}--link--disabled`]: disabled,
@@ -35,7 +34,7 @@ const LinkBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   });
   const rel = target === '_blank' ? 'noopener' : undefined;
   const linkProps = {
-    className: BaseComponent ? undefined : className,
+    className,
     rel,
     target
   };
@@ -49,11 +48,11 @@ const LinkBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     linkProps['aria-disabled'] = true;
   }
   const BaseComponentAsAny = BaseComponent ?? 'a';
-  return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
     ref: ref
-  }, linkProps, rest), children, !inline && Icon && /*#__PURE__*/React__default.createElement("div", {
+  }, linkProps, rest), children, !inline && Icon && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--link__icon`
-  }, /*#__PURE__*/React__default.createElement(Icon, null)));
+  }, /*#__PURE__*/React.createElement(Icon, null)));
 });
 const Link = LinkBase;
 Link.displayName = 'Link';
@@ -88,7 +87,7 @@ Link.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
-   * Specify the size of the Link. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+   * Specify the size of the Link. Currently supports either `sm`, `md` (default) or `lg` as an option.
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**

package/es/components/ListBox/ListBox.d.ts

@@ -4,11 +4,10 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import React, { type HTMLAttributes } from 'react';
 import { type ListBoxSize, type ListBoxType } from '.';
-import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'onKeyDown' | 'onKeyPress' | 'ref';
-export interface ListBoxProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+export interface ListBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, ExcludedAttributes> {
     /**
      * Specify whether the ListBox is currently disabled
      */

package/es/components/ListBox/ListBox.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default, { forwardRef, useContext } from 'react';
+import React, { forwardRef, useContext } from 'react';
 import PropTypes from 'prop-types';
 import deprecate from '../../prop-types/deprecate.js';
 import './index.js';
@@ -64,18 +64,18 @@ const ListBox = /*#__PURE__*/forwardRef((props, ref) => {
     [`${prefix}--list-box--invalid`]: invalid,
     [`${prefix}--list-box--warning`]: showWarning
   });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: className,
     ref: ref,
     onKeyDown: handleOnKeyDown,
     onClick: handleClick,
     "data-invalid": invalid || undefined
-  }), children), isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  }), children), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--list-box__divider`
-  }), invalid ? /*#__PURE__*/React__default.createElement("div", {
+  }), invalid ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: invalidTextId
-  }, invalidText) : null, showWarning ? /*#__PURE__*/React__default.createElement("div", {
+  }, invalidText) : null, showWarning ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: warnTextId
   }, warnText) : null);

package/es/components/ListBox/ListBoxField.d.ts

@@ -1,13 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 export declare const translationIds: {};
-export interface ListBoxFieldProps extends ReactAttr<HTMLDivElement> {
+export interface ListBoxFieldProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify if the parent <ListBox> is disabled
      */

package/es/components/ListBox/ListBoxField.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -15,15 +15,14 @@ import { usePrefix } from '../../internal/usePrefix.js';
  * elements inside of a field. It also provides a11y-related attributes like
  * `role` to make sure a user can focus the given field.
  */
-function ListBoxField(_ref) {
-  let {
-    children,
-    disabled,
-    tabIndex,
-    ...rest
-  } = _ref;
+function ListBoxField({
+  children,
+  disabled,
+  tabIndex,
+  ...rest
+}) {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: `${prefix}--list-box__field`,
     tabIndex: !disabled && tabIndex || -1
   }, rest), children);

package/es/components/ListBox/ListBoxMenu.d.ts

@@ -4,10 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 type ExcludedAttributes = 'id';
-export interface ListBoxMenuProps extends Omit<ReactAttr<HTMLUListElement>, ExcludedAttributes> {
+export interface ListBoxMenuProps extends Omit<HTMLAttributes<HTMLUListElement>, ExcludedAttributes> {
     children?: any;
     /**
      * Specify a custom `id`

package/es/components/ListBox/ListBoxMenu.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import PropTypes from 'prop-types';
 import ListBoxMenuItem from './ListBoxMenuItem.js';
@@ -18,14 +18,13 @@ const frFn = forwardRef;
  * class into a single component. It is also being used to validate given
  * `children` components.
  */
-const ListBoxMenu = frFn((_ref, ref) => {
-  let {
-    children,
-    id,
-    ...rest
-  } = _ref;
+const ListBoxMenu = frFn(({
+  children,
+  id,
+  ...rest
+}, ref) => {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref,
     id: id,
     className: `${prefix}--list-box__menu`,

package/es/components/ListBox/ListBoxMenuIcon.js

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ChevronDown } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -20,22 +20,21 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * `ListBoxMenuIcon` is used to orient the icon up or down depending on the
  * state of the menu for a given `ListBox`
  */
-const ListBoxMenuIcon = _ref => {
-  let {
-    isOpen,
-    translateWithId: t = defaultTranslateWithId
-  } = _ref;
+const ListBoxMenuIcon = ({
+  isOpen,
+  translateWithId: t = defaultTranslateWithId
+}) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--list-box__menu-icon`, {
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(ChevronDown, {
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
     name: "chevron--down",
     "aria-label": description
-  }, /*#__PURE__*/React__default.createElement("title", null, description)));
+  }, /*#__PURE__*/React.createElement("title", null, description)));
 };
 ListBoxMenuIcon.propTypes = {
   /**

package/es/components/ListBox/ListBoxMenuItem.d.ts

@@ -4,9 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { ReactNode } from 'react';
-import { ReactAttr } from '../../types/common';
-export interface ListBoxMenuItemProps extends ReactAttr<HTMLLIElement> {
+import React, { type HTMLAttributes, type ReactNode } from 'react';
+export interface ListBoxMenuItemProps extends HTMLAttributes<HTMLLIElement> {
     /**
      * Specify any children nodes that should be rendered inside of the ListBox
      * Menu Item

package/es/components/ListBox/ListBoxMenuItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
@@ -22,8 +22,7 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
  * @param deps - Dependencies to re-run the truncation check.
  * @returns An object containing the truncation state and the merged ref.
  */
-const useIsTruncated = function (forwardedRef) {
-  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+const useIsTruncated = (forwardedRef, deps = []) => {
   const localRef = useRef(null);
   const mergedRef = useMergedRefs([...(forwardedRef ? [forwardedRef] : []), localRef]);
   const [isTruncated, setIsTruncated] = useState(false);
@@ -47,14 +46,13 @@ const useIsTruncated = function (forwardedRef) {
  * name, alongside any classes for any corresponding states, for a generic list
  * box menu item.
  */
-const ListBoxMenuItem = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
-  let {
-    children,
-    isActive = false,
-    isHighlighted = false,
-    title,
-    ...rest
-  } = _ref;
+const ListBoxMenuItem = /*#__PURE__*/forwardRef(({
+  children,
+  isActive = false,
+  isHighlighted = false,
+  title,
+  ...rest
+}, forwardedRef) => {
   const prefix = usePrefix();
   const menuItemOptionRefProp = forwardedRef && typeof forwardedRef !== 'function' ? forwardedRef.menuItemOptionRef : undefined;
   const {
@@ -65,10 +63,10 @@ const ListBoxMenuItem = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
     [`${prefix}--list-box__menu-item--active`]: isActive,
     [`${prefix}--list-box__menu-item--highlighted`]: isHighlighted
   });
-  return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
     className: className,
     title: isTruncated ? title : undefined
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__menu-item__option`,
     ref: menuItemOptionRef
   }, children));

package/es/components/ListBox/ListBoxSelection.js

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -32,15 +32,14 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * addition to conditionally rendering a badge if the control has more than one
  * selection.
  */
-const ListBoxSelection = _ref => {
-  let {
-    clearSelection,
-    selectionCount,
-    translateWithId: t = defaultTranslateWithId,
-    disabled,
-    onClearSelection,
-    readOnly
-  } = _ref;
+const ListBoxSelection = ({
+  clearSelection,
+  selectionCount,
+  translateWithId: t = defaultTranslateWithId,
+  disabled,
+  onClearSelection,
+  readOnly
+}) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,
@@ -62,12 +61,12 @@ const ListBoxSelection = _ref => {
   });
 
   /* eslint-disable jsx-a11y/click-events-have-key-events */
-  return selectionCount ? /*#__PURE__*/React__default.createElement("div", {
+  return selectionCount ? /*#__PURE__*/React.createElement("div", {
     className: tagClasses
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tag__label`,
     title: `${selectionCount}`
-  }, selectionCount), /*#__PURE__*/React__default.createElement("div", {
+  }, selectionCount), /*#__PURE__*/React.createElement("div", {
     role: "button",
     tabIndex: -1,
     className: `${prefix}--tag__close-icon`,
@@ -75,14 +74,14 @@ const ListBoxSelection = _ref => {
     "aria-label": t('clear.all'),
     title: description,
     "aria-disabled": readOnly ? true : undefined
-  }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null)))) : /*#__PURE__*/React__default.createElement("div", {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null)))) : /*#__PURE__*/React.createElement("div", {
     role: "button",
     className: className,
     tabIndex: -1,
     onClick: handleOnClick,
     "aria-label": description,
     title: description
-  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));
+  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React.createElement(Close, null)));
 };
 ListBoxSelection.propTypes = {
   /**

package/es/components/ListBox/next/ListBoxSelection.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../../internal/usePrefix.js';
@@ -20,16 +20,15 @@ const defaultTranslations = {
 function defaultTranslateWithId(id) {
   return defaultTranslations[id];
 }
-function ListBoxSelection(_ref) {
-  let {
-    clearSelection,
-    selectionCount,
-    translateWithId: t = defaultTranslateWithId,
-    disabled,
-    readOnly,
-    onClearSelection,
-    ...rest
-  } = _ref;
+function ListBoxSelection({
+  clearSelection,
+  selectionCount,
+  translateWithId: t = defaultTranslateWithId,
+  disabled,
+  readOnly,
+  onClearSelection,
+  ...rest
+}) {
   const prefix = usePrefix();
   const className = cx(`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,
@@ -50,12 +49,12 @@ function ListBoxSelection(_ref) {
     }
   }
   if (selectionCount) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: tagClasses
-    }, /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: `${prefix}--tag__label`,
       title: selectionCount?.toString()
-    }, selectionCount), /*#__PURE__*/React__default.createElement("button", {
+    }, selectionCount), /*#__PURE__*/React.createElement("button", {
       "aria-label": description,
       className: `${prefix}--tag__close-icon`,
       disabled: disabled || readOnly,
@@ -64,9 +63,9 @@ function ListBoxSelection(_ref) {
       title: description,
       type: "button",
       "aria-disabled": readOnly ? true : undefined
-    }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
+    }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))));
   }
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     "aria-label": description,
     className: className,
     disabled: disabled || readOnly,
@@ -75,7 +74,7 @@ function ListBoxSelection(_ref) {
     title: description,
     type: "button",
     "aria-disabled": readOnly ? true : undefined
-  }), _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));
+  }), _Close2 || (_Close2 = /*#__PURE__*/React.createElement(Close, null)));
 }
 ListBoxSelection.propTypes = {
   /**

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ChevronDown } from '@carbon/icons-react';
 import { usePrefix } from '../../../internal/usePrefix.js';
@@ -27,26 +27,25 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * state of the menu for a given `ListBox`
  */
 
-const ListBoxTrigger = /*#__PURE__*/React__default.forwardRef(function ListBoxTrigger(_ref, ref) {
-  let {
-    isOpen,
-    translateWithId: t = defaultTranslateWithId,
-    ...rest
-  } = _ref;
+const ListBoxTrigger = /*#__PURE__*/React.forwardRef(function ListBoxTrigger({
+  isOpen,
+  translateWithId: t = defaultTranslateWithId,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--list-box__menu-icon`]: true,
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     "aria-label": description,
     title: description,
     className: className,
     type: "button",
     tabIndex: -1,
     ref: ref
-  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, null)));
+  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, null)));
 });
 ListBoxTrigger.propTypes = {
   /**

package/es/components/ListItem/ListItem.js

@@ -7,21 +7,20 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../Text/index.js';
 import { Text } from '../Text/Text.js';
 
-function ListItem(_ref) {
-  let {
-    className,
-    children,
-    ...other
-  } = _ref;
+function ListItem({
+  className,
+  children,
+  ...other
+}) {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--list__item`, className);
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     as: "li",
     className: classNames
   }, other), children);

package/es/components/Loading/Loading.d.ts

@@ -1,12 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface LoadingProps extends ReactAttr<HTMLDivElement> {
+import { type HTMLAttributes } from 'react';
+export interface LoadingProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify whether you want the loading indicator to be spinning or not
      */

package/es/components/Loading/Loading.js

@@ -8,19 +8,18 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 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 deprecate from '../../prop-types/deprecate.js';
 
-function Loading(_ref) {
-  let {
-    active = true,
-    className: customClassName,
-    withOverlay = true,
-    small = false,
-    description = 'loading',
-    ...rest
-  } = _ref;
+function Loading({
+  active = true,
+  className: customClassName,
+  withOverlay = true,
+  small = false,
+  description = 'loading',
+  ...rest
+}) {
   const prefix = usePrefix();
   const loadingClassName = cx(customClassName, {
     [`${prefix}--loading`]: true,
@@ -31,25 +30,25 @@ function Loading(_ref) {
     [`${prefix}--loading-overlay`]: true,
     [`${prefix}--loading-overlay--stop`]: !active
   });
-  const loading = /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  const loading = /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     "aria-atomic": "true",
     "aria-live": active ? 'assertive' : 'off',
     className: loadingClassName
-  }), /*#__PURE__*/React__default.createElement("svg", {
+  }), /*#__PURE__*/React.createElement("svg", {
     className: `${prefix}--loading__svg`,
     viewBox: "0 0 100 100"
-  }, /*#__PURE__*/React__default.createElement("title", null, description), small ? /*#__PURE__*/React__default.createElement("circle", {
+  }, /*#__PURE__*/React.createElement("title", null, description), small ? /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__background`,
     cx: "50%",
     cy: "50%",
     r: "42"
-  }) : null, /*#__PURE__*/React__default.createElement("circle", {
+  }) : null, /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__stroke`,
     cx: "50%",
     cy: "50%",
     r: small ? '42' : '44'
   })));
-  return withOverlay ? /*#__PURE__*/React__default.createElement("div", {
+  return withOverlay ? /*#__PURE__*/React.createElement("div", {
     className: overlayClassName
   }, loading) : loading;
 }