@carbon/react 1.83.0-rc.0 → 1.83.0

package/es/components/Tile/Tile.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { AiLabel, CheckboxCheckedFilled, Checkbox, ChevronDown, ArrowRight, Error } from '@carbon/icons-react';
@@ -25,7 +25,7 @@ import '../Text/index.js';
 import { Text } from '../Text/Text.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
-const Tile = /*#__PURE__*/React__default.forwardRef(function Tile(_ref, ref) {
+const Tile = /*#__PURE__*/React.forwardRef(function Tile(_ref, ref) {
   let {
     children,
     className,
@@ -43,10 +43,10 @@ const Tile = /*#__PURE__*/React__default.forwardRef(function Tile(_ref, ref) {
     [`${prefix}--tile--decorator`]: decorator,
     [`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
   }, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: tileClasses,
     ref: ref
-  }, rest), children, slug, decorator && /*#__PURE__*/React__default.createElement("div", {
+  }, rest), children, slug, decorator && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
   }, decorator));
 });
@@ -81,7 +81,7 @@ Tile.propTypes = {
    */
   slug: deprecate(PropTypes.node, 'The `slug` prop for `Tile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.')
 };
-const ClickableTile = /*#__PURE__*/React__default.forwardRef(function ClickableTile(_ref2, ref) {
+const ClickableTile = /*#__PURE__*/React.forwardRef(function ClickableTile(_ref2, ref) {
   let {
     children,
     className,
@@ -132,7 +132,7 @@ const ClickableTile = /*#__PURE__*/React__default.forwardRef(function ClickableT
     [`${prefix}--tile--icon`]: !v12DefaultIcons || v12DefaultIcons && !disabled,
     [`${prefix}--tile--disabled-icon`]: v12DefaultIcons && disabled
   });
-  return /*#__PURE__*/React__default.createElement(Link, _extends({
+  return /*#__PURE__*/React.createElement(Link, _extends({
     className: classes,
     href: href,
     tabIndex: !href && !disabled ? 0 : undefined,
@@ -140,14 +140,14 @@ const ClickableTile = /*#__PURE__*/React__default.forwardRef(function ClickableT
     onKeyDown: handleOnKeyDown,
     ref: ref,
     disabled: disabled
-  }, rest), slug || decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, rest), slug || decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile-content`
-  }, children) : children, (slug === true || decorator === true) && /*#__PURE__*/React__default.createElement(AiLabel, {
+  }, children) : children, (slug === true || decorator === true) && /*#__PURE__*/React.createElement(AiLabel, {
     size: "24",
     className: `${prefix}--tile--ai-label-icon`
-  }), /*#__PURE__*/React__default.isValidElement(decorator) && /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.isValidElement(decorator) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
-  }, decorator), Icon && /*#__PURE__*/React__default.createElement(Icon, {
+  }, decorator), Icon && /*#__PURE__*/React.createElement(Icon, {
     className: iconClasses,
     "aria-hidden": "true"
   }));
@@ -205,7 +205,7 @@ ClickableTile.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-const SelectableTile = /*#__PURE__*/React__default.forwardRef(function SelectableTile(_ref3, ref) {
+const SelectableTile = /*#__PURE__*/React.forwardRef(function SelectableTile(_ref3, ref) {
   let {
     children,
     className,
@@ -274,9 +274,9 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
 
   // AILabel is always size `xs`
   const decoratorRef = useRef(null);
-  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: 'xs',
       ref: decoratorRef
     });
@@ -284,7 +284,7 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-    React__default.createElement("div", _extends({
+    React.createElement("div", _extends({
       className: classes,
       onClick: !disabled ? handleClick : undefined,
       role: "checkbox",
@@ -297,13 +297,13 @@ const SelectableTile = /*#__PURE__*/React__default.forwardRef(function Selectabl
       id: id,
       onChange: !disabled ? handleChange : undefined,
       title: title
-    }, rest), /*#__PURE__*/React__default.createElement("span", {
+    }, rest), /*#__PURE__*/React.createElement("span", {
       className: `${prefix}--tile__checkmark ${prefix}--tile__checkmark--persistent`
-    }, isSelected ? _CheckboxCheckedFille || (_CheckboxCheckedFille = /*#__PURE__*/React__default.createElement(CheckboxCheckedFilled, null)) : _Checkbox || (_Checkbox = /*#__PURE__*/React__default.createElement(Checkbox, null))), /*#__PURE__*/React__default.createElement(Text, {
+    }, isSelected ? _CheckboxCheckedFille || (_CheckboxCheckedFille = /*#__PURE__*/React.createElement(CheckboxCheckedFilled, null)) : _Checkbox || (_Checkbox = /*#__PURE__*/React.createElement(Checkbox, null))), /*#__PURE__*/React.createElement(Text, {
       as: "label",
       htmlFor: id,
       className: `${prefix}--tile-content`
-    }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+    }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--tile--inner-decorator`
     }, normalizedDecorator) : '')
   );
@@ -372,7 +372,7 @@ SelectableTile.propTypes = {
    */
   value: deprecate(PropTypes.oneOfType([PropTypes.string, PropTypes.number]), 'The `value` property is no longer used.  It will be removed in the next major release.`')
 };
-const ExpandableTile = /*#__PURE__*/React__default.forwardRef(function ExpandableTile(_ref4, forwardRef) {
+const ExpandableTile = /*#__PURE__*/React.forwardRef(function ExpandableTile(_ref4, forwardRef) {
   let {
     tabIndex = 0,
     className,
@@ -442,7 +442,7 @@ const ExpandableTile = /*#__PURE__*/React__default.forwardRef(function Expandabl
     }
   }
   function getChildren() {
-    return React__default.Children.toArray(children);
+    return React.Children.toArray(children);
   }
   const classNames = cx(`${prefix}--tile`, `${prefix}--tile--expandable`, {
     [`${prefix}--tile--is-expanded`]: isExpanded,
@@ -509,23 +509,23 @@ const ExpandableTile = /*#__PURE__*/React__default.forwardRef(function Expandabl
   const belowTheFoldId = useId('expandable-tile-interactive');
 
   // AILabel is always size `xs`
-  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: 'xs'
     });
   }
-  return interactive ? /*#__PURE__*/React__default.createElement("div", _extends({
+  return interactive ? /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: interactiveClassNames
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     ref: tileContent
-  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default.createElement("div", {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement("div", {
     ref: aboveTheFold,
     className: `${prefix}--tile-content`
-  }, childrenAsArray[0]), /*#__PURE__*/React__default.createElement("button", {
+  }, childrenAsArray[0]), /*#__PURE__*/React.createElement("button", {
     type: "button",
     "aria-expanded": isExpanded,
     "aria-controls": belowTheFoldId,
@@ -534,11 +534,11 @@ const ExpandableTile = /*#__PURE__*/React__default.forwardRef(function Expandabl
     "aria-label": isExpanded ? tileExpandedIconText : tileCollapsedIconText,
     ref: chevronInteractiveRef,
     className: chevronInteractiveClassNames
-  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, null))), /*#__PURE__*/React__default.createElement("div", {
+  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, null))), /*#__PURE__*/React.createElement("div", {
     ref: belowTheFold,
     className: `${prefix}--tile-content`,
     id: belowTheFoldId
-  }, childrenAsArray[1]))) : /*#__PURE__*/React__default.createElement("button", _extends({
+  }, childrenAsArray[1]))) : /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     ref: ref,
     className: classNames,
@@ -548,14 +548,14 @@ const ExpandableTile = /*#__PURE__*/React__default.forwardRef(function Expandabl
     onKeyUp: composeEventHandlers([onKeyUp, handleKeyUp]),
     onClick: composeEventHandlers([onClick, handleClick]),
     tabIndex: tabIndex
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: tileContent
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: aboveTheFold,
     className: `${prefix}--tile-content`
-  }, childrenAsArray[0]), /*#__PURE__*/React__default.createElement("div", {
+  }, childrenAsArray[0]), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile__chevron`
-  }, /*#__PURE__*/React__default.createElement("span", null, isExpanded ? tileExpandedLabel : tileCollapsedLabel), _ChevronDown2 || (_ChevronDown2 = /*#__PURE__*/React__default.createElement(ChevronDown, null))), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, isExpanded ? tileExpandedLabel : tileCollapsedLabel), _ChevronDown2 || (_ChevronDown2 = /*#__PURE__*/React.createElement(ChevronDown, null))), /*#__PURE__*/React.createElement("div", {
     ref: belowTheFold,
     className: `${prefix}--tile-content`
   }, childrenAsArray[1])));
@@ -619,12 +619,12 @@ ExpandableTile.propTypes = {
   tileExpandedLabel: PropTypes.string
 };
 ExpandableTile.displayName = 'ExpandableTile';
-const TileAboveTheFoldContent = /*#__PURE__*/React__default.forwardRef(function TilAboveTheFoldContent(_ref5, ref) {
+const TileAboveTheFoldContent = /*#__PURE__*/React.forwardRef(function TilAboveTheFoldContent(_ref5, ref) {
   let {
     children
   } = _ref5;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: `${prefix}--tile-content__above-the-fold`
   }, children);
@@ -636,12 +636,12 @@ TileAboveTheFoldContent.propTypes = {
   children: PropTypes.node
 };
 TileAboveTheFoldContent.displayName = 'TileAboveTheFoldContent';
-const TileBelowTheFoldContent = /*#__PURE__*/React__default.forwardRef(function TileBelowTheFoldContent(_ref6, ref) {
+const TileBelowTheFoldContent = /*#__PURE__*/React.forwardRef(function TileBelowTheFoldContent(_ref6, ref) {
   let {
     children
   } = _ref6;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: `${prefix}--tile-content__below-the-fold`
   }, children);

package/es/components/TileGroup/TileGroup.d.ts

@@ -1,14 +1,13 @@
 /**
- * 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 { ReactNode } from 'react';
-import { ReactAttr } from '../../types/common';
+import { type HTMLAttributes, type ReactNode } from 'react';
 type ExcludedAttributes = 'onChange';
-export interface TileGroupProps extends Omit<ReactAttr<HTMLFieldSetElement>, ExcludedAttributes> {
+export interface TileGroupProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, ExcludedAttributes> {
     /**
      * Provide a collection of <RadioTile> components to render in the group
      */

package/es/components/TileGroup/TileGroup.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import RadioTile from '../RadioTile/RadioTile.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { noopFn } from '../../internal/noopFn.js';
@@ -38,14 +38,14 @@ const TileGroup = props => {
   }
   const getRadioTilesWithWrappers = children => {
     const traverseAndModifyChildren = children => {
-      return React__default.Children.map(children, child => {
+      return React.Children.map(children, child => {
         // If RadioTile found, return it with necessary props
         if (child?.type === RadioTile) {
           const {
             value,
             ...otherProps
           } = child.props;
-          return /*#__PURE__*/React__default.createElement(RadioTile, _extends({}, otherProps, {
+          return /*#__PURE__*/React.createElement(RadioTile, _extends({}, otherProps, {
             required: required,
             name: name,
             key: value,
@@ -55,7 +55,7 @@ const TileGroup = props => {
           }));
         } else if (child?.props?.children) {
           // If the child is not RadioTile and has children, recheck the children
-          return /*#__PURE__*/React__default.cloneElement(child, {
+          return /*#__PURE__*/React.cloneElement(child, {
             ...child.props,
             children: traverseAndModifyChildren(child.props.children)
           });
@@ -65,7 +65,7 @@ const TileGroup = props => {
         }
       });
     };
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, traverseAndModifyChildren(children));
+    return /*#__PURE__*/React.createElement(React.Fragment, null, traverseAndModifyChildren(children));
   };
   const handleChange = (newSelection, value, evt) => {
     if (newSelection !== selected) {
@@ -75,15 +75,15 @@ const TileGroup = props => {
   };
   const renderLegend = legend => {
     if (legend) {
-      return /*#__PURE__*/React__default.createElement("legend", {
+      return /*#__PURE__*/React.createElement("legend", {
         className: `${prefix}--label`
       }, legend);
     }
   };
-  return /*#__PURE__*/React__default.createElement("fieldset", {
+  return /*#__PURE__*/React.createElement("fieldset", {
     className: className ?? `${prefix}--tile-group`,
     disabled: disabled
-  }, renderLegend(legend), /*#__PURE__*/React__default.createElement("div", null, getRadioTilesWithWrappers(children)));
+  }, renderLegend(legend), /*#__PURE__*/React.createElement("div", null, getRadioTilesWithWrappers(children)));
 };
 TileGroup.propTypes = {
   /**

package/es/components/TimePicker/TimePicker.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' | 'value';
-export interface TimePickerProps extends Omit<ReactAttr<HTMLInputElement>, ExcludedAttributes> {
+export interface TimePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, ExcludedAttributes> {
     /**
      * Pass in the children that will be rendered next to the form control
      */

package/es/components/TimePicker/TimePicker.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 } from 'react';
+import React, { forwardRef } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
@@ -40,8 +40,8 @@ const TimePicker = frFn((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix();
-  const [isValue, setValue] = React__default.useState(value);
-  const [prevValue, setPrevValue] = React__default.useState(value);
+  const [isValue, setValue] = React.useState(value);
+  const [prevValue, setPrevValue] = React.useState(value);
   if (value !== prevValue) {
     setValue(value);
     setPrevValue(value);
@@ -87,7 +87,7 @@ const TimePicker = frFn((props, ref) => {
     [`${prefix}--visually-hidden`]: hideLabel,
     [`${prefix}--label--disabled`]: disabled
   });
-  const label = labelText ? /*#__PURE__*/React__default.createElement("label", {
+  const label = labelText ? /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
@@ -109,10 +109,10 @@ const TimePicker = frFn((props, ref) => {
         }
       }
     };
-    const mappedChildren = React__default.Children.map(children, pickerSelect => {
+    const mappedChildren = React.Children.map(children, pickerSelect => {
       const item = pickerSelect;
       if (item) {
-        return /*#__PURE__*/React__default.cloneElement(item, {
+        return /*#__PURE__*/React.cloneElement(item, {
           ...item.props,
           disabled: item.props.disabled ?? disabled,
           readOnly: readOnly,
@@ -125,13 +125,13 @@ const TimePicker = frFn((props, ref) => {
   const readOnlyProps = {
     readOnly: readOnly
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: cx(`${prefix}--form-item`, className)
-  }, label, /*#__PURE__*/React__default.createElement("div", {
+  }, label, /*#__PURE__*/React.createElement("div", {
     className: timePickerClasses
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker__input`
-  }, /*#__PURE__*/React__default.createElement("input", _extends({
+  }, /*#__PURE__*/React.createElement("input", _extends({
     className: timePickerInputClasses,
     "data-invalid": invalid ? invalid : undefined,
     disabled: disabled,
@@ -145,15 +145,15 @@ const TimePicker = frFn((props, ref) => {
     ref: ref,
     type: type,
     value: value
-  }, rest, readOnlyProps)), (invalid || warning) && /*#__PURE__*/React__default.createElement("div", {
+  }, rest, readOnlyProps)), (invalid || warning) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker__error__icon`
-  }, invalid ? /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, invalid ? /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--checkbox__invalid-icon`,
     size: 16
-  }) : /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }) : /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--text-input__invalid-icon--warning`,
     size: 16
-  }))), getInternalPickerSelects()), (invalid || warning) && /*#__PURE__*/React__default.createElement("div", {
+  }))), getInternalPickerSelects()), (invalid || warning) && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, invalid ? invalidText : warningText));
 });

package/es/components/TimePickerSelect/TimePickerSelect.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 const frFn = forwardRef;
@@ -30,15 +30,15 @@ const TimePickerSelect = frFn((props, ref) => {
       [className]: true
     })
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: selectClasses
-  }, /*#__PURE__*/React__default.createElement("select", _extends({
+  }, /*#__PURE__*/React.createElement("select", _extends({
     "aria-label": ariaLabel,
     className: `${prefix}--select-input`,
     disabled: disabled,
     id: id,
     ref: ref
-  }, rest), children), /*#__PURE__*/React__default.createElement(ChevronDown, {
+  }, rest), children), /*#__PURE__*/React.createElement(ChevronDown, {
     className: `${prefix}--select__arrow`,
     "aria-hidden": "true"
   }));

package/es/components/Toggle/Toggle.Skeleton.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 { usePrefix } from '../../internal/usePrefix.js';
 
@@ -18,11 +18,11 @@ const ToggleSkeleton = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const skeletonClassNames = cx(`${prefix}--toggle ${prefix}--toggle--skeleton`, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: skeletonClassNames
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--toggle__skeleton-circle`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--toggle__skeleton-rectangle`
   }));
 };

package/es/components/Toggle/Toggle.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef } from 'react';
+import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { useControllableState } from '../../internal/useControllableState.js';
@@ -69,7 +69,7 @@ function Toggle(_ref) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React__default.createElement("div", {
+    React.createElement("div", {
       className: wrapperClasses,
       onClick: !labelText ? e => {
         // the underlying <button> can only be activated by keyboard as it is visually hidden;
@@ -82,7 +82,7 @@ function Toggle(_ref) {
           buttonElement.current.focus();
         }
       } : undefined
-    }, /*#__PURE__*/React__default.createElement("button", _extends({}, other, {
+    }, /*#__PURE__*/React.createElement("button", _extends({}, other, {
       ref: buttonElement,
       id: id,
       className: `${prefix}--toggle__button`,
@@ -92,26 +92,26 @@ function Toggle(_ref) {
       "aria-labelledby": ariaLabelledby ?? (labelText ? labelId : undefined),
       disabled: disabled,
       onClick: handleClick
-    })), /*#__PURE__*/React__default.createElement(LabelComponent, {
+    })), /*#__PURE__*/React.createElement(LabelComponent, {
       id: labelId,
       htmlFor: ariaLabelledby ? undefined : id,
       className: `${prefix}--toggle__label`
-    }, labelText && /*#__PURE__*/React__default.createElement(Text, {
+    }, labelText && /*#__PURE__*/React.createElement(Text, {
       className: labelTextClasses
-    }, labelText), /*#__PURE__*/React__default.createElement("div", {
+    }, labelText), /*#__PURE__*/React.createElement("div", {
       className: appearanceClasses
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: switchClasses
-    }, isSm && /*#__PURE__*/React__default.createElement("svg", {
+    }, isSm && /*#__PURE__*/React.createElement("svg", {
       "aria-hidden": "true",
       focusable: "false",
       className: `${prefix}--toggle__check`,
       width: "6px",
       height: "5px",
       viewBox: "0 0 6 5"
-    }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
+    }, _path || (_path = /*#__PURE__*/React.createElement("path", {
       d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
-    })))), renderSideLabel && /*#__PURE__*/React__default.createElement(Text, {
+    })))), renderSideLabel && /*#__PURE__*/React.createElement(Text, {
       className: `${prefix}--toggle__text`,
       "aria-hidden": "true"
     }, sideLabel))))

package/es/components/ToggleSmall/ToggleSmall.Skeleton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext } from 'react';
+import React, { useContext } from 'react';
 import cx from 'classnames';
 import { PrefixContext } from '../../internal/usePrefix.js';
 
@@ -20,25 +20,25 @@ const ToggleSmallSkeleton = _ref => {
     ...rest
   } = _ref;
   const prefix = useContext(PrefixContext);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)
-  }, rest), /*#__PURE__*/React__default.createElement("input", {
+  }, rest), /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     id: id,
     className: `${prefix}--toggle ${prefix}--toggle--small ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("label", {
+  }), /*#__PURE__*/React.createElement("label", {
     className: `${prefix}--toggle__label ${prefix}--skeleton`,
     htmlFor: id
-  }, labelText && /*#__PURE__*/React__default.createElement("span", {
+  }, labelText && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--toggle__label-text`
-  }, labelText), /*#__PURE__*/React__default.createElement("span", {
+  }, labelText), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--toggle__appearance`
-  }, /*#__PURE__*/React__default.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     className: `${prefix}--toggle__check`,
     width: "6px",
     height: "5px",
     viewBox: "0 0 6 5"
-  }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
     d: "M2.2403 2.7299L4.9245 0 6 1.1117 2.2384 5 0 2.6863 1.0612 1.511z"
   }))))));
 };

package/es/components/Toggletip/index.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, useContext } from 'react';
+import React, { useRef, useState, useContext } from 'react';
 import { Popover, PopoverContent } from '../Popover/index.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -29,7 +29,7 @@ function ToggletipLabel(_ref) {
   const prefix = usePrefix();
   const className = cx(`${prefix}--toggletip-label`, customClassName);
   const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
     className: className
   }, rest), children);
 }
@@ -51,7 +51,7 @@ ToggletipLabel.propTypes = {
 };
 // Used to coordinate accessibility props between button and content along with
 // the actions to open and close the toggletip
-const ToggletipContext = /*#__PURE__*/React__default.createContext(undefined);
+const ToggletipContext = /*#__PURE__*/React.createContext(undefined);
 function useToggletip() {
   return useContext(ToggletipContext);
 }
@@ -135,9 +135,9 @@ function Toggletip(_ref2) {
       actions.close();
     }
   });
-  return /*#__PURE__*/React__default.createElement(ToggletipContext.Provider, {
+  return /*#__PURE__*/React.createElement(ToggletipContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(Popover, _extends({
+  }, /*#__PURE__*/React.createElement(Popover, _extends({
     align: align,
     as: as,
     caret: true,
@@ -209,7 +209,7 @@ Toggletip.propTypes = {
  * clicks and keyboard interactions.
  */
 
-const ToggletipButton = /*#__PURE__*/React__default.forwardRef(function ToggletipButton(_ref4, ref) {
+const ToggletipButton = /*#__PURE__*/React.forwardRef(function ToggletipButton(_ref4, ref) {
   let {
     children,
     className: customClassName,
@@ -222,11 +222,11 @@ const ToggletipButton = /*#__PURE__*/React__default.forwardRef(function Toggleti
   const className = cx(`${prefix}--toggletip-button`, customClassName);
   const ComponentToggle = BaseComponent ?? 'button';
   if (ComponentToggle !== 'button') {
-    return /*#__PURE__*/React__default.createElement(ComponentToggle, _extends({}, toggletip?.onClick, {
+    return /*#__PURE__*/React.createElement(ComponentToggle, _extends({}, toggletip?.onClick, {
       className: className
     }, rest), children);
   }
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, toggletip?.buttonProps, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, toggletip?.buttonProps, {
     "aria-label": label,
     type: "button",
     className: className,
@@ -254,19 +254,19 @@ ToggletipButton.displayName = 'ToggletipButton';
  * `children` passed in as a prop inside of `PopoverContent` so that they will
  * be rendered inside of the popover for this component.
  */
-const ToggletipContent = /*#__PURE__*/React__default.forwardRef(function ToggletipContent(_ref5, ref) {
+const ToggletipContent = /*#__PURE__*/React.forwardRef(function ToggletipContent(_ref5, ref) {
   let {
     children,
     className: customClassName
   } = _ref5;
   const toggletip = useToggletip();
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement(PopoverContent, _extends({
+  return /*#__PURE__*/React.createElement(PopoverContent, _extends({
     className: customClassName
   }, toggletip?.contentProps, {
     ref: ref,
     "aria-live": "polite"
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--toggletip-content`
   }, children));
 });
@@ -293,7 +293,7 @@ function ToggletipActions(_ref6) {
   } = _ref6;
   const prefix = usePrefix();
   const className = cx(`${prefix}--toggletip-actions`, customClassName);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
   }, children);
 }