@itwin/itwinui-react 2.10.0 → 2.11.0

package/esm/core/Toast/index.d.ts

@@ -1,4 +1,4 @@
-import Toaster from './Toaster';
-export type { ToastOptions } from './Toaster';
+import Toaster from './Toaster.js';
+export type { ToastOptions } from './Toaster.js';
 declare const toaster: Toaster;
 export default toaster;

package/esm/core/Toast/index.js

@@ -2,6 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import Toaster from './Toaster';
+import Toaster from './Toaster.js';
 const toaster = new Toaster();
 export default toaster;

package/esm/core/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/toggle-switch.css';
 export declare type ToggleSwitchProps = {
     /**

package/esm/core/ToggleSwitch/ToggleSwitch.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useMergedRefs, useTheme } from '../utils';
+import { useMergedRefs, useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/toggle-switch.css';
 /**
  * A switch for turning on and off.

package/esm/core/ToggleSwitch/index.d.ts

@@ -1,4 +1,4 @@
-export { ToggleSwitch } from './ToggleSwitch';
-export type { ToggleSwitchProps } from './ToggleSwitch';
+export { ToggleSwitch } from './ToggleSwitch.js';
+export type { ToggleSwitchProps } from './ToggleSwitch.js';
 declare const _default: "./ToggleSwitch";
 export default _default;

package/esm/core/ToggleSwitch/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { ToggleSwitch } from './ToggleSwitch';
+export { ToggleSwitch } from './ToggleSwitch.js';
 export default './ToggleSwitch';

package/esm/core/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps, PopoverProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps, PopoverProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tooltip.css';
 export declare type TooltipProps = {
     /**

package/esm/core/Tooltip/Tooltip.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme, Popover } from '../utils';
+import { useTheme, Popover } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tooltip.css';
 /**
  * Basic tooltip component to display informative content when an element is hovered or focused.

package/esm/core/Tooltip/index.d.ts

@@ -1,4 +1,4 @@
-export { Tooltip } from './Tooltip';
-export type { TooltipProps } from './Tooltip';
+export { Tooltip } from './Tooltip.js';
+export type { TooltipProps } from './Tooltip.js';
 declare const _default: "./Tooltip";
 export default _default;

package/esm/core/Tooltip/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Tooltip } from './Tooltip';
+export { Tooltip } from './Tooltip.js';
 export default './Tooltip';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CommonProps } from '../utils';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 export declare type NodeData<T> = {
     /**

package/esm/core/Tree/Tree.js

@@ -2,11 +2,11 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { useTheme, getFocusableElements, useVirtualization, mergeRefs, } from '../utils';
+import * as React from 'react';
+import { useTheme, getFocusableElements, useVirtualization, mergeRefs, } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 import cx from 'classnames';
-import { TreeContext } from './TreeContext';
+import { TreeContext } from './TreeContext.js';
 /**
  * Tree component used to display a hierarchical structure of `TreeNodes`.
  * User should control state of expanded, selected and disabled nodes using `getNode` prop.

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type TreeContextProps = {
     /**
      * Depth of the node.

package/esm/core/Tree/TreeContext.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 React from 'react';
+import * as React from 'react';
 export const TreeContext = React.createContext(undefined);
 export const useTreeContext = () => {
     const context = React.useContext(TreeContext);

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 export declare type TreeNodeProps = {
     /**

package/esm/core/Tree/TreeNode.js

@@ -2,12 +2,12 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
-import { getFocusableElements, useTheme } from '../utils';
+import * as React from 'react';
+import { getFocusableElements, useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 import cx from 'classnames';
-import { TreeNodeExpander } from './TreeNodeExpander';
-import { useTreeContext } from './TreeContext';
+import { TreeNodeExpander } from './TreeNodeExpander.js';
+import { useTreeContext } from './TreeContext.js';
 /**
  * `TreeNode` component to display node content within a `Tree`.
  * Must be used inside `Tree` component to correctly set node `depth` and `subNodes`.

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconButtonProps } from '../Buttons/IconButton';
+import type { IconButtonProps } from '../Buttons/IconButton/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 export declare type TreeNodeExpanderProps = {
     isExpanded?: boolean;

package/esm/core/Tree/TreeNodeExpander.js

@@ -2,10 +2,10 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { SvgChevronRight } from '../utils';
-import { IconButton } from '../Buttons/IconButton';
+import { SvgChevronRight } from '../utils/index.js';
+import { IconButton } from '../Buttons/IconButton/index.js';
 import '@itwin/itwinui-css/css/tree.css';
 export const TreeNodeExpander = (props) => {
     const { isExpanded, ...rest } = props;

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

@@ -1,6 +1,6 @@
-export { Tree } from './Tree';
-export type { TreeProps, NodeData, NodeRenderProps } from './Tree';
-export { TreeNode } from './TreeNode';
-export type { TreeNodeProps } from './TreeNode';
-export { TreeNodeExpander } from './TreeNodeExpander';
-export type { TreeNodeExpanderProps } from './TreeNodeExpander';
+export { Tree } from './Tree.js';
+export type { TreeProps, NodeData, NodeRenderProps } from './Tree.js';
+export { TreeNode } from './TreeNode.js';
+export type { TreeNodeProps } from './TreeNode.js';
+export { TreeNodeExpander } from './TreeNodeExpander.js';
+export type { TreeNodeExpanderProps } from './TreeNodeExpander.js';

package/esm/core/Tree/index.js

@@ -2,6 +2,6 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Tree } from './Tree';
-export { TreeNode } from './TreeNode';
-export { TreeNodeExpander } from './TreeNodeExpander';
+export { Tree } from './Tree.js';
+export { TreeNode } from './TreeNode.js';
+export { TreeNodeExpander } from './TreeNodeExpander.js';

package/esm/core/Typography/Anchor/Anchor.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/anchor.css';
 declare type AnchorOwnProps = Record<never, never>;
 export declare type AnchorProps<T extends React.ElementType = 'a'> = PolymorphicComponentProps<T, AnchorOwnProps>;

package/esm/core/Typography/Anchor/Anchor.js

@@ -2,9 +2,9 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-import React from 'react';
+import * as React from 'react';
 import cx from 'classnames';
-import { useTheme, } from '../../utils';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/anchor.css';
 /**
  * A consistently styled anchor component.

package/esm/core/Typography/Anchor/index.d.ts

@@ -1,4 +1,4 @@
-export { Anchor } from './Anchor';
-export type { AnchorProps } from './Anchor';
+export { Anchor } from './Anchor.js';
+export type { AnchorProps } from './Anchor.js';
 declare const _default: "./Anchor";
 export default _default;

package/esm/core/Typography/Anchor/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Anchor } from './Anchor';
+export { Anchor } from './Anchor.js';
 export default './Anchor';

package/esm/core/Typography/Blockquote/Blockquote.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/blockquote.css';
 export declare type BlockquoteProps = {
     /**

package/esm/core/Typography/Blockquote/Blockquote.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/blockquote.css';
 /**
  * Basic blockquote component

package/esm/core/Typography/Blockquote/index.d.ts

@@ -1,4 +1,4 @@
-export { Blockquote } from './Blockquote';
-export type { BlockquoteProps } from './Blockquote';
+export { Blockquote } from './Blockquote.js';
+export type { BlockquoteProps } from './Blockquote.js';
 declare const _default: "./Blockquote";
 export default _default;

package/esm/core/Typography/Blockquote/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Blockquote } from './Blockquote';
+export { Blockquote } from './Blockquote.js';
 export default './Blockquote';

package/esm/core/Typography/Body/Body.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'body'.

package/esm/core/Typography/Body/Body.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'body'.

package/esm/core/Typography/Body/index.d.ts

@@ -1,4 +1,4 @@
-export { Body } from './Body';
-export type { BodyProps } from './Body';
+export { Body } from './Body.js';
+export type { BodyProps } from './Body.js';
 declare const _default: "./Body";
 export default _default;

package/esm/core/Typography/Body/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Body } from './Body';
+export { Body } from './Body.js';
 export default './Body';

package/esm/core/Typography/Code/Code.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps } from '../../utils';
+import * as React from 'react';
+import type { CommonProps } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/code.css';
 export declare type CodeProps = {
     /**

package/esm/core/Typography/Code/Code.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/code.css';
 /**
  * Inline code element.

package/esm/core/Typography/Code/index.d.ts

@@ -1,4 +1,4 @@
-export { Code } from './Code';
-export type { CodeProps } from './Code';
+export { Code } from './Code.js';
+export type { CodeProps } from './Code.js';
 declare const _default: "./Code";
 export default _default;

package/esm/core/Typography/Code/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Code } from './Code';
+export { Code } from './Code.js';
 export default './Code';

package/esm/core/Typography/Headline/Headline.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/text.css';
 export declare type HeadlineProps = {
     /**

package/esm/core/Typography/Headline/Headline.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'headline'.

package/esm/core/Typography/Headline/index.d.ts

@@ -1,4 +1,4 @@
-export { Headline } from './Headline';
-export type { HeadlineProps } from './Headline';
+export { Headline } from './Headline.js';
+export type { HeadlineProps } from './Headline.js';
 declare const _default: "./Headline";
 export default _default;

package/esm/core/Typography/Headline/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Headline } from './Headline';
+export { Headline } from './Headline.js';
 export default './Headline';

package/esm/core/Typography/Kbd/Kbd.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CommonProps } from '../../utils';
+import type { CommonProps } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/keyboard.css';
 /**
  * Some predefined strings for common keyboard keys.

package/esm/core/Typography/Kbd/Kbd.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/keyboard.css';
 /**
  * Some predefined strings for common keyboard keys.

package/esm/core/Typography/Kbd/index.d.ts

@@ -1,4 +1,4 @@
-export { Kbd, KbdKeys } from './Kbd';
-export type { KbdProps } from './Kbd';
+export { Kbd, KbdKeys } from './Kbd.js';
+export type { KbdProps } from './Kbd.js';
 declare const _default: "./Kbd";
 export default _default;

package/esm/core/Typography/Kbd/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Kbd, KbdKeys } from './Kbd';
+export { Kbd, KbdKeys } from './Kbd.js';
 export default './Kbd';

package/esm/core/Typography/Leading/Leading.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/text.css';
 export declare type LeadingProps = {
     /**

package/esm/core/Typography/Leading/Leading.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'leading'.

package/esm/core/Typography/Leading/index.d.ts

@@ -1,4 +1,4 @@
-export { Leading } from './Leading';
-export type { LeadingProps } from './Leading';
+export { Leading } from './Leading.js';
+export type { LeadingProps } from './Leading.js';
 declare const _default: "./Leading";
 export default _default;

package/esm/core/Typography/Leading/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Leading } from './Leading';
+export { Leading } from './Leading.js';
 export default './Leading';

package/esm/core/Typography/Small/Small.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/text.css';
 export declare type SmallProps = {
     /**

package/esm/core/Typography/Small/Small.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'small'.

package/esm/core/Typography/Small/index.d.ts

@@ -1,4 +1,4 @@
-export { Small } from './Small';
-export type { SmallProps } from './Small';
+export { Small } from './Small.js';
+export type { SmallProps } from './Small.js';
 declare const _default: "./Small";
 export default _default;

package/esm/core/Typography/Small/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Small } from './Small';
+export { Small } from './Small.js';
 export default './Small';

package/esm/core/Typography/Subheading/Subheading.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/text.css';
 export declare type SubheadingProps = {
     /**

package/esm/core/Typography/Subheading/Subheading.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'subheading'.

package/esm/core/Typography/Subheading/index.d.ts

@@ -1,4 +1,4 @@
-export { Subheading } from './Subheading';
-export type { SubheadingProps } from './Subheading';
+export { Subheading } from './Subheading.js';
+export type { SubheadingProps } from './Subheading.js';
 declare const _default: "./Subheading";
 export default _default;

package/esm/core/Typography/Subheading/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Subheading } from './Subheading';
+export { Subheading } from './Subheading.js';
 export default './Subheading';

package/esm/core/Typography/Text/Text.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils';
+import * as React from 'react';
+import type { PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 declare type TextOwnProps = {
     /**

package/esm/core/Typography/Text/Text.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme, } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * Polymorphic typography component to render any kind of text as any kind of element.

package/esm/core/Typography/Text/index.d.ts

@@ -1,4 +1,4 @@
-export { Text } from './Text';
-export type { TextProps } from './Text';
+export { Text } from './Text.js';
+export type { TextProps } from './Text.js';
 declare const _default: "./Text";
 export default _default;

package/esm/core/Typography/Text/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-export { Text } from './Text';
+export { Text } from './Text.js';
 export default './Text';

package/esm/core/Typography/Title/Title.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/text.css';
 export declare type TitleProps = {
     /**

package/esm/core/Typography/Title/Title.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../../utils';
+import * as React from 'react';
+import { useTheme } from '../../utils/index.js';
 import '@itwin/itwinui-css/css/text.css';
 /**
  * @deprecated Since v2, use `Text` with variant 'title'.

package/esm/core/Typography/Title/index.d.ts

@@ -1,4 +1,4 @@
-export { Title } from './Title';
-export type { TitleProps } from './Title';
+export { Title } from './Title.js';
+export type { TitleProps } from './Title.js';
 declare const _default: "./Title";
 export default _default;