@itwin/itwinui-react 2.10.1 → 2.11.0

package/cjs/core/StatusMessage/StatusMessage.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,8 +31,8 @@ exports.StatusMessage = 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 react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 /**
  * Component to display icon and text below the `Combobox` component.
@@ -18,21 +41,21 @@ const classnames_1 = __importDefault(require("classnames"));
  * <StatusMessage startIcon={<SvgStar />}>This is the text</StatusMessage>
  */
 const StatusMessage = ({ startIcon: userStartIcon, children, status, }) => {
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const StartIcon = () => {
         var _a;
-        const icon = userStartIcon !== null && userStartIcon !== void 0 ? userStartIcon : (status && utils_1.StatusIconMap[status]());
+        const icon = userStartIcon !== null && userStartIcon !== void 0 ? userStartIcon : (status && index_js_1.StatusIconMap[status]());
         if (!icon) {
             return null;
         }
-        return react_1.default.cloneElement(icon, {
+        return React.cloneElement(icon, {
             className: (0, classnames_1.default)('iui-input-icon', (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className),
             'aria-hidden': true,
         });
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(StartIcon, null),
-        react_1.default.createElement("div", { className: 'iui-message' }, children)));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StartIcon, null),
+        React.createElement("div", { className: 'iui-message' }, children)));
 };
 exports.StatusMessage = StatusMessage;
 exports.default = exports.StatusMessage;

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

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

package/cjs/core/StatusMessage/index.js

@@ -5,6 +5,6 @@ exports.StatusMessage = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var StatusMessage_1 = require("./StatusMessage");
-Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return StatusMessage_1.StatusMessage; } });
+var StatusMessage_js_1 = require("./StatusMessage.js");
+Object.defineProperty(exports, "StatusMessage", { enumerable: true, get: function () { return StatusMessage_js_1.StatusMessage; } });
 exports.default = './StatusMessage';

package/cjs/core/Stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/stepper.css';
 export declare type StepperLocalization = {
     stepsCountLabel: (currentStep: number, totalSteps: number) => string;

package/cjs/core/Stepper/Stepper.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stepper = void 0;
@@ -8,21 +28,21 @@ exports.Stepper = 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 react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/stepper.css");
-const StepperStep_1 = require("./StepperStep");
+const StepperStep_js_1 = require("./StepperStep.js");
 const defaultStepperLocalization = {
     stepsCountLabel: (currentStep, totalSteps) => `Step ${currentStep} of ${totalSteps}:`,
 };
-exports.Stepper = react_1.default.forwardRef((props, ref) => {
+exports.Stepper = React.forwardRef((props, ref) => {
     const { currentStep, steps, type = 'default', localization = defaultStepperLocalization, onStepClick, ...rest } = props;
     const boundedCurrentStep = Math.min(Math.max(0, currentStep !== null && currentStep !== void 0 ? currentStep : 0), steps.length - 1);
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: 'iui-stepper', ref: ref, ...rest },
-        react_1.default.createElement("ol", null, steps.map((s, index) => (react_1.default.createElement(StepperStep_1.StepperStep, { key: index, index: index, title: type === 'long' ? '' : s.name, currentStepNumber: boundedCurrentStep, totalSteps: steps.length, type: type, onClick: onStepClick, description: s.description })))),
-        type === 'long' && (react_1.default.createElement("div", { className: 'iui-stepper-steps-label' },
-            react_1.default.createElement("span", { className: 'iui-stepper-steps-label-count' }, localization.stepsCountLabel(boundedCurrentStep + 1, steps.length)),
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: 'iui-stepper', ref: ref, ...rest },
+        React.createElement("ol", null, steps.map((s, index) => (React.createElement(StepperStep_js_1.StepperStep, { key: index, index: index, title: type === 'long' ? '' : s.name, currentStepNumber: boundedCurrentStep, totalSteps: steps.length, type: type, onClick: onStepClick, description: s.description })))),
+        type === 'long' && (React.createElement("div", { className: 'iui-stepper-steps-label' },
+            React.createElement("span", { className: 'iui-stepper-steps-label-count' }, localization.stepsCountLabel(boundedCurrentStep + 1, steps.length)),
             steps[boundedCurrentStep].name))));
 });
 exports.default = exports.Stepper;

package/cjs/core/Stepper/StepperStep.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StylingProps } from '../utils';
+import type { StylingProps } from '../utils/index.js';
 export declare type StepperStepProps = {
     /**
      * The title/label of the step.

package/cjs/core/Stepper/StepperStep.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,8 +32,8 @@ exports.StepperStep = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const Tooltip_1 = require("../Tooltip");
+const React = __importStar(require("react"));
+const index_js_1 = require("../Tooltip/index.js");
 const StepperStep = (props) => {
     const { title, index, currentStepNumber, totalSteps, type, onClick, description, className, style, ...rest } = props;
     const isPast = currentStepNumber > index;
@@ -32,16 +55,16 @@ const StepperStep = (props) => {
             onCompletedClick();
         }
     };
-    const stepShape = (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-stepper-step', {
+    const stepShape = (React.createElement("li", { className: (0, classnames_1.default)('iui-stepper-step', {
             'iui-current': isActive,
             'iui-clickable': isClickable,
         }, className), style: {
             width: type === 'default' ? `${100 / totalSteps}%` : undefined,
             ...style,
         }, onClick: onCompletedClick, onKeyDown: onKeyDown, "aria-current": isActive ? 'step' : undefined, tabIndex: isClickable ? 0 : undefined, ...rest },
-        react_1.default.createElement("div", { className: 'iui-stepper-track-content' },
-            react_1.default.createElement("span", { className: 'iui-stepper-circle' }, index + 1)),
-        type === 'default' && (react_1.default.createElement("span", { className: 'iui-stepper-step-name' }, title))));
-    return description ? (react_1.default.createElement(Tooltip_1.Tooltip, { content: description }, stepShape)) : (stepShape);
+        React.createElement("div", { className: 'iui-stepper-track-content' },
+            React.createElement("span", { className: 'iui-stepper-circle' }, index + 1)),
+        type === 'default' && (React.createElement("span", { className: 'iui-stepper-step-name' }, title))));
+    return description ? (React.createElement(index_js_1.Tooltip, { content: description }, stepShape)) : (stepShape);
 };
 exports.StepperStep = StepperStep;

package/cjs/core/Stepper/Wizard.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { StepperProps, StepperLocalization } from './Stepper';
+import * as React from 'react';
+import type { StepperProps, StepperLocalization } from './Stepper.js';
 /**
  * @deprecated Since v2:
  *

package/cjs/core/Stepper/Wizard.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wizard = void 0;
@@ -8,9 +28,9 @@ exports.Wizard = 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 react_1 = __importDefault(require("react"));
-const Stepper_1 = require("./Stepper");
-const WorkflowDiagram_1 = require("./WorkflowDiagram");
+const React = __importStar(require("react"));
+const Stepper_js_1 = require("./Stepper.js");
+const WorkflowDiagram_js_1 = require("./WorkflowDiagram.js");
 /**
  * @deprecated Since v2, use `Stepper` (type = `default` | `long`) or WorkflowDiagram (type = `workflow`)
  *
@@ -26,8 +46,8 @@ const WorkflowDiagram_1 = require("./WorkflowDiagram");
  *  type='long'
  *  />
  */
-exports.Wizard = react_1.default.forwardRef((props, ref) => {
+exports.Wizard = React.forwardRef((props, ref) => {
     const { currentStep, steps, type = 'default', localization, onStepClick, ...rest } = props;
-    return type !== 'workflow' ? (react_1.default.createElement(Stepper_1.Stepper, { type: type, currentStep: currentStep, steps: steps, localization: localization, onStepClick: onStepClick, ref: ref, ...rest })) : (react_1.default.createElement(WorkflowDiagram_1.WorkflowDiagram, { steps: steps, ref: ref, ...rest }));
+    return type !== 'workflow' ? (React.createElement(Stepper_js_1.Stepper, { type: type, currentStep: currentStep, steps: steps, localization: localization, onStepClick: onStepClick, ref: ref, ...rest })) : (React.createElement(WorkflowDiagram_js_1.WorkflowDiagram, { steps: steps, ref: ref, ...rest }));
 });
 exports.default = exports.Wizard;

package/cjs/core/Stepper/WorkflowDiagram.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/workflow-diagram.css';
-import { StepperProps } from './Stepper';
+import type { StepperProps } from './Stepper.js';
 export declare type WorkflowDiagramProps = Pick<StepperProps, 'steps'>;
 export declare const WorkflowDiagram: React.ForwardRefExoticComponent<WorkflowDiagramProps & React.RefAttributes<HTMLDivElement>>;
 export default WorkflowDiagram;

package/cjs/core/Stepper/WorkflowDiagram.js

@@ -1,6 +1,26 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WorkflowDiagram = void 0;
@@ -8,14 +28,14 @@ exports.WorkflowDiagram = 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 react_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/workflow-diagram.css");
-const WorkflowDiagramStep_1 = require("./WorkflowDiagramStep");
-exports.WorkflowDiagram = react_1.default.forwardRef((props, ref) => {
+const WorkflowDiagramStep_js_1 = require("./WorkflowDiagramStep.js");
+exports.WorkflowDiagram = React.forwardRef((props, ref) => {
     const { steps, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { ref: ref },
-        react_1.default.createElement("ol", { className: 'iui-workflow-diagram', ...rest }, steps.map((s, index) => (react_1.default.createElement(WorkflowDiagramStep_1.WorkflowDiagramStep, { key: index, title: s.name, description: s.description }))))));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { ref: ref },
+        React.createElement("ol", { className: 'iui-workflow-diagram', ...rest }, steps.map((s, index) => (React.createElement(WorkflowDiagramStep_js_1.WorkflowDiagramStep, { key: index, title: s.name, description: s.description }))))));
 });
 exports.default = exports.WorkflowDiagram;

package/cjs/core/Stepper/WorkflowDiagramStep.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StylingProps } from '../utils';
-import { StepperStepProps } from './StepperStep';
+import type { StylingProps } from '../utils/index.js';
+import type { StepperStepProps } from './StepperStep.js';
 export declare type WorkflowDiagramStepProps = Pick<StepperStepProps, 'title' | 'description'> & StylingProps;
 export declare const WorkflowDiagramStep: (props: WorkflowDiagramStepProps) => JSX.Element;

package/cjs/core/Stepper/WorkflowDiagramStep.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,12 +32,12 @@ exports.WorkflowDiagramStep = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const Tooltip_1 = require("../Tooltip");
+const React = __importStar(require("react"));
+const index_js_1 = require("../Tooltip/index.js");
 const WorkflowDiagramStep = (props) => {
     const { title, description, className, style, ...rest } = props;
-    const stepShape = (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-workflow-diagram-step', className), style: style, ...rest },
-        react_1.default.createElement("span", { className: 'iui-workflow-diagram-content' }, title)));
-    return description ? (react_1.default.createElement(Tooltip_1.Tooltip, { content: description }, stepShape)) : (stepShape);
+    const stepShape = (React.createElement("li", { className: (0, classnames_1.default)('iui-workflow-diagram-step', className), style: style, ...rest },
+        React.createElement("span", { className: 'iui-workflow-diagram-content' }, title)));
+    return description ? (React.createElement(index_js_1.Tooltip, { content: description }, stepShape)) : (stepShape);
 };
 exports.WorkflowDiagramStep = WorkflowDiagramStep;

package/cjs/core/Stepper/index.d.ts

@@ -1,8 +1,8 @@
-export { Wizard } from './Wizard';
-export { Stepper } from './Stepper';
-export { WorkflowDiagram } from './WorkflowDiagram';
-export type { WizardProps, WizardType, WizardLocalization } from './Wizard';
-export type { StepperProps, StepProperties, StepperLocalization, } from './Stepper';
-export type { WorkflowDiagramProps } from './WorkflowDiagram';
+export { Wizard } from './Wizard.js';
+export { Stepper } from './Stepper.js';
+export { WorkflowDiagram } from './WorkflowDiagram.js';
+export type { WizardProps, WizardType, WizardLocalization } from './Wizard.js';
+export type { StepperProps, StepProperties, StepperLocalization, } from './Stepper.js';
+export type { WorkflowDiagramProps } from './WorkflowDiagram.js';
 declare const _default: "./Wizard";
 export default _default;

package/cjs/core/Stepper/index.js

@@ -5,10 +5,10 @@ exports.WorkflowDiagram = exports.Stepper = exports.Wizard = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Wizard_1 = require("./Wizard");
-Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return Wizard_1.Wizard; } });
-var Stepper_1 = require("./Stepper");
-Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return Stepper_1.Stepper; } });
-var WorkflowDiagram_1 = require("./WorkflowDiagram");
-Object.defineProperty(exports, "WorkflowDiagram", { enumerable: true, get: function () { return WorkflowDiagram_1.WorkflowDiagram; } });
+var Wizard_js_1 = require("./Wizard.js");
+Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return Wizard_js_1.Wizard; } });
+var Stepper_js_1 = require("./Stepper.js");
+Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return Stepper_js_1.Stepper; } });
+var WorkflowDiagram_js_1 = require("./WorkflowDiagram.js");
+Object.defineProperty(exports, "WorkflowDiagram", { enumerable: true, get: function () { return WorkflowDiagram_js_1.WorkflowDiagram; } });
 exports.default = './Wizard';

package/cjs/core/Surface/Surface.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { CommonProps, PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../utils';
+import * as React from 'react';
+import type { CommonProps, PolymorphicComponentProps, PolymorphicForwardRefComponent } from '../utils/index.js';
 import '@itwin/itwinui-css/css/surface.css';
 declare type SurfaceHeaderOwnProps = {};
 export declare type SurfaceHeaderProps<T extends React.ElementType = 'div'> = PolymorphicComponentProps<T, SurfaceHeaderOwnProps>;

package/cjs/core/Surface/Surface.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,9 +31,9 @@ exports.Surface = 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 react_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/surface.css");
 /**
  * Helper function that returns one of the preset surface elevation values.
@@ -33,25 +56,25 @@ const getSurfaceElevationValue = (elevation) => {
             return '';
     }
 };
-const SurfaceHeader = react_1.default.forwardRef((props, ref) => {
+const SurfaceHeader = React.forwardRef((props, ref) => {
     const { as: Element = 'div', children, className, ...rest } = props;
-    const { setHasLayout } = (0, utils_1.useSafeContext)(SurfaceContext);
-    react_1.default.useEffect(() => {
-        if (!(0, utils_1.supportsHas)()) {
+    const { setHasLayout } = (0, index_js_1.useSafeContext)(SurfaceContext);
+    React.useEffect(() => {
+        if (!(0, index_js_1.supportsHas)()) {
             setHasLayout(true);
         }
     }, [setHasLayout]);
-    return (react_1.default.createElement(Element, { className: (0, classnames_1.default)('iui-surface-header', className), ref: ref, ...rest }, children));
+    return (React.createElement(Element, { className: (0, classnames_1.default)('iui-surface-header', className), ref: ref, ...rest }, children));
 });
-const SurfaceBody = react_1.default.forwardRef((props, ref) => {
+const SurfaceBody = React.forwardRef((props, ref) => {
     const { as: Element = 'div', children, className, isPadded, ...rest } = props;
-    const { setHasLayout } = (0, utils_1.useSafeContext)(SurfaceContext);
-    react_1.default.useEffect(() => {
-        if (!(0, utils_1.supportsHas)()) {
+    const { setHasLayout } = (0, index_js_1.useSafeContext)(SurfaceContext);
+    React.useEffect(() => {
+        if (!(0, index_js_1.supportsHas)()) {
             setHasLayout(true);
         }
     }, [setHasLayout]);
-    return (react_1.default.createElement(Element, { className: (0, classnames_1.default)('iui-surface-body', className), ref: ref, "data-iui-padded": isPadded ? 'true' : undefined, ...rest }, children));
+    return (React.createElement(Element, { className: (0, classnames_1.default)('iui-surface-body', className), ref: ref, "data-iui-padded": isPadded ? 'true' : undefined, ...rest }, children));
 });
 /**
  * The Surface container allows content to appear elevated through the use of a drop shadow
@@ -63,16 +86,16 @@ const SurfaceBody = react_1.default.forwardRef((props, ref) => {
  *   <Surface.Body isPadded={true}>Surface Body Content</Surface.Body>
  * </Surface>
  */
-exports.Surface = Object.assign(react_1.default.forwardRef((props, ref) => {
+exports.Surface = Object.assign(React.forwardRef((props, ref) => {
     const { elevation, className, style, children, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const [hasLayout, setHasLayout] = react_1.default.useState(false);
+    (0, index_js_1.useTheme)();
+    const [hasLayout, setHasLayout] = React.useState(false);
     const _style = {
         '--iui-surface-elevation': getSurfaceElevationValue(elevation),
         ...style,
     };
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-surface', className), style: _style, ref: ref, "data-iui-layout": hasLayout ? 'true' : undefined, ...rest },
-        react_1.default.createElement(SurfaceContext.Provider, { value: { setHasLayout } }, children)));
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-surface', className), style: _style, ref: ref, "data-iui-layout": hasLayout ? 'true' : undefined, ...rest },
+        React.createElement(SurfaceContext.Provider, { value: { setHasLayout } }, children)));
 }), {
     /**
      * 	Surface header subcomponent
@@ -83,5 +106,5 @@ exports.Surface = Object.assign(react_1.default.forwardRef((props, ref) => {
      */
     Body: SurfaceBody,
 });
-const SurfaceContext = react_1.default.createContext(undefined);
+const SurfaceContext = React.createContext(undefined);
 exports.default = exports.Surface;

package/cjs/core/Surface/index.d.ts

@@ -1,4 +1,4 @@
-export { Surface } from './Surface';
-export type { SurfaceProps, SurfaceHeaderProps, SurfaceBodyProps, } from './Surface';
+export { Surface } from './Surface.js';
+export type { SurfaceProps, SurfaceHeaderProps, SurfaceBodyProps, } from './Surface.js';
 declare const _default: "./Surface";
 export default _default;

package/cjs/core/Surface/index.js

@@ -5,6 +5,6 @@ exports.Surface = void 0;
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Surface_1 = require("./Surface");
-Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return Surface_1.Surface; } });
+var Surface_js_1 = require("./Surface.js");
+Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return Surface_js_1.Surface; } });
 exports.default = './Surface';

package/cjs/core/Table/SubRowExpander.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Cell, CellProps } from 'react-table';
+import * as React from 'react';
+import type { Cell, CellProps } from 'react-table';
 export declare type SubRowExpanderProps<T extends Record<string, unknown>> = {
     cell: Cell<T>;
     expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;