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

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import Link from '../Link/Link.js';
 import { OverflowMenuHorizontal } from '@carbon/icons-react';
@@ -35,12 +35,12 @@ const BreadcrumbItem = frFn((props, ref) => {
   });
   const child = children;
   if (child.type && child.type.displayName !== undefined && child.type.displayName.includes('OverflowMenu')) {
-    const horizontalOverflowIcon = /*#__PURE__*/React__default.createElement(OverflowMenuHorizontal, {
+    const horizontalOverflowIcon = /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
       className: `${prefix}--overflow-menu__icon`
     });
-    return /*#__PURE__*/React__default.createElement("li", _extends({
+    return /*#__PURE__*/React.createElement("li", _extends({
       className: className
-    }, rest), /*#__PURE__*/React__default.cloneElement(child, {
+    }, rest), /*#__PURE__*/React.cloneElement(child, {
       menuOptionsClass: `${prefix}--breadcrumb-menu-options`,
       menuOffset: {
         top: 10,
@@ -50,21 +50,21 @@ const BreadcrumbItem = frFn((props, ref) => {
     }));
   }
   if (typeof children === 'string') {
-    return /*#__PURE__*/React__default.createElement("li", _extends({
+    return /*#__PURE__*/React.createElement("li", _extends({
       className: className,
       ref: ref
-    }, rest), href ? /*#__PURE__*/React__default.createElement(Link, {
+    }, rest), href ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       "aria-current": ariaCurrent || isCurrentPage
-    }, children) : /*#__PURE__*/React__default.createElement(Text, {
+    }, children) : /*#__PURE__*/React.createElement(Text, {
       "aria-current": ariaCurrent || isCurrentPage,
       className: `${prefix}--link`
     }, children));
   }
-  return /*#__PURE__*/React__default.createElement("li", _extends({
+  return /*#__PURE__*/React.createElement("li", _extends({
     className: className,
     ref: ref
-  }, rest), /*#__PURE__*/React__default.cloneElement(child, {
+  }, rest), /*#__PURE__*/React.cloneElement(child, {
     'aria-current': ariaCurrent,
     className: cx(`${prefix}--link`, child.props.className)
   }));

package/es/components/Button/Button.Skeleton.js

@@ -7,18 +7,17 @@
 
 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';
 
-const ButtonSkeleton = _ref => {
-  let {
-    className,
-    small = false,
-    href,
-    size = 'lg',
-    ...rest
-  } = _ref;
+const ButtonSkeleton = ({
+  className,
+  small = false,
+  href,
+  size = 'lg',
+  ...rest
+}) => {
   const prefix = usePrefix();
   const buttonClasses = cx(className, {
     [`${prefix}--skeleton`]: true,
@@ -33,8 +32,8 @@ const ButtonSkeleton = _ref => {
     className: buttonClasses,
     ...rest
   };
-  const button = /*#__PURE__*/React__default.createElement("div", commonProps);
-  const anchor = /*#__PURE__*/React__default.createElement("a", _extends({}, commonProps, {
+  const button = /*#__PURE__*/React.createElement("div", commonProps);
+  const anchor = /*#__PURE__*/React.createElement("a", _extends({}, commonProps, {
     href: href,
     role: "button"
   })); // eslint-disable-line

package/es/components/Button/Button.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { IconButton, IconButtonKinds } from '../IconButton/index.js';
 import ButtonBase from './ButtonBase.js';
 
@@ -21,7 +21,7 @@ function isIconOnlyButton(hasIconOnly, _kind) {
   }
   return false;
 }
-const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     as,
     autoAlign = false,
@@ -45,14 +45,14 @@ const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   if (ButtonImageElement && !children && !iconDescription) {
     console.error('Button: renderIcon property specified without also providing an iconDescription property. ' + 'This may impact accessibility for screen reader users.');
   }
-  const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, null);
+  const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, null);
   if (!isIconOnlyButton(hasIconOnly)) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       tooltipAlignment,
       ...propsWithoutTooltipAlignment
     } = props;
-    return /*#__PURE__*/React__default.createElement(ButtonBase, _extends({
+    return /*#__PURE__*/React.createElement(ButtonBase, _extends({
       ref: ref
     }, propsWithoutTooltipAlignment));
   } else {
@@ -81,7 +81,7 @@ const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
       //    supported?
       // 2. Should an error be thrown?
       // 3. Something else?
-      React__default.createElement(IconButton, _extends({}, rest, {
+      React.createElement(IconButton, _extends({}, rest, {
         ref: ref,
         as: as,
         align: align,

package/es/components/Button/ButtonBase.js

@@ -5,35 +5,34 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 
-const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_ref, ref) {
-  let {
-    as,
-    children,
-    className,
-    dangerDescription = 'danger',
-    disabled = false,
-    hasIconOnly = false,
-    href,
-    iconDescription,
-    isExpressive = false,
-    isSelected,
-    kind = 'primary',
-    onBlur,
-    onClick,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    renderIcon: ButtonImageElement,
-    size,
-    tabIndex,
-    type = 'button',
-    ...rest
-  } = _ref;
+const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase({
+  as,
+  children,
+  className,
+  dangerDescription = 'danger',
+  disabled = false,
+  hasIconOnly = false,
+  href,
+  iconDescription,
+  isExpressive = false,
+  isSelected,
+  kind = 'primary',
+  onBlur,
+  onClick,
+  onFocus,
+  onMouseEnter,
+  onMouseLeave,
+  renderIcon: ButtonImageElement,
+  size,
+  tabIndex,
+  type = 'button',
+  ...rest
+}, ref) {
   const prefix = usePrefix();
   const buttonClasses = cx(className, {
     [`${prefix}--btn`]: true,
@@ -59,7 +58,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
     className: buttonClasses,
     ref
   };
-  const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React__default.createElement(ButtonImageElement, {
+  const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, {
     "aria-label": iconDescription,
     className: `${prefix}--btn__icon`,
     "aria-hidden": "true"
@@ -82,7 +81,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
   };
   let assistiveText = null;
   if (dangerButtonVariants.includes(kind)) {
-    assistiveText = /*#__PURE__*/React__default.createElement("span", {
+    assistiveText = /*#__PURE__*/React.createElement("span", {
       id: assistiveId,
       className: `${prefix}--visually-hidden`
     }, dangerDescription);
@@ -97,7 +96,7 @@ const ButtonBase = /*#__PURE__*/React__default.forwardRef(function ButtonBase(_r
     component = 'a';
     otherProps = anchorProps;
   }
-  return /*#__PURE__*/React__default.createElement(component, {
+  return /*#__PURE__*/React.createElement(component, {
     onMouseEnter,
     onMouseLeave,
     onFocus,

package/es/components/ButtonSet/ButtonSet.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 PropTypes from 'prop-types';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -22,7 +22,7 @@ const ButtonSet = /*#__PURE__*/forwardRef((props, ref) => {
   const buttonSetClasses = cx(className, `${prefix}--btn-set`, {
     [`${prefix}--btn-set--stacked`]: stacked
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: buttonSetClasses,
     ref: ref
   }), children);

package/es/components/ChatButton/ChatButton.Skeleton.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';
 
-const ChatButtonSkeleton = _ref => {
-  let {
-    className,
-    size,
-    ...rest
-  } = _ref;
+const ChatButtonSkeleton = ({
+  className,
+  size,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const skeletonClasses = cx(className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
     [`${prefix}--layout--size-${size}`]: size
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: skeletonClasses
   }, rest));
 };

package/es/components/ChatButton/ChatButton.js

@@ -6,25 +6,24 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import Button from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const ChatButton = /*#__PURE__*/React__default.forwardRef(function ChatButton(_ref, ref) {
-  let {
-    className,
-    children,
-    disabled,
-    isQuickAction,
-    isSelected,
-    kind,
-    renderIcon,
-    size,
-    ...other
-  } = _ref;
+const ChatButton = /*#__PURE__*/React.forwardRef(function ChatButton({
+  className,
+  children,
+  disabled,
+  isQuickAction,
+  isSelected,
+  kind,
+  renderIcon,
+  size,
+  ...other
+}, ref) {
   const prefix = usePrefix();
   const classNames = cx(className, {
     [`${prefix}--chat-btn`]: true,
@@ -43,7 +42,7 @@ const ChatButton = /*#__PURE__*/React__default.forwardRef(function ChatButton(_r
       size = 'lg';
     }
   }
-  return /*#__PURE__*/React__default.createElement(Button, _extends({
+  return /*#__PURE__*/React.createElement(Button, _extends({
     disabled: disabled,
     className: classNames,
     kind: kind,

package/es/components/Checkbox/Checkbox.Skeleton.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';
 
-const CheckboxSkeleton = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const CheckboxSkeleton = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-label`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
   })));
 };

package/es/components/Checkbox/Checkbox.js

@@ -7,7 +7,7 @@
 
 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 '../Text/index.js';
 import deprecate from '../../prop-types/deprecate.js';
@@ -17,32 +17,31 @@ import { useId } from '../../internal/useId.js';
 import { noopFn } from '../../internal/noopFn.js';
 import { Text } from '../Text/Text.js';
 
-const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
-  let {
-    className,
-    decorator,
-    helperText,
-    id,
-    labelText,
-    onChange = noopFn,
-    onClick,
-    indeterminate = false,
-    invalid,
-    invalidText,
-    hideLabel,
-    readOnly,
-    title = '',
-    warn,
-    warnText,
-    slug,
-    ...other
-  } = _ref;
+const Checkbox = /*#__PURE__*/React.forwardRef(({
+  className,
+  decorator,
+  helperText,
+  id,
+  labelText,
+  onChange = noopFn,
+  onClick,
+  indeterminate = false,
+  invalid,
+  invalidText,
+  hideLabel,
+  readOnly,
+  title = '',
+  warn,
+  warnText,
+  slug,
+  ...other
+}, ref) => {
   const prefix = usePrefix();
   const showWarning = !readOnly && !invalid && warn;
   const showHelper = !invalid && !warn;
   const checkboxGroupInstanceId = useId();
   const helperId = !helperText ? undefined : `checkbox-helper-text-${checkboxGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: `${prefix}--form__helper-text`
   }, helperText) : null;
@@ -56,16 +55,16 @@ const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const innerLabelClasses = cx(`${prefix}--checkbox-label-text`, {
     [`${prefix}--visually-hidden`]: hideLabel
   });
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
     const size = normalizedDecorator.props?.['kind'] === 'inline' ? 'md' : 'mini';
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size
     });
   }
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
+  }, /*#__PURE__*/React.createElement("input", _extends({}, other, {
     type: "checkbox",
     "data-invalid": invalid ? true : undefined,
     onChange: evt => {
@@ -102,23 +101,23 @@ const Checkbox = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
         onClick(evt);
       }
     }
-  })), /*#__PURE__*/React__default.createElement("label", {
+  })), /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: `${prefix}--checkbox-label`,
     title: title
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     className: innerLabelClasses
-  }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-wrapper-inner--decorator`
-  }, normalizedDecorator) : '')), /*#__PURE__*/React__default.createElement("div", {
+  }, normalizedDecorator) : '')), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });

package/es/components/CheckboxGroup/CheckboxGroup.js

@@ -7,36 +7,35 @@
 
 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 deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import { useId } from '../../internal/useId.js';
 
-const CheckboxGroup = _ref => {
-  let {
-    children,
-    className,
-    decorator,
-    helperText,
-    invalid,
-    invalidText,
-    legendId,
-    legendText,
-    readOnly,
-    warn,
-    warnText,
-    slug,
-    orientation = 'vertical',
-    ...rest
-  } = _ref;
+const CheckboxGroup = ({
+  children,
+  className,
+  decorator,
+  helperText,
+  invalid,
+  invalidText,
+  legendId,
+  legendText,
+  readOnly,
+  warn,
+  warnText,
+  slug,
+  orientation = 'vertical',
+  ...rest
+}) => {
   const prefix = usePrefix();
   const showWarning = !readOnly && !invalid && warn;
   const showHelper = !invalid && !warn;
   const checkboxGroupInstanceId = useId();
   const helperId = !helperText ? undefined : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: `${prefix}--form__helper-text`
   }, helperText) : null;
@@ -50,33 +49,33 @@ const CheckboxGroup = _ref => {
   });
 
   // AILabel always size `mini`
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'mini',
       kind: 'default'
     });
   }
-  return /*#__PURE__*/React__default.createElement("fieldset", _extends({
+  return /*#__PURE__*/React.createElement("fieldset", _extends({
     className: fieldsetClasses,
     "data-invalid": invalid ? true : undefined,
     "aria-labelledby": rest['aria-labelledby'] || legendId,
     "aria-readonly": readOnly,
     "aria-describedby": !invalid && !warn && helper ? helperId : undefined
-  }, rest), /*#__PURE__*/React__default.createElement("legend", {
+  }, rest), /*#__PURE__*/React.createElement("legend", {
     className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
-  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-group-inner--decorator`
-  }, normalizedDecorator) : ''), children, /*#__PURE__*/React__default.createElement("div", {
+  }, normalizedDecorator) : ''), children, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--checkbox-group__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 };

package/es/components/ClassPrefix/index.js

@@ -6,15 +6,14 @@
  */
 
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { PrefixContext } from '../../internal/usePrefix.js';
 
-function ClassPrefix(_ref) {
-  let {
-    children,
-    prefix
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement(PrefixContext.Provider, {
+function ClassPrefix({
+  children,
+  prefix
+}) {
+  return /*#__PURE__*/React.createElement(PrefixContext.Provider, {
     value: prefix
   }, children);
 }

package/es/components/CodeSnippet/CodeSnippet.Skeleton.js

@@ -8,16 +8,15 @@
 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';
 
 var _span, _span2, _span3, _span4;
-function CodeSnippetSkeleton(_ref) {
-  let {
-    className: containerClassName,
-    type = 'single',
-    ...rest
-  } = _ref;
+function CodeSnippetSkeleton({
+  className: containerClassName,
+  type = 'single',
+  ...rest
+}) {
   const prefix = usePrefix();
   const className = cx(containerClassName, {
     [`${prefix}--snippet`]: true,
@@ -26,18 +25,18 @@ function CodeSnippetSkeleton(_ref) {
     [`${prefix}--snippet--multi`]: type === 'multi'
   });
   if (type === 'single') {
-    return /*#__PURE__*/React__default.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: className
-    }, rest), /*#__PURE__*/React__default.createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))));
+    }, _span || (_span = /*#__PURE__*/React.createElement("span", null))));
   }
   if (type === 'multi') {
-    return /*#__PURE__*/React__default.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: className
-    }, rest), /*#__PURE__*/React__default.createElement("div", {
+    }, rest), /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--snippet-container`
-    }, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React__default.createElement("span", null))));
+    }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React.createElement("span", null))));
   }
 }
 CodeSnippetSkeleton.propTypes = {