@itwin/itwinui-react 3.0.0-dev.10 → 3.0.0-dev.11

package/{esm/core/utils/components → cjs/core/LinkAction}/LinkAction.d.ts

@@ -8,7 +8,7 @@
  *   </Surface>
  * </LinkBox>
  */
-export declare const LinkAction: import("../props.js").PolymorphicForwardRefComponent<"a", {}>;
+export declare const LinkAction: import("../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
 /**
  * Polymorphic link box component.
  * Used to wrap around your component to use LinkAction.
@@ -20,4 +20,4 @@ export declare const LinkAction: import("../props.js").PolymorphicForwardRefComp
  *   </Surface>
  * </LinkBox>
  */
-export declare const LinkBox: import("../props.js").PolymorphicForwardRefComponent<"div", {}>;
+export declare const LinkBox: import("../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/{utils/components → LinkAction}/LinkAction.js

@@ -5,7 +5,7 @@ exports.LinkBox = exports.LinkAction = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const polymorphic_js_1 = require('../functions/polymorphic.js');
+const polymorphic_js_1 = require('../utils/functions/polymorphic.js');
 /**
  * Polymorphic link action component.
  * It is rendered as `a` by default.

package/cjs/core/Menu/MenuItem.js

@@ -11,6 +11,7 @@ const index_js_1 = require('../utils/index.js');
 const Menu_js_1 = require('./Menu.js');
 const ListItem_js_1 = require('../List/ListItem.js');
 const react_dom_1 = require('react-dom');
+const Popover_js_1 = require('../Popover/Popover.js');
 /**
  * Context used to provide menu item ref to sub-menu items.
  */
@@ -51,7 +52,7 @@ exports.MenuItem = React.forwardRef((props, forwardedRef) => {
     // so we need to let the parent know whether the submenu is still open.
     parent.setIsNestedSubmenuVisible(open);
   };
-  const popover = (0, index_js_1.usePopover)({
+  const popover = (0, Popover_js_1.usePopover)({
     visible: isSubmenuVisible || isNestedSubmenuVisible,
     onVisibleChange,
     placement: 'right-start',

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -9,6 +9,7 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../utils/index.js');
+const VisuallyHidden_js_1 = require('../VisuallyHidden/VisuallyHidden.js');
 /**
  * Menu item that uses skeletons to indicate loading state.
  */
@@ -54,7 +55,7 @@ exports.MenuItemSkeleton = React.forwardRef((props, forwardedRef) => {
           'aria-hidden': true,
         }),
       React.createElement(
-        index_js_1.VisuallyHidden,
+        VisuallyHidden_js_1.VisuallyHidden,
         null,
         translatedStrings.loading,
       ),

package/cjs/core/Modal/Modal.js

@@ -7,7 +7,7 @@ const tslib_1 = require('tslib');
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../Dialog/index.js');
+const Dialog_js_1 = require('../Dialog/Dialog.js');
 /**
  * Modal component which can wrap any content.
  * @example
@@ -42,7 +42,7 @@ exports.Modal = React.forwardRef((props, forwardedRef) => {
     ...rest
   } = props;
   return React.createElement(
-    index_js_1.Dialog,
+    Dialog_js_1.Dialog,
     {
       isOpen: isOpen,
       closeOnEsc: closeOnEsc,
@@ -55,11 +55,11 @@ exports.Modal = React.forwardRef((props, forwardedRef) => {
       ref: forwardedRef,
       portal: portal,
     },
-    React.createElement(index_js_1.Dialog.Backdrop, null),
+    React.createElement(Dialog_js_1.Dialog.Backdrop, null),
     React.createElement(
-      index_js_1.Dialog.Main,
+      Dialog_js_1.Dialog.Main,
       { 'aria-modal': true, ...rest },
-      React.createElement(index_js_1.Dialog.TitleBar, { titleText: title }),
+      React.createElement(Dialog_js_1.Dialog.TitleBar, { titleText: title }),
       children,
     ),
   );

package/cjs/core/NonIdealState/ErrorPage.js

@@ -7,38 +7,38 @@ const tslib_1 = require('tslib');
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../Buttons/Button/index.js');
+const Button_js_1 = require('../Buttons/Button.js');
 const NonIdealState_js_1 = require('./NonIdealState.js');
-const index_js_2 = require('../ProgressIndicators/index.js');
-const index_js_3 = require('../utils/index.js');
+const ProgressRadial_js_1 = require('../ProgressIndicators/ProgressRadial.js');
+const index_js_1 = require('../utils/index.js');
 const Svg401 = React.lazy(() =>
-  (0, index_js_3.dynamicImport)('@itwin/itwinui-illustrations-react/Svg401'),
+  (0, index_js_1.dynamicImport)('@itwin/itwinui-illustrations-react/Svg401'),
 );
 const Svg403 = React.lazy(() =>
-  (0, index_js_3.dynamicImport)('@itwin/itwinui-illustrations-react/Svg403'),
+  (0, index_js_1.dynamicImport)('@itwin/itwinui-illustrations-react/Svg403'),
 );
 const Svg404 = React.lazy(() =>
-  (0, index_js_3.dynamicImport)('@itwin/itwinui-illustrations-react/Svg404'),
+  (0, index_js_1.dynamicImport)('@itwin/itwinui-illustrations-react/Svg404'),
 );
 const Svg500 = React.lazy(() =>
-  (0, index_js_3.dynamicImport)('@itwin/itwinui-illustrations-react/Svg500'),
+  (0, index_js_1.dynamicImport)('@itwin/itwinui-illustrations-react/Svg500'),
 );
 const Svg502 = React.lazy(() =>
-  (0, index_js_3.dynamicImport)('@itwin/itwinui-illustrations-react/Svg502'),
+  (0, index_js_1.dynamicImport)('@itwin/itwinui-illustrations-react/Svg502'),
 );
 const Svg503 = React.lazy(() =>
-  (0, index_js_3.dynamicImport)('@itwin/itwinui-illustrations-react/Svg503'),
+  (0, index_js_1.dynamicImport)('@itwin/itwinui-illustrations-react/Svg503'),
 );
 const SvgError = React.lazy(() =>
-  (0, index_js_3.dynamicImport)('@itwin/itwinui-illustrations-react/SvgError'),
+  (0, index_js_1.dynamicImport)('@itwin/itwinui-illustrations-react/SvgError'),
 );
 const SvgRedirect = React.lazy(() =>
-  (0, index_js_3.dynamicImport)(
+  (0, index_js_1.dynamicImport)(
     '@itwin/itwinui-illustrations-react/SvgRedirect',
   ),
 );
 const SvgTimedOut = React.lazy(() =>
-  (0, index_js_3.dynamicImport)(
+  (0, index_js_1.dynamicImport)(
     '@itwin/itwinui-illustrations-react/SvgTimedOut',
   ),
 );
@@ -161,7 +161,7 @@ exports.ErrorPage = React.forwardRef((props, forwardedRef) => {
       return undefined;
     }
     return React.createElement(
-      index_js_1.Button,
+      Button_js_1.Button,
       { styleType: 'high-visibility', onClick: primaryButtonHandle },
       primaryButtonLabel,
     );
@@ -171,7 +171,7 @@ exports.ErrorPage = React.forwardRef((props, forwardedRef) => {
       return undefined;
     }
     return React.createElement(
-      index_js_1.Button,
+      Button_js_1.Button,
       { styleType: 'default', onClick: secondaryButtonHandle },
       secondaryButtonLabel,
     );
@@ -192,7 +192,9 @@ exports.ErrorPage = React.forwardRef((props, forwardedRef) => {
   return React.createElement(NonIdealState_js_1.NonIdealState, {
     svg: React.createElement(
       React.Suspense,
-      { fallback: React.createElement(index_js_2.ProgressRadial, null) },
+      {
+        fallback: React.createElement(ProgressRadial_js_1.ProgressRadial, null),
+      },
       getErrorIcon(),
     ),
     heading: getHeadingMessage(),

package/{esm/core/utils/components → cjs/core/Popover}/Popover.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Placement } from '@floating-ui/react';
-import type { PolymorphicForwardRefComponent } from '../index.js';
-import type { PortalProps } from './Portal.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import type { PortalProps } from '../utils/components/Portal.js';
 type PopoverOptions = {
     /**
      * Placement of the popover content.
@@ -81,11 +81,7 @@ export declare const usePopover: (options: PopoverOptions & PopoverInternalProps
         setFloating: (node: HTMLElement | null) => void;
     } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
     elements: {
-        reference: import("@floating-ui/react-dom").ReferenceType | null; /**
-         * Middleware options.
-         *
-         * @see https://floating-ui.com/docs/offset
-         */
+        reference: import("@floating-ui/react-dom").ReferenceType | null;
         floating: HTMLElement | null;
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {

package/cjs/core/{utils/components → Popover}/Popover.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 exports.Popover = exports.usePopover = void 0;
 const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const react_1 = require('@floating-ui/react');
-const index_js_1 = require('../index.js');
-const Portal_js_1 = require('./Portal.js');
-const index_js_2 = require('../../Surface/index.js');
-const index_js_3 = require('../../ThemeProvider/index.js');
+const index_js_1 = require('../utils/index.js');
+const Portal_js_1 = require('../utils/components/Portal.js');
+const ThemeProvider_js_1 = require('../ThemeProvider/ThemeProvider.js');
 // ----------------------------------------------------------------------------
 const usePopover = (options) => {
   const {
@@ -111,6 +111,7 @@ exports.Popover = React.forwardRef((props, forwardedRef) => {
     matchWidth,
     //
     // dom props
+    className,
     children,
     content,
     applyBackground,
@@ -142,7 +143,7 @@ exports.Popover = React.forwardRef((props, forwardedRef) => {
           Portal_js_1.Portal,
           { portal: portal },
           React.createElement(
-            index_js_3.ThemeProvider,
+            ThemeProvider_js_1.ThemeProvider,
             { portalContainer: popoverElement },
             React.createElement(
               react_1.FloatingFocusManager,
@@ -155,7 +156,10 @@ exports.Popover = React.forwardRef((props, forwardedRef) => {
               React.createElement(
                 index_js_1.Box,
                 {
-                  as: applyBackground ? index_js_2.Surface : 'div',
+                  className: (0, classnames_1.default)(
+                    { 'iui-popover-surface': applyBackground },
+                    className,
+                  ),
                   ...popover.getFloatingProps(rest),
                   ref: popoverRef,
                 },

package/cjs/core/RadioTiles/RadioTileGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InputGroup } from '../InputGroup/index.js';
+import { InputGroup } from '../InputGroup/InputGroup.js';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 type RadioTileGroupProps = Omit<React.ComponentProps<typeof InputGroup>, 'displayStyle' | 'disabled'>;
 /**

package/cjs/core/RadioTiles/RadioTileGroup.js

@@ -7,8 +7,8 @@ const tslib_1 = require('tslib');
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../InputGroup/index.js');
-const index_js_2 = require('../utils/index.js');
+const InputGroup_js_1 = require('../InputGroup/InputGroup.js');
+const index_js_1 = require('../utils/index.js');
 /**
  * RadioTileGroup component to group RadioTile components together
  * @example
@@ -20,10 +20,10 @@ const index_js_2 = require('../utils/index.js');
 exports.RadioTileGroup = React.forwardRef((props, forwardedRef) => {
   const { children, label, ...rest } = props;
   return React.createElement(
-    index_js_1.InputGroup,
+    InputGroup_js_1.InputGroup,
     { label: label, ref: forwardedRef, ...rest },
     React.createElement(
-      index_js_2.Box,
+      index_js_1.Box,
       { className: 'iui-radio-tile-container' },
       children,
     ),

package/cjs/core/SearchBox/SearchBox.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import type { IconProps, PolymorphicForwardRefComponent, InputFlexContainerProps } from '../utils/index.js';
-import type { IconButtonProps } from '../Buttons/IconButton/IconButton.js';
+import type { PolymorphicForwardRefComponent, InputFlexContainerProps } from '../utils/index.js';
+import type { IconButtonProps } from '../Buttons/IconButton.js';
+import type { IconProps } from '../Icon/Icon.js';
 type SearchBoxOwnProps = {
     /**
      * Whether the searchbox is expandable.

package/cjs/core/SearchBox/SearchBox.js

@@ -9,7 +9,8 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../utils/index.js');
-const index_js_2 = require('../Buttons/IconButton/index.js');
+const IconButton_js_1 = require('../Buttons/IconButton.js');
+const Icon_js_1 = require('../Icon/Icon.js');
 const SearchBoxContext = React.createContext(undefined);
 const SearchBoxComponent = React.forwardRef((props, ref) => {
   const {
@@ -122,7 +123,7 @@ SearchBoxExpandedState.displayName = 'SearchBox.ExpandedState';
 const SearchBoxIcon = React.forwardRef((props, ref) => {
   const { className, children, ...rest } = props;
   return React.createElement(
-    index_js_1.Icon,
+    Icon_js_1.Icon,
     {
       'aria-hidden': true,
       className: (0, classnames_1.default)('iui-search-icon', className),
@@ -162,7 +163,7 @@ const SearchBoxButton = React.forwardRef((props, ref) => {
     SearchBoxContext,
   );
   return React.createElement(
-    index_js_2.IconButton,
+    IconButton_js_1.IconButton,
     {
       styleType: 'borderless',
       size: sizeContext,

package/cjs/core/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { usePopover } from '../utils/index.js';
 import type { CommonProps } from '../utils/index.js';
+import { usePopover } from '../Popover/Popover.js';
 export type ItemRendererProps = {
     /**
      * Close handler that closes the dropdown.

package/cjs/core/Select/Select.js

@@ -8,12 +8,13 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../Menu/index.js');
-const index_js_2 = require('../utils/index.js');
-const SelectTag_js_1 = tslib_1.__importDefault(require('./SelectTag.js'));
-const SelectTagContainer_js_1 = tslib_1.__importDefault(
-  require('./SelectTagContainer.js'),
-);
+const Menu_js_1 = require('../Menu/Menu.js');
+const MenuItem_js_1 = require('../Menu/MenuItem.js');
+const index_js_1 = require('../utils/index.js');
+const SelectTag_js_1 = require('./SelectTag.js');
+const SelectTagContainer_js_1 = require('./SelectTagContainer.js');
+const Icon_js_1 = require('../Icon/Icon.js');
+const Popover_js_1 = require('../Popover/Popover.js');
 const isMultipleEnabled = (variable, multiple) => {
   return multiple;
 };
@@ -71,7 +72,7 @@ const isSingleOnChange = (onChange, multiple) => {
  * />
  */
 const Select = (props) => {
-  const uid = (0, index_js_2.useId)();
+  const uid = (0, index_js_1.useId)();
   const {
     options,
     value,
@@ -113,7 +114,7 @@ const Select = (props) => {
         : value === option.value;
       const menuItem = itemRenderer
         ? itemRenderer(option, { close: () => setIsOpen(false), isSelected })
-        : React.createElement(index_js_1.MenuItem, null, option.label);
+        : React.createElement(MenuItem_js_1.MenuItem, null, option.label);
       const { label, icon, startIcon: startIconProp, ...restOption } = option;
       const startIcon = startIconProp ?? icon;
       return React.cloneElement(menuItem, {
@@ -121,7 +122,7 @@ const Select = (props) => {
         isSelected,
         startIcon: startIcon,
         endIcon: isSelected
-          ? React.createElement(index_js_2.SvgCheckmark, {
+          ? React.createElement(index_js_1.SvgCheckmark, {
               'aria-hidden': true,
             })
           : null,
@@ -170,12 +171,12 @@ const Select = (props) => {
       : options.find((option) => option.value === value);
   }, [multiple, options, value]);
   const tagRenderer = React.useCallback((item) => {
-    return React.createElement(SelectTag_js_1.default, {
+    return React.createElement(SelectTag_js_1.SelectTag, {
       key: item.label,
       label: item.label,
     });
   }, []);
-  const popover = (0, index_js_2.usePopover)({
+  const popover = (0, Popover_js_1.usePopover)({
     visible: isOpen,
     matchWidth: true,
     closeOnOutsideClick: true,
@@ -186,7 +187,7 @@ const Select = (props) => {
     React.Fragment,
     null,
     React.createElement(
-      index_js_2.Box,
+      index_js_1.Box,
       {
         className: (0, classnames_1.default)('iui-input-with-icon', className),
         style: style,
@@ -194,7 +195,7 @@ const Select = (props) => {
         ref: popover.refs.setPositionReference,
       },
       React.createElement(
-        index_js_2.Box,
+        index_js_1.Box,
         {
           ...popover.getReferenceProps(),
           tabIndex: 0,
@@ -207,7 +208,7 @@ const Select = (props) => {
           'aria-haspopup': 'listbox',
           'aria-controls': `${uid}-menu`,
           ...triggerProps,
-          ref: (0, index_js_2.useMergedRefs)(
+          ref: (0, index_js_1.useMergedRefs)(
             selectRef,
             popover.refs.setReference,
           ),
@@ -223,7 +224,7 @@ const Select = (props) => {
         },
         (!selectedItems || selectedItems.length === 0) &&
           React.createElement(
-            index_js_2.Box,
+            index_js_1.Box,
             { as: 'span', className: 'iui-content' },
             placeholder,
           ),
@@ -239,7 +240,7 @@ const Select = (props) => {
             }),
       ),
       React.createElement(
-        index_js_2.Icon,
+        Icon_js_1.Icon,
         {
           as: 'span',
           'aria-hidden': true,
@@ -248,20 +249,20 @@ const Select = (props) => {
             'iui-open': isOpen,
           }),
         },
-        React.createElement(index_js_2.SvgCaretDownSmall, null),
+        React.createElement(index_js_1.SvgCaretDownSmall, null),
       ),
       multiple
-        ? React.createElement(index_js_2.AutoclearingHiddenLiveRegion, {
+        ? React.createElement(index_js_1.AutoclearingHiddenLiveRegion, {
             text: liveRegionSelection,
           })
         : null,
     ),
     popover.open &&
       React.createElement(
-        index_js_2.Portal,
+        index_js_1.Portal,
         null,
         React.createElement(
-          index_js_1.Menu,
+          Menu_js_1.Menu,
           {
             role: 'listbox',
             className: menuClassName,
@@ -296,12 +297,12 @@ const SingleSelectButton = ({ selectedItem, selectedItemRenderer }) => {
         null,
         startIcon &&
           React.createElement(
-            index_js_2.Box,
+            index_js_1.Box,
             { as: 'span', className: 'iui-icon', 'aria-hidden': true },
             startIcon,
           ),
         React.createElement(
-          index_js_2.Box,
+          index_js_1.Box,
           { as: 'span', className: 'iui-content' },
           selectedItem.label,
         ),
@@ -328,9 +329,9 @@ const MultipleSelectButton = ({
     selectedItems &&
       !selectedItemsRenderer &&
       React.createElement(
-        index_js_2.Box,
+        index_js_1.Box,
         { as: 'span', className: 'iui-content' },
-        React.createElement(SelectTagContainer_js_1.default, {
+        React.createElement(SelectTagContainer_js_1.SelectTagContainer, {
           tags: selectedItemsElements,
         }),
       ),

package/cjs/core/Select/SelectTagContainer.js

@@ -9,7 +9,7 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../utils/index.js');
-const SelectTag_js_1 = tslib_1.__importDefault(require('./SelectTag.js'));
+const SelectTag_js_1 = require('./SelectTag.js');
 /**
  */
 exports.SelectTagContainer = React.forwardRef((props, ref) => {
@@ -31,7 +31,7 @@ exports.SelectTagContainer = React.forwardRef((props, ref) => {
       null,
       visibleCount < tags.length ? tags.slice(0, visibleCount - 1) : tags,
       visibleCount < tags.length &&
-        React.createElement(SelectTag_js_1.default, {
+        React.createElement(SelectTag_js_1.SelectTag, {
           label: `+${tags.length - visibleCount + 1} item(s)`,
         }),
     ),

package/cjs/core/SideNavigation/SideNavigation.js

@@ -9,8 +9,8 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const index_js_1 = require('../utils/index.js');
-const index_js_2 = require('../Buttons/index.js');
-const index_js_3 = require('../Tooltip/index.js');
+const IconButton_js_1 = require('../Buttons/IconButton.js');
+const Tooltip_js_1 = require('../Tooltip/Tooltip.js');
 /**
  * Left side navigation menu component.
  * @example
@@ -46,7 +46,7 @@ exports.SideNavigation = React.forwardRef((props, forwardedRef) => {
     _setIsExpanded(isExpanded);
   }, [isExpanded]);
   const ExpandButton = React.createElement(
-    index_js_2.IconButton,
+    IconButton_js_1.IconButton,
     {
       label: 'Toggle icon labels',
       'aria-expanded': _isExpanded,
@@ -106,7 +106,7 @@ exports.SideNavigation = React.forwardRef((props, forwardedRef) => {
           items.map((sidenavButton, index) =>
             !_isExpanded
               ? React.createElement(
-                  index_js_3.Tooltip,
+                  Tooltip_js_1.Tooltip,
                   {
                     content: sidenavButton.props.children,
                     placement: 'right',
@@ -130,7 +130,7 @@ exports.SideNavigation = React.forwardRef((props, forwardedRef) => {
           secondaryItems?.map((sidenavButton, index) =>
             !_isExpanded
               ? React.createElement(
-                  index_js_3.Tooltip,
+                  Tooltip_js_1.Tooltip,
                   {
                     content: sidenavButton.props.children,
                     placement: 'right',

package/cjs/core/SideNavigation/SidenavButton.d.ts

@@ -1,5 +1,5 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import type { ButtonProps } from '../Buttons/Button/Button.js';
+import type { ButtonProps } from '../Buttons/Button.js';
 type SidenavButtonProps = {
     /**
      * Whether the sidenav button is active,

package/cjs/core/SideNavigation/SidenavButton.js

@@ -8,7 +8,7 @@ exports.SidenavButton = void 0;
 const tslib_1 = require('tslib');
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
 const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../Buttons/index.js');
+const Button_js_1 = require('../Buttons/Button.js');
 /**
  * Wrapper around Button to be used as SideNavigation items.
  * Label is hidden when sidenav is collapsed.
@@ -23,7 +23,7 @@ exports.SidenavButton = React.forwardRef((props, ref) => {
     ...rest
   } = props;
   return React.createElement(
-    index_js_1.Button,
+    Button_js_1.Button,
     {
       className: (0, classnames_1.default)(
         'iui-sidenav-button',

package/cjs/core/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import type { Tooltip } from '../Tooltip/index.js';
+import type { Tooltip } from '../Tooltip/Tooltip.js';
 /**
  * Determines which segments are shown with color.
  */

package/cjs/core/Slider/Thumb.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Tooltip } from '../Tooltip/index.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
 import type { SliderProps } from './Slider.js';
 type ThumbProps = {
     /**

package/cjs/core/Slider/Thumb.js

@@ -8,8 +8,8 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
-const index_js_1 = require('../Tooltip/index.js');
-const index_js_2 = require('../utils/index.js');
+const Tooltip_js_1 = require('../Tooltip/Tooltip.js');
+const index_js_1 = require('../utils/index.js');
 /**
  * Thumb is a local component used to show and modify the values maintained by the Slider.
  * Only one Thumb can be active at a time. A Thumb is made active when the user selects
@@ -88,14 +88,14 @@ const Thumb = (props) => {
   }, [adjustedValue, sliderMax, sliderMin]);
   const { style, className, ...rest } = thumbProps || {};
   return React.createElement(
-    index_js_1.Tooltip,
+    Tooltip_js_1.Tooltip,
     {
       placement: 'top',
       autoUpdateOptions: { animationFrame: true },
       ariaStrategy: 'none',
       ...tooltipProps,
     },
-    React.createElement(index_js_2.Box, {
+    React.createElement(index_js_1.Box, {
       ...rest,
       'data-index': index,
       ref: thumbRef,

package/cjs/core/StatusMessage/StatusMessage.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Icon } from '../utils/index.js';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
+import { Icon } from '../Icon/Icon.js';
 type StatusMessageProps = {
     /**
      * Custom icon to be displayed at the beginning.

package/cjs/core/StatusMessage/StatusMessage.js

@@ -9,6 +9,7 @@ const tslib_1 = require('tslib');
 const React = tslib_1.__importStar(require('react'));
 const index_js_1 = require('../utils/index.js');
 const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const Icon_js_1 = require('../Icon/Icon.js');
 /**
  * Component to display icon and text below the form field.
  * @example
@@ -36,7 +37,7 @@ exports.StatusMessage = React.forwardRef((props, ref) => {
     },
     !!icon
       ? React.createElement(
-          index_js_1.Icon,
+          Icon_js_1.Icon,
           { 'aria-hidden': true, ...iconProps },
           icon,
         )