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

package/es/components/FileUploader/FileUploaderDropContainer.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
@@ -17,22 +17,21 @@ import { composeEventHandlers } from '../../tools/events.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-function FileUploaderDropContainer(_ref) {
-  let {
-    accept = [],
-    className,
-    id,
-    disabled,
-    labelText = 'Add file',
-    multiple = false,
-    name,
-    onAddFiles = noopFn,
-    onClick,
-    pattern = '.[0-9a-z]+$',
-    // eslint-disable-next-line react/prop-types
-    innerRef,
-    ...rest
-  } = _ref;
+function FileUploaderDropContainer({
+  accept = [],
+  className,
+  id,
+  disabled,
+  labelText = 'Add file',
+  multiple = false,
+  name,
+  onAddFiles = noopFn,
+  onClick,
+  pattern = '.[0-9a-z]+$',
+  // eslint-disable-next-line react/prop-types
+  innerRef,
+  ...rest
+}) {
   const prefix = usePrefix();
   const inputRef = useRef(null);
   const {
@@ -90,7 +89,7 @@ function FileUploaderDropContainer(_ref) {
       inputRef.current?.click();
     }
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--file`,
     onDragOver: evt => {
       evt.stopPropagation();
@@ -119,7 +118,7 @@ function FileUploaderDropContainer(_ref) {
       setActive(false);
       handleDrop(evt);
     }
-  }, /*#__PURE__*/React__default.createElement("button", _extends({
+  }, /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     className: dropareaClasses,
     ref: innerRef,
@@ -130,10 +129,10 @@ function FileUploaderDropContainer(_ref) {
       }
     },
     onClick: composeEventHandlers([onClick, handleClick])
-  }, rest), labelText), /*#__PURE__*/React__default.createElement("label", {
+  }, rest), labelText), /*#__PURE__*/React.createElement("label", {
     htmlFor: uid,
     className: `${prefix}--visually-hidden`
-  }, labelText), /*#__PURE__*/React__default.createElement("input", {
+  }, labelText), /*#__PURE__*/React.createElement("input", {
     type: "file",
     id: uid,
     className: `${prefix}--file-input`,

package/es/components/FileUploader/FileUploaderItem.d.ts

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderItemProps extends ReactAttr<HTMLSpanElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderItemProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Error message body for an invalid file upload
      */

package/es/components/FileUploader/FileUploaderItem.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, { useRef, useState, useLayoutEffect } from 'react';
+import React, { useRef, useState, useLayoutEffect } from 'react';
 import Filename from './Filename.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
@@ -20,20 +20,19 @@ import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { Text } from '../Text/Text.js';
 
-function FileUploaderItem(_ref) {
-  let {
-    uuid,
-    name,
-    status = 'uploading',
-    iconDescription,
-    onDelete = noopFn,
-    invalid,
-    errorSubject,
-    errorBody,
-    size,
-    className,
-    ...other
-  } = _ref;
+function FileUploaderItem({
+  uuid,
+  name,
+  status = 'uploading',
+  iconDescription,
+  onDelete = noopFn,
+  invalid,
+  errorSubject,
+  errorBody,
+  size,
+  className,
+  ...other
+}) {
   const textRef = useRef(null);
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
   const prefix = usePrefix();
@@ -56,34 +55,34 @@ function FileUploaderItem(_ref) {
   useLayoutEffect(() => {
     isEllipsisActive(textRef.current);
   }, [prefix, name]);
-  return /*#__PURE__*/React__default.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     className: classes
-  }, other), isEllipsisApplied ? /*#__PURE__*/React__default.createElement("div", {
+  }, other), isEllipsisApplied ? /*#__PURE__*/React.createElement("div", {
     className: isInvalid
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     label: name,
     align: "bottom",
     className: `${prefix}--file-filename-tooltip`
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: `${prefix}--file-filename-button`,
     type: "button"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     ref: textRef,
     as: "p",
     title: name,
     className: `${prefix}--file-filename-button`,
     id: filterSpaceName(name)
-  }, name)))) : /*#__PURE__*/React__default.createElement(Text, {
+  }, name)))) : /*#__PURE__*/React.createElement(Text, {
     ref: textRef,
     as: "p",
     title: name,
     className: `${prefix}--file-filename`,
     id: filterSpaceName(name)
-  }, name), /*#__PURE__*/React__default.createElement("div", {
+  }, name), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--file-container-item`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--file__state-container`
-  }, /*#__PURE__*/React__default.createElement(Filename, {
+  }, /*#__PURE__*/React.createElement(Filename, {
     name: name,
     iconDescription: iconDescription,
     status: status,
@@ -106,14 +105,14 @@ function FileUploaderItem(_ref) {
         });
       }
     }
-  }))), invalid && errorSubject && /*#__PURE__*/React__default.createElement("div", {
+  }))), invalid && errorSubject && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     role: "alert",
     id: `${filterSpaceName(name)}-id-error`
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--form-requirement__title`
-  }, errorSubject), errorBody && /*#__PURE__*/React__default.createElement(Text, {
+  }, errorSubject), errorBody && /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: `${prefix}--form-requirement__supplement`
   }, errorBody)));

package/es/components/FileUploader/Filename.d.ts

@@ -1,15 +1,14 @@
 /**
- * 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 React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 export type FilenameStatus = 'edit' | 'complete' | 'uploading';
 type SVGAttr = React.SVGAttributes<React.ReactSVGElement>;
-export interface FilenameProps extends Omit<ReactAttr & SVGAttr, 'tabIndex' | 'type'> {
+export interface FilenameProps extends Omit<HTMLAttributes<HTMLElement> & SVGAttr, 'tabIndex' | 'type'> {
     /**
      * Specify an id that describes the error to be read by screen readers when the filename is invalid
      */

package/es/components/FileUploader/Filename.js

@@ -8,48 +8,47 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { CheckmarkFilled, WarningFilled, Close } from '@carbon/icons-react';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import Loading from '../Loading/Loading.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _Close;
-function Filename(_ref) {
-  let {
-    iconDescription = 'Uploading file',
-    status = 'uploading',
-    invalid,
-    name,
-    tabIndex = 0,
-    ['aria-describedby']: ariaDescribedBy,
-    ...rest
-  } = _ref;
+function Filename({
+  iconDescription = 'Uploading file',
+  status = 'uploading',
+  invalid,
+  name,
+  tabIndex = 0,
+  ['aria-describedby']: ariaDescribedBy,
+  ...rest
+}) {
   const prefix = usePrefix();
   switch (status) {
     case 'uploading':
-      return /*#__PURE__*/React__default.createElement(Loading, {
+      return /*#__PURE__*/React.createElement(Loading, {
         description: iconDescription,
         small: true,
         withOverlay: false,
         className: `${prefix}--file-loading`
       });
     case 'edit':
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, invalid && /*#__PURE__*/React.createElement(WarningFilled, {
         className: `${prefix}--file-invalid`
-      }), /*#__PURE__*/React__default.createElement("button", _extends({
+      }), /*#__PURE__*/React.createElement("button", _extends({
         "aria-label": `${iconDescription} - ${name}`,
         className: `${prefix}--file-close`,
         type: "button",
         tabIndex: tabIndex
       }, rest, {
         "aria-describedby": invalid ? ariaDescribedBy : undefined
-      }), _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
+      }), _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))));
     case 'complete':
-      return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
+      return /*#__PURE__*/React.createElement(CheckmarkFilled, _extends({
         "aria-label": iconDescription,
         className: `${prefix}--file-complete`
       }, rest, {
         tabIndex: -1
-      }), iconDescription && /*#__PURE__*/React__default.createElement("title", null, iconDescription));
+      }), iconDescription && /*#__PURE__*/React.createElement("title", null, iconDescription));
     default:
       return null;
   }

package/es/components/FluidComboBox/FluidComboBox.Skeleton.js

@@ -7,24 +7,23 @@
 
 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 FluidComboBoxSkeleton = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const FluidComboBoxSkeleton = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
   })));
 };

package/es/components/FluidComboBox/FluidComboBox.js

@@ -7,27 +7,26 @@
 
 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 ComboBox from '../ComboBox/ComboBox.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidComboBox = /*#__PURE__*/React__default.forwardRef(function FluidComboBox(_ref, ref) {
-  let {
-    className,
-    isCondensed,
-    ...other
-  } = _ref;
+const FluidComboBox = /*#__PURE__*/React.forwardRef(function FluidComboBox({
+  className,
+  isCondensed,
+  ...other
+}, ref) {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
     [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(ComboBox, _extends({
+  }, /*#__PURE__*/React.createElement(ComboBox, _extends({
     ref: ref,
     className: classNames
   }, other)));

package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js

@@ -7,45 +7,44 @@
 
 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 { FormContext } from '../FluidForm/FormContext.js';
 import { Calendar } from '@carbon/icons-react';
 
-const FluidDatePickerSkeleton = _ref => {
-  let {
-    className,
-    datePickerType = 'single',
-    ...other
-  } = _ref;
+const FluidDatePickerSkeleton = ({
+  className,
+  datePickerType = 'single',
+  ...other
+}) => {
   const prefix = usePrefix();
   const classNames = cx(className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, {
     [`${prefix}--date-picker--fluid__skeleton--range`]: datePickerType === 'range'
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
+  }, /*#__PURE__*/React.createElement("div", _extends({
     className: classNames
-  }, other), /*#__PURE__*/React__default.createElement("div", {
+  }, other), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker--fluid__skeleton--container`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
-  }), datePickerType !== 'simple' && /*#__PURE__*/React__default.createElement(Calendar, {
+  }), datePickerType !== 'simple' && /*#__PURE__*/React.createElement(Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"
-  })), datePickerType === 'range' && /*#__PURE__*/React__default.createElement("div", {
+  })), datePickerType === 'range' && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker--fluid__skeleton--container`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
-  }), /*#__PURE__*/React__default.createElement(Calendar, {
+  }), /*#__PURE__*/React.createElement(Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"

package/es/components/FluidDatePicker/FluidDatePicker.js

@@ -12,19 +12,18 @@ import DatePicker from '../DatePicker/DatePicker.js';
 import '../DatePicker/DatePicker.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
-import React__default from 'react';
+import React from 'react';
 
-const FluidDatePicker = /*#__PURE__*/React__default.forwardRef(function FluidDatePicker(_ref, ref) {
-  let {
-    className,
-    children,
-    invalid,
-    invalidText,
-    readOnly,
-    warn,
-    warnText,
-    ...other
-  } = _ref;
+const FluidDatePicker = /*#__PURE__*/React.forwardRef(function FluidDatePicker({
+  className,
+  children,
+  invalid,
+  invalidText,
+  readOnly,
+  warn,
+  warnText,
+  ...other
+}, ref) {
   const prefix = usePrefix();
   const classNames = cx(className, {
     [`${prefix}--date-picker--fluid`]: true,
@@ -32,11 +31,11 @@ const FluidDatePicker = /*#__PURE__*/React__default.forwardRef(function FluidDat
     [`${prefix}--date-picker--fluid--readonly`]: readOnly,
     [`${prefix}--date-picker--fluid--warn`]: warn
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(DatePicker, _extends({
+  }, /*#__PURE__*/React.createElement(DatePicker, _extends({
     invalid: invalid,
     invalidText: invalidText,
     readOnly: readOnly,

package/es/components/FluidDatePickerInput/FluidDatePickerInput.js

@@ -6,17 +6,17 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import DatePickerInput from '../DatePickerInput/DatePickerInput.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
 const frFn = forwardRef;
 const FluidDatePickerInput = frFn((props, ref) => {
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(DatePickerInput, _extends({
+  }, /*#__PURE__*/React.createElement(DatePickerInput, _extends({
     ref: ref
   }, props)));
 });

package/es/components/FluidDropdown/FluidDropdown.Skeleton.js

@@ -7,24 +7,23 @@
 
 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 FluidDropdownSkeleton = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const FluidDropdownSkeleton = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
   })));
 };

package/es/components/FluidDropdown/FluidDropdown.js

@@ -7,28 +7,27 @@
 
 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 Dropdown from '../Dropdown/Dropdown.js';
 import '../Dropdown/Dropdown.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidDropdown = /*#__PURE__*/React__default.forwardRef(function FluidDropdown(_ref, ref) {
-  let {
-    className,
-    isCondensed,
-    ...other
-  } = _ref;
+const FluidDropdown = /*#__PURE__*/React.forwardRef(function FluidDropdown({
+  className,
+  isCondensed,
+  ...other
+}, ref) {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
     [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+  }, /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref,
     className: classNames
   }, other)));

package/es/components/FluidForm/FluidForm.d.ts

@@ -1,11 +1,10 @@
 /**
- * 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';
-export type FluidFormProps = ReactAttr<HTMLFormElement>;
+import React, { type HTMLAttributes } from 'react';
+export type FluidFormProps = HTMLAttributes<HTMLFormElement>;
 declare const FluidForm: React.FC<FluidFormProps>;
 export default FluidForm;

package/es/components/FluidForm/FluidForm.js

@@ -7,25 +7,24 @@
 
 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 Form from '../Form/Form.js';
 import { FormContext } from './FormContext.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const FluidForm = _ref => {
-  let {
-    className,
-    children,
-    ...other
-  } = _ref;
+const FluidForm = ({
+  className,
+  children,
+  ...other
+}) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--form--fluid`, className);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(Form, _extends({
+  }, /*#__PURE__*/React.createElement(Form, _extends({
     className: classNames
   }, other), children));
 };

package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js

@@ -7,24 +7,23 @@
 
 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 FluidMultiSelectSkeleton = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const FluidMultiSelectSkeleton = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
   })));
 };