@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # Changelog
 
+## 3.17.0
+
+### Minor Changes
+
+- [#2387](https://github.com/iTwin/iTwinUI/pull/2387): Added support for React 19.
+- [#2373](https://github.com/iTwin/iTwinUI/pull/2373): Added a **theme bridge** which adjusts iTwinUI v3 visuals to blend in with iTwinUI v5's new look-and-feel.
+
+  To enable the theme bridge, use the `future.themeBridge` flag on `<ThemeProvider>`. See [full documentation](https://github.com/iTwin/iTwinUI/wiki/iTwinUI-v5-theme-bridge) for more detailed instructions.
+
+  **Note**: The theme bridge is still considered an _alpha_ feature, so there may be breaking changes until it's stabilized.
+
+- [#2391](https://github.com/iTwin/iTwinUI/pull/2391): Removed dependency on `react-transition-group`. Notable changes in components:
+  - `useToaster`: Animations have been reworked to directly use the web animations API.
+  - `Dialog` and `Modal`: Exit animations have been temporarily removed.
+- [#2387](https://github.com/iTwin/iTwinUI/pull/2387): Bumped the minimum required versions of the following dependencies:
+  - `@tanstack/react-virtual` to `3.13.0`
+  - `@floating-ui/react` to `0.27.4`
+  - `classnames` to `2.5.1`
+
+### Patch Changes
+
+- [#2429](https://github.com/iTwin/iTwinUI/pull/2429): Fixed an issue where disabled buttons were still causing form submissions. Affects `Button`, `IconButton`, and all other button components.
+- [#2368](https://github.com/iTwin/iTwinUI/pull/2368): Fine-tuned the default Tooltip delay to `{ open: 100ms, close: 200ms }`.
+- [#2368](https://github.com/iTwin/iTwinUI/pull/2368): Added `Tooltip` delay grouping to components that use `Tooltip` internally. This prevents the tooltip from lingering when quickly hovering across different parts of the component.
+  - Components affected: `SideNavigation`, `Slider`, `Stepper`, `List`.
+- [#2373](https://github.com/iTwin/iTwinUI/pull/2373): Fixed an issue in `InputWithDecorations` and `SearchBox` where the component-level focus styling was colliding with global focus styling, leading to double focus outlines.
+
+## 3.16.6
+
+### Patch Changes
+
+- [#2411](https://github.com/iTwin/iTwinUI/pull/2411): Fixed `Panels.Trigger` not working in older React versions where `useId` is not available.
+- [#2407](https://github.com/iTwin/iTwinUI/pull/2407): Increased contrast (i.e. opacity) of light theme's text selection background. This also affects some other opacities of other components (e.g. shadows and hover backgrounds).
+
+## 3.16.5
+
+### Patch Changes
+
+- [#2402](https://github.com/iTwin/iTwinUI/pull/2402): Fixed an issue in `Tabs` where it wasn't recalculating the active stripe position when a new tab was asynchronously added to the tablist.
+
+## 3.16.4
+
+### Patch Changes
+
+- [#2389](https://github.com/iTwin/iTwinUI/pull/2389): Fixed `Table` bug where parent rows had indeterminate checkboxes even when all sub rows were selected.
+- [#2390](https://github.com/iTwin/iTwinUI/pull/2390): Fixed `ThemeProvider` bug of re-mounting its children and losing state when `portalContainer` is toggled between `undefined` and defined.
+- [#2396](https://github.com/iTwin/iTwinUI/pull/2396): Fixed rare bug where icons in button components (e.g. `Button`, `SidenavButton`, etc.) were becoming 0 in width when less space was available.
+
 ## 3.16.3
 
 ### Patch Changes

package/DEV-cjs/core/Alert/Alert.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Alert', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _Icon = require('../Icon/Icon.js');

package/DEV-cjs/core/Avatar/Avatar.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const getBackground = (color) => {

package/DEV-cjs/core/AvatarGroup/AvatarGroup.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'AvatarGroup', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const AvatarGroup = _react.forwardRef((props, ref) => {
   let maxLength = 99;

package/DEV-cjs/core/Backdrop/Backdrop.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Backdrop', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const Backdrop = _react.forwardRef((props, ref) => {
   let { isVisible = true, className, ...rest } = props;

package/DEV-cjs/core/Badge/Badge.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Badge', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const getBadgeColorValue = (color) => {
   if (!color) return '';

package/DEV-cjs/core/Breadcrumbs/Breadcrumbs.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Breadcrumbs', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _Button = require('../Buttons/Button.js');
 const _Anchor = require('../Typography/Anchor.js');

package/DEV-cjs/core/ButtonGroup/ButtonGroup.js

@@ -19,10 +19,13 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _react1 = require('@floating-ui/react');
+const _Tooltip = require('../Tooltip/Tooltip.js');
 const ButtonGroupContext = _react.createContext(void 0);
 ButtonGroupContext.displayName = 'ButtonGroupContext';
 const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
@@ -68,10 +71,7 @@ const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
   return _react.createElement(
     _react1.FloatingDelayGroup,
     {
-      delay: {
-        open: 50,
-        close: 250,
-      },
+      delay: _Tooltip.defaultTooltipDelay,
     },
     _react.createElement(
       ButtonGroupContext.Provider,

package/DEV-cjs/core/Buttons/Button.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Button', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _Popover = require('../Popover/Popover.js');

package/DEV-cjs/core/Buttons/DropdownButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'DropdownButton', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Button = require('./Button.js');
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _index = require('../../utils/index.js');

package/DEV-cjs/core/Buttons/IconButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'IconButton', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Tooltip = require('../Tooltip/Tooltip.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');

package/DEV-cjs/core/Buttons/IdeasButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'IdeasButton', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Button = require('./Button.js');
 const IdeasButton = _react.forwardRef((props, ref) => {

package/DEV-cjs/core/Buttons/SplitButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SplitButton', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Button = require('./Button.js');
 const _IconButton = require('./IconButton.js');
 const _index = require('../../utils/index.js');

package/DEV-cjs/core/Carousel/Carousel.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Carousel', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _CarouselContext = require('./CarouselContext.js');
 const _CarouselSlider = require('./CarouselSlider.js');

package/DEV-cjs/core/Carousel/CarouselContext.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, 'CarouselContext', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const CarouselContext = _react.createContext(void 0);
 CarouselContext.displayName = 'CarouselContext';

package/DEV-cjs/core/Carousel/CarouselDot.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselDot', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const CarouselDot = _react.forwardRef((props, ref) => {
   let { isActive, isSmaller, isSmall, className, ...rest } = props;

package/DEV-cjs/core/Carousel/CarouselDotsList.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselDotsList', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _CarouselContext = require('./CarouselContext.js');
 const _index = require('../../utils/index.js');
 const _CarouselDot = require('./CarouselDot.js');

package/DEV-cjs/core/Carousel/CarouselNavigation.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselNavigation', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _CarouselContext = require('./CarouselContext.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _CarouselDotsList = require('./CarouselDotsList.js');

package/DEV-cjs/core/Carousel/CarouselSlide.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselSlide', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _CarouselContext = require('./CarouselContext.js');
 const CarouselSlide = _react.forwardRef((props, ref) => {
@@ -42,7 +44,7 @@ const CarouselSlide = _react.forwardRef((props, ref) => {
       'aria-roledescription': 'slide',
       tabIndex: index === currentIndex ? 0 : void 0,
       ref: refs,
-      inert: index !== currentIndex ? '' : void 0,
+      inert: index !== currentIndex ? 'true' : void 0,
       ...rest,
       onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (event) => {
         if ('ArrowLeft' === event.key || 'ArrowRight' === event.key)

package/DEV-cjs/core/Carousel/CarouselSlider.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselSlider', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _CarouselContext = require('./CarouselContext.js');
 const _index = require('../../utils/index.js');
 const CarouselSlider = _react.forwardRef((props, ref) => {
@@ -49,7 +51,7 @@ const CarouselSlider = _react.forwardRef((props, ref) => {
       behavior: instant || !motionOk ? 'instant' : 'smooth',
     });
   };
-  let scrollTimeout = _react.useRef();
+  let scrollTimeout = _react.useRef(void 0);
   let handleOnScroll = _react.useCallback(() => {
     if (scrollTimeout.current)
       (0, _index.getWindow)()?.clearTimeout(scrollTimeout.current);

package/DEV-cjs/core/Checkbox/Checkbox.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Checkbox', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _index = require('../../utils/index.js');
 const Checkbox = _react.forwardRef((props, ref) => {
@@ -33,8 +35,9 @@ const Checkbox = _react.forwardRef((props, ref) => {
   _react.useEffect(() => {
     if (inputElementRef.current) {
       inputElementRef.current.indeterminate = indeterminate;
-      inputElementRef.current.checked =
-        !indeterminate && inputElementRef.current.checked;
+      inputElementRef.current.checked = indeterminate
+        ? false
+        : inputElementRef.current.checked;
     }
   });
   let checkbox = _react.createElement(

package/DEV-cjs/core/ColorPicker/ColorBuilder.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorBuilder', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _Slider = require('../Slider/Slider.js');
 const _ColorPickerContext = require('./ColorPickerContext.js');
@@ -32,7 +34,7 @@ const ColorBuilder = _react.forwardRef((props, ref) => {
     hueSliderProps,
     ...rest
   } = props;
-  let builderRef = _react.useRef();
+  let builderRef = _react.useRef(void 0);
   let refs = (0, _index.useMergedRefs)(builderRef, ref);
   let {
     activeColor,

package/DEV-cjs/core/ColorPicker/ColorInputPanel.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorInputPanel', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _IconButton = require('../Buttons/IconButton.js');
 const _Input = require('../Input/Input.js');
 const _index = require('../../utils/index.js');

package/DEV-cjs/core/ColorPicker/ColorPalette.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorPalette', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _ColorPicker = require('./ColorPicker.js');
 const _ColorSwatch = require('./ColorSwatch.js');

package/DEV-cjs/core/ColorPicker/ColorPicker.js

@@ -19,9 +19,11 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _ColorPickerContext = require('./ColorPickerContext.js');
 const getColorValue = (color) => {
   if (color instanceof _index.ColorValue) return color;

package/DEV-cjs/core/ColorPicker/ColorPickerContext.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const ColorPickerContext = _react.createContext(void 0);
 const useColorPickerContext = () => {
   let context = _react.useContext(ColorPickerContext);

package/DEV-cjs/core/ColorPicker/ColorSwatch.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorSwatch', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _ColorPicker = require('./ColorPicker.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');

package/DEV-cjs/core/ComboBox/ComboBox.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ComboBox', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _MenuExtraContent = require('../Menu/MenuExtraContent.js');
 const _SelectTag = require('../Select/SelectTag.js');
 const _Text = require('../Typography/Text.js');

package/DEV-cjs/core/ComboBox/ComboBoxEndIcon.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ComboBoxEndIcon', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Icon = require('../Icon/Icon.js');
 const ComboBoxEndIcon = _react.forwardRef((props, forwardedRef) => {

package/DEV-cjs/core/ComboBox/ComboBoxInput.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ComboBoxInput', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Input = require('../Input/Input.js');
 const _index = require('../../utils/index.js');
 const _ComboBoxMultipleContainer = require('./ComboBoxMultipleContainer.js');

package/DEV-cjs/core/ComboBox/ComboBoxInputContainer.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ComboBoxInputContainer', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _StatusMessage = require('../StatusMessage/StatusMessage.js');
 const _index = require('../../utils/index.js');
 const _helpers = require('./helpers.js');

package/DEV-cjs/core/ComboBox/ComboBoxMenu.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ComboBoxMenu', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _helpers = require('./helpers.js');
 const _List = require('../List/List.js');

package/DEV-cjs/core/ComboBox/ComboBoxMenuItem.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ComboBoxMenuItem', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _helpers = require('./helpers.js');
 const _ListItem = require('../List/ListItem.js');

package/DEV-cjs/core/ComboBox/ComboBoxMultipleContainer.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ComboBoxMultipleContainer', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _SelectTagContainer = require('../Select/SelectTagContainer.js');
 const ComboBoxMultipleContainer = _react.forwardRef((props, ref) => {
   let { selectedItems = [], ...rest } = props;

package/DEV-cjs/core/ComboBox/helpers.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const ComboBoxRefsContext = _react.createContext(void 0);
 ComboBoxRefsContext.displayName = 'ComboBoxRefsContext';
 const ComboBoxStateContext = _react.createContext(void 0);

package/DEV-cjs/core/DatePicker/DatePicker.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _TimePicker = require('../TimePicker/TimePicker.js');