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

package/cjs/utils/icons/SvgChevronRight.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgChevronRight', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgChevronRight = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgChevronRightDouble.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgChevronRightDouble', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgChevronRightDouble = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgChevronRightSmall.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgChevronRightSmall', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgChevronRightSmall = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgClose.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgClose', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgClose = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgCloseSmall.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgCloseSmall', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgCloseSmall = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgColumnManager.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgColumnManager', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgColumnManager = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgDocument.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgDocument', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgDocument = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgFilter.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgFilter', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgFilter = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgFilterHollow.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgFilterHollow', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgFilterHollow = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgImportantSmall.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgImportantSmall', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgImportantSmall = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgInfoCircular.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgInfoCircular', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgInfoCircular = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgMore.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgMore', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgMore = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgMoreVertical.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgMoreVertical', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgMoreVertical = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgNew.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgNew', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgNew = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgSearch.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgSearch', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgSearch = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgSmileyHappy.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgSmileyHappy', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgSmileyHappy = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgSortDown.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgSortDown', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgSortDown = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgSortUp.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgSortUp', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgSortUp = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgStatusError.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgStatusError', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgStatusError = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgStatusSuccess.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgStatusSuccess', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgStatusSuccess = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgStatusWarning.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgStatusWarning', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgStatusWarning = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgSwap.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgSwap', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgSwap = (props) =>
   _react.createElement(

package/cjs/utils/icons/SvgUpload.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SvgUpload', {
   },
 });
 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 _Svg = require('./Svg.js');
 const SvgUpload = (props) =>
   _react.createElement(

package/cjs/utils/props.d.ts

@@ -15,14 +15,14 @@ export type CommonProps = {
  *   // ...
  * }) as PolymorphicForwardRefComponent<'button', ButtonOwnProps>;
  */
-export interface PolymorphicForwardRefComponent<DefaultAs, OwnProps = {}> extends React.ForwardRefExoticComponent<Merge<DefaultAs extends React.ElementType ? React.ComponentPropsWithRef<DefaultAs> : never, OwnProps & {
+export interface PolymorphicForwardRefComponent<DefaultAs, OwnProps = {}> extends React.ForwardRefExoticComponent<Merge<DefaultAs extends React.ElementType<any> ? React.ComponentPropsWithRef<DefaultAs> : never, OwnProps & {
     as?: DefaultAs;
 }>> {
-    <As = DefaultAs>(props: As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+    <As = DefaultAs>(props: As extends keyof React.JSX.IntrinsicElements ? Merge<React.JSX.IntrinsicElements[As], OwnProps & {
         as: As;
     }> : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
         as: As;
-    }> : never): React.ReactElement | null;
+    }> : never): React.ReactElement<any> | null;
 }
 type Merge<P1, P2> = Omit<P1, keyof P2> & P2;
 export {};

package/cjs/utils/providers/HydrationProvider.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('../hooks/index.js');
 const HydrationContext = _react.createContext(false);
 const noopSubscribe = () => () => {};

package/cjs/utils/providers/ScopeProvider.d.ts

@@ -18,9 +18,9 @@ export declare const ScopeProvider: ({ children }: {
  *
  * @private
  */
-export declare const useScopedAtom: <T>(atom: Atom<T>) => readonly [Awaited<T>, (...args: unknown[]) => unknown];
+export declare const useScopedAtom: <T>(atom: Atom<T>) => readonly [Awaited<T>, (...args: T[]) => void];
 /**
  * Wrapper over `useSetAtom` that uses the store from the nearest `ScopeProvider`.
  * @private
  */
-export declare const useScopedSetAtom: <T>(atom: WritableAtom<T, unknown[], unknown>) => (...args: unknown[]) => unknown;
+export declare const useScopedSetAtom: <T>(atom: WritableAtom<T, T[], void>) => (...args: T[]) => void;

package/cjs/utils/providers/ScopeProvider.js

@@ -21,7 +21,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 _jotai = require('jotai');
 const ScopeContext = _react.createContext({
   store: (0, _jotai.createStore)(),

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

@@ -52,9 +52,7 @@ export declare const Alert: PolymorphicForwardRefComponent<"div", AlertOwnProps
     /**
      * 	Alert icon subcomponent
      */
-    Icon: 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"> & {
+    Icon: 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/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { SoftBackgrounds } from '../../utils/index.js';
 import type { AnyString, PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type AvatarStatus = 'online' | 'busy' | 'away' | 'offline';
@@ -25,7 +26,7 @@ type AvatarProps = {
     /**
      * User image to be displayed. Can be `<img>` or `<svg>` or anything else.
      */
-    image?: JSX.Element;
+    image?: React.JSX.Element;
     /**
      * Color of the icon. You can use `getUserColor` function to generate color from user name or email. If not provided, default background color from CSS styling will be used (hsl(72, 51%, 56%) / olive green).
      */

package/esm/core/ButtonGroup/ButtonGroup.js

@@ -6,6 +6,7 @@ import {
   CompositeItem,
   FloatingDelayGroup,
 } from '@floating-ui/react';
+import { defaultTooltipDelay } from '../Tooltip/Tooltip.js';
 export const ButtonGroupContext = React.createContext(void 0);
 export const ButtonGroup = React.forwardRef((props, forwardedRef) => {
   let {
@@ -50,10 +51,7 @@ export const ButtonGroup = React.forwardRef((props, forwardedRef) => {
   return React.createElement(
     FloatingDelayGroup,
     {
-      delay: {
-        open: 50,
-        close: 250,
-      },
+      delay: defaultTooltipDelay,
     },
     React.createElement(
       ButtonGroupContext.Provider,

package/esm/core/Buttons/Button.d.ts

@@ -15,11 +15,11 @@ export type ButtonProps = {
     /**
      * Icon shown before the main button content.
      */
-    startIcon?: JSX.Element;
+    startIcon?: React.JSX.Element;
     /**
      * Icon shown after the main button content.
      */
-    endIcon?: JSX.Element;
+    endIcon?: React.JSX.Element;
     /**
      * Passes props to the button label.
      */

package/esm/core/Buttons/DropdownButton.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ButtonProps } from './Button.js';
 import type { DropdownMenuProps } from '../DropdownMenu/DropdownMenu.js';
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
@@ -7,7 +8,7 @@ export type DropdownButtonProps = {
      * Pass a function that takes the `close` argument (to close the menu),
      * and returns a list of `MenuItem` components.
      */
-    menuItems: (close: () => void) => JSX.Element[];
+    menuItems: (close: () => void) => React.JSX.Element[];
     /**
      * Style of the dropdown button.
      * Use 'borderless' to hide outline.

package/esm/core/Buttons/SplitButton.d.ts

@@ -10,7 +10,7 @@ export type SplitButtonProps = ButtonProps & {
      * Pass a function that takes the `close` argument (to close the menu),
      * and returns a list of `MenuItem` components.
      */
-    menuItems: (close: () => void) => JSX.Element[];
+    menuItems: (close: () => void) => React.JSX.Element[];
     /**
      * Placement of the dropdown menu.
      * @default 'bottom-end'

package/esm/core/Carousel/Carousel.d.ts

@@ -40,9 +40,7 @@ export declare const Carousel: PolymorphicForwardRefComponent<"section", Carouse
      * Contains the dots and previous/next buttons for navigating the slides. Must be present _before_ the slides in DOM.
      */
     Navigation: PolymorphicForwardRefComponent<"div", {}> & {
-        PreviousButton: PolymorphicForwardRefComponent<"button", 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"> & {
+        PreviousButton: PolymorphicForwardRefComponent<"button", 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">;
@@ -51,9 +49,7 @@ export declare const Carousel: PolymorphicForwardRefComponent<"section", Carouse
         } & Omit<import("../Buttons/Button.js").ButtonProps, "loading" | "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
             as?: "button" | undefined;
         }>;
-        NextButton: PolymorphicForwardRefComponent<"button", 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"> & {
+        NextButton: PolymorphicForwardRefComponent<"button", 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/Carousel/CarouselNavigation.d.ts

@@ -7,9 +7,7 @@ import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
  * `children` can be specified to override what is shown in this navigation section.
  */
 export declare const CarouselNavigation: PolymorphicForwardRefComponent<"div", {}> & {
-    PreviousButton: PolymorphicForwardRefComponent<"button", 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"> & {
+    PreviousButton: PolymorphicForwardRefComponent<"button", 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">;
@@ -18,9 +16,7 @@ export declare const CarouselNavigation: PolymorphicForwardRefComponent<"div", {
     } & Omit<import("../Buttons/Button.js").ButtonProps, "loading" | "startIcon" | "endIcon" | "labelProps" | "startIconProps" | "endIconProps"> & {
         as?: "button" | undefined;
     }>;
-    NextButton: PolymorphicForwardRefComponent<"button", 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"> & {
+    NextButton: PolymorphicForwardRefComponent<"button", 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/Carousel/CarouselSlide.js

@@ -32,7 +32,7 @@ export const CarouselSlide = React.forwardRef((props, ref) => {
       'aria-roledescription': 'slide',
       tabIndex: index === currentIndex ? 0 : void 0,
       ref: refs,
-      inert: index !== currentIndex ? '' : void 0,
+      inert: index !== currentIndex ? 'true' : void 0,
       ...rest,
       onKeyDown: mergeEventHandlers(props.onKeyDown, (event) => {
         if ('ArrowLeft' === event.key || 'ArrowRight' === event.key)

package/esm/core/Carousel/CarouselSlider.js

@@ -41,7 +41,7 @@ export const CarouselSlider = React.forwardRef((props, ref) => {
       behavior: instant || !motionOk ? 'instant' : 'smooth',
     });
   };
-  let scrollTimeout = React.useRef();
+  let scrollTimeout = React.useRef(void 0);
   let handleOnScroll = React.useCallback(() => {
     if (scrollTimeout.current) getWindow()?.clearTimeout(scrollTimeout.current);
     scrollTimeout.current = getWindow()?.setTimeout(() => {

package/esm/core/Checkbox/Checkbox.js

@@ -21,8 +21,9 @@ export const Checkbox = React.forwardRef((props, ref) => {
   React.useEffect(() => {
     if (inputElementRef.current) {
       inputElementRef.current.indeterminate = indeterminate;
-      inputElementRef.current.checked =
-        !indeterminate && inputElementRef.current.checked;
+      inputElementRef.current.checked = indeterminate
+        ? false
+        : inputElementRef.current.checked;
     }
   });
   let checkbox = React.createElement(

package/esm/core/ColorPicker/ColorBuilder.js

@@ -27,7 +27,7 @@ export const ColorBuilder = React.forwardRef((props, ref) => {
     hueSliderProps,
     ...rest
   } = props;
-  let builderRef = React.useRef();
+  let builderRef = React.useRef(void 0);
   let refs = useMergedRefs(builderRef, ref);
   let {
     activeColor,

package/esm/core/ComboBox/ComboBox.d.ts

@@ -80,7 +80,7 @@ export type ComboBoxProps<T> = {
     endIconProps?: React.ComponentProps<typeof ComboBoxEndIcon>;
     /**
      * Message shown when no options are available.
-     * If `JSX.Element` is provided, it will be rendered as is and won't be wrapped with `MenuExtraContent`.
+     * If `React.JSX.Element` is provided, it will be rendered as is and won't be wrapped with `MenuExtraContent`.
      * @default 'No options found'
      */
     emptyStateMessage?: React.ReactNode;
@@ -96,7 +96,7 @@ export type ComboBoxProps<T> = {
         isFocused: boolean;
         id: string;
         index: number;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     /**
      * If enabled, virtualization is used for the scrollable dropdown list.
      * Use it if you expect a very long list of items.
@@ -128,5 +128,5 @@ export type ComboBoxProps<T> = {
  */
 export declare const ComboBox: <T>(props: ComboBoxProps<T> & {
     ref?: React.ForwardedRef<HTMLElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/esm/core/ComboBox/ComboBoxInput.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Input } from '../Input/Input.js';
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type ComboBoxInputProps = {
-    selectTags?: JSX.Element[];
+    selectTags?: React.JSX.Element[];
 } & React.ComponentProps<typeof Input>;
 export declare const ComboBoxInput: PolymorphicForwardRefComponent<"input", ComboBoxInputProps>;
 export {};

package/esm/core/ComboBox/ComboBoxMenuItem.d.ts

@@ -1,8 +1,20 @@
 import * as React from 'react';
-import type { MenuItemProps } from '../Menu/MenuItem.js';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type ComboBoxMenuItemProps = MenuItemProps & {
+export declare const ComboBoxMenuItem: React.NamedExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "as" | "role" | "onClick" | "size" | "icon" | "disabled" | "value" | "startIcon" | "endIcon" | "index" | "focused" | "isSelected" | "sublabel" | "badge" | "subMenuItems"> & {
+    isSelected?: boolean;
+    disabled?: boolean;
+    value?: unknown;
+    onClick?: (value?: unknown) => void;
+    size?: "default" | "large";
+    sublabel?: React.ReactNode;
+    startIcon?: React.JSX.Element;
+    icon?: React.JSX.Element;
+    endIcon?: React.JSX.Element;
+    badge?: React.JSX.Element;
+    role?: string;
+    subMenuItems?: React.JSX.Element[];
+    children?: React.ReactNode;
+} & Pick<import("../List/ListItem.js").ListItemOwnProps, "focused"> & {
     index: number;
-};
-export declare const ComboBoxMenuItem: React.MemoExoticComponent<PolymorphicForwardRefComponent<"div", ComboBoxMenuItemProps>>;
-export {};
+} & {
+    as?: "div" | undefined;
+}>;

package/esm/core/ComboBox/helpers.d.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 import type { SelectOption } from '../Select/Select.js';
 import type { usePopover } from '../Popover/Popover.js';
 export declare const ComboBoxRefsContext: React.Context<{
-    inputRef: React.RefObject<HTMLInputElement>;
-    menuRef: React.RefObject<HTMLElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    menuRef: React.RefObject<HTMLElement | null>;
     optionsExtraInfo: Record<string, {
         __originalIndex: number;
     }>;
@@ -14,7 +14,7 @@ type ComboBoxStateContextProps<T = unknown> = {
     enableVirtualization: boolean;
     filteredOptions: SelectOption<T>[];
     onClickHandler?: (prop: number) => void;
-    getMenuItem: (option: SelectOption<T>, filteredIndex?: number) => JSX.Element;
+    getMenuItem: (option: SelectOption<T>, filteredIndex?: number) => React.JSX.Element;
     focusedIndex: number;
     setFocusedIndex: React.Dispatch<React.SetStateAction<number>>;
     multiple?: boolean;

package/esm/core/Dialog/Dialog.d.ts

@@ -6,7 +6,7 @@ type DialogProps = {
      * Dialog content.
      */
     children: React.ReactNode;
-} & Omit<DialogContextProps, 'dialogRootRef'>;
+} & DialogContextProps;
 /**
  * Dialog component.
  * @example