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

package/DEV-esm/utils/functions/react.js

@@ -3,12 +3,10 @@ import { mergeRefs } from '../hooks/useMergedRefs.js';
 export const cloneElementWithRef = (children, getProps) => {
   if (!children) return null;
   if (!React.isValidElement(children)) return children;
+  let childrenRef = children.props?.ref || children?.ref;
   let props = getProps(children);
   let ref = mergeRefs(
-    ...[
-      'ref' in children ? children.ref : null,
-      'ref' in props ? props.ref : null,
-    ].filter(Boolean),
+    ...[childrenRef, 'ref' in props ? props.ref : null].filter(Boolean),
   );
   return React.cloneElement(children, {
     ...props,

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

@@ -17,8 +17,8 @@ let getContainerRect = (containerRef) => {
 export const useDragAndDrop = (elementRef, containerRef, enabled = true) => {
   let grabOffsetX = React.useRef(0);
   let grabOffsetY = React.useRef(0);
-  let translateX = React.useRef();
-  let translateY = React.useRef();
+  let translateX = React.useRef(void 0);
+  let translateY = React.useRef(void 0);
   let containerRectRef = React.useRef(getContainerRect(containerRef));
   let adjustTransform = React.useCallback(() => {
     if (!elementRef.current || !enabled) return;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export const useEventListener = (eventName, handler, element) => {
-  let savedHandler = React.useRef();
+  let savedHandler = React.useRef(void 0);
   React.useEffect(() => {
     savedHandler.current = handler;
   }, [handler]);

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,5 +1,6 @@
+import * as React from 'react';
 import type { ButtonProps } from './Button.js';
-import type { DropdownMenuProps } from '../DropdownMenu/DropdownMenu.js';
+import { DropdownMenu } from '../DropdownMenu/DropdownMenu.js';
 import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 export type DropdownButtonProps = {
     /**
@@ -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.
@@ -15,9 +16,9 @@ export type DropdownButtonProps = {
      */
     styleType?: 'default' | 'borderless' | 'high-visibility';
     /**
-     * Props for the `DropdownMenu` which extends `PopoverProps`.
+     * Props for the `DropdownMenu` which extends the props of `Popover`.
      */
-    dropdownMenuProps?: Omit<DropdownMenuProps, 'menuItems' | 'children'>;
+    dropdownMenuProps?: Omit<React.ComponentProps<typeof DropdownMenu>, 'menuItems' | 'children'>;
 } & Omit<ButtonProps, 'styleType' | 'endIcon'>;
 /**
  * Button that opens a DropdownMenu.

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'
@@ -31,7 +31,7 @@ export type SplitButtonProps = ButtonProps & {
     /**
      * Props to customize menu behavior.
      */
-    dropdownMenuProps?: Pick<Parameters<typeof usePopover>[0], 'middleware'>;
+    dropdownMenuProps?: Pick<Parameters<typeof usePopover>[0], 'middleware'> & React.ComponentProps<'div'>;
 } & Pick<PortalProps, 'portal'>;
 /**
  * Split button component with a DropdownMenu.

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');
@@ -27,9 +29,11 @@ const SplitButton = _react.forwardRef((props, forwardedRef) => {
     children,
     wrapperProps,
     menuButtonProps,
+    dropdownMenuProps,
     portal = true,
     ...rest
   } = props;
+  let { middleware, ...dropdownMenuPropsRest } = dropdownMenuProps || {};
   let [visible, setVisible] = _react.useState(false);
   let menuContent = _react.useMemo(() => {
     if ('function' == typeof menuItems)
@@ -41,6 +45,7 @@ const SplitButton = _react.forwardRef((props, forwardedRef) => {
     onVisibleChange: setVisible,
     placement: menuPlacement,
     matchWidth: true,
+    middleware,
   };
   let labelId = (0, _index.useId)();
   let trigger = _react.createElement(
@@ -94,9 +99,13 @@ const SplitButton = _react.forwardRef((props, forwardedRef) => {
         trigger: trigger,
         portal: portal,
         positionReference: positionReference,
-        onKeyDown: ({ key }) => {
-          if ('Tab' === key) setVisible(false);
-        },
+        ...dropdownMenuPropsRest,
+        onKeyDown: (0, _index.mergeEventHandlers)(
+          dropdownMenuPropsRest?.onKeyDown,
+          ({ key }) => {
+            if ('Tab' === key) setVisible(false);
+          },
+        ),
       },
       menuContent,
     ),

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);