@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/Dialog/DialogTitleBar.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,14 +31,14 @@ exports.DialogTitleBar = 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 Buttons_1 = require("../Buttons");
+const index_js_1 = require("../utils/index.js");
+const index_js_2 = require("../Buttons/index.js");
 require("@itwin/itwinui-css/css/dialog.css");
-const DialogContext_1 = require("./DialogContext");
-const DialogTitleBarTitle_1 = require("./DialogTitleBarTitle");
-const DialogDragContext_1 = require("./DialogDragContext");
+const DialogContext_js_1 = require("./DialogContext.js");
+const DialogTitleBarTitle_js_1 = require("./DialogTitleBarTitle.js");
+const DialogDragContext_js_1 = require("./DialogDragContext.js");
 /**
  * Dialog title bar. Recommended to be used as a child of `Dialog`.
  * @example
@@ -33,24 +56,24 @@ const DialogDragContext_1 = require("./DialogDragContext");
  *   </IconButton>
  * </Dialog.TitleBar>
  */
-exports.DialogTitleBar = Object.assign(react_1.default.forwardRef((props, ref) => {
-    const dialogContext = (0, DialogContext_1.useDialogContext)();
+exports.DialogTitleBar = Object.assign(React.forwardRef((props, ref) => {
+    const dialogContext = (0, DialogContext_js_1.useDialogContext)();
     const { children, titleText, isDismissible = dialogContext.isDismissible, onClose = dialogContext.onClose, isDraggable = dialogContext.isDraggable, className, onPointerDown: onPointerDownProp, ...rest } = props;
-    const { onPointerDown } = (0, DialogDragContext_1.useDialogDragContext)();
-    const handlePointerDown = react_1.default.useCallback((event) => {
+    const { onPointerDown } = (0, DialogDragContext_js_1.useDialogDragContext)();
+    const handlePointerDown = React.useCallback((event) => {
         onPointerDownProp === null || onPointerDownProp === void 0 ? void 0 : onPointerDownProp(event);
         if (!event.defaultPrevented) {
             onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
         }
     }, [onPointerDown, onPointerDownProp]);
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-title-bar', className, {
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-dialog-title-bar', className, {
             'iui-dialog-title-bar-filled': isDraggable,
-        }), ref: ref, onPointerDown: handlePointerDown, ...rest }, children ? (children) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(DialogTitleBarTitle_1.DialogTitleBarTitle, null, titleText),
-        isDismissible && (react_1.default.createElement(Buttons_1.IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
-            react_1.default.createElement(utils_1.SvgClose, null)))))));
+        }), ref: ref, onPointerDown: handlePointerDown, ...rest }, children ? (children) : (React.createElement(React.Fragment, null,
+        React.createElement(DialogTitleBarTitle_js_1.DialogTitleBarTitle, null, titleText),
+        isDismissible && (React.createElement(index_js_2.IconButton, { size: 'small', styleType: 'borderless', onClick: onClose, "aria-label": 'Close' },
+            React.createElement(index_js_1.SvgClose, null)))))));
 }), {
-    Title: DialogTitleBarTitle_1.DialogTitleBarTitle,
+    Title: DialogTitleBarTitle_js_1.DialogTitleBarTitle,
 });
 exports.default = exports.DialogTitleBar;

package/cjs/core/Dialog/DialogTitleBarTitle.d.ts

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

package/cjs/core/Dialog/DialogTitleBarTitle.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,18 +31,18 @@ exports.DialogTitleBarTitle = 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/dialog.css");
 /**
  * Dialog title bar. Recommended to be used as a child of `Dialog`.
  * @example
  * <Dialog.TitleBar>My dialog title</Dialog.TitleBar>
  */
-exports.DialogTitleBarTitle = react_1.default.forwardRef((props, ref) => {
+exports.DialogTitleBarTitle = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog-title', className), ref: ref, ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-dialog-title', className), ref: ref, ...rest }, children));
 });
 exports.default = exports.DialogTitleBarTitle;

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

@@ -1,8 +1,8 @@
-export { Dialog } from './Dialog';
-export type { DialogProps } from './Dialog';
-export type { DialogMainProps } from './DialogMain';
-export type { DialogTitleBarProps } from './DialogTitleBar';
-export type { DialogContentProps } from './DialogContent';
-export type { DialogButtonBarProps } from './DialogButtonBar';
+export { Dialog } from './Dialog.js';
+export type { DialogProps } from './Dialog.js';
+export type { DialogMainProps } from './DialogMain.js';
+export type { DialogTitleBarProps } from './DialogTitleBar.js';
+export type { DialogContentProps } from './DialogContent.js';
+export type { DialogButtonBarProps } from './DialogButtonBar.js';
 declare const _default: "./Dialog";
 export default _default;

package/cjs/core/Dialog/index.js

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

package/cjs/core/DropdownMenu/DropdownMenu.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';
 export declare type DropdownMenuProps = {
     /**
      * List of menu items. Recommended to use MenuItem component.

package/cjs/core/DropdownMenu/DropdownMenu.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.DropdownMenu = void 0;
@@ -8,9 +28,9 @@ exports.DropdownMenu = 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 Menu_1 = require("../Menu");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
+const index_js_2 = require("../Menu/index.js");
 /**
  * Dropdown menu component.
  * Uses the {@link Popover} component, which is a wrapper around [tippy.js](https://atomiks.github.io/tippyjs).
@@ -32,26 +52,26 @@ const Menu_1 = require("../Menu");
  */
 const DropdownMenu = (props) => {
     const { menuItems, children, className, style, role = 'menu', visible, placement = 'bottom-start', onShow, onHide, trigger, id, ...rest } = props;
-    const [isVisible, setIsVisible] = react_1.default.useState(visible !== null && visible !== void 0 ? visible : false);
-    react_1.default.useEffect(() => {
+    const [isVisible, setIsVisible] = React.useState(visible !== null && visible !== void 0 ? visible : false);
+    React.useEffect(() => {
         setIsVisible(visible !== null && visible !== void 0 ? visible : false);
     }, [visible]);
-    const open = react_1.default.useCallback(() => setIsVisible(true), []);
-    const close = react_1.default.useCallback(() => setIsVisible(false), []);
-    const targetRef = react_1.default.useRef(null);
-    const onShowHandler = react_1.default.useCallback((instance) => {
+    const open = React.useCallback(() => setIsVisible(true), []);
+    const close = React.useCallback(() => setIsVisible(false), []);
+    const targetRef = React.useRef(null);
+    const onShowHandler = React.useCallback((instance) => {
         setIsVisible(true);
         onShow === null || onShow === void 0 ? void 0 : onShow(instance);
     }, [onShow]);
-    const onHideHandler = react_1.default.useCallback((instance) => {
+    const onHideHandler = React.useCallback((instance) => {
         var _a;
         setIsVisible(false);
         (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         onHide === null || onHide === void 0 ? void 0 : onHide(instance);
     }, [onHide]);
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement(utils_1.Popover, { content: react_1.default.createElement(Menu_1.Menu, { className: className, style: style, role: role, id: id }, react_1.default.useMemo(() => menuItems(close), [menuItems, close])), visible: trigger === undefined ? isVisible : undefined, onClickOutside: close, placement: placement, onShow: onShowHandler, onHide: onHideHandler, trigger: visible === undefined ? trigger : undefined, ...rest }, react_1.default.cloneElement(children, {
-        ref: (0, utils_1.mergeRefs)(targetRef, props.children.ref),
+    (0, index_js_1.useTheme)();
+    return (React.createElement(index_js_1.Popover, { content: React.createElement(index_js_2.Menu, { className: className, style: style, role: role, id: id }, React.useMemo(() => menuItems(close), [menuItems, close])), visible: trigger === undefined ? isVisible : undefined, onClickOutside: close, placement: placement, onShow: onShowHandler, onHide: onHideHandler, trigger: visible === undefined ? trigger : undefined, ...rest }, React.cloneElement(children, {
+        ref: (0, index_js_1.mergeRefs)(targetRef, props.children.ref),
         onClick: (args) => {
             var _a, _b;
             trigger === undefined && (isVisible ? close() : open());

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

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

package/cjs/core/DropdownMenu/index.js

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

package/cjs/core/ExpandableBlock/ExpandableBlock.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/expandable-block.css';
 export declare type ExpandableBlockProps = {
     /**

package/cjs/core/ExpandableBlock/ExpandableBlock.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.ExpandableBlock = 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/expandable-block.css");
 /**
  * Container that allows content to be hidden behind a brief title and a caption.
@@ -23,10 +46,10 @@ require("@itwin/itwinui-css/css/expandable-block.css");
  */
 const ExpandableBlock = (props) => {
     const { caption, children, className, title, onToggle, style, isExpanded = false, endIcon, status, size = 'default', styleType = 'default', ...rest } = props;
-    (0, utils_1.useTheme)();
-    const icon = endIcon !== null && endIcon !== void 0 ? endIcon : (status && utils_1.StatusIconMap[status]());
-    const [expanded, setExpanded] = react_1.default.useState(isExpanded);
-    react_1.default.useEffect(() => {
+    (0, index_js_1.useTheme)();
+    const icon = endIcon !== null && endIcon !== void 0 ? endIcon : (status && index_js_1.StatusIconMap[status]());
+    const [expanded, setExpanded] = React.useState(isExpanded);
+    React.useEffect(() => {
         setExpanded(isExpanded);
     }, [isExpanded]);
     const handleToggle = () => {
@@ -43,21 +66,21 @@ const ExpandableBlock = (props) => {
             handleToggle();
         }
     };
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-expandable-block', {
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-expandable-block', {
             'iui-with-caption': !!caption,
             'iui-expanded': expanded,
             'iui-small': size === 'small',
             'iui-borderless': styleType === 'borderless',
         }, className), style: style, ...rest },
-        react_1.default.createElement("div", { "aria-expanded": expanded, className: 'iui-header', tabIndex: 0, onClick: handleToggle, onKeyDown: onKeyDown },
-            react_1.default.createElement(utils_1.SvgChevronRight, { className: 'iui-icon', "aria-hidden": true }),
-            react_1.default.createElement("span", { className: 'iui-expandable-block-label' },
-                react_1.default.createElement("div", { className: 'iui-title' }, title),
-                caption && react_1.default.createElement("div", { className: 'iui-caption' }, caption)),
-            icon && react_1.default.createElement(utils_1.Icon, { fill: status }, icon)),
-        react_1.default.createElement(utils_1.WithCSSTransition, { in: expanded },
-            react_1.default.createElement("div", { className: 'iui-expandable-content' },
-                react_1.default.createElement("div", null, children)))));
+        React.createElement("div", { "aria-expanded": expanded, className: 'iui-header', tabIndex: 0, onClick: handleToggle, onKeyDown: onKeyDown },
+            React.createElement(index_js_1.SvgChevronRight, { className: 'iui-icon', "aria-hidden": true }),
+            React.createElement("span", { className: 'iui-expandable-block-label' },
+                React.createElement("div", { className: 'iui-title' }, title),
+                caption && React.createElement("div", { className: 'iui-caption' }, caption)),
+            icon && React.createElement(index_js_1.Icon, { fill: status }, icon)),
+        React.createElement(index_js_1.WithCSSTransition, { in: expanded },
+            React.createElement("div", { className: 'iui-expandable-content' },
+                React.createElement("div", null, children)))));
 };
 exports.ExpandableBlock = ExpandableBlock;
 exports.default = exports.ExpandableBlock;

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

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

package/cjs/core/ExpandableBlock/index.js

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

package/cjs/core/Fieldset/Fieldset.d.ts

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

package/cjs/core/Fieldset/Fieldset.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.Fieldset = 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/fieldset.css");
 /**
@@ -25,12 +48,12 @@ require("@itwin/itwinui-css/css/fieldset.css");
  */
 const Fieldset = (props) => {
     const { children, className, disabled, legend, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("fieldset", { className: (0, classnames_1.default)('iui-fieldset', className), disabled: disabled, ...rest },
-        legend && react_1.default.createElement("legend", null, legend),
+    (0, index_js_1.useTheme)();
+    return (React.createElement("fieldset", { className: (0, classnames_1.default)('iui-fieldset', className), disabled: disabled, ...rest },
+        legend && React.createElement("legend", null, legend),
         disabled
-            ? react_1.default.Children.map(children, (child) => react_1.default.isValidElement(child)
-                ? react_1.default.cloneElement(child, { disabled: true })
+            ? React.Children.map(children, (child) => React.isValidElement(child)
+                ? React.cloneElement(child, { disabled: true })
                 : child)
             : children));
 };

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

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

package/cjs/core/Fieldset/index.js

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

package/cjs/core/FileUpload/FileEmptyCard.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type FileEmptyCardIconProps = React.ComponentPropsWithRef<'span'>;
 export declare type FileEmptyCardTextProps = React.ComponentPropsWithRef<'span'>;
 export declare type FileEmptyCardProps = React.ComponentPropsWithoutRef<'div'>;

package/cjs/core/FileUpload/FileEmptyCard.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,17 +31,17 @@ exports.FileEmptyCard = 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"));
-const FileUploadCard_1 = __importDefault(require("./FileUploadCard"));
-const FileEmptyCardIcon = react_1.default.forwardRef((props, ref) => {
+const FileUploadCard_js_1 = __importDefault(require("./FileUploadCard.js"));
+const FileEmptyCardIcon = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)('iui-file-card-empty-icon', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : react_1.default.createElement(utils_1.SvgUpload, null)));
+    return (React.createElement("span", { className: (0, classnames_1.default)('iui-file-card-empty-icon', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : React.createElement(index_js_1.SvgUpload, null)));
 });
-const FileEmptyCardText = react_1.default.forwardRef((props, ref) => {
+const FileEmptyCardText = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)('iui-file-card-empty-action', className), ref: ref, ...rest }, children));
+    return (React.createElement("span", { className: (0, classnames_1.default)('iui-file-card-empty-action', className), ref: ref, ...rest }, children));
 });
 /**
  * Empty file card to be used with the `FileUploadCard` component when no file has been uploaded.
@@ -36,13 +59,13 @@ const FileEmptyCardText = react_1.default.forwardRef((props, ref) => {
  *   </FileEmptyCard.Text>
  * </FileEmptyCard>
  */
-exports.FileEmptyCard = Object.assign(react_1.default.forwardRef((props, ref) => {
+exports.FileEmptyCard = Object.assign(React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-file-card-empty', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(exports.FileEmptyCard.Icon, null),
-        react_1.default.createElement(exports.FileEmptyCard.Text, null,
-            react_1.default.createElement(FileUploadCard_1.default.InputLabel, null, "Choose a file"),
-            react_1.default.createElement("div", null, "to upload."))))));
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-file-card-empty', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null,
+        React.createElement(exports.FileEmptyCard.Icon, null),
+        React.createElement(exports.FileEmptyCard.Text, null,
+            React.createElement(FileUploadCard_js_1.default.InputLabel, null, "Choose a file"),
+            React.createElement("div", null, "to upload."))))));
 }), {
     Icon: FileEmptyCardIcon,
     Text: FileEmptyCardText,

package/cjs/core/FileUpload/FileUpload.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/file-upload.css';
 export declare type FileUploadProps = {
     /**
@@ -46,5 +46,5 @@ export declare const FileUpload: React.ForwardRefExoticComponent<{
     id?: string | undefined;
 } & {
     style?: React.CSSProperties | undefined;
-} & import("../utils").ClassNameProps & React.RefAttributes<HTMLDivElement>>;
+} & import("../utils/props.js").ClassNameProps & React.RefAttributes<HTMLDivElement>>;
 export default FileUpload;