@itwin/itwinui-react 3.17.0-dev.2 → 3.17.1

package/DEV-cjs/core/NonIdealState/ErrorPage.js

@@ -9,69 +9,69 @@ Object.defineProperty(exports, 'ErrorPage', {
   },
 });
 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 _Button = require('../Buttons/Button.js');
 const _NonIdealState = require('./NonIdealState.js');
 const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const Svg401 = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/Svg401'),
     ),
   ),
 );
 const Svg403 = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/Svg403'),
     ),
   ),
 );
 const Svg404 = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/Svg404'),
     ),
   ),
 );
 const Svg500 = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/Svg500'),
     ),
   ),
 );
 const Svg502 = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/Svg502'),
     ),
   ),
 );
 const Svg503 = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/Svg503'),
     ),
   ),
 );
 const SvgError = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/SvgError'),
     ),
   ),
 );
 const SvgRedirect = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/SvgRedirect'),
     ),
   ),
 );
 const SvgTimedOut = _react.lazy(() =>
   Promise.resolve().then(() =>
-    _interop_require_wildcard._(
+    /*#__PURE__*/ _interop_require_wildcard._(
       require('@itwin/itwinui-illustrations-react/SvgTimedOut'),
     ),
   ),

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

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'NonIdealState', {
 });
 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 NonIdealState = _react.forwardRef((props, forwardedRef) => {
   let {
     className,

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

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'NotificationMarker', {
 });
 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 NotificationMarker = _react.forwardRef((props, ref) => {
   let {
     className,

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Overlay', {
   },
 });
 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 OverlayComponent = _react.forwardRef((props, forwardedRef) => {
   let { content, children, ...rest } = props;
@@ -29,7 +29,7 @@ const OverlayHiddenContent = _react.forwardRef((props, ref) => {
   return _react.createElement(
     _index.Box,
     {
-      inert: '',
+      inert: 'true',
       ref: ref,
       ...rest,
     },

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

@@ -22,13 +22,17 @@ _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 _reactdom = _interop_require_wildcard._(require('react-dom'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _reactdom = /*#__PURE__*/ _interop_require_wildcard._(
+  require('react-dom'),
+);
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _Flex = require('../Flex/Flex.js');
 const _Text = require('../Typography/Text.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _helpers = require('./helpers.js');
 const PanelsWrapper = _react.forwardRef((props, forwardedRef) => {
   let {
@@ -147,7 +151,7 @@ const Panel = _react.forwardRef((props, forwardedRef) => {
           className: (0, _classnames.default)('iui-panel', className),
           'aria-labelledby': `${id}-header-title`,
           role: 'group',
-          inert: isInert ? '' : void 0,
+          inert: isInert ? 'true' : void 0,
           'data-iui-transitioning': isTransitioning ? 'true' : void 0,
           ...rest,
         },

package/DEV-cjs/core/Panels/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 _index = require('../../utils/index.js');
 const _Panels = require('./Panels.js');
 const PanelsInstanceContext = _react.createContext(void 0);

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

@@ -25,8 +25,10 @@ _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 _react1 = require('@floating-ui/react');
 const _index = require('../../utils/index.js');
 const _Portal = require('../../utils/components/Portal.js');
@@ -322,7 +324,7 @@ const PopoverPortal = ({ children, portal = true }) => {
     _react1.FloatingPortal,
     {
       key: portalTo?.id,
-      root: portalTo,
+      root: portalTo ?? void 0,
     },
     _react.createElement(DisplayContents, null),
     children,

package/DEV-cjs/core/ProgressIndicators/ProgressLinear.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ProgressLinear', {
 });
 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 _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const ProgressLinear = _react.forwardRef((props, forwardedRef) => {

package/DEV-cjs/core/ProgressIndicators/ProgressRadial.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ProgressRadial', {
 });
 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 ProgressRadial = _react.forwardRef((props, forwardedRef) => {

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Radio', {
 });
 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 Radio = _react.forwardRef((props, ref) => {
   let {

package/DEV-cjs/core/RadioTiles/RadioTile.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'RadioTile', {
 });
 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 RadioTile = _react.forwardRef((props, ref) => {
   let {

package/DEV-cjs/core/RadioTiles/RadioTileGroup.js

@@ -10,10 +10,12 @@ Object.defineProperty(exports, 'RadioTileGroup', {
 });
 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 _InputGroup = require('../InputGroup/InputGroup.js');
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const RadioTileGroup = _react.forwardRef((props, forwardedRef) => {
   let { children, label, tileContainerProps, ...rest } = props;
   return _react.createElement(

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SearchBox', {
 });
 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 SearchBoxContext = _react.createContext(void 0);
 const SearchBoxComponent = _react.forwardRef((props, ref) => {

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Select', {
 });
 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 _MenuItem = require('../Menu/MenuItem.js');
 const _index = require('../../utils/index.js');
 const _SelectTag = require('./SelectTag.js');

package/DEV-cjs/core/Select/SelectTag.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SelectTag', {
 });
 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 _Tag = require('../Tag/Tag.js');
 const SelectTag = _react.forwardRef((props, forwardedRef) => {
   let { className, label, ...rest } = props;

package/DEV-cjs/core/Select/SelectTagContainer.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SelectTagContainer', {
 });
 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 _SelectTag = require('./SelectTag.js');
 const _index = require('../../utils/index.js');
 const SelectTagContainer = _react.forwardRef((props, forwardedRef) => {

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

@@ -19,10 +19,14 @@ _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 _IconButton = require('../Buttons/IconButton.js');
+const _react1 = require('@floating-ui/react');
+const _Tooltip = require('../Tooltip/Tooltip.js');
 const SidenavExpandedContext = _react.createContext(void 0);
 const SideNavigation = _react.forwardRef((props, forwardedRef) => {
   let {
@@ -74,56 +78,62 @@ const SideNavigation = _react.forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
       },
       _react.createElement(
-        _index.Box,
+        _react1.FloatingDelayGroup,
         {
-          as: 'div',
-          className: (0, _classnames.default)(
-            'iui-side-navigation',
-            {
-              'iui-expanded': isExpanded,
-              'iui-collapsed': !isExpanded,
-            },
-            className,
-          ),
-          ...rest,
+          delay: _Tooltip.defaultTooltipDelay,
         },
-        'top' === expanderPlacement && ExpandButton,
         _react.createElement(
           _index.Box,
           {
             as: 'div',
-            ...contentProps,
             className: (0, _classnames.default)(
-              'iui-sidenav-content',
-              contentProps?.className,
+              'iui-side-navigation',
+              {
+                'iui-expanded': isExpanded,
+                'iui-collapsed': !isExpanded,
+              },
+              className,
             ),
+            ...rest,
           },
+          'top' === expanderPlacement && ExpandButton,
           _react.createElement(
             _index.Box,
             {
               as: 'div',
-              ...topProps,
+              ...contentProps,
               className: (0, _classnames.default)(
-                'iui-top',
-                topProps?.className,
+                'iui-sidenav-content',
+                contentProps?.className,
               ),
             },
-            items,
-          ),
-          _react.createElement(
-            _index.Box,
-            {
-              as: 'div',
-              ...bottomProps,
-              className: (0, _classnames.default)(
-                'iui-bottom',
-                bottomProps?.className,
-              ),
-            },
-            secondaryItems,
+            _react.createElement(
+              _index.Box,
+              {
+                as: 'div',
+                ...topProps,
+                className: (0, _classnames.default)(
+                  'iui-top',
+                  topProps?.className,
+                ),
+              },
+              items,
+            ),
+            _react.createElement(
+              _index.Box,
+              {
+                as: 'div',
+                ...bottomProps,
+                className: (0, _classnames.default)(
+                  'iui-bottom',
+                  bottomProps?.className,
+                ),
+              },
+              secondaryItems,
+            ),
           ),
+          'bottom' === expanderPlacement && ExpandButton,
         ),
-        'bottom' === expanderPlacement && ExpandButton,
       ),
       submenu && isSubmenuOpen ? submenu : null,
     ),

package/DEV-cjs/core/SideNavigation/SidenavButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SidenavButton', {
 });
 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('../Buttons/Button.js');
 const _Tooltip = require('../Tooltip/Tooltip.js');
 const _SideNavigation = require('./SideNavigation.js');

package/DEV-cjs/core/SideNavigation/SidenavSubmenu.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SidenavSubmenu', {
 });
 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 SidenavSubmenu = _react.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;

package/DEV-cjs/core/SideNavigation/SidenavSubmenuHeader.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SidenavSubmenuHeader', {
 });
 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 SidenavSubmenuHeader = _react.forwardRef((props, forwardedRef) => {
   let { children, actions, className, ...rest } = props;

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SkipToContentLink', {
 });
 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 SkipToContentLink = _react.forwardRef((props, ref) => {
   let { children = 'Skip to main content', className, ...rest } = props;

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

@@ -10,11 +10,15 @@ Object.defineProperty(exports, 'Slider', {
 });
 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 _Track = require('./Track.js');
 const _Thumb = require('./Thumb.js');
+const _react1 = require('@floating-ui/react');
+const _Tooltip = require('../Tooltip/Tooltip.js');
 const getPercentageOfRectangle = (rect, pointerX, pointerY, orientation) => {
   if ('horizontal' === orientation) {
     let position = (0, _index.getBoundedValue)(pointerX, rect.left, rect.right);
@@ -313,47 +317,53 @@ const Slider = _react.forwardRef((props, ref) => {
         minValueLabel,
       ),
     _react.createElement(
-      _index.Box,
+      _react1.FloatingDelayGroup,
       {
-        ref: containerRef,
-        ...trackContainerProps,
-        className: (0, _classnames.default)(
-          'iui-slider',
-          {
-            'iui-grabbing': void 0 !== activeThumbIndex,
-          },
-          trackContainerProps?.className,
-        ),
-        onPointerDown: handlePointerDownOnSlider,
+        delay: _Tooltip.defaultTooltipDelay,
       },
-      currentValues.map((thumbValue, index) => {
-        let [minVal, maxVal] = getAllowableThumbRange(index);
-        let thisThumbProps = thumbProps?.(index);
-        return _react.createElement(_Thumb.Thumb, {
-          key: thisThumbProps?.id ?? index,
-          index: index,
-          disabled: disabled,
-          isActive: activeThumbIndex === index,
-          onThumbActivated: onThumbActivated,
-          onThumbValueChanged: onThumbValueChanged,
-          minVal: minVal,
-          maxVal: maxVal,
-          value: thumbValue,
-          tooltipProps: generateTooltipProps(index, thumbValue),
-          thumbProps: thisThumbProps,
-          step: step,
+      _react.createElement(
+        _index.Box,
+        {
+          ref: containerRef,
+          ...trackContainerProps,
+          className: (0, _classnames.default)(
+            'iui-slider',
+            {
+              'iui-grabbing': void 0 !== activeThumbIndex,
+            },
+            trackContainerProps?.className,
+          ),
+          onPointerDown: handlePointerDownOnSlider,
+        },
+        currentValues.map((thumbValue, index) => {
+          let [minVal, maxVal] = getAllowableThumbRange(index);
+          let thisThumbProps = thumbProps?.(index);
+          return _react.createElement(_Thumb.Thumb, {
+            key: thisThumbProps?.id ?? index,
+            index: index,
+            disabled: disabled,
+            isActive: activeThumbIndex === index,
+            onThumbActivated: onThumbActivated,
+            onThumbValueChanged: onThumbValueChanged,
+            minVal: minVal,
+            maxVal: maxVal,
+            value: thumbValue,
+            tooltipProps: generateTooltipProps(index, thumbValue),
+            thumbProps: thisThumbProps,
+            step: step,
+            sliderMin: min,
+            sliderMax: max,
+          });
+        }),
+        _react.createElement(_Track.Track, {
+          trackDisplayMode: trackDisplay,
           sliderMin: min,
           sliderMax: max,
-        });
-      }),
-      _react.createElement(_Track.Track, {
-        trackDisplayMode: trackDisplay,
-        sliderMin: min,
-        sliderMax: max,
-        values: currentValues,
-        orientation: orientation,
-        ...trackProps,
-      }),
+          values: currentValues,
+          orientation: orientation,
+          ...trackProps,
+        }),
+      ),
     ),
     tickMarkArea,
     maxValueLabel &&

package/DEV-cjs/core/Slider/Thumb.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Thumb', {
 });
 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 _Tooltip = require('../Tooltip/Tooltip.js');
 const _index = require('../../utils/index.js');
 const Thumb = (props) => {

package/DEV-cjs/core/Slider/Track.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Track', {
 });
 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');
 function shouldDisplaySegment(segmentIndex, mode) {
   if ('odd-segments' === mode && 0 === (segmentIndex + 1) % 2) return true;