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

package/esm/core/Table/TableRowMemoized.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CellProps, Row, TableInstance, TableState } from 'react-table';
+import type { CellProps, Row, TableInstance, TableState } from '../../react-table/react-table.js';
 /**
  * Memoization is needed to avoid unnecessary re-renders of all rows when additional data is added when lazy-loading.
  * Using `isLast` here instead of passing data length to avoid re-renders of all rows when more data is added. Now only the last row re-renders.

package/esm/core/Table/actionHandlers/expandHandler.d.ts

@@ -1,2 +1,2 @@
-import type { TableInstance, TableState } from 'react-table';
+import type { TableInstance, TableState } from '../../../react-table/react-table.js';
 export declare const onExpandHandler: <T extends Record<string, unknown>>(newState: TableState<T>, instance?: TableInstance<T> | undefined, onExpand?: ((expandedData: T[] | undefined, tableState?: TableState<T> | undefined) => void) | undefined) => void;

package/esm/core/Table/actionHandlers/filterHandler.d.ts

@@ -1,3 +1,3 @@
-import type { ActionType, TableInstance, TableState } from 'react-table';
+import type { ActionType, TableInstance, TableState } from '../../../react-table/react-table.js';
 import type { TableFilterValue } from '../filters/index.js';
 export declare const onFilterHandler: <T extends Record<string, unknown>>(newState: TableState<T>, action: ActionType, previousState: TableState<T>, currentFilter: TableFilterValue<T>[], instance?: TableInstance<T> | undefined) => TableFilterValue<T>[];

package/esm/core/Table/actionHandlers/resizeHandler.d.ts

@@ -1,7 +1,7 @@
-import type { ActionType, TableState } from 'react-table';
+import type { ActionType, TableState } from '../../../react-table/react-table.js';
 export declare const onTableResizeStart: <T extends Record<string, unknown>>(state: TableState<T>) => {
     isTableResizing: boolean;
-    hiddenColumns?: import("react-table").IdType<T>[] | undefined;
+    hiddenColumns?: import("../../../react-table/react-table.js").IdType<T>[] | undefined;
     columnResizing: {
         startX?: number | undefined;
         columnWidth?: number | undefined;
@@ -17,18 +17,18 @@ export declare const onTableResizeStart: <T extends Record<string, unknown>>(sta
         isScrolledToLeft?: boolean | undefined;
     };
     lastSelectedRowId?: string | undefined;
-    columnOrder: import("react-table").IdType<T>[];
-    expanded: Record<import("react-table").IdType<T>, boolean>;
-    filters: import("react-table").Filters<T>;
+    columnOrder: import("../../../react-table/react-table.js").IdType<T>[];
+    expanded: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
+    filters: import("../../../react-table/react-table.js").Filters<T>;
     globalFilter: any;
-    groupBy: import("react-table").IdType<T>[];
+    groupBy: import("../../../react-table/react-table.js").IdType<T>[];
     pageSize: number;
     pageIndex: number;
-    selectedRowIds: Record<import("react-table").IdType<T>, boolean>;
+    selectedRowIds: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
     rowState: Record<string, {
-        cellState: import("react-table").UseRowStateLocalState<T, unknown>;
+        cellState: import("../../../react-table/react-table.js").UseRowStateLocalState<T, unknown>;
     }>;
-    sortBy: import("react-table").SortingRule<T>[];
+    sortBy: import("../../../react-table/react-table.js").SortingRule<T>[];
 };
 export declare const onTableResizeEnd: <T extends Record<string, unknown>>(state: TableState<T>, action: ActionType) => {
     isTableResizing: boolean;
@@ -41,23 +41,23 @@ export declare const onTableResizeEnd: <T extends Record<string, unknown>>(state
         nextHeaderIdWidths?: [string, number][] | undefined;
         isResizingColumn?: string | undefined;
     };
-    hiddenColumns?: import("react-table").IdType<T>[] | undefined;
+    hiddenColumns?: import("../../../react-table/react-table.js").IdType<T>[] | undefined;
     columnReorderStartIndex: number;
     sticky: {
         isScrolledToRight?: boolean | undefined;
         isScrolledToLeft?: boolean | undefined;
     };
     lastSelectedRowId?: string | undefined;
-    columnOrder: import("react-table").IdType<T>[];
-    expanded: Record<import("react-table").IdType<T>, boolean>;
-    filters: import("react-table").Filters<T>;
+    columnOrder: import("../../../react-table/react-table.js").IdType<T>[];
+    expanded: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
+    filters: import("../../../react-table/react-table.js").Filters<T>;
     globalFilter: any;
-    groupBy: import("react-table").IdType<T>[];
+    groupBy: import("../../../react-table/react-table.js").IdType<T>[];
     pageSize: number;
     pageIndex: number;
-    selectedRowIds: Record<import("react-table").IdType<T>, boolean>;
+    selectedRowIds: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
     rowState: Record<string, {
-        cellState: import("react-table").UseRowStateLocalState<T, unknown>;
+        cellState: import("../../../react-table/react-table.js").UseRowStateLocalState<T, unknown>;
     }>;
-    sortBy: import("react-table").SortingRule<T>[];
+    sortBy: import("../../../react-table/react-table.js").SortingRule<T>[];
 };

package/esm/core/Table/actionHandlers/selectHandler.d.ts

@@ -1,4 +1,4 @@
-import type { ActionType, TableInstance, TableState } from 'react-table';
+import type { ActionType, TableInstance, TableState } from '../../../react-table/react-table.js';
 /**
  * Handles selection when toggling a row (Ctrl click or checkbox click)
  */
@@ -9,7 +9,7 @@ export declare const onToggleHandler: <T extends Record<string, unknown>>(newSta
 export declare const onSingleSelectHandler: <T extends Record<string, unknown>>(state: TableState<T>, action: ActionType, instance?: TableInstance<T> | undefined, onSelect?: ((selectedData: T[] | undefined, tableState?: TableState<T> | undefined) => void) | undefined, isRowDisabled?: ((rowData: T) => boolean) | undefined) => {
     lastSelectedRowId: any;
     selectedRowIds: Record<string, boolean>;
-    hiddenColumns?: import("react-table").IdType<T>[] | undefined;
+    hiddenColumns?: import("../../../react-table/react-table.js").IdType<T>[] | undefined;
     columnResizing: {
         startX?: number | undefined;
         columnWidth?: number | undefined;
@@ -25,17 +25,17 @@ export declare const onSingleSelectHandler: <T extends Record<string, unknown>>(
         isScrolledToRight?: boolean | undefined;
         isScrolledToLeft?: boolean | undefined;
     };
-    columnOrder: import("react-table").IdType<T>[];
-    expanded: Record<import("react-table").IdType<T>, boolean>;
-    filters: import("react-table").Filters<T>;
+    columnOrder: import("../../../react-table/react-table.js").IdType<T>[];
+    expanded: Record<import("../../../react-table/react-table.js").IdType<T>, boolean>;
+    filters: import("../../../react-table/react-table.js").Filters<T>;
     globalFilter: any;
-    groupBy: import("react-table").IdType<T>[];
+    groupBy: import("../../../react-table/react-table.js").IdType<T>[];
     pageSize: number;
     pageIndex: number;
     rowState: Record<string, {
-        cellState: import("react-table").UseRowStateLocalState<T, unknown>;
+        cellState: import("../../../react-table/react-table.js").UseRowStateLocalState<T, unknown>;
     }>;
-    sortBy: import("react-table").SortingRule<T>[];
+    sortBy: import("../../../react-table/react-table.js").SortingRule<T>[];
 };
 /**
  * Handles selection when clicked on a row while shift key is pressed.

package/esm/core/Table/cells/DefaultCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CellRendererProps } from 'react-table';
+import type { CellRendererProps } from '../../../react-table/react-table.js';
 export type DefaultCellProps<T extends Record<string, unknown>> = {
     /**
      * Custom icon to be displayed at the beginning of the cell.

package/esm/core/Table/cells/EditableCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CellRendererProps } from 'react-table';
+import type { CellRendererProps } from '../../../react-table/react-table.js';
 export type EditableCellProps<T extends Record<string, unknown>> = CellRendererProps<T> & {
     /**
      * Callback function when cell is edited. It is called only when `onBlur` event is fired.

package/esm/core/Table/columns/actionColumn.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { HeaderProps } from 'react-table';
-import type { DropdownMenuProps } from '../../DropdownMenu/index.js';
+import type { HeaderProps } from '../../../react-table/react-table.js';
+import type { DropdownMenuProps } from '../../DropdownMenu/DropdownMenu.js';
 type ActionColumnProps = {
     columnManager?: boolean | {
         dropdownMenuProps: Omit<DropdownMenuProps, 'menuItems' | 'children'>;

package/esm/core/Table/columns/actionColumn.js

@@ -3,11 +3,11 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { Checkbox } from '../../Checkbox/index.js';
+import { Checkbox } from '../../Checkbox/Checkbox.js';
 import { SvgColumnManager } from '../../utils/index.js';
-import { DropdownMenu } from '../../DropdownMenu/index.js';
-import { IconButton } from '../../Buttons/IconButton/index.js';
-import { MenuItem } from '../../Menu/index.js';
+import { DropdownMenu } from '../../DropdownMenu/DropdownMenu.js';
+import { IconButton } from '../../Buttons/IconButton.js';
+import { MenuItem } from '../../Menu/MenuItem.js';
 import { tableResizeStartAction } from '../Table.js';
 import { SELECTION_CELL_ID } from './selectionColumn.js';
 import { EXPANDER_CELL_ID } from './expanderColumn.js';

package/esm/core/Table/columns/expanderColumn.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CellProps, CellRendererProps, Row } from 'react-table';
+import type { CellProps, CellRendererProps, Row } from '../../../react-table/react-table.js';
 export declare const EXPANDER_CELL_ID = "iui-table-expander";
 /**
  * Expander column that adds sub-content expander column to the Table.

package/esm/core/Table/columns/expanderColumn.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { SvgChevronRight } from '../../utils/index.js';
-import { IconButton } from '../../Buttons/index.js';
+import { IconButton } from '../../Buttons/IconButton.js';
 import { DefaultCell } from '../cells/index.js';
 export const EXPANDER_CELL_ID = 'iui-table-expander';
 /**

package/esm/core/Table/columns/selectionColumn.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CellProps, CellRendererProps, HeaderProps } from 'react-table';
+import type { CellProps, CellRendererProps, HeaderProps } from '../../../react-table/react-table.js';
 export declare const SELECTION_CELL_ID = "iui-table-checkbox-selector";
 /**
  * Selection column that adds selection checkbox column to the Table.

package/esm/core/Table/columns/selectionColumn.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { Checkbox } from '../../Checkbox/index.js';
+import { Checkbox } from '../../Checkbox/Checkbox.js';
 import { DefaultCell } from '../cells/index.js';
 export const SELECTION_CELL_ID = 'iui-table-checkbox-selector';
 /**

package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { LabeledInput } from '../../../LabeledInput/index.js';
+import type { LabeledInput } from '../../../LabeledInput/LabeledInput.js';
 import type { PolymorphicForwardRefComponent } from '../../../utils/index.js';
 import type { DatePickerLocalizedNames } from '../../../DatePicker/DatePicker.js';
 export type DatePickerInputProps = {

package/esm/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -3,11 +3,12 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { Popover, SvgCalendar, isBefore, useId } from '../../../utils/index.js';
-import { DatePicker } from '../../../DatePicker/index.js';
-import { InputGrid } from '../../../InputGrid/index.js';
-import { Label } from '../../../Label/index.js';
-import { InputWithDecorations } from '../../../InputWithDecorations/index.js';
+import { SvgCalendar, isBefore, useId } from '../../../utils/index.js';
+import { DatePicker } from '../../../DatePicker/DatePicker.js';
+import { InputGrid } from '../../../InputGrid/InputGrid.js';
+import { Label } from '../../../Label/Label.js';
+import { InputWithDecorations } from '../../../InputWithDecorations/InputWithDecorations.js';
+import { Popover } from '../../../Popover/Popover.js';
 const DatePickerInput = React.forwardRef((props, forwardedRef) => {
   const uid = useId();
   const {

package/esm/core/Table/filters/FilterButtonBar.js

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { Box, useGlobals } from '../../utils/index.js';
-import { Button } from '../../Buttons/index.js';
+import { Button } from '../../Buttons/Button.js';
 const defaultStrings = {
   filter: 'Filter',
   clear: 'Clear',

package/esm/core/Table/filters/FilterToggle.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { HeaderGroup } from 'react-table';
+import type { HeaderGroup } from '../../../react-table/react-table.js';
 import type { CommonProps } from '../../utils/index.js';
 export type FilterToggleProps<T extends Record<string, unknown>> = {
     column: HeaderGroup<T>;

package/esm/core/Table/filters/FilterToggle.js

@@ -4,13 +4,9 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import {
-  useGlobals,
-  Popover,
-  SvgFilterHollow,
-  SvgFilter,
-} from '../../utils/index.js';
-import { IconButton } from '../../Buttons/index.js';
+import { useGlobals, SvgFilterHollow, SvgFilter } from '../../utils/index.js';
+import { IconButton } from '../../Buttons/IconButton.js';
+import { Popover } from '../../Popover/Popover.js';
 /**
  * Handles showing filter icon and opening filter component.
  */

package/esm/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { useGlobals } from '../../../utils/index.js';
 import { FilterButtonBar } from '../FilterButtonBar.js';
 import { BaseFilter } from '../BaseFilter.js';
-import { LabeledInput } from '../../../LabeledInput/index.js';
+import { LabeledInput } from '../../../LabeledInput/LabeledInput.js';
 const defaultStrings = {
   from: 'From',
   to: 'To',

package/esm/core/Table/filters/TextFilter/TextFilter.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { useGlobals } from '../../../utils/index.js';
-import { Input } from '../../../Input/index.js';
+import { Input } from '../../../Input/Input.js';
 import { FilterButtonBar } from '../FilterButtonBar.js';
 import { BaseFilter } from '../BaseFilter.js';
 export const TextFilter = (props) => {

package/esm/core/Table/filters/customFilterFunctions.d.ts

@@ -1,4 +1,4 @@
-import type { IdType, Row } from 'react-table';
+import type { IdType, Row } from '../../../react-table/react-table.js';
 export declare const customFilterFunctions: {
     betweenDate: {
         <T extends Record<string, unknown>>(rows: Row<T>[], ids: IdType<T>[], filterValue: [Date?, Date?] | undefined): Row<T>[];

package/esm/core/Table/filters/defaultFilterFunctions.d.ts

@@ -24,7 +24,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import type { IdType, Row } from 'react-table';
+import type { IdType, Row } from '../../../react-table/react-table.js';
 export declare const defaultFilterFunctions: {
     text: {
         <T extends Record<string, unknown>>(rows: Row<T>[], ids: IdType<T>[], filterValue: string): Row<T>[];

package/esm/core/Table/filters/types.d.ts

@@ -1,4 +1,4 @@
-import type { FieldType, FilterType, TableFilterProps } from 'react-table';
+import type { FieldType, FilterType, TableFilterProps } from '../../../react-table/react-table.js';
 export interface TableFilterValue<T extends Record<string, unknown>> {
     /**
      * Id of the column.

package/esm/core/Table/hooks/useColumnDragAndDrop.d.ts

@@ -1,2 +1,2 @@
-import type { Hooks } from 'react-table';
+import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useColumnDragAndDrop: <T extends Record<string, unknown>>(isEnabled: boolean) => (hooks: Hooks<T>) => void;

package/esm/core/Table/hooks/useExpanderCell.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import type { CellProps, Hooks, Row } from 'react-table';
+import type { CellProps, Hooks, Row } from '../../../react-table/react-table.js';
 export declare const useExpanderCell: <T extends Record<string, unknown>>(subComponent?: ((row: Row<T>) => React.ReactNode) | undefined, expanderCell?: ((cellProps: CellProps<T>) => React.ReactNode) | undefined, isRowDisabled?: ((rowData: T) => boolean) | undefined) => (hooks: Hooks<T>) => void;

package/esm/core/Table/hooks/useResizeColumns.d.ts

@@ -30,7 +30,7 @@
  * SOFTWARE.
  */
 import type * as React from 'react';
-import type { Hooks } from 'react-table';
+import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useResizeColumns: {
     <T extends Record<string, unknown>>(ownerDocument: React.RefObject<Document | undefined>): (hooks: Hooks<T>) => void;
     pluginName: string;

package/esm/core/Table/hooks/useScrollToRow.d.ts

@@ -1,4 +1,4 @@
-import type { Row } from 'react-table';
+import type { Row } from '../../../react-table/react-table.js';
 import type { TableProps } from '../Table.js';
 type ScrollToRow<T extends Record<string, unknown>> = {
     scrollToIndex: number | undefined;

package/esm/core/Table/hooks/useScrollToRow.js

@@ -37,7 +37,7 @@ export function useScrollToRow({
     ) {
       return;
     }
-    rowRefs.current[pageRef.current[scrollToIndex].id]?.scrollIntoView();
+    rowRefs.current[pageRef.current[scrollToIndex]?.id]?.scrollIntoView();
   }, [enableVirtualization, scrollToIndex]);
   const tableRowRef = React.useCallback((row) => {
     return (element) => {

package/esm/core/Table/hooks/useSelectionCell.d.ts

@@ -1,2 +1,2 @@
-import type { Hooks } from 'react-table';
+import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useSelectionCell: <T extends Record<string, unknown>>(isSelectable: boolean, selectionMode: 'multi' | 'single', isRowDisabled?: ((rowData: T) => boolean) | undefined, density?: 'default' | 'condensed' | 'extra-condensed') => (hooks: Hooks<T>) => void;

package/esm/core/Table/hooks/useStickyColumns.d.ts

@@ -1,2 +1,2 @@
-import type { Hooks } from 'react-table';
+import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useStickyColumns: <T extends Record<string, unknown>>(hooks: Hooks<T>) => void;

package/esm/core/Table/hooks/useSubRowFiltering.d.ts

@@ -1,2 +1,2 @@
-import type { Hooks } from 'react-table';
+import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useSubRowFiltering: <T extends Record<string, unknown>>(hasAnySubRows: boolean) => (hooks: Hooks<T>) => void;

package/esm/core/Table/hooks/useSubRowSelection.d.ts

@@ -1,2 +1,2 @@
-import type { Hooks } from 'react-table';
+import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useSubRowSelection: <T extends Record<string, unknown>>(hooks: Hooks<T>) => void;

package/esm/core/Table/utils.d.ts

@@ -1,3 +1,3 @@
-import type { ColumnInstance } from 'react-table';
+import type { ColumnInstance } from '../../react-table/react-table.js';
 export declare const getCellStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, isTableResizing: boolean) => React.CSSProperties | undefined;
 export declare const getStickyStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, columnList: ColumnInstance<T>[]) => React.CSSProperties;

package/esm/core/Tag/Tag.js

@@ -5,7 +5,7 @@
 import cx from 'classnames';
 import * as React from 'react';
 import { SvgCloseSmall, Box } from '../utils/index.js';
-import { IconButton } from '../Buttons/index.js';
+import { IconButton } from '../Buttons/IconButton.js';
 /**
  * Tag for showing categories, filters etc.
  * @example

package/esm/core/Textarea/Textarea.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import { Input } from '../Input/index.js';
+import { Input } from '../Input/Input.js';
 /**
  * Basic textarea component
  * @example

package/esm/core/Tile/Tile.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import { IconButton } from '../Buttons/index.js';
+import { IconButton } from '../Buttons/IconButton.js';
 type TileWrapperOwnProps = {
     /**
      * Status of the tile.
@@ -253,7 +253,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
         isActive?: boolean | undefined;
         label?: React.ReactNode;
         iconProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | undefined;
-    } & Omit<import("../Buttons/Button/Button.js").ButtonProps, "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
+    } & Omit<import("../Buttons/Button.js").ButtonProps, "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
         as?: "button" | undefined;
     }, "ref">>;
     /**

package/esm/core/Tile/Tile.js

@@ -9,15 +9,15 @@ import {
   SvgMore,
   SvgNew,
   SvgCheckmark,
-  LinkAction,
   useSafeContext,
   supportsHas,
   polymorphic,
   Box,
 } from '../utils/index.js';
-import { DropdownMenu } from '../DropdownMenu/index.js';
-import { IconButton } from '../Buttons/index.js';
-import { ProgressRadial } from '../ProgressIndicators/index.js';
+import { DropdownMenu } from '../DropdownMenu/DropdownMenu.js';
+import { IconButton } from '../Buttons/IconButton.js';
+import { ProgressRadial } from '../ProgressIndicators/ProgressRadial.js';
+import { LinkAction } from '../LinkAction/LinkAction.js';
 const TileContext = React.createContext(undefined);
 TileContext.displayName = 'TileContext';
 const TileWrapper = React.forwardRef((props, forwardedRef) => {

package/esm/core/Toast/Toast.js

@@ -13,7 +13,7 @@ import {
   useSafeContext,
   ButtonBase,
 } from '../utils/index.js';
-import { IconButton } from '../Buttons/index.js';
+import { IconButton } from '../Buttons/IconButton.js';
 import { ToasterStateContext } from './Toaster.js';
 const isMotionOk = () =>
   getWindow()?.matchMedia?.('(prefers-reduced-motion: no-preference)')?.matches;

package/esm/core/TransferList/TransferList.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import { ListItem } from '../List/index.js';
+import { ListItem } from '../List/ListItem.js';
 type TransferListListboxWrapperOwnProps = {};
 type TransferListItemOwnProps = {
     /**

package/esm/core/TransferList/TransferList.js

@@ -12,8 +12,9 @@ import {
   Box,
   polymorphic,
 } from '../utils/index.js';
-import { List, ListItem } from '../List/index.js';
-import { Label } from '../Label/index.js';
+import { List } from '../List/List.js';
+import { ListItem } from '../List/ListItem.js';
+import { Label } from '../Label/Label.js';
 // ----------------------------------------------------------------------------
 // TransferListComponent
 const TransferListComponent = polymorphic('iui-transfer-list-wrapper');

package/esm/core/Tree/TreeNodeExpander.d.ts

@@ -1,5 +1,5 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-import type { IconButtonProps } from '../Buttons/IconButton/IconButton.js';
+import type { IconButtonProps } from '../Buttons/IconButton.js';
 type TreeNodeExpanderProps = {
     isExpanded?: boolean;
 } & IconButtonProps;

package/esm/core/Tree/TreeNodeExpander.js

@@ -5,7 +5,7 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { SvgChevronRight } from '../utils/index.js';
-import { IconButton } from '../Buttons/IconButton/index.js';
+import { IconButton } from '../Buttons/IconButton.js';
 export const TreeNodeExpander = React.forwardRef((props, ref) => {
   const { isExpanded, ...rest } = props;
   return React.createElement(

package/{cjs/core/Typography/Anchor → esm/core/Typography}/Anchor.d.ts

@@ -12,5 +12,5 @@
  * <Anchor as={Link} to='/'>Home</Anchor>
  * <Anchor as='button' onClick={() => {}}>click me</Anchor>
  */
-export declare const Anchor: import("../../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
+export declare const Anchor: import("../utils/props.js").PolymorphicForwardRefComponent<"a", {}>;
 export default Anchor;

package/esm/core/Typography/{Anchor/Anchor.js → Anchor.js}

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../../utils/index.js';
+import { polymorphic } from '../utils/index.js';
 /**
  * A consistently styled anchor component.
  *

package/{cjs/core/Typography/Blockquote → esm/core/Typography}/Blockquote.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 type BlockquoteProps = {
     /**
      * Optional footer for any attribution/source.

package/esm/core/Typography/{Blockquote/Blockquote.js → Blockquote.js}

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { Box } from '../../utils/index.js';
+import { Box } from '../utils/index.js';
 /**
  * Basic blockquote component
  * @example

package/esm/core/Typography/{Code/Code.d.ts → Code.d.ts}

@@ -3,5 +3,5 @@
  * @example
  * <p>Some <Code>inline code</Code> in a paragraph</p>
  */
-export declare const Code: import("../../utils/props.js").PolymorphicForwardRefComponent<"code", {}>;
+export declare const Code: import("../utils/props.js").PolymorphicForwardRefComponent<"code", {}>;
 export default Code;

package/esm/core/Typography/{Code/Code.js → Code.js}

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import { polymorphic } from '../../utils/index.js';
+import { polymorphic } from '../utils/index.js';
 /**
  * Inline code element.
  * @example

package/{cjs/core/Typography/Kbd → esm/core/Typography}/Kbd.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 /**
  * Some predefined strings for common keyboard keys.
  */

package/esm/core/Typography/{Kbd/Kbd.js → Kbd.js}

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { Box } from '../../utils/index.js';
+import { Box } from '../utils/index.js';
 /**
  * Some predefined strings for common keyboard keys.
  */

package/{cjs/core/Typography/Text → esm/core/Typography}/Text.d.ts

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
+import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 type TextProps = {
     /**
      * Which typography variant/size should be used for the styling?

package/esm/core/Typography/{Text/Text.js → Text.js}

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
-import { Box } from '../../utils/index.js';
+import { Box } from '../utils/index.js';
 /**
  * Polymorphic typography component to render any kind of text as any kind of element.
  * Users should decide which element to render based on the context of their app. Link to heading levels docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#accessibility_concerns

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

@@ -1,4 +1,4 @@
-import type { PolymorphicForwardRefComponent } from '../props.js';
+import type { PolymorphicForwardRefComponent } from '../utils/props.js';
 type VisuallyHiddenOwnProps = {
     /**
      * When VisuallyHidden is used with an interactive element (e.g. button),

package/esm/core/{utils/components → VisuallyHidden}/VisuallyHidden.js

@@ -4,7 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
-import { Box } from './Box.js';
+import { Box } from '../utils/components/Box.js';
 /**
  * Hides content visually but keeps it still accessible to screen readers
  * and other assistive technologies.