@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/NonIdealState/ErrorPage.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.ErrorPage = void 0;
@@ -8,9 +28,9 @@ exports.ErrorPage = 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 Button_1 = require("../Buttons/Button");
-const NonIdealState_1 = require("./NonIdealState");
+const React = __importStar(require("react"));
+const index_js_1 = require("../Buttons/Button/index.js");
+const NonIdealState_js_1 = require("./NonIdealState.js");
 const itwinui_illustrations_react_1 = require("@itwin/itwinui-illustrations-react");
 /**
  * @deprecated Use `NonIdealState` instead for a smaller client bundle.
@@ -43,33 +63,33 @@ const ErrorPage = (props) => {
             case '305':
             case '307':
             case '308': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.SvgRedirect, null);
+                return React.createElement(itwinui_illustrations_react_1.SvgRedirect, null);
             }
             case '401': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.Svg401, null);
+                return React.createElement(itwinui_illustrations_react_1.Svg401, null);
             }
             case '403': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.Svg403, null);
+                return React.createElement(itwinui_illustrations_react_1.Svg403, null);
             }
             case '404': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.Svg404, null);
+                return React.createElement(itwinui_illustrations_react_1.Svg404, null);
             }
             case '408':
             case '504': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.SvgTimedOut, null);
+                return React.createElement(itwinui_illustrations_react_1.SvgTimedOut, null);
             }
             case '500': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.Svg500, null);
+                return React.createElement(itwinui_illustrations_react_1.Svg500, null);
             }
             case '502': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.Svg502, null);
+                return React.createElement(itwinui_illustrations_react_1.Svg502, null);
             }
             case '503': {
-                return react_1.default.createElement(itwinui_illustrations_react_1.Svg503, null);
+                return React.createElement(itwinui_illustrations_react_1.Svg503, null);
             }
             case 'generic':
             default: {
-                return react_1.default.createElement(itwinui_illustrations_react_1.SvgError, null);
+                return React.createElement(itwinui_illustrations_react_1.SvgError, null);
             }
         }
     }
@@ -120,13 +140,13 @@ const ErrorPage = (props) => {
         if (!primaryButtonHandle || !primaryButtonLabel) {
             return undefined;
         }
-        return (react_1.default.createElement(Button_1.Button, { styleType: 'high-visibility', onClick: primaryButtonHandle }, primaryButtonLabel));
+        return (React.createElement(index_js_1.Button, { styleType: 'high-visibility', onClick: primaryButtonHandle }, primaryButtonLabel));
     }
     function getSecondaryButton() {
         if (!secondaryButtonHandle || !secondaryButtonLabel) {
             return undefined;
         }
-        return (react_1.default.createElement(Button_1.Button, { styleType: 'default', onClick: secondaryButtonHandle }, secondaryButtonLabel));
+        return (React.createElement(index_js_1.Button, { styleType: 'default', onClick: secondaryButtonHandle }, secondaryButtonLabel));
     }
     function getActions() {
         const primaryButton = getPrimaryButton();
@@ -134,11 +154,11 @@ const ErrorPage = (props) => {
         if (!primaryButton && !secondaryButton) {
             return undefined;
         }
-        return (react_1.default.createElement(react_1.default.Fragment, null,
+        return (React.createElement(React.Fragment, null,
             primaryButton,
             secondaryButton));
     }
-    return (react_1.default.createElement(NonIdealState_1.NonIdealState, { svg: getErrorIcon(), heading: getHeadingMessage(), description: errorMessage, actions: getActions(), ...rest }));
+    return (React.createElement(NonIdealState_js_1.NonIdealState, { svg: getErrorIcon(), heading: getHeadingMessage(), description: errorMessage, actions: getActions(), ...rest }));
 };
 exports.ErrorPage = ErrorPage;
 exports.default = exports.ErrorPage;

package/cjs/core/NonIdealState/NonIdealState.d.ts

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

package/cjs/core/NonIdealState/NonIdealState.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.NonIdealState = 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"));
 require("@itwin/itwinui-css/css/non-ideal-state.css");
 /**
@@ -21,12 +44,12 @@ require("@itwin/itwinui-css/css/non-ideal-state.css");
  */
 const NonIdealState = (props) => {
     const { className, svg, heading, description, actions, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-non-ideal-state', className), ...rest },
-        react_1.default.createElement("div", { className: 'iui-non-ideal-state-illustration' }, svg),
-        heading && react_1.default.createElement("div", { className: 'iui-non-ideal-state-title' }, heading),
-        description && (react_1.default.createElement("div", { className: 'iui-non-ideal-state-description' }, description)),
-        actions && react_1.default.createElement("div", { className: 'iui-non-ideal-state-actions' }, actions)));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-non-ideal-state', className), ...rest },
+        React.createElement("div", { className: 'iui-non-ideal-state-illustration' }, svg),
+        heading && React.createElement("div", { className: 'iui-non-ideal-state-title' }, heading),
+        description && (React.createElement("div", { className: 'iui-non-ideal-state-description' }, description)),
+        actions && React.createElement("div", { className: 'iui-non-ideal-state-actions' }, actions)));
 };
 exports.NonIdealState = NonIdealState;
 exports.default = exports.NonIdealState;

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

@@ -1,6 +1,6 @@
-export { ErrorPage } from './ErrorPage';
-export type { ErrorPageProps, ErrorPageType, ErrorTypeTranslations, } from './ErrorPage';
-export { NonIdealState } from './NonIdealState';
-export type { NonIdealStateProps } from './NonIdealState';
+export { ErrorPage } from './ErrorPage.js';
+export type { ErrorPageProps, ErrorPageType, ErrorTypeTranslations, } from './ErrorPage.js';
+export { NonIdealState } from './NonIdealState.js';
+export type { NonIdealStateProps } from './NonIdealState.js';
 declare const _default: "./NonIdealState";
 export default _default;

package/cjs/core/NonIdealState/index.js

@@ -5,8 +5,8 @@ exports.NonIdealState = exports.ErrorPage = 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 ErrorPage_1 = require("./ErrorPage");
-Object.defineProperty(exports, "ErrorPage", { enumerable: true, get: function () { return ErrorPage_1.ErrorPage; } });
-var NonIdealState_1 = require("./NonIdealState");
-Object.defineProperty(exports, "NonIdealState", { enumerable: true, get: function () { return NonIdealState_1.NonIdealState; } });
+var ErrorPage_js_1 = require("./ErrorPage.js");
+Object.defineProperty(exports, "ErrorPage", { enumerable: true, get: function () { return ErrorPage_js_1.ErrorPage; } });
+var NonIdealState_js_1 = require("./NonIdealState.js");
+Object.defineProperty(exports, "NonIdealState", { enumerable: true, get: function () { return NonIdealState_js_1.NonIdealState; } });
 exports.default = './NonIdealState';

package/cjs/core/NotificationMarker/NotificationMarker.d.ts

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

package/cjs/core/NotificationMarker/NotificationMarker.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.NotificationMarker = 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"));
 require("@itwin/itwinui-css/css/utils.css");
 /**
@@ -24,9 +47,9 @@ require("@itwin/itwinui-css/css/utils.css");
  * @example
  * <NotificationMarker status='positive' pulsing={true}>Live</NotificationMarker>
  */
-exports.NotificationMarker = react_1.default.forwardRef((props, ref) => {
+exports.NotificationMarker = React.forwardRef((props, ref) => {
     const { className, children, status = 'primary', pulsing = false, enabled = true, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("span", { ref: ref, className: (0, classnames_1.default)({ 'iui-notification-marker': enabled }, className), "data-iui-variant": enabled ? status : null, "data-iui-urgent": enabled ? pulsing : null, ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("span", { ref: ref, className: (0, classnames_1.default)({ 'iui-notification-marker': enabled }, className), "data-iui-variant": enabled ? status : null, "data-iui-urgent": enabled ? pulsing : null, ...rest }, children));
 });
 exports.default = exports.NotificationMarker;

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

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

package/cjs/core/NotificationMarker/index.js

@@ -5,6 +5,6 @@ exports.NotificationMarker = 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 NotificationMarker_1 = require("./NotificationMarker");
-Object.defineProperty(exports, "NotificationMarker", { enumerable: true, get: function () { return NotificationMarker_1.NotificationMarker; } });
+var NotificationMarker_js_1 = require("./NotificationMarker.js");
+Object.defineProperty(exports, "NotificationMarker", { enumerable: true, get: function () { return NotificationMarker_js_1.NotificationMarker; } });
 exports.default = './NotificationMarker';

package/cjs/core/ProgressIndicators/ProgressLinear/ProgressLinear.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/progress-indicator.css';
 export declare type ProgressLinearProps = {
     /**

package/cjs/core/ProgressIndicators/ProgressLinear/ProgressLinear.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.ProgressLinear = 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/progress-indicator.css");
 /**
  * Shows progress on a linear bar
@@ -29,17 +52,17 @@ require("@itwin/itwinui-css/css/progress-indicator.css");
  */
 const ProgressLinear = (props) => {
     const { value = 0, indeterminate = false, labels = [], isAnimated = false, status, className, style, ...rest } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const boundedValue = Math.min(100, Math.max(0, value));
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-progress-indicator-linear', {
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-progress-indicator-linear', {
             [`iui-${status}`]: !!status,
         }, className), style: style, ...rest },
-        react_1.default.createElement("div", { className: 'iui-track' },
-            react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-fill', {
+        React.createElement("div", { className: 'iui-track' },
+            React.createElement("div", { className: (0, classnames_1.default)('iui-fill', {
                     'iui-determinate': !indeterminate && isAnimated,
                     'iui-indeterminate': indeterminate,
                 }), style: { width: indeterminate ? '100%' : `${boundedValue}%` } })),
-        labels.length > 0 && (react_1.default.createElement("div", { className: 'iui-label' }, labels.map((label, index) => (react_1.default.createElement("span", { key: index }, label)))))));
+        labels.length > 0 && (React.createElement("div", { className: 'iui-label' }, labels.map((label, index) => (React.createElement("span", { key: index }, label)))))));
 };
 exports.ProgressLinear = ProgressLinear;
 exports.default = exports.ProgressLinear;

package/cjs/core/ProgressIndicators/ProgressLinear/index.d.ts

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

package/cjs/core/ProgressIndicators/ProgressLinear/index.js

@@ -5,6 +5,6 @@ exports.ProgressLinear = 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 ProgressLinear_1 = require("./ProgressLinear");
-Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return ProgressLinear_1.ProgressLinear; } });
+var ProgressLinear_js_1 = require("./ProgressLinear.js");
+Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return ProgressLinear_js_1.ProgressLinear; } });
 exports.default = './ProgressLinear';

package/cjs/core/ProgressIndicators/ProgressRadial/ProgressRadial.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/progress-indicator.css';
 export declare type ProgressRadialProps = {
     /**

package/cjs/core/ProgressIndicators/ProgressRadial/ProgressRadial.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.ProgressRadial = 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 utils_1 = require("../../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../../utils/index.js");
 require("@itwin/itwinui-css/css/progress-indicator.css");
 /**
  * Circular Progress Indicator
@@ -29,10 +52,10 @@ require("@itwin/itwinui-css/css/progress-indicator.css");
  */
 const ProgressRadial = (props) => {
     const { value = 0, indeterminate = false, status, children, size = '', className, style, ...rest } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const statusMap = {
-        negative: react_1.default.createElement(utils_1.SvgImportantSmall, { "aria-hidden": true }),
-        positive: react_1.default.createElement(utils_1.SvgCheckmarkSmall, { "aria-hidden": true }),
+        negative: React.createElement(index_js_1.SvgImportantSmall, { "aria-hidden": true }),
+        positive: React.createElement(index_js_1.SvgCheckmarkSmall, { "aria-hidden": true }),
     };
     const fillStyle = {
         strokeDashoffset: status === 'positive'
@@ -40,18 +63,18 @@ const ProgressRadial = (props) => {
             : 88 -
                 Math.min(88, Math.max(0, indeterminate ? 88 : (88 * value) / 100)),
     };
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-progress-indicator-radial', {
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-progress-indicator-radial', {
             'iui-determinate': !indeterminate,
             'iui-indeterminate': indeterminate,
             [`iui-${size}`]: !!size,
             [`iui-${status}`]: !!status,
         }, className), style: style, ...rest },
-        react_1.default.createElement("svg", { className: 'iui-radial', viewBox: '0 0 32 32', "aria-hidden": 'true' },
-            react_1.default.createElement("circle", { className: 'iui-track', cx: '16', cy: '16', r: '14' }),
-            react_1.default.createElement("circle", { className: 'iui-fill', cx: '16', cy: '16', r: '14', style: fillStyle })),
-        react_1.default.createElement(react_1.default.Fragment, null,
-            status && (react_1.default.createElement("span", { className: 'iui-inner-content' }, statusMap[status])),
-            !status && children && (react_1.default.createElement("span", { className: 'iui-inner-content' }, children)))));
+        React.createElement("svg", { className: 'iui-radial', viewBox: '0 0 32 32', "aria-hidden": 'true' },
+            React.createElement("circle", { className: 'iui-track', cx: '16', cy: '16', r: '14' }),
+            React.createElement("circle", { className: 'iui-fill', cx: '16', cy: '16', r: '14', style: fillStyle })),
+        React.createElement(React.Fragment, null,
+            status && (React.createElement("span", { className: 'iui-inner-content' }, statusMap[status])),
+            !status && children && (React.createElement("span", { className: 'iui-inner-content' }, children)))));
 };
 exports.ProgressRadial = ProgressRadial;
 exports.default = exports.ProgressRadial;

package/cjs/core/ProgressIndicators/ProgressRadial/index.d.ts

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

package/cjs/core/ProgressIndicators/ProgressRadial/index.js

@@ -5,6 +5,6 @@ exports.ProgressRadial = 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 ProgressRadial_1 = require("./ProgressRadial");
-Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return ProgressRadial_1.ProgressRadial; } });
+var ProgressRadial_js_1 = require("./ProgressRadial.js");
+Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return ProgressRadial_js_1.ProgressRadial; } });
 exports.default = './ProgressRadial';

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

@@ -1,4 +1,4 @@
-export { ProgressLinear } from './ProgressLinear';
-export type { ProgressLinearProps } from './ProgressLinear';
-export { ProgressRadial } from './ProgressRadial';
-export type { ProgressRadialProps } from './ProgressRadial';
+export { ProgressLinear } from './ProgressLinear/index.js';
+export type { ProgressLinearProps } from './ProgressLinear/index.js';
+export { ProgressRadial } from './ProgressRadial/index.js';
+export type { ProgressRadialProps } from './ProgressRadial/index.js';

package/cjs/core/ProgressIndicators/index.js

@@ -5,7 +5,7 @@ exports.ProgressRadial = exports.ProgressLinear = 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 ProgressLinear_1 = require("./ProgressLinear");
-Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return ProgressLinear_1.ProgressLinear; } });
-var ProgressRadial_1 = require("./ProgressRadial");
-Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return ProgressRadial_1.ProgressRadial; } });
+var index_js_1 = require("./ProgressLinear/index.js");
+Object.defineProperty(exports, "ProgressLinear", { enumerable: true, get: function () { return index_js_1.ProgressLinear; } });
+var index_js_2 = require("./ProgressRadial/index.js");
+Object.defineProperty(exports, "ProgressRadial", { enumerable: true, get: function () { return index_js_2.ProgressRadial; } });

package/cjs/core/Radio/Radio.d.ts

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

package/cjs/core/Radio/Radio.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.Radio = 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 utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/radio.css");
 /**
  * Basic radio input component
@@ -22,19 +45,19 @@ require("@itwin/itwinui-css/css/radio.css");
  * <Radio status='warning' label='Warning' />
  * <Radio status='negative' label='Negative' />
  */
-exports.Radio = react_1.default.forwardRef((props, ref) => {
+exports.Radio = React.forwardRef((props, ref) => {
     const { className, disabled = false, label, status, style, setFocus = false, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const inputElementRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(inputElementRef, ref);
-    react_1.default.useEffect(() => {
+    (0, index_js_1.useTheme)();
+    const inputElementRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(inputElementRef, ref);
+    React.useEffect(() => {
         if (inputElementRef.current && setFocus) {
             inputElementRef.current.focus();
         }
     }, [setFocus]);
-    const radio = (react_1.default.createElement("input", { className: (0, classnames_1.default)('iui-radio', className && { [className]: !label }), style: !label ? style : undefined, disabled: disabled, type: 'radio', ref: refs, ...rest }));
-    return !label ? (radio) : (react_1.default.createElement("label", { className: (0, classnames_1.default)('iui-radio-wrapper', { 'iui-disabled': disabled, [`iui-${status}`]: !!status }, className), style: style },
+    const radio = (React.createElement("input", { className: (0, classnames_1.default)('iui-radio', className && { [className]: !label }), style: !label ? style : undefined, disabled: disabled, type: 'radio', ref: refs, ...rest }));
+    return !label ? (radio) : (React.createElement("label", { className: (0, classnames_1.default)('iui-radio-wrapper', { 'iui-disabled': disabled, [`iui-${status}`]: !!status }, className), style: style },
         radio,
-        label && react_1.default.createElement("span", { className: 'iui-radio-label' }, label)));
+        label && React.createElement("span", { className: 'iui-radio-label' }, label)));
 });
 exports.default = exports.Radio;

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

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

package/cjs/core/Radio/index.js

@@ -5,6 +5,6 @@ exports.Radio = 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 Radio_1 = require("./Radio");
-Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_1.Radio; } });
+var Radio_js_1 = require("./Radio.js");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_js_1.Radio; } });
 exports.default = './Radio';

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

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