@itwin/itwinui-react 3.17.0-dev.2 → 3.17.1

package/cjs/core/Table/ColumnHeader.js

@@ -10,11 +10,13 @@ Object.defineProperty(exports, 'ColumnHeader', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _FilterToggle = require('./filters/FilterToggle.js');
 const _utils = require('./utils.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const ColumnHeader = _react.forwardRef((props, forwardedRef) => {
   let {
     column,

package/cjs/core/Table/SubRowExpander.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SubRowExpander', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const SubRowExpander = (props) => {

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

@@ -270,6 +270,6 @@ export type TableProps<T extends Record<string, unknown> = Record<string, unknow
  * />
  */
 export declare const Table: {
-    <T extends Record<string, unknown> = Record<string, unknown>>(props: TableProps<T>): JSX.Element;
+    <T extends Record<string, unknown> = Record<string, unknown>>(props: TableProps<T>): React.JSX.Element;
     displayName: string;
 };

package/cjs/core/Table/Table.js

@@ -22,8 +22,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _reacttable = require('react-table');
 const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _index = require('../../utils/index.js');
@@ -96,7 +98,7 @@ const Table = (props) => {
     ...rest
   } = props;
   (0, _index.useGlobals)();
-  let ownerDocument = _react.useRef();
+  let ownerDocument = _react.useRef(void 0);
   let defaultColumn = _react.useMemo(
     () => ({
       maxWidth: 0,
@@ -611,7 +613,10 @@ const Table = (props) => {
             },
             _react.createElement(
               _index.Box,
-              headerGroupProps,
+              {
+                ...headerGroupProps,
+                key: headerGroupProps.key,
+              },
               headerGroup.headers.map((column, index) => {
                 let dragAndDropProps = column.getDragAndDropProps();
                 return _react.createElement(_ColumnHeader.ColumnHeader, {

package/cjs/core/Table/TableCell.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TableCell', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _utils = require('./utils.js');
 const _SubRowExpander = require('./SubRowExpander.js');
 const _index = require('./columns/index.js');

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 import type { VirtualItem } from '@tanstack/react-virtual';
 type TableExpandableContentProps = {
     children: React.ReactNode;
-    virtualItem?: VirtualItem<Element>;
+    virtualItem?: VirtualItem;
     isDisabled?: boolean;
 };
-export declare const TableExpandableContentMemoized: React.MemoExoticComponent<PolymorphicForwardRefComponent<"div", TableExpandableContentProps>>;
+export declare const TableExpandableContentMemoized: React.NamedExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "as" | keyof TableExpandableContentProps> & TableExpandableContentProps & {
+    as?: "div" | undefined;
+}>;
 export {};

package/cjs/core/Table/TableExpandableContentMemoized.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TableExpandableContentMemoized', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const TableExpandableContent = _react.forwardRef((props, ref) => {
   let { children, className, style, isDisabled, virtualItem, ...rest } = props;

package/cjs/core/Table/TablePaginator.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TablePaginator', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _IconButton = require('../Buttons/IconButton.js');
 const _Button = require('../Buttons/Button.js');
 const _DropdownButton = require('../Buttons/DropdownButton.js');

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

@@ -27,7 +27,7 @@ export declare const TableRow: <T extends Record<string, unknown>>(props: {
     scrollContainerRef: HTMLDivElement | null;
     tableRowRef?: React.Ref<HTMLDivElement>;
     density?: "default" | "condensed" | "extra-condensed";
-    virtualItem?: VirtualItem<Element>;
+    virtualItem?: VirtualItem;
     virtualizer?: Virtualizer<Element, Element>;
 }) => React.JSX.Element;
 export declare const TableRowMemoized: typeof TableRow;

package/cjs/core/Table/TableRowMemoized.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _TableCell = require('./TableCell.js');
 const TableRow = (props) => {
@@ -103,6 +105,7 @@ const TableRow = (props) => {
       _index.Box,
       {
         ...mergedProps,
+        key: mergedProps.key,
         ref: refs,
         onClick: (event) => {
           mergedProps?.onClick?.(event);

package/cjs/core/Table/cells/DefaultCell.d.ts

@@ -4,11 +4,11 @@ export type DefaultCellProps<T extends Record<string, unknown>> = {
     /**
      * Custom icon to be displayed at the beginning of the cell.
      */
-    startIcon?: JSX.Element;
+    startIcon?: React.JSX.Element;
     /**
      * Custom icon to be displayed at the end of the cell.
      */
-    endIcon?: JSX.Element;
+    endIcon?: React.JSX.Element;
     /**
      * Status of the cell.
      */

package/cjs/core/Table/cells/DefaultCell.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'DefaultCell', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _reacttable = require('react-table');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const _utils = require('../utils.js');
 const DefaultCell = (props) => {
@@ -40,10 +42,12 @@ const DefaultCell = (props) => {
     clamp = 'string' == typeof cellProps.value && !isCustomCell,
     ...rest
   } = props;
+  let { key: cellElementKey, ...cellElementPropsRest } = cellElementProps;
   return _react.createElement(
     _index.Box,
     {
-      ...cellElementProps,
+      ...cellElementPropsRest,
+      key: cellElementKey,
       ...rest,
       className: (0, _classnames.default)(cellElementClassName, className),
       'aria-disabled': isDisabled?.(cellProps.row.original) || void 0,
@@ -55,22 +59,31 @@ const DefaultCell = (props) => {
     },
     _react.createElement(
       _index.ShadowRoot,
-      null,
+      {
+        key: `${cellElementKey}-shadow-root`,
+      },
       _react.createElement('slot', {
         name: 'start',
+        key: `${cellElementKey}-shadow-root-start`,
       }),
       clamp
         ? _react.createElement(
             _index.LineClamp,
-            null,
+            {
+              key: `${cellElementKey}-shadow-root-slot`,
+            },
             _react.createElement('slot', null),
           )
-        : _react.createElement('slot', null),
+        : _react.createElement('slot', {
+            key: `${cellElementKey}-shadow-root-slot`,
+          }),
       _react.createElement('slot', {
         name: 'end',
+        key: `${cellElementKey}-shadow-root-end`,
       }),
       _react.createElement('slot', {
         name: 'shadows',
+        key: `${cellElementKey}-shadow-root-shadows`,
       }),
     ),
     startIcon &&
@@ -79,6 +92,7 @@ const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-start-icon',
           slot: 'start',
+          key: `${cellElementKey}-start`,
         },
         startIcon,
       ),
@@ -89,6 +103,7 @@ const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-end-icon',
           slot: 'end',
+          key: `${cellElementKey}-end`,
         },
         endIcon,
       ),

package/cjs/core/Table/cells/EditableCell.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'EditableCell', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const EditableCell = (props) => {
   let {
     cellElementProps: {

package/cjs/core/Table/columns/actionColumn.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ActionColumn', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');

package/cjs/core/Table/columns/expanderColumn.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');
 const _index1 = require('../cells/index.js');

package/cjs/core/Table/columns/selectionColumn.js

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../cells/index.js');
 const _Table = require('../Table.js');

package/cjs/core/Table/filters/BaseFilter.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'BaseFilter', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const BaseFilter = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_index.Box, {

package/cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'DatePickerInput', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _DatePicker = require('../../../DatePicker/DatePicker.js');
 const _InputGrid = require('../../../InputGrid/InputGrid.js');

package/cjs/core/Table/filters/DateRangeFilter/DateRangeFilter.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'DateRangeFilter', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');
 const _BaseFilter = require('../BaseFilter.js');

package/cjs/core/Table/filters/FilterButtonBar.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FilterButtonBar', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const _Button = require('../../Buttons/Button.js');
 const defaultStrings = {

package/cjs/core/Table/filters/FilterToggle.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FilterToggle', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');
 const _Popover = require('../../Popover/Popover.js');

package/cjs/core/Table/filters/NumberRangeFilter/NumberRangeFilter.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'NumberRangeFilter', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');
 const _BaseFilter = require('../BaseFilter.js');

package/cjs/core/Table/filters/TextFilter/TextFilter.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'TextFilter', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../../../utils/index.js');
 const _Input = require('../../../Input/Input.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');

package/cjs/core/Table/filters/defaultFilterFunctions.js

@@ -24,10 +24,9 @@ const exactText = (rows, ids, filterValue) =>
   rows.filter((row) =>
     ids.some((id) => {
       let rowValue = row.values[id];
-      return (
-        void 0 === rowValue ||
-        String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
-      );
+      return void 0 !== rowValue
+        ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
+        : true;
     }),
   );
 exactText.autoRemove = (val) => !val;
@@ -35,7 +34,9 @@ const exactTextCase = (rows, ids, filterValue) =>
   rows.filter((row) =>
     ids.some((id) => {
       let rowValue = row.values[id];
-      return void 0 === rowValue || String(rowValue) === String(filterValue);
+      return void 0 !== rowValue
+        ? String(rowValue) === String(filterValue)
+        : true;
     }),
   );
 exactTextCase.autoRemove = (val) => !val;

package/cjs/core/Table/filters/tableFilters.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'tableFilters', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _DateRangeFilter = require('./DateRangeFilter/DateRangeFilter.js');
 const _NumberRangeFilter = require('./NumberRangeFilter/NumberRangeFilter.js');
 const _TextFilter = require('./TextFilter/TextFilter.js');

package/cjs/core/Table/hooks/useExpanderCell.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useExpanderCell', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../columns/index.js');
 const useExpanderCell =
   (subComponent, expanderCell, isRowDisabled) => (hooks) => {

package/cjs/core/Table/hooks/useResizeColumns.d.ts

@@ -32,6 +32,6 @@
 import type * as React from 'react';
 import type { Hooks } from '../../../react-table/react-table.js';
 export declare const useResizeColumns: {
-    <T extends Record<string, unknown>>(ownerDocument: React.RefObject<Document | undefined>): (hooks: Hooks<T>) => void;
+    <T extends Record<string, unknown>>(ownerDocument: React.RefObject<Document | undefined | null>): (hooks: Hooks<T>) => void;
     pluginName: string;
 };

package/cjs/core/Table/hooks/useResizeColumns.js

@@ -87,9 +87,11 @@ const defaultGetResizerProps =
       let events = isTouchEvent(e)
         ? handlersAndEvents.touch
         : handlersAndEvents.mouse;
-      let passiveIfSupported = !!passiveEventSupported() && {
-        passive: false,
-      };
+      let passiveIfSupported = passiveEventSupported()
+        ? {
+            passive: false,
+          }
+        : false;
       ownerDocument.current?.addEventListener(
         events.moveEvent,
         events.moveHandler,
@@ -289,7 +291,7 @@ const useInstanceBeforeDimensions = (instance) => {
         ? getPreviousResizableHeader(header, instance)
         : getNextResizableHeader(header, instance);
     header.canResize =
-      null == header.disableResizing || !header.disableResizing;
+      null != header.disableResizing ? !header.disableResizing : true;
     if ('fit' === columnResizeMode)
       header.isResizerVisible =
         (header.canResize && !!nextResizableHeader) ||

package/cjs/core/Table/hooks/useScrollToRow.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useScrollToRow', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 function useScrollToRow({
   data,
   enableVirtualization,

package/cjs/core/Table/hooks/useSubRowFiltering.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSubRowFiltering', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _defaultFilterFunctions = require('../filters/defaultFilterFunctions.js');
 const useSubRowFiltering = (hasAnySubRows) => (hooks) => {
   hooks.useInstance.push(useInstance.bind({}, hasAnySubRows));

package/cjs/core/Table/hooks/useSubRowSelection.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSubRowSelection', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const useSubRowSelection = (hooks) => {
   hooks.useInstance.push(useInstance);
 };

package/cjs/core/Table/utils.js

@@ -24,7 +24,7 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const getCellStyle = (column, isTableResizing) => {
   let style = {};
   style.flex = '1 1 145px';

package/cjs/core/Tabs/Tabs.d.ts

@@ -160,7 +160,7 @@ type TabLegacyProps = {
     /**
      * Svg icon shown before the labels.
      */
-    startIcon?: JSX.Element;
+    startIcon?: React.JSX.Element;
     /**
      * Control whether the tab is disabled.
      */
@@ -265,9 +265,7 @@ export declare const Tabs: PolymorphicForwardRefComponent<"div", TabsLegacyProps
     /**
      * Tab icon subcomponent which places an icon on the left side of the tab.
      */
-    TabIcon: PolymorphicForwardRefComponent<"span", Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-    }, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
+    TabIcon: PolymorphicForwardRefComponent<"span", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
         size?: "auto" | "small" | "medium" | "large" | import("../../utils/types.js").AnyString;
         fill?: "default" | "positive" | "informational" | "negative" | "warning" | import("../../utils/types.js").AnyString;
         padded?: boolean;

package/cjs/core/Tabs/Tabs.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Icon = require('../Icon/Icon.js');
 const TabsWrapper = _react.forwardRef((props, ref) => {
@@ -135,7 +137,7 @@ const Tab = _react.forwardRef((props, forwardedRef) => {
     focusActivationMode,
   } = (0, _index.useSafeContext)(TabsContext);
   let { tabsWidth, tablistRef } = (0, _index.useSafeContext)(TabListContext);
-  let tabRef = _react.useRef();
+  let tabRef = _react.useRef(void 0);
   let isActive = activeValue === value;
   let isActiveRef = (0, _index.useLatestRef)(isActive);
   (0, _index.useLayoutEffect)(() => {
@@ -307,7 +309,7 @@ const TabsPanel = _react.forwardRef((props, ref) => {
       className: (0, _classnames.default)('iui-tabs-content', className),
       'aria-labelledby': `${idPrefix}-tab-${value.replaceAll(' ', '-')}`,
       role: 'tabpanel',
-      hidden: activeValue !== value || void 0,
+      hidden: activeValue !== value ? true : void 0,
       ref: ref,
       ...rest,
       id: `${idPrefix}-panel-${value.replaceAll(' ', '-')}`,

package/cjs/core/Tag/Tag.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Tag', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');

package/cjs/core/Tag/TagContainer.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TagContainer', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const TagContainer = _react.forwardRef((props, forwardedRef) => {
   let { className, children, overflow, background = 'none', ...rest } = props;

package/cjs/core/Textarea/Textarea.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Textarea', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Input = require('../Input/Input.js');
 const Textarea = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_Input.Input, {

package/cjs/core/ThemeProvider/ThemeContext.js

@@ -9,5 +9,5 @@ Object.defineProperty(exports, 'ThemeContext', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const ThemeContext = _react.createContext(void 0);

package/cjs/core/ThemeProvider/ThemeProvider.d.ts

@@ -30,8 +30,11 @@ type RootProps = {
      *
      * The 'inherit' option is intended to be used by packages, to enable incremental adoption
      * of iTwinUI while respecting the theme set by the consuming app. It will fall back to 'light'
-     * if no parent theme is found. Additionally, it will attempt to inherit `themeOptions.highContrast`,
-     * `portalContainer`, and `future.themeBridge` (if possible).
+     * if no parent theme is found. Additionally, it will attempt to inherit `themeOptions.highContrast`
+     * and `portalContainer` (if possible).
+     *
+     * `future.themeBridge` will be inherited regardless of `theme` value. To disable it, explicitly set
+     * `future.themeBridge` to false.
      *
      * @default 'inherit'
      */