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

package/DEV-esm/utils/hooks/useResizeObserver.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { getWindow } from '../functions/dom.js';
 export const useResizeObserver = (onResize) => {
-  let resizeObserver = React.useRef();
+  let resizeObserver = React.useRef(void 0);
   let elementRef = React.useCallback(
     (element) => {
       if (!getWindow()?.ResizeObserver) return;

package/cjs/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/cjs/core/Alert/Alert.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Alert', {
 });
 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 _Icon = require('../Icon/Icon.js');

package/cjs/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/cjs/core/Avatar/Avatar.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 _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 const getBackground = (color) => {

package/cjs/core/AvatarGroup/AvatarGroup.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'AvatarGroup', {
 });
 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 AvatarGroup = _react.forwardRef((props, ref) => {
   let maxLength = 99;

package/cjs/core/Backdrop/Backdrop.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Backdrop', {
 });
 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 Backdrop = _react.forwardRef((props, ref) => {
   let { isVisible = true, className, ...rest } = props;

package/cjs/core/Badge/Badge.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Badge', {
 });
 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 getBadgeColorValue = (color) => {
   if (!color) return '';

package/cjs/core/Breadcrumbs/Breadcrumbs.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Breadcrumbs', {
 });
 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 _Anchor = require('../Typography/Anchor.js');

package/cjs/core/ButtonGroup/ButtonGroup.js

@@ -19,10 +19,13 @@ _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 _react1 = require('@floating-ui/react');
+const _Tooltip = require('../Tooltip/Tooltip.js');
 const ButtonGroupContext = _react.createContext(void 0);
 const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
   let {
@@ -67,10 +70,7 @@ const ButtonGroup = _react.forwardRef((props, forwardedRef) => {
   return _react.createElement(
     _react1.FloatingDelayGroup,
     {
-      delay: {
-        open: 50,
-        close: 250,
-      },
+      delay: _Tooltip.defaultTooltipDelay,
     },
     _react.createElement(
       ButtonGroupContext.Provider,

package/cjs/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/cjs/core/Buttons/Button.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Button', {
 });
 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 _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _Popover = require('../Popover/Popover.js');

package/cjs/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/cjs/core/Buttons/DropdownButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'DropdownButton', {
 });
 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 _Button = require('./Button.js');
 const _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _index = require('../../utils/index.js');

package/cjs/core/Buttons/IconButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'IconButton', {
 });
 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 _Tooltip = require('../Tooltip/Tooltip.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');

package/cjs/core/Buttons/IdeasButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'IdeasButton', {
 });
 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 _Button = require('./Button.js');
 const IdeasButton = _react.forwardRef((props, ref) => {

package/cjs/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/cjs/core/Buttons/SplitButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SplitButton', {
 });
 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 _Button = require('./Button.js');
 const _IconButton = require('./IconButton.js');
 const _index = require('../../utils/index.js');

package/cjs/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/cjs/core/Carousel/Carousel.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Carousel', {
 });
 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 _CarouselContext = require('./CarouselContext.js');
 const _CarouselSlider = require('./CarouselSlider.js');

package/cjs/core/Carousel/CarouselContext.js

@@ -9,5 +9,5 @@ Object.defineProperty(exports, 'CarouselContext', {
   },
 });
 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 CarouselContext = _react.createContext(void 0);

package/cjs/core/Carousel/CarouselDot.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselDot', {
 });
 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 CarouselDot = _react.forwardRef((props, ref) => {
   let { isActive, isSmaller, isSmall, className, ...rest } = props;

package/cjs/core/Carousel/CarouselDotsList.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselDotsList', {
 });
 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 _CarouselContext = require('./CarouselContext.js');
 const _index = require('../../utils/index.js');
 const _CarouselDot = require('./CarouselDot.js');

package/cjs/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/cjs/core/Carousel/CarouselNavigation.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselNavigation', {
 });
 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 _CarouselContext = require('./CarouselContext.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const _CarouselDotsList = require('./CarouselDotsList.js');

package/cjs/core/Carousel/CarouselSlide.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselSlide', {
 });
 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 _CarouselContext = require('./CarouselContext.js');
 const CarouselSlide = _react.forwardRef((props, ref) => {
@@ -42,7 +44,7 @@ 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: (0, _index.mergeEventHandlers)(props.onKeyDown, (event) => {
         if ('ArrowLeft' === event.key || 'ArrowRight' === event.key)

package/cjs/core/Carousel/CarouselSlider.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'CarouselSlider', {
 });
 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 _CarouselContext = require('./CarouselContext.js');
 const _index = require('../../utils/index.js');
 const CarouselSlider = _react.forwardRef((props, ref) => {
@@ -49,7 +51,7 @@ 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)
       (0, _index.getWindow)()?.clearTimeout(scrollTimeout.current);

package/cjs/core/Checkbox/Checkbox.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Checkbox', {
 });
 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 _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _index = require('../../utils/index.js');
 const Checkbox = _react.forwardRef((props, ref) => {
@@ -33,8 +35,9 @@ 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/cjs/core/ColorPicker/ColorBuilder.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorBuilder', {
 });
 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 _Slider = require('../Slider/Slider.js');
 const _ColorPickerContext = require('./ColorPickerContext.js');
@@ -32,7 +34,7 @@ const ColorBuilder = _react.forwardRef((props, ref) => {
     hueSliderProps,
     ...rest
   } = props;
-  let builderRef = _react.useRef();
+  let builderRef = _react.useRef(void 0);
   let refs = (0, _index.useMergedRefs)(builderRef, ref);
   let {
     activeColor,

package/cjs/core/ColorPicker/ColorInputPanel.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorInputPanel', {
 });
 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 _Input = require('../Input/Input.js');
 const _index = require('../../utils/index.js');

package/cjs/core/ColorPicker/ColorPalette.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorPalette', {
 });
 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 _ColorPicker = require('./ColorPicker.js');
 const _ColorSwatch = require('./ColorSwatch.js');

package/cjs/core/ColorPicker/ColorPicker.js

@@ -19,9 +19,11 @@ _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 _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 _ColorPickerContext = require('./ColorPickerContext.js');
 const getColorValue = (color) => {
   if (color instanceof _index.ColorValue) return color;

package/cjs/core/ColorPicker/ColorPickerContext.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 ColorPickerContext = _react.createContext(void 0);
 const useColorPickerContext = () => {
   let context = _react.useContext(ColorPickerContext);

package/cjs/core/ColorPicker/ColorSwatch.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ColorSwatch', {
 });
 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 _ColorPicker = require('./ColorPicker.js');
 const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');

package/cjs/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/cjs/core/ComboBox/ComboBox.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ComboBox', {
   },
 });
 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 _MenuExtraContent = require('../Menu/MenuExtraContent.js');
 const _SelectTag = require('../Select/SelectTag.js');
 const _Text = require('../Typography/Text.js');

package/cjs/core/ComboBox/ComboBoxEndIcon.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'ComboBoxEndIcon', {
 });
 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 ComboBoxEndIcon = _react.forwardRef((props, forwardedRef) => {

package/cjs/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/cjs/core/ComboBox/ComboBoxInput.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ComboBoxInput', {
   },
 });
 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 _index = require('../../utils/index.js');
 const _ComboBoxMultipleContainer = require('./ComboBoxMultipleContainer.js');