@itwin/itwinui-react 2.10.0 → 2.11.0

package/cjs/core/utils/hooks/useMergedRefs.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.useMergedRefs = exports.mergeRefs = void 0;
@@ -8,7 +28,7 @@ exports.useMergedRefs = exports.mergeRefs = 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"));
 /**
  * Function that merges the provided refs into one.
  */
@@ -30,6 +50,6 @@ exports.mergeRefs = mergeRefs;
  */
 const useMergedRefs = (...refs) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    return react_1.default.useCallback((0, exports.mergeRefs)(...refs), [...refs]);
+    return React.useCallback((0, exports.mergeRefs)(...refs), [...refs]);
 };
 exports.useMergedRefs = useMergedRefs;

package/cjs/core/utils/hooks/useOverflow.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * Hook that observes the size of an element and returns the number of items
  * that should be visible based on the size of the container element.

package/cjs/core/utils/hooks/useOverflow.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.useOverflow = void 0;
@@ -8,10 +28,10 @@ exports.useOverflow = 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 useMergedRefs_1 = require("./useMergedRefs");
-const useResizeObserver_1 = require("./useResizeObserver");
-const useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
+const React = __importStar(require("react"));
+const useMergedRefs_js_1 = require("./useMergedRefs.js");
+const useResizeObserver_js_1 = require("./useResizeObserver.js");
+const useIsomorphicLayoutEffect_js_1 = require("./useIsomorphicLayoutEffect.js");
 const STARTING_MAX_ITEMS_COUNT = 20;
 /**
  * Hook that observes the size of an element and returns the number of items
@@ -36,15 +56,15 @@ const STARTING_MAX_ITEMS_COUNT = 20;
  * );
  */
 const useOverflow = (items, disabled = false, orientation = 'horizontal') => {
-    const containerRef = react_1.default.useRef(null);
-    const [visibleCount, setVisibleCount] = react_1.default.useState(() => disabled ? items.length : Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
-    const needsFullRerender = react_1.default.useRef(true);
-    const [containerSize, setContainerSize] = react_1.default.useState(0);
-    const previousContainerSize = react_1.default.useRef(0);
-    const updateContainerSize = react_1.default.useCallback(({ width, height }) => setContainerSize(orientation === 'horizontal' ? width : height), [orientation]);
-    const [resizeRef, observer] = (0, useResizeObserver_1.useResizeObserver)(updateContainerSize);
-    const resizeObserverRef = react_1.default.useRef(observer);
-    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+    const containerRef = React.useRef(null);
+    const [visibleCount, setVisibleCount] = React.useState(() => disabled ? items.length : Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
+    const needsFullRerender = React.useRef(true);
+    const [containerSize, setContainerSize] = React.useState(0);
+    const previousContainerSize = React.useRef(0);
+    const updateContainerSize = React.useCallback(({ width, height }) => setContainerSize(orientation === 'horizontal' ? width : height), [orientation]);
+    const [resizeRef, observer] = (0, useResizeObserver_js_1.useResizeObserver)(updateContainerSize);
+    const resizeObserverRef = React.useRef(observer);
+    (0, useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect)(() => {
         if (disabled) {
             setVisibleCount(items.length);
         }
@@ -53,8 +73,8 @@ const useOverflow = (items, disabled = false, orientation = 'horizontal') => {
             needsFullRerender.current = true;
         }
     }, [containerSize, disabled, items]);
-    const mergedRefs = (0, useMergedRefs_1.useMergedRefs)(containerRef, resizeRef);
-    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+    const mergedRefs = (0, useMergedRefs_js_1.useMergedRefs)(containerRef, resizeRef);
+    (0, useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect)(() => {
         var _a;
         if (!containerRef.current || disabled) {
             (_a = resizeObserverRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -82,7 +102,7 @@ const useOverflow = (items, disabled = false, orientation = 'horizontal') => {
         }
         needsFullRerender.current = false;
     }, [containerSize, visibleCount, disabled, items.length, orientation]);
-    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+    (0, useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect)(() => {
         previousContainerSize.current = containerSize;
     }, [containerSize]);
     return [mergedRefs, visibleCount];

package/cjs/core/utils/hooks/useResizeObserver.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.useResizeObserver = void 0;
@@ -8,8 +28,8 @@ exports.useResizeObserver = 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 dom_1 = require("../functions/dom");
+const React = __importStar(require("react"));
+const dom_js_1 = require("../functions/dom.js");
 /**
  * Hook that uses `ResizeObserver` to access an element's size every time it updates.
  * @private
@@ -23,10 +43,10 @@ const dom_1 = require("../functions/dom");
  * return <div ref={ref}>...</div>;
  */
 const useResizeObserver = (onResize) => {
-    const resizeObserver = react_1.default.useRef();
-    const elementRef = react_1.default.useCallback((element) => {
+    const resizeObserver = React.useRef();
+    const elementRef = React.useCallback((element) => {
         var _a, _b, _c;
-        if (!((_a = (0, dom_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.ResizeObserver)) {
+        if (!((_a = (0, dom_js_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.ResizeObserver)) {
             return;
         }
         (_b = resizeObserver.current) === null || _b === void 0 ? void 0 : _b.disconnect();

package/cjs/core/utils/hooks/useSafeContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * Wrapper hook around `useContext` that throws an error if the context is not provided.
  * @param context Context to use. Must have a `displayName` for useful errors.

package/cjs/core/utils/hooks/useSafeContext.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.useSafeContext = void 0;
@@ -8,13 +28,13 @@ exports.useSafeContext = 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"));
 /**
  * Wrapper hook around `useContext` that throws an error if the context is not provided.
  * @param context Context to use. Must have a `displayName` for useful errors.
  */
 const useSafeContext = (context) => {
-    const value = react_1.default.useContext(context);
+    const value = React.useContext(context);
     if (!value) {
         throw new Error(`${context.displayName} is undefined`);
     }

package/cjs/core/utils/hooks/useTheme.js

@@ -29,9 +29,9 @@ exports.useTheme = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const functions_1 = require("../functions");
-const useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
-const useIsThemeAlreadySet_1 = require("./useIsThemeAlreadySet");
+const index_js_1 = require("../functions/index.js");
+const useIsomorphicLayoutEffect_js_1 = require("./useIsomorphicLayoutEffect.js");
+const useIsThemeAlreadySet_js_1 = require("./useIsThemeAlreadySet.js");
 require("@itwin/itwinui-css/css/global.css");
 require("@itwin/itwinui-variables/index.css");
 /**
@@ -45,10 +45,10 @@ require("@itwin/itwinui-variables/index.css");
  */
 const useTheme = (theme, themeOptions) => {
     var _a;
-    const ownerDocument = (_a = themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.ownerDocument) !== null && _a !== void 0 ? _a : (0, functions_1.getDocument)();
-    const isThemeAlreadySet = (0, useIsThemeAlreadySet_1.useIsThemeAlreadySet)(ownerDocument);
+    const ownerDocument = (_a = themeOptions === null || themeOptions === void 0 ? void 0 : themeOptions.ownerDocument) !== null && _a !== void 0 ? _a : (0, index_js_1.getDocument)();
+    const isThemeAlreadySet = (0, useIsThemeAlreadySet_js_1.useIsThemeAlreadySet)(ownerDocument);
     useCorrectRootFontSize();
-    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+    (0, useIsomorphicLayoutEffect_js_1.useIsomorphicLayoutEffect)(() => {
         if (!ownerDocument || isThemeAlreadySet.current) {
             return;
         }
@@ -82,7 +82,7 @@ exports.useTheme = useTheme;
 const handleTheme = (theme, ownerDocument, highContrast) => {
     var _a, _b, _c, _d, _e;
     const root = ownerDocument.documentElement;
-    const _window = (_a = ownerDocument.defaultView) !== null && _a !== void 0 ? _a : (0, functions_1.getWindow)();
+    const _window = (_a = ownerDocument.defaultView) !== null && _a !== void 0 ? _a : (0, index_js_1.getWindow)();
     const applyThemeAttributes = (isDark = false, isHC = false) => {
         root.dataset.iuiTheme = isDark ? 'dark' : 'light';
         root.dataset.iuiContrast = isHC ? 'high' : 'default';

package/cjs/core/utils/icons/StatusIconMap.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CommonProps } from '../props';
+import type { CommonProps } from '../props.js';
 export declare const StatusIconMap: {
     negative: (args?: CommonProps) => JSX.Element;
     positive: (args?: CommonProps) => JSX.Element;

package/cjs/core/utils/icons/StatusIconMap.js

@@ -29,13 +29,13 @@ exports.StatusIconMap = void 0;
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const SvgInfoCircular_1 = require("./SvgInfoCircular");
-const SvgStatusError_1 = require("./SvgStatusError");
-const SvgStatusSuccess_1 = require("./SvgStatusSuccess");
-const SvgStatusWarning_1 = require("./SvgStatusWarning");
+const SvgInfoCircular_js_1 = require("./SvgInfoCircular.js");
+const SvgStatusError_js_1 = require("./SvgStatusError.js");
+const SvgStatusSuccess_js_1 = require("./SvgStatusSuccess.js");
+const SvgStatusWarning_js_1 = require("./SvgStatusWarning.js");
 exports.StatusIconMap = {
-    negative: (args) => React.createElement(SvgStatusError_1.SvgStatusError, { "aria-hidden": true, ...args }),
-    positive: (args) => React.createElement(SvgStatusSuccess_1.SvgStatusSuccess, { "aria-hidden": true, ...args }),
-    warning: (args) => React.createElement(SvgStatusWarning_1.SvgStatusWarning, { "aria-hidden": true, ...args }),
-    informational: (args) => (React.createElement(SvgInfoCircular_1.SvgInfoCircular, { "aria-hidden": true, ...args })),
+    negative: (args) => React.createElement(SvgStatusError_js_1.SvgStatusError, { "aria-hidden": true, ...args }),
+    positive: (args) => React.createElement(SvgStatusSuccess_js_1.SvgStatusSuccess, { "aria-hidden": true, ...args }),
+    warning: (args) => React.createElement(SvgStatusWarning_js_1.SvgStatusWarning, { "aria-hidden": true, ...args }),
+    informational: (args) => (React.createElement(SvgInfoCircular_js_1.SvgInfoCircular, { "aria-hidden": true, ...args })),
 };

package/cjs/core/utils/icons/SvgSearch.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const SvgSearch: (props: React.ComponentProps<'svg'>) => JSX.Element;

package/cjs/core/utils/icons/SvgSearch.js

@@ -0,0 +1,36 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgSearch = 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 = __importStar(require("react"));
+const SvgSearch = (props) => {
+    return (React.createElement("svg", { viewBox: '0 0 16 16', ...props },
+        React.createElement("path", { d: 'm11 9.7c.7-1 1.1-2.2 1.1-3.5.1-3.5-2.7-6.2-6-6.2-3.4 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1c1.3 0 2.5-.4 3.5-1.1l4.9 4.9 1.4-1.4zm-5 .5c-2.3 0-4.1-1.8-4.1-4.1s1.8-4.1 4.1-4.1 4.1 1.8 4.1 4.1-1.8 4.1-4.1 4.1' })));
+};
+exports.SvgSearch = SvgSearch;

package/cjs/core/utils/icons/index.d.ts

@@ -1,30 +1,31 @@
-export * from './StatusIconMap';
-export * from './SvgStatusSuccess';
-export * from './SvgStatusWarning';
-export * from './SvgStatusError';
-export * from './SvgInfoCircular';
-export * from './SvgClose';
-export * from './SvgCloseSmall';
-export * from './SvgChevronLeft';
-export * from './SvgChevronRight';
-export * from './SvgChevronLeftDouble';
-export * from './SvgChevronRightDouble';
-export * from './SvgCaretUpSmall';
-export * from './SvgCaretDownSmall';
-export * from './SvgCaretRightSmall';
-export * from './SvgSmileyHappy';
-export * from './SvgSwap';
-export * from './SvgUpload';
-export * from './SvgMoreVertical';
-export * from './SvgCheckmark';
-export * from './SvgCheckmarkSmall';
-export * from './SvgImportantSmall';
-export * from './SvgSortUp';
-export * from './SvgSortDown';
-export * from './SvgColumnManager';
-export * from './SvgMore';
-export * from './SvgNew';
-export * from './SvgFilter';
-export * from './SvgFilterHollow';
-export * from './SvgCalendar';
-export * from './SvgDocument';
+export * from './StatusIconMap.js';
+export * from './SvgStatusSuccess.js';
+export * from './SvgStatusWarning.js';
+export * from './SvgStatusError.js';
+export * from './SvgInfoCircular.js';
+export * from './SvgClose.js';
+export * from './SvgCloseSmall.js';
+export * from './SvgChevronLeft.js';
+export * from './SvgChevronRight.js';
+export * from './SvgChevronLeftDouble.js';
+export * from './SvgChevronRightDouble.js';
+export * from './SvgCaretUpSmall.js';
+export * from './SvgCaretDownSmall.js';
+export * from './SvgCaretRightSmall.js';
+export * from './SvgSmileyHappy.js';
+export * from './SvgSwap.js';
+export * from './SvgUpload.js';
+export * from './SvgMoreVertical.js';
+export * from './SvgCheckmark.js';
+export * from './SvgCheckmarkSmall.js';
+export * from './SvgImportantSmall.js';
+export * from './SvgSortUp.js';
+export * from './SvgSortDown.js';
+export * from './SvgColumnManager.js';
+export * from './SvgMore.js';
+export * from './SvgNew.js';
+export * from './SvgSearch.js';
+export * from './SvgFilter.js';
+export * from './SvgFilterHollow.js';
+export * from './SvgCalendar.js';
+export * from './SvgDocument.js';

package/cjs/core/utils/icons/index.js

@@ -18,33 +18,34 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./StatusIconMap"), exports);
-__exportStar(require("./SvgStatusSuccess"), exports);
-__exportStar(require("./SvgStatusWarning"), exports);
-__exportStar(require("./SvgStatusError"), exports);
-__exportStar(require("./SvgInfoCircular"), exports);
-__exportStar(require("./SvgClose"), exports);
-__exportStar(require("./SvgCloseSmall"), exports);
-__exportStar(require("./SvgChevronLeft"), exports);
-__exportStar(require("./SvgChevronRight"), exports);
-__exportStar(require("./SvgChevronLeftDouble"), exports);
-__exportStar(require("./SvgChevronRightDouble"), exports);
-__exportStar(require("./SvgCaretUpSmall"), exports);
-__exportStar(require("./SvgCaretDownSmall"), exports);
-__exportStar(require("./SvgCaretRightSmall"), exports);
-__exportStar(require("./SvgSmileyHappy"), exports);
-__exportStar(require("./SvgSwap"), exports);
-__exportStar(require("./SvgUpload"), exports);
-__exportStar(require("./SvgMoreVertical"), exports);
-__exportStar(require("./SvgCheckmark"), exports);
-__exportStar(require("./SvgCheckmarkSmall"), exports);
-__exportStar(require("./SvgImportantSmall"), exports);
-__exportStar(require("./SvgSortUp"), exports);
-__exportStar(require("./SvgSortDown"), exports);
-__exportStar(require("./SvgColumnManager"), exports);
-__exportStar(require("./SvgMore"), exports);
-__exportStar(require("./SvgNew"), exports);
-__exportStar(require("./SvgFilter"), exports);
-__exportStar(require("./SvgFilterHollow"), exports);
-__exportStar(require("./SvgCalendar"), exports);
-__exportStar(require("./SvgDocument"), exports);
+__exportStar(require("./StatusIconMap.js"), exports);
+__exportStar(require("./SvgStatusSuccess.js"), exports);
+__exportStar(require("./SvgStatusWarning.js"), exports);
+__exportStar(require("./SvgStatusError.js"), exports);
+__exportStar(require("./SvgInfoCircular.js"), exports);
+__exportStar(require("./SvgClose.js"), exports);
+__exportStar(require("./SvgCloseSmall.js"), exports);
+__exportStar(require("./SvgChevronLeft.js"), exports);
+__exportStar(require("./SvgChevronRight.js"), exports);
+__exportStar(require("./SvgChevronLeftDouble.js"), exports);
+__exportStar(require("./SvgChevronRightDouble.js"), exports);
+__exportStar(require("./SvgCaretUpSmall.js"), exports);
+__exportStar(require("./SvgCaretDownSmall.js"), exports);
+__exportStar(require("./SvgCaretRightSmall.js"), exports);
+__exportStar(require("./SvgSmileyHappy.js"), exports);
+__exportStar(require("./SvgSwap.js"), exports);
+__exportStar(require("./SvgUpload.js"), exports);
+__exportStar(require("./SvgMoreVertical.js"), exports);
+__exportStar(require("./SvgCheckmark.js"), exports);
+__exportStar(require("./SvgCheckmarkSmall.js"), exports);
+__exportStar(require("./SvgImportantSmall.js"), exports);
+__exportStar(require("./SvgSortUp.js"), exports);
+__exportStar(require("./SvgSortDown.js"), exports);
+__exportStar(require("./SvgColumnManager.js"), exports);
+__exportStar(require("./SvgMore.js"), exports);
+__exportStar(require("./SvgNew.js"), exports);
+__exportStar(require("./SvgSearch.js"), exports);
+__exportStar(require("./SvgFilter.js"), exports);
+__exportStar(require("./SvgFilterHollow.js"), exports);
+__exportStar(require("./SvgCalendar.js"), exports);
+__exportStar(require("./SvgDocument.js"), exports);

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

@@ -1,7 +1,7 @@
-export * from './functions';
-export * from './hooks';
-export * from './components';
-export * from './props';
-export * from './color';
-export * from './icons';
-export * from './types';
+export * from './functions/index.js';
+export * from './hooks/index.js';
+export * from './components/index.js';
+export * from './props.js';
+export * from './color/index.js';
+export * from './icons/index.js';
+export * from './types.js';

package/cjs/core/utils/index.js

@@ -18,10 +18,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./functions"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./components"), exports);
-__exportStar(require("./props"), exports);
-__exportStar(require("./color"), exports);
-__exportStar(require("./icons"), exports);
-__exportStar(require("./types"), exports);
+__exportStar(require("./functions/index.js"), exports);
+__exportStar(require("./hooks/index.js"), exports);
+__exportStar(require("./components/index.js"), exports);
+__exportStar(require("./props.js"), exports);
+__exportStar(require("./color/index.js"), exports);
+__exportStar(require("./icons/index.js"), exports);
+__exportStar(require("./types.js"), exports);

package/cjs/core/utils/props.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type * as React from 'react';
 export declare type ClassNameProps = {
     /**
      * Custom CSS class name.

package/cjs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './core';
-export * from './types/react-table-config';
+export * from './core/index.js';
+export * from './types/react-table-config.js';

package/cjs/index.js

@@ -18,5 +18,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-__exportStar(require("./core"), exports);
-__exportStar(require("./types/react-table-config"), exports);
+__exportStar(require("./core/index.js"), exports);
+__exportStar(require("./types/react-table-config.js"), exports);

package/cjs/types/react-table-config.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableFilterProps } from '../core';
+import type { TableFilterProps } from '../core/index.js';
 declare module 'react-table' {
     type FieldType = 'text' | 'number' | 'date' | string;
     type CellRendererProps<D extends object = {}> = {

package/esm/core/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { CommonProps } from '../utils';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/alert.css';
+import type { CommonProps } from '../utils/props.js';
 export declare type AlertProps = {
     /**
      * Type of the alert.

package/esm/core/Alert/Alert.js

@@ -3,9 +3,9 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme, StatusIconMap, SvgCloseSmall } from '../utils';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/alert.css';
+import { useTheme, StatusIconMap, SvgCloseSmall } from '../utils/index.js';
 /**
  * A small box to quickly grab user attention and communicate a brief message
  * @example

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

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

package/esm/core/Alert/index.js

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

package/esm/core/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CommonProps } from '../utils';
+import type { CommonProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/avatar.css';
 export declare type AvatarStatus = 'online' | 'busy' | 'away' | 'offline';
 /**

package/esm/core/Avatar/Avatar.js

@@ -3,8 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
-import React from 'react';
-import { useTheme } from '../utils';
+import * as React from 'react';
+import { useTheme } from '../utils/index.js';
 import '@itwin/itwinui-css/css/avatar.css';
 export const defaultStatusTitles = {
     away: 'Away',

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

@@ -1,4 +1,4 @@
-export { Avatar, UserIcon } from './Avatar';
-export type { AvatarProps, StatusTitles, AvatarStatus, UserIconProps, UserIconStatus, } from './Avatar';
+export { Avatar, UserIcon } from './Avatar.js';
+export type { AvatarProps, StatusTitles, AvatarStatus, UserIconProps, UserIconStatus, } from './Avatar.js';
 declare const _default: "./Avatar";
 export default _default;