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

package/DEV-esm/core/Tooltip/Tooltip.js

@@ -25,6 +25,10 @@ import {
   useId,
   useMergedRefs,
 } from '../../utils/index.js';
+export const defaultTooltipDelay = {
+  open: 100,
+  close: 200,
+};
 let useTooltip = (options = {}) => {
   let uniqueId = useId();
   let {
@@ -118,13 +122,7 @@ let useTooltip = (options = {}) => {
   });
   let interactions = useInteractions([
     useHover(floating.context, {
-      delay:
-        0 !== delay
-          ? delay
-          : {
-              open: 50,
-              close: 250,
-            },
+      delay: 0 !== delay ? delay : defaultTooltipDelay,
       handleClose: safePolygon({
         buffer: -1 / 0,
       }),

package/DEV-esm/core/VisuallyHidden/VisuallyHidden.js

@@ -29,7 +29,7 @@ export const VisuallyHidden = React.forwardRef((props, ref) => {
     {
       as: asProp,
       className: cx('iui-visually-hidden', className),
-      'data-iui-unhide-on-focus': !!unhideOnFocus || void 0,
+      'data-iui-unhide-on-focus': unhideOnFocus ? true : void 0,
       ref: ref,
       ...rest,
     },

package/DEV-esm/react-table/react-table.types-test.js

@@ -584,7 +584,7 @@ import {
     [pageSizeList],
   );
   let [globalFilter, setGlobalFilter] = React.useState('');
-  let tableInstance = React.useRef();
+  let tableInstance = React.useRef(void 0);
   let [hoveredRowIndex, setHoveredRowIndex] = React.useState(0);
   let [rowRefMap, setRowRefMap] = React.useState({});
   return React.createElement(

package/DEV-esm/styles.js

@@ -1,4 +1,4 @@
-const t = '3.17.0-dev.1';
+const t = '3.17.0';
 const u = new Proxy(
   {},
   {

package/DEV-esm/utils/components/ButtonBase.js

@@ -7,6 +7,7 @@ export const ButtonBase = React.forwardRef((props, forwardedRef) => {
     as: asProp = 'button',
     disabled: disabledProp,
     htmlDisabled,
+    type: typeProp = 'button' === asProp ? 'button' : void 0,
     ...rest
   } = props;
   let isClient = useIsClient();
@@ -16,13 +17,14 @@ export const ButtonBase = React.forwardRef((props, forwardedRef) => {
     if (disabledProp) return;
     handler?.(e);
   };
+  let type = 'button' === asProp && disabledProp ? 'button' : typeProp;
   return React.createElement(Box, {
     as: asProp,
-    type: 'button' === asProp ? 'button' : void 0,
+    type: type,
     ref: forwardedRef,
     'aria-disabled': ariaDisabled ? 'true' : void 0,
     'data-iui-disabled': disabledProp ? 'true' : void 0,
-    disabled: !!(htmlDisabled ?? (!isClient && disabledProp)) || void 0,
+    disabled: htmlDisabled ?? (!isClient && disabledProp) ? true : void 0,
     ...rest,
     className: cx('iui-button-base', props.className),
     onClick: handleIfEnabled(props.onClick),

package/DEV-esm/utils/components/FocusTrap.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { getTabbableElements } from '../functions/focusable.js';
-import { mergeRefs } from '../hooks/useMergedRefs.js';
+import { cloneElementWithRef } from '../functions/react.js';
 export const FocusTrap = (props) => {
   let { children } = props;
-  let childRef = React.useRef();
+  let childRef = React.useRef(void 0);
   let getFirstLastFocusables = () => {
     let elements = getTabbableElements(childRef.current);
     let firstElement = elements[0];
@@ -28,9 +28,9 @@ export const FocusTrap = (props) => {
       onFocus: onFirstFocus,
       'aria-hidden': true,
     }),
-    React.cloneElement(children, {
-      ref: mergeRefs(children.ref, childRef),
-    }),
+    cloneElementWithRef(children, () => ({
+      ref: childRef,
+    })),
     React.createElement('div', {
       tabIndex: 0,
       onFocus: onLastFocus,

package/DEV-esm/utils/components/Portal.js

@@ -3,7 +3,7 @@ import * as ReactDOM from 'react-dom';
 import { useIsClient } from '../hooks/useIsClient.js';
 import { atom } from 'jotai';
 import { useScopedAtom } from '../providers/ScopeProvider.js';
-export const portalContainerAtom = atom(void 0);
+export const portalContainerAtom = atom(null);
 export const Portal = (props) => {
   let { portal = true, children } = props;
   let isClient = useIsClient();

package/DEV-esm/utils/components/ShadowRoot.js

@@ -47,7 +47,7 @@ let ClientShadowRoot = ({ children, css }) => {
 };
 function useShadowRoot(templateRef, { css = '' }) {
   let [shadowRoot, setShadowRoot] = React.useState(null);
-  let styleSheet = React.useRef();
+  let styleSheet = React.useRef(void 0);
   let latestCss = useLatestRef(css);
   let latestShadowRoot = useLatestRef(shadowRoot);
   let createStyleSheet = React.useCallback(

package/DEV-esm/utils/components/index.js

@@ -3,7 +3,6 @@ export * from './FocusTrap.js';
 export * from './InputContainer.js';
 export * from './InputFlexContainer.js';
 export * from './InputWithIcon.js';
-export * from './WithCSSTransition.js';
 export * from './MiddleTextTruncation.js';
 export * from './AutoclearingHiddenLiveRegion.js';
 export * from './Box.js';

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/LICENSE.md

@@ -1,6 +1,6 @@
 # MIT License
 
-Copyright © 2021-2024 Bentley Systems, Incorporated. All rights reserved.
+Copyright © 2021-2025 Bentley Systems, Incorporated. All rights reserved.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

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