@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/esm/core/SideNavigation/SideNavigation.js

@@ -1,12 +1,9 @@
 import * as React from 'react';
 import cx from 'classnames';
-import {
-  WithCSSTransition,
-  SvgChevronRight,
-  Box,
-  useControlledState,
-} from '../../utils/index.js';
+import { SvgChevronRight, Box, useControlledState } from '../../utils/index.js';
 import { IconButton } from '../Buttons/IconButton.js';
+import { FloatingDelayGroup } from '@floating-ui/react';
+import { defaultTooltipDelay } from '../Tooltip/Tooltip.js';
 export const SidenavExpandedContext = React.createContext(void 0);
 export const SideNavigation = React.forwardRef((props, forwardedRef) => {
   let {
@@ -52,59 +49,55 @@ export const SideNavigation = React.forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
       },
       React.createElement(
-        Box,
+        FloatingDelayGroup,
         {
-          as: 'div',
-          className: cx(
-            'iui-side-navigation',
-            {
-              'iui-expanded': isExpanded,
-              'iui-collapsed': !isExpanded,
-            },
-            className,
-          ),
-          ...rest,
+          delay: defaultTooltipDelay,
         },
-        'top' === expanderPlacement && ExpandButton,
         React.createElement(
           Box,
           {
             as: 'div',
-            ...contentProps,
-            className: cx('iui-sidenav-content', contentProps?.className),
+            className: cx(
+              'iui-side-navigation',
+              {
+                'iui-expanded': isExpanded,
+                'iui-collapsed': !isExpanded,
+              },
+              className,
+            ),
+            ...rest,
           },
+          'top' === expanderPlacement && ExpandButton,
           React.createElement(
             Box,
             {
               as: 'div',
-              ...topProps,
-              className: cx('iui-top', topProps?.className),
+              ...contentProps,
+              className: cx('iui-sidenav-content', contentProps?.className),
             },
-            items,
-          ),
-          React.createElement(
-            Box,
-            {
-              as: 'div',
-              ...bottomProps,
-              className: cx('iui-bottom', bottomProps?.className),
-            },
-            secondaryItems,
+            React.createElement(
+              Box,
+              {
+                as: 'div',
+                ...topProps,
+                className: cx('iui-top', topProps?.className),
+              },
+              items,
+            ),
+            React.createElement(
+              Box,
+              {
+                as: 'div',
+                ...bottomProps,
+                className: cx('iui-bottom', bottomProps?.className),
+              },
+              secondaryItems,
+            ),
           ),
+          'bottom' === expanderPlacement && ExpandButton,
         ),
-        'bottom' === expanderPlacement && ExpandButton,
       ),
-      submenu &&
-        React.createElement(
-          WithCSSTransition,
-          {
-            in: isSubmenuOpen,
-            dimension: 'width',
-            timeout: 200,
-            classNames: 'iui',
-          },
-          submenu,
-        ),
+      submenu && isSubmenuOpen ? submenu : null,
     ),
   );
 });

package/esm/core/Slider/Slider.js

@@ -3,6 +3,8 @@ import * as React from 'react';
 import { getBoundedValue, useEventListener, Box } from '../../utils/index.js';
 import { Track } from './Track.js';
 import { Thumb } from './Thumb.js';
+import { FloatingDelayGroup } from '@floating-ui/react';
+import { defaultTooltipDelay } from '../Tooltip/Tooltip.js';
 let getPercentageOfRectangle = (rect, pointerX, pointerY, orientation) => {
   if ('horizontal' === orientation) {
     let position = getBoundedValue(pointerX, rect.left, rect.right);
@@ -284,47 +286,53 @@ export const Slider = React.forwardRef((props, ref) => {
         minValueLabel,
       ),
     React.createElement(
-      Box,
+      FloatingDelayGroup,
       {
-        ref: containerRef,
-        ...trackContainerProps,
-        className: cx(
-          'iui-slider',
-          {
-            'iui-grabbing': void 0 !== activeThumbIndex,
-          },
-          trackContainerProps?.className,
-        ),
-        onPointerDown: handlePointerDownOnSlider,
+        delay: defaultTooltipDelay,
       },
-      currentValues.map((thumbValue, index) => {
-        let [minVal, maxVal] = getAllowableThumbRange(index);
-        let thisThumbProps = thumbProps?.(index);
-        return React.createElement(Thumb, {
-          key: thisThumbProps?.id ?? index,
-          index: index,
-          disabled: disabled,
-          isActive: activeThumbIndex === index,
-          onThumbActivated: onThumbActivated,
-          onThumbValueChanged: onThumbValueChanged,
-          minVal: minVal,
-          maxVal: maxVal,
-          value: thumbValue,
-          tooltipProps: generateTooltipProps(index, thumbValue),
-          thumbProps: thisThumbProps,
-          step: step,
+      React.createElement(
+        Box,
+        {
+          ref: containerRef,
+          ...trackContainerProps,
+          className: cx(
+            'iui-slider',
+            {
+              'iui-grabbing': void 0 !== activeThumbIndex,
+            },
+            trackContainerProps?.className,
+          ),
+          onPointerDown: handlePointerDownOnSlider,
+        },
+        currentValues.map((thumbValue, index) => {
+          let [minVal, maxVal] = getAllowableThumbRange(index);
+          let thisThumbProps = thumbProps?.(index);
+          return React.createElement(Thumb, {
+            key: thisThumbProps?.id ?? index,
+            index: index,
+            disabled: disabled,
+            isActive: activeThumbIndex === index,
+            onThumbActivated: onThumbActivated,
+            onThumbValueChanged: onThumbValueChanged,
+            minVal: minVal,
+            maxVal: maxVal,
+            value: thumbValue,
+            tooltipProps: generateTooltipProps(index, thumbValue),
+            thumbProps: thisThumbProps,
+            step: step,
+            sliderMin: min,
+            sliderMax: max,
+          });
+        }),
+        React.createElement(Track, {
+          trackDisplayMode: trackDisplay,
           sliderMin: min,
           sliderMax: max,
-        });
-      }),
-      React.createElement(Track, {
-        trackDisplayMode: trackDisplay,
-        sliderMin: min,
-        sliderMax: max,
-        values: currentValues,
-        orientation: orientation,
-        ...trackProps,
-      }),
+          values: currentValues,
+          orientation: orientation,
+          ...trackProps,
+        }),
+      ),
     ),
     tickMarkArea,
     maxValueLabel &&

package/esm/core/StatusMessage/StatusMessage.d.ts

@@ -8,7 +8,7 @@ type StatusMessageProps = {
      * - It will default to the `status` icon, if `status` is set.
      * - If `startIcon` is set to `null`, no icon will be displayed, even if `status` is set.
      */
-    startIcon?: JSX.Element | null;
+    startIcon?: React.JSX.Element | null;
     /**
      * Message content.
      */

package/esm/core/Stepper/Stepper.js

@@ -2,6 +2,8 @@ import cx from 'classnames';
 import * as React from 'react';
 import { Box } from '../../utils/index.js';
 import { StepperStep } from './StepperStep.js';
+import { FloatingDelayGroup } from '@floating-ui/react';
+import { defaultTooltipDelay } from '../Tooltip/Tooltip.js';
 let defaultStepperLocalization = {
   stepsCountLabel: (currentStep, totalSteps) =>
     `Step ${currentStep} of ${totalSteps}:`,
@@ -33,29 +35,35 @@ export const Stepper = React.forwardRef((props, ref) => {
       ...rest,
     },
     React.createElement(
-      'ol',
-      null,
-      steps.map((s, index) => {
-        let thisStepProps = stepProps?.(index);
-        let thisTrackContentProps = trackContentProps?.(index);
-        let thisCircleProps = circleProps?.(index);
-        let thisNameProps = nameProps?.(index);
-        return React.createElement(StepperStep, {
-          stepProps: thisStepProps,
-          trackContentProps: thisTrackContentProps,
-          circleProps: thisCircleProps,
-          nameProps: thisNameProps,
-          key: index,
-          index: index,
-          title: 'long' === type ? '' : s.name,
-          currentStepNumber: boundedCurrentStep,
-          totalSteps: steps.length,
-          type: type,
-          onClick: onStepClick,
-          description: s.description,
-          stepContent: s.stepContent,
-        });
-      }),
+      FloatingDelayGroup,
+      {
+        delay: defaultTooltipDelay,
+      },
+      React.createElement(
+        'ol',
+        null,
+        steps.map((s, index) => {
+          let thisStepProps = stepProps?.(index);
+          let thisTrackContentProps = trackContentProps?.(index);
+          let thisCircleProps = circleProps?.(index);
+          let thisNameProps = nameProps?.(index);
+          return React.createElement(StepperStep, {
+            stepProps: thisStepProps,
+            trackContentProps: thisTrackContentProps,
+            circleProps: thisCircleProps,
+            nameProps: thisNameProps,
+            key: index,
+            index: index,
+            title: 'long' === type ? '' : s.name,
+            currentStepNumber: boundedCurrentStep,
+            totalSteps: steps.length,
+            type: type,
+            onClick: onStepClick,
+            description: s.description,
+            stepContent: s.stepContent,
+          });
+        }),
+      ),
     ),
     'long' === type &&
       React.createElement(

package/esm/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/esm/core/Table/Table.js

@@ -110,7 +110,7 @@ export const Table = (props) => {
     ...rest
   } = props;
   useGlobals();
-  let ownerDocument = React.useRef();
+  let ownerDocument = React.useRef(void 0);
   let defaultColumn = React.useMemo(
     () => ({
       maxWidth: 0,
@@ -615,7 +615,10 @@ export const Table = (props) => {
             },
             React.createElement(
               Box,
-              headerGroupProps,
+              {
+                ...headerGroupProps,
+                key: headerGroupProps.key,
+              },
               headerGroup.headers.map((column, index) => {
                 let dragAndDropProps = column.getDragAndDropProps();
                 return React.createElement(ColumnHeader, {

package/esm/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/esm/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/esm/core/Table/TableRowMemoized.js

@@ -82,6 +82,7 @@ export const TableRow = (props) => {
       Box,
       {
         ...mergedProps,
+        key: mergedProps.key,
         ref: refs,
         onClick: (event) => {
           mergedProps?.onClick?.(event);

package/esm/core/Table/actionHandlers/selectHandler.js

@@ -7,19 +7,18 @@ let onSelectHandler = (newState, instance, onSelect, isRowDisabled) => {
   let newSelectedRowIds = {};
   let handleRow = (row) => {
     if (isRowDisabled?.(row.original)) return false;
+    let hasSubComponents = !!row.initialSubRows[0]?.original[iuiId];
+    let hasSubRows = row.subRows.length > 0 && !hasSubComponents;
     let isAllSubSelected = true;
-    if (row.initialSubRows[0]?.original[iuiId] === void 0)
+    if (hasSubRows)
       row.initialSubRows.forEach((subRow) => {
         let result = handleRow(subRow);
         if (!result) isAllSubSelected = false;
       });
-    if (
-      newState.selectedRowIds[row.id] &&
-      (!instance.selectSubRows ||
-        !row.initialSubRows.length ||
-        isAllSubSelected)
-    )
-      newSelectedRowIds[row.id] = true;
+    let isRowSelected = newState.selectedRowIds[row.id];
+    let case1 = isRowSelected && (!instance.selectSubRows || !hasSubRows);
+    let case2 = hasSubRows && isAllSubSelected;
+    if (case1 || case2) newSelectedRowIds[row.id] = true;
     return !!newSelectedRowIds[row.id];
   };
   instance.initialRows.forEach((row) => handleRow(row));

package/esm/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/esm/core/Table/cells/DefaultCell.js

@@ -28,10 +28,12 @@ export const DefaultCell = (props) => {
     clamp = 'string' == typeof cellProps.value && !isCustomCell,
     ...rest
   } = props;
+  let { key: cellElementKey, ...cellElementPropsRest } = cellElementProps;
   return React.createElement(
     Box,
     {
-      ...cellElementProps,
+      ...cellElementPropsRest,
+      key: cellElementKey,
       ...rest,
       className: cx(cellElementClassName, className),
       'aria-disabled': isDisabled?.(cellProps.row.original) || void 0,
@@ -43,22 +45,31 @@ export const DefaultCell = (props) => {
     },
     React.createElement(
       ShadowRoot,
-      null,
+      {
+        key: `${cellElementKey}-shadow-root`,
+      },
       React.createElement('slot', {
         name: 'start',
+        key: `${cellElementKey}-shadow-root-start`,
       }),
       clamp
         ? React.createElement(
             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 &&
@@ -67,6 +78,7 @@ export const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-start-icon',
           slot: 'start',
+          key: `${cellElementKey}-start`,
         },
         startIcon,
       ),
@@ -77,6 +89,7 @@ export const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-end-icon',
           slot: 'end',
+          key: `${cellElementKey}-end`,
         },
         endIcon,
       ),

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

@@ -14,10 +14,9 @@ let 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;
@@ -25,7 +24,9 @@ let 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/esm/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/esm/core/Table/hooks/useResizeColumns.js

@@ -77,9 +77,11 @@ let 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,
@@ -279,7 +281,7 @@ let 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/esm/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/esm/core/Tabs/Tabs.js

@@ -121,7 +121,7 @@ let Tab = React.forwardRef((props, forwardedRef) => {
     focusActivationMode,
   } = useSafeContext(TabsContext);
   let { tabsWidth, tablistRef } = useSafeContext(TabListContext);
-  let tabRef = React.useRef();
+  let tabRef = React.useRef(void 0);
   let isActive = activeValue === value;
   let isActiveRef = useLatestRef(isActive);
   useLayoutEffect(() => {
@@ -160,7 +160,15 @@ let Tab = React.forwardRef((props, forwardedRef) => {
       });
     };
     if ('default' !== type && isActive) updateStripe();
-  }, [type, orientation, isActive, tabsWidth, setStripeProperties, tablistRef]);
+  }, [
+    type,
+    orientation,
+    isActive,
+    tabsWidth,
+    setStripeProperties,
+    tablistRef,
+    value,
+  ]);
   let onKeyDown = (event) => {
     if (event.altKey) return;
     let allTabs = Array.from(event.currentTarget.parentElement?.children ?? []);
@@ -280,7 +288,7 @@ let TabsPanel = React.forwardRef((props, ref) => {
       className: cx('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/esm/core/ThemeProvider/ThemeProvider.d.ts

@@ -9,6 +9,8 @@ export type ThemeOptions = {
 };
 export type FutureOptions = {
     /**
+     * @alpha
+     *
      * If enabled, the theme resembles the future iTwinUI version's theme (including alphas) *whenever possible*.
      *
      * This is useful in making apps looks like future versions of iTwinUI to help with incremental adoption.
@@ -28,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'
      */

package/esm/core/ThemeProvider/ThemeProvider.js

@@ -43,8 +43,7 @@ export const ThemeProvider = React.forwardRef((props, forwardedRef) => {
     (_themeOptions1.highContrast =
       'inherit' === themeProp ? parent.highContrast : void 0);
   (_future = future).themeBridge ??
-    (_future.themeBridge =
-      'inherit' === themeProp ? parent.context?.future?.themeBridge : void 0);
+    (_future.themeBridge = parent.context?.future?.themeBridge);
   let [portalContainerFromParent] = useScopedAtom(portalContainerAtom);
   let contextValue = React.useMemo(
     () => ({
@@ -132,7 +131,7 @@ let Root = React.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
-      'data-iui-bridge': !!future?.themeBridge || void 0,
+      'data-iui-bridge': future?.themeBridge ? true : void 0,
       ref: forwardedRef,
       ...rest,
     },

package/esm/core/Tile/Tile.d.ts

@@ -247,9 +247,7 @@ export declare const Tile: PolymorphicForwardRefComponent<"div", TileLegacyProps
     /**
      * `IconButton` subcomponent: custom icon for `QuickAction` and `TypeIndicator` buttons.
      */
-    IconButton: PolymorphicForwardRefComponent<"button", Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-    }, "label" | "title" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
+    IconButton: PolymorphicForwardRefComponent<"button", Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "label" | "title" | "as" | "size" | "htmlDisabled" | "styleType" | "labelProps" | "stretched" | "isActive" | "iconProps"> & {
         isActive?: boolean;
         label?: React.ReactNode;
         labelProps?: Omit<React.ComponentPropsWithoutRef<typeof import("../Tooltip/Tooltip.js").Tooltip>, "content" | "reference" | "ariaStrategy" | "children">;

package/esm/core/Toast/Toast.d.ts

@@ -66,7 +66,7 @@ export type ToastProps = {
  * <Toast type='temporary' content='26 files are available for synchronization.' category='informational' />
  * <Toast type='persisting' content='Job processing error.' category='negative' />
  */
-export declare const Toast: (props: ToastProps) => React.JSX.Element;
+export declare const Toast: (props: ToastProps) => React.JSX.Element | null;
 export type ToastPresentationProps = Omit<ToastProps, 'duration' | 'id' | 'isVisible' | 'onRemove' | 'domProps'> & {
     onClose?: () => void;
     contentProps?: React.ComponentProps<'div'>;