@lumx/react 3.9.0 → 3.9.1-alpha.0

package/index.js

@@ -8263,7 +8263,7 @@ const ImageSlideshow = _ref => {
   const zoomOut = React.useCallback(() => onScaleChange === null || onScaleChange === void 0 ? void 0 : onScaleChange(0.5), [onScaleChange]);
   React.useEffect(() => {
     // Reset scale on slide change
-    if (activeIndex) setScale(undefined);
+    if (typeof activeIndex === 'number') setScale(undefined);
   }, [activeIndex]);
   const zoomControls = zoomEnabled && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, zoomInButtonProps, {
     theme: "dark",
@@ -8381,8 +8381,6 @@ async function startViewTransition(_ref) {
 /** Find image in element including the element */
 const findImage = element => element !== null && element !== void 0 && element.matches('img') ? element : (element === null || element === void 0 ? void 0 : element.querySelector('img')) || null;
 
-const _excluded$A = ["images"];
-
 /** Subset of the ImageLightboxProps managed by the useImageLightbox hook */
 
 const EMPTY_PROPS = {
@@ -8397,29 +8395,30 @@ const EMPTY_PROPS = {
  * - Associate a trigger with an image to display on open
  * - Automatically provide a view transition between an image trigger and the displayed image on open & close
  *
- * @param initialProps Images to display in the image lightbox
+ * @param props Images to display in the image lightbox
  */
-function useImageLightbox(initialProps) {
-  const {
-      images = []
-    } = initialProps,
-    otherProps = _objectWithoutProperties(initialProps, _excluded$A);
-  const imagesPropsRef = React.useRef(images);
+function useImageLightbox(props) {
+  const propsRef = React.useRef(props);
   React.useEffect(() => {
-    imagesPropsRef.current = images.map(props => _objectSpread2({
-      imgRef: /*#__PURE__*/React.createRef()
-    }, props));
-  }, [images]);
+    const newProps = _objectSpread2({}, props);
+    if (newProps !== null && newProps !== void 0 && newProps.images) {
+      newProps.images = newProps.images.map(image => _objectSpread2({
+        imgRef: /*#__PURE__*/React.createRef()
+      }, image));
+    }
+    propsRef.current = newProps;
+  }, [props]);
   const currentImageRef = React.useRef(null);
-  const [imageLightboxProps, setImageLightboxProps] = React.useState(() => _objectSpread2(_objectSpread2({}, EMPTY_PROPS), otherProps));
+  const [imageLightboxProps, setImageLightboxProps] = React.useState(() => _objectSpread2(_objectSpread2({}, EMPTY_PROPS), props));
   const getTriggerProps = React.useMemo(() => {
     const triggerImageRefs = {};
     async function close() {
+      var _propsRef$current, _propsRef$current$ima;
       const currentImage = currentImageRef.current;
       if (!currentImage) {
         return;
       }
-      const currentIndex = imagesPropsRef.current.findIndex(_ref => {
+      const currentIndex = (_propsRef$current = propsRef.current) === null || _propsRef$current === void 0 ? void 0 : (_propsRef$current$ima = _propsRef$current.images) === null || _propsRef$current$ima === void 0 ? void 0 : _propsRef$current$ima.findIndex(_ref => {
         let {
           imgRef
         } = _ref;
@@ -8441,7 +8440,7 @@ function useImageLightbox(initialProps) {
       });
     }
     async function open(triggerElement) {
-      var _triggerImageRefs;
+      var _triggerImageRefs, _propsRef$current2, _propsRef$current2$im;
       let {
         activeImageIndex
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -8449,7 +8448,7 @@ function useImageLightbox(initialProps) {
       const triggerImage = ((_triggerImageRefs = triggerImageRefs[activeImageIndex]) === null || _triggerImageRefs === void 0 ? void 0 : _triggerImageRefs.current) || findImage(triggerElement);
 
       // Inject the trigger image as loading placeholder for better loading state
-      const imagesWithFallbackSize = imagesPropsRef.current.map((image, idx) => {
+      const imagesWithFallbackSize = (_propsRef$current2 = propsRef.current) === null || _propsRef$current2 === void 0 ? void 0 : (_propsRef$current2$im = _propsRef$current2.images) === null || _propsRef$current2$im === void 0 ? void 0 : _propsRef$current2$im.map((image, idx) => {
         if (triggerImage && idx === activeImageIndex && !image.loadingPlaceholderImageRef) {
           return _objectSpread2(_objectSpread2({}, image), {}, {
             loadingPlaceholderImageRef: {
@@ -8462,7 +8461,7 @@ function useImageLightbox(initialProps) {
       await startViewTransition({
         changes: () => {
           // Open lightbox with setup props
-          setImageLightboxProps(prevProps => _objectSpread2(_objectSpread2({}, prevProps), {}, {
+          setImageLightboxProps(prevProps => _objectSpread2(_objectSpread2(_objectSpread2({}, prevProps), propsRef.current), {}, {
             activeImageRef: currentImageRef,
             parentElement: {
               current: triggerElement
@@ -8505,7 +8504,7 @@ function useImageLightbox(initialProps) {
   };
 }
 
-const _excluded$B = ["className", "isOpen", "closeButtonProps", "onClose", "parentElement", "activeImageIndex", "slideshowControlsProps", "slideGroupLabel", "images", "zoomOutButtonProps", "zoomInButtonProps", "activeImageRef"];
+const _excluded$A = ["className", "isOpen", "closeButtonProps", "onClose", "parentElement", "activeImageIndex", "slideshowControlsProps", "slideGroupLabel", "images", "zoomOutButtonProps", "zoomInButtonProps", "activeImageRef"];
 const Inner = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className,
@@ -8521,7 +8520,7 @@ const Inner = /*#__PURE__*/forwardRef((props, ref) => {
       zoomInButtonProps,
       activeImageRef: propImageRef
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$B);
+    forwardedProps = _objectWithoutProperties(props, _excluded$A);
   const currentPaginationItemRef = React.useRef(null);
   const footerRef = React.useRef(null);
   const imageRef = React.useRef(null);
@@ -8571,7 +8570,7 @@ const ImageLightbox = Object.assign(Inner, {
   useImageLightbox
 });
 
-const _excluded$C = ["className", "color", "colorVariant", "typography", "children", "wrap"];
+const _excluded$B = ["className", "color", "colorVariant", "typography", "children", "wrap"];
 
 /**
  * Defines the props of the component.
@@ -8608,7 +8607,7 @@ const InlineList = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       wrap
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$C);
+    forwardedProps = _objectWithoutProperties(props, _excluded$B);
   const fontColorClassName = color && getFontColorClassName(color, colorVariant);
   const typographyClassName = typography && getTypographyClassName(typography);
   return (
@@ -8654,7 +8653,7 @@ const INPUT_HELPER_CONFIGURATION = {
   }
 };
 
-const _excluded$D = ["children", "className", "kind", "theme"];
+const _excluded$C = ["children", "className", "kind", "theme"];
 
 /**
  * Defines the props of the component.
@@ -8692,7 +8691,7 @@ const InputHelper = /*#__PURE__*/forwardRef((props, ref) => {
       kind,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$D);
+    forwardedProps = _objectWithoutProperties(props, _excluded$C);
   const {
     color
   } = INPUT_HELPER_CONFIGURATION[kind] || {};
@@ -8710,7 +8709,7 @@ InputHelper.displayName = COMPONENT_NAME$A;
 InputHelper.className = CLASSNAME$x;
 InputHelper.defaultProps = DEFAULT_PROPS$s;
 
-const _excluded$E = ["children", "className", "htmlFor", "isRequired", "theme"];
+const _excluded$D = ["children", "className", "htmlFor", "isRequired", "theme"];
 
 /**
  * Defines the props of the component.
@@ -8748,7 +8747,7 @@ const InputLabel = /*#__PURE__*/forwardRef((props, ref) => {
       isRequired,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$E);
+    forwardedProps = _objectWithoutProperties(props, _excluded$D);
   return /*#__PURE__*/React.createElement("label", _extends({
     ref: ref
   }, forwardedProps, {
@@ -8764,7 +8763,7 @@ InputLabel.displayName = COMPONENT_NAME$B;
 InputLabel.className = CLASSNAME$y;
 InputLabel.defaultProps = DEFAULT_PROPS$t;
 
-const _excluded$F = ["aria-labelledby", "ariaLabelledBy", "aria-label", "ariaLabel", "children", "className", "closeButtonProps", "isOpen", "onClose", "parentElement", "focusElement", "preventAutoClose", "theme", "zIndex"];
+const _excluded$E = ["aria-labelledby", "ariaLabelledBy", "aria-label", "ariaLabel", "children", "className", "closeButtonProps", "isOpen", "onClose", "parentElement", "focusElement", "preventAutoClose", "theme", "zIndex"];
 
 /**
  * Defines the props of the component.
@@ -8804,7 +8803,7 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       zIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$F);
+    forwardedProps = _objectWithoutProperties(props, _excluded$E);
   if (!DOCUMENT) {
     // Can't render in SSR.
     return null;
@@ -8895,7 +8894,7 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
 Lightbox.displayName = COMPONENT_NAME$C;
 Lightbox.className = CLASSNAME$z;
 
-const _excluded$G = ["children", "className", "color", "colorVariant", "disabled", "isDisabled", "href", "leftIcon", "linkAs", "rightIcon", "target", "typography"];
+const _excluded$F = ["children", "className", "color", "colorVariant", "disabled", "isDisabled", "href", "leftIcon", "linkAs", "rightIcon", "target", "typography"];
 
 /**
  * Defines the props of the component.
@@ -8958,7 +8957,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       target,
       typography
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$G);
+    forwardedProps = _objectWithoutProperties(props, _excluded$F);
   const renderedChildren = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && !isEmpty(leftIcon) && /*#__PURE__*/React.createElement(Icon, {
     icon: leftIcon,
     className: `${CLASSNAME$A}__left-icon`,
@@ -9006,7 +9005,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
 Link.displayName = COMPONENT_NAME$D;
 Link.className = CLASSNAME$A;
 
-const _excluded$H = ["className", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading"];
+const _excluded$G = ["className", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading"];
 
 /**
  * Defines the props of the component.
@@ -9051,7 +9050,7 @@ const LinkPreview = /*#__PURE__*/forwardRef((props, ref) => {
       title,
       titleHeading
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$H);
+    forwardedProps = _objectWithoutProperties(props, _excluded$G);
   // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
   const TitleHeading = titleHeading;
   return /*#__PURE__*/React.createElement("article", _extends({
@@ -9106,7 +9105,7 @@ LinkPreview.displayName = COMPONENT_NAME$E;
 LinkPreview.className = CLASSNAME$B;
 LinkPreview.defaultProps = DEFAULT_PROPS$u;
 
-const _excluded$I = ["className"];
+const _excluded$H = ["className"];
 
 /**
  * Defines the props of the component.
@@ -9133,7 +9132,7 @@ const ListDivider = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$I);
+    forwardedProps = _objectWithoutProperties(props, _excluded$H);
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9145,7 +9144,7 @@ const ListDivider = /*#__PURE__*/forwardRef((props, ref) => {
 ListDivider.displayName = COMPONENT_NAME$F;
 ListDivider.className = CLASSNAME$C;
 
-const _excluded$J = ["children", "className"];
+const _excluded$I = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -9173,7 +9172,7 @@ const ListSubheader = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$J);
+    forwardedProps = _objectWithoutProperties(props, _excluded$I);
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9185,7 +9184,7 @@ const ListSubheader = /*#__PURE__*/forwardRef((props, ref) => {
 ListSubheader.displayName = COMPONENT_NAME$G;
 ListSubheader.className = CLASSNAME$D;
 
-const _excluded$K = ["children", "className", "hasBackground", "kind", "icon", "closeButtonProps"];
+const _excluded$J = ["children", "className", "hasBackground", "kind", "icon", "closeButtonProps"];
 
 /**
  * Defines the props of the component.
@@ -9239,7 +9238,7 @@ const Message = /*#__PURE__*/forwardRef((props, ref) => {
       icon: customIcon,
       closeButtonProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$K);
+    forwardedProps = _objectWithoutProperties(props, _excluded$J);
   const {
     color,
     icon
@@ -9274,7 +9273,7 @@ const Message = /*#__PURE__*/forwardRef((props, ref) => {
 Message.displayName = COMPONENT_NAME$H;
 Message.className = CLASSNAME$E;
 
-const _excluded$L = ["className", "theme", "thumbnails", "onImageClick"],
+const _excluded$K = ["className", "theme", "thumbnails", "onImageClick"],
   _excluded2$1 = ["image", "onClick", "align"];
 
 /**
@@ -9312,7 +9311,7 @@ const Mosaic = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnails,
       onImageClick
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$L);
+    forwardedProps = _objectWithoutProperties(props, _excluded$K);
   const handleImageClick = useMemo(() => {
     if (!onImageClick) return undefined;
     return (index, onClick) => event => {
@@ -9367,7 +9366,7 @@ function forwardRefPolymorphic(render) {
   return /*#__PURE__*/React.forwardRef(render);
 }
 
-const _excluded$M = ["className", "icon", "label", "isCurrentPage", "as"];
+const _excluded$L = ["className", "icon", "label", "isCurrentPage", "as"];
 
 /** Make `href` required when `as` is `a` */
 
@@ -9392,7 +9391,7 @@ const NavigationItem = Object.assign(forwardRefPolymorphic((props, ref) => {
       isCurrentPage,
       as: Element = 'a'
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$M);
+    forwardedProps = _objectWithoutProperties(props, _excluded$L);
   const theme = useContext(ThemeContext);
   const {
     tooltipLabel,
@@ -9436,7 +9435,7 @@ const NavigationContext = /*#__PURE__*/createContext({
   orientation: Orientation.vertical
 });
 
-const _excluded$N = ["children", "className", "label", "icon"];
+const _excluded$M = ["children", "className", "label", "icon"];
 /**
  * Component display name.
  */
@@ -9453,7 +9452,7 @@ const NavigationSection = Object.assign( /*#__PURE__*/forwardRef((props, ref) =>
       label,
       icon
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$N);
+    forwardedProps = _objectWithoutProperties(props, _excluded$M);
   const [isOpen, setIsOpen] = useState(false);
   const buttonRef = useRef(null);
   const sectionId = useId();
@@ -9518,7 +9517,7 @@ const NavigationSection = Object.assign( /*#__PURE__*/forwardRef((props, ref) =>
   className: CLASSNAME$H
 });
 
-const _excluded$O = ["children", "className", "theme", "orientation"];
+const _excluded$N = ["children", "className", "theme", "orientation"];
 /**
  * Component display name.
  */
@@ -9538,7 +9537,7 @@ forwardRef((props, ref) => {
       theme,
       orientation
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$O);
+    forwardedProps = _objectWithoutProperties(props, _excluded$N);
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: theme
   }, /*#__PURE__*/React.createElement("nav", _extends({
@@ -9589,7 +9588,7 @@ const NOTIFICATION_CONFIGURATION = {
   }
 };
 
-const _excluded$P = ["actionLabel", "className", "content", "isOpen", "onActionClick", "onClick", "theme", "type", "zIndex", "usePortal", "style"];
+const _excluded$O = ["actionLabel", "className", "content", "isOpen", "onActionClick", "onClick", "theme", "type", "zIndex", "usePortal", "style"];
 
 /**
  * Defines the props of the component.
@@ -9636,7 +9635,7 @@ const Notification = /*#__PURE__*/forwardRef((props, ref) => {
       usePortal,
       style
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$P);
+    forwardedProps = _objectWithoutProperties(props, _excluded$O);
   if (!DOCUMENT) {
     // Can't render in SSR.
     return null;
@@ -9694,7 +9693,7 @@ Notification.displayName = COMPONENT_NAME$M;
 Notification.className = CLASSNAME$J;
 Notification.defaultProps = DEFAULT_PROPS$w;
 
-const _excluded$Q = ["children", "isOpen", "focusElement", "aria-label", "label", "className"];
+const _excluded$P = ["children", "isOpen", "focusElement", "aria-label", "label", "className"];
 
 /**
  * PopoverDialog props.
@@ -9732,7 +9731,7 @@ const PopoverDialog = /*#__PURE__*/forwardRef((props, ref) => {
       label = ariaLabel,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Q);
+    forwardedProps = _objectWithoutProperties(props, _excluded$P);
   return /*#__PURE__*/React.createElement(Popover, _extends({}, forwardedProps, {
     ref: ref,
     className: classnames(className, handleBasicClasses({
@@ -9756,7 +9755,7 @@ PopoverDialog.displayName = COMPONENT_NAME$N;
 PopoverDialog.className = CLASSNAME$K;
 PopoverDialog.defaultProps = DEFAULT_PROPS$x;
 
-const _excluded$R = ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"];
+const _excluded$Q = ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"];
 
 /**
  * Defines the props of the component.
@@ -9802,7 +9801,7 @@ const PostBlock = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnailProps,
       title
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$R);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Q);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classnames(className, handleBasicClasses({
@@ -9847,7 +9846,7 @@ PostBlock.displayName = COMPONENT_NAME$O;
 PostBlock.className = CLASSNAME$L;
 PostBlock.defaultProps = DEFAULT_PROPS$y;
 
-const _excluded$S = ["className", "theme"];
+const _excluded$R = ["className", "theme"];
 /**
  * Component display name.
  */
@@ -9877,7 +9876,7 @@ const ProgressLinear = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$S);
+    forwardedProps = _objectWithoutProperties(props, _excluded$R);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9895,7 +9894,7 @@ ProgressLinear.displayName = COMPONENT_NAME$P;
 ProgressLinear.className = CLASSNAME$M;
 ProgressLinear.defaultProps = DEFAULT_PROPS$z;
 
-const _excluded$T = ["className", "theme", "size"];
+const _excluded$S = ["className", "theme", "size"];
 
 /**
  * Progress sizes.
@@ -9936,7 +9935,7 @@ const ProgressCircular = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$T);
+    forwardedProps = _objectWithoutProperties(props, _excluded$S);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9965,7 +9964,7 @@ ProgressCircular.displayName = COMPONENT_NAME$Q;
 ProgressCircular.className = CLASSNAME$N;
 ProgressCircular.defaultProps = DEFAULT_PROPS$A;
 
-const _excluded$U = ["className", "theme", "variant"];
+const _excluded$T = ["className", "theme", "variant"];
 
 /**
  * Progress variants.
@@ -10011,7 +10010,7 @@ const Progress = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$U);
+    forwardedProps = _objectWithoutProperties(props, _excluded$T);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -10148,7 +10147,7 @@ const useTabProviderContextState = () => {
   return context === null || context === void 0 ? void 0 : context[0];
 };
 
-const _excluded$V = ["children", "onChange"];
+const _excluded$U = ["children", "onChange"];
 const DEFAULT_PROPS$C = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
@@ -10170,7 +10169,7 @@ const ProgressTrackerProvider = props => {
       children,
       onChange
     } = props,
-    propState = _objectWithoutProperties(props, _excluded$V);
+    propState = _objectWithoutProperties(props, _excluded$U);
   const [state, dispatch] = useReducer(reducer, INIT_STATE);
 
   // On prop state change => dispatch update.
@@ -10274,7 +10273,7 @@ const useRovingTabIndex = _ref => {
   [parentRef, ...extraDependencies]);
 };
 
-const _excluded$W = ["aria-label", "children", "className"];
+const _excluded$V = ["aria-label", "children", "className"];
 
 /**
  * Defines the props of the component.
@@ -10311,7 +10310,7 @@ const ProgressTracker = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$W);
+    forwardedProps = _objectWithoutProperties(props, _excluded$V);
   const stepListRef = React.useRef(null);
   useRovingTabIndex({
     parentRef: stepListRef,
@@ -10352,7 +10351,7 @@ ProgressTracker.displayName = COMPONENT_NAME$S;
 ProgressTracker.className = CLASSNAME$P;
 ProgressTracker.defaultProps = DEFAULT_PROPS$D;
 
-const _excluded$X = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+const _excluded$W = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
 
 /**
  * Defines the props of the component.
@@ -10397,7 +10396,7 @@ const ProgressTrackerStep = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyPress,
       tabIndex = -1
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$X);
+    forwardedProps = _objectWithoutProperties(props, _excluded$W);
   const state = useTabProviderContext('tab', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   const changeToCurrentTab = useCallback(() => {
@@ -10464,7 +10463,7 @@ ProgressTrackerStep.displayName = COMPONENT_NAME$T;
 ProgressTrackerStep.className = CLASSNAME$Q;
 ProgressTrackerStep.defaultProps = DEFAULT_PROPS$E;
 
-const _excluded$Y = ["children", "id", "className", "isActive"];
+const _excluded$X = ["children", "id", "className", "isActive"];
 
 /**
  * Defines the props of the component.
@@ -10501,7 +10500,7 @@ const ProgressTrackerStepPanel = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isActive: propIsActive
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Y);
+    forwardedProps = _objectWithoutProperties(props, _excluded$X);
   const state = useTabProviderContext('tabPanel', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -10521,7 +10520,7 @@ ProgressTrackerStepPanel.displayName = COMPONENT_NAME$U;
 ProgressTrackerStepPanel.className = CLASSNAME$R;
 ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$F;
 
-const _excluded$Z = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
+const _excluded$Y = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
 
 /**
  * Defines the props of the component.
@@ -10568,7 +10567,7 @@ const RadioButton = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       inputProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Z);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Y);
   const generatedInputId = useId();
   const inputId = id || generatedInputId;
   const handleChange = event => {
@@ -10622,7 +10621,7 @@ RadioButton.displayName = COMPONENT_NAME$V;
 RadioButton.className = CLASSNAME$S;
 RadioButton.defaultProps = DEFAULT_PROPS$G;
 
-const _excluded$_ = ["children", "className"];
+const _excluded$Z = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -10650,7 +10649,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$_);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Z);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -10694,7 +10693,7 @@ const SelectVariant = {
   chip: 'chip'
 };
 
-const _excluded$$ = ["children", "className", "focusElement", "isMultiple", "closeOnClick", "disabled", "error", "hasError", "helper", "id", "isDisabled", "isEmpty", "isOpen", "isRequired", "isValid", "label", "onClear", "onDropdownClose", "onInfiniteScroll", "onInputClick", "placeholder", "theme", "value", "variant"];
+const _excluded$_ = ["children", "className", "focusElement", "isMultiple", "closeOnClick", "disabled", "error", "hasError", "helper", "id", "isDisabled", "isEmpty", "isOpen", "isRequired", "isValid", "label", "onClear", "onDropdownClose", "onInfiniteScroll", "onInputClick", "placeholder", "theme", "value", "variant"];
 
 /** The display name of the component. */
 const COMPONENT_NAME$X = 'Select';
@@ -10734,7 +10733,7 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
       value,
       variant = DEFAULT_PROPS$H.variant
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$$);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$_);
   const generatedSelectId = useId();
   const selectId = id || generatedSelectId;
   const anchorRef = useRef(null);
@@ -10809,7 +10808,7 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
   }, helper));
 };
 
-const _excluded$10 = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
+const _excluded$$ = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
 
 /** The display name of the component. */
 const COMPONENT_NAME$Y = 'Select';
@@ -10849,7 +10848,7 @@ const SelectField = _ref => {
       variant,
       selectElementRef
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$10);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$$);
   return /*#__PURE__*/React.createElement(React.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
     className: `${CLASSNAME$V}__header`
   }, /*#__PURE__*/React.createElement(InputLabel, {
@@ -10929,7 +10928,7 @@ Select.className = CLASSNAME$V;
 Select.defaultProps = DEFAULT_PROPS$I;
 Select.className = CLASSNAME$V;
 
-const _excluded$11 = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
+const _excluded$10 = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
 
 /** Defines the props of the component. */
 
@@ -10980,7 +10979,7 @@ const SelectMultipleField = _ref => {
       variant,
       selectElementRef
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$11);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$10);
   return /*#__PURE__*/React.createElement(React.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
     className: `${CLASSNAME$W}__header`
   }, /*#__PURE__*/React.createElement(InputLabel, {
@@ -11050,7 +11049,7 @@ SelectMultiple.displayName = COMPONENT_NAME$Z;
 SelectMultiple.className = CLASSNAME$W;
 SelectMultiple.defaultProps = DEFAULT_PROPS$J;
 
-const _excluded$12 = ["children", "className", "theme"];
+const _excluded$11 = ["children", "className", "theme"];
 
 /**
  * Defines the props of the component.
@@ -11079,7 +11078,7 @@ const SideNavigation = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$12);
+    forwardedProps = _objectWithoutProperties(props, _excluded$11);
   const content = Children.toArray(children).filter(isComponent(SideNavigationItem));
   return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref
@@ -11092,7 +11091,7 @@ const SideNavigation = /*#__PURE__*/forwardRef((props, ref) => {
 SideNavigation.displayName = COMPONENT_NAME$_;
 SideNavigation.className = CLASSNAME$X;
 
-const _excluded$13 = ["linkAs", "href"];
+const _excluded$12 = ["linkAs", "href"];
 /**
  * Render <button> HTML component, fallbacks to `<a>` when a `href` is provided or a custom component with `linkAs`.
  */
@@ -11101,7 +11100,7 @@ const renderButtonOrLink = function (props) {
       linkAs,
       href
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$13);
+    forwardedProps = _objectWithoutProperties(props, _excluded$12);
   for (var _len = arguments.length, children = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     children[_key - 1] = arguments[_key];
   }
@@ -11111,7 +11110,7 @@ const renderButtonOrLink = function (props) {
   }, forwardedProps), ...children);
 };
 
-const _excluded$14 = ["children", "className", "emphasis", "icon", "isOpen", "isSelected", "label", "linkAs", "linkProps", "onActionClick", "onClick", "toggleButtonProps", "closeMode"];
+const _excluded$13 = ["children", "className", "emphasis", "icon", "isOpen", "isSelected", "label", "linkAs", "linkProps", "onActionClick", "onClick", "toggleButtonProps", "closeMode"];
 
 /**
  * Defines the props of the component.
@@ -11158,7 +11157,7 @@ const SideNavigationItem = /*#__PURE__*/forwardRef((props, ref) => {
       toggleButtonProps,
       closeMode = 'unmount'
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$14);
+    forwardedProps = _objectWithoutProperties(props, _excluded$13);
   const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));
   const hasContent = !isEmpty(content);
   const shouldSplitActions = Boolean(onActionClick);
@@ -11220,7 +11219,7 @@ SideNavigationItem.displayName = COMPONENT_NAME$$;
 SideNavigationItem.className = CLASSNAME$Y;
 SideNavigationItem.defaultProps = DEFAULT_PROPS$K;
 
-const _excluded$15 = ["className", "size", "color", "theme"];
+const _excluded$14 = ["className", "size", "color", "theme"];
 
 /**
  * Defines the props of the component.
@@ -11254,7 +11253,7 @@ const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
       color,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$15);
+    forwardedProps = _objectWithoutProperties(props, _excluded$14);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -11270,7 +11269,7 @@ SkeletonCircle.displayName = COMPONENT_NAME$10;
 SkeletonCircle.defaultProps = DEFAULT_PROPS$L;
 SkeletonCircle.className = CLASSNAME$Z;
 
-const _excluded$16 = ["aspectRatio", "className", "height", "theme", "variant", "width", "color"];
+const _excluded$15 = ["aspectRatio", "className", "height", "theme", "variant", "width", "color"];
 
 /**
  * Skeleton variants.
@@ -11317,7 +11316,7 @@ const SkeletonRectangle = /*#__PURE__*/forwardRef((props, ref) => {
       width,
       color
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$16);
+    forwardedProps = _objectWithoutProperties(props, _excluded$15);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -11338,7 +11337,7 @@ SkeletonRectangle.displayName = COMPONENT_NAME$11;
 SkeletonRectangle.className = CLASSNAME$_;
 SkeletonRectangle.defaultProps = DEFAULT_PROPS$M;
 
-const _excluded$17 = ["className", "theme", "typography", "width", "color"];
+const _excluded$16 = ["className", "theme", "typography", "width", "color"];
 
 /**
  * Defines the props of the component.
@@ -11373,7 +11372,7 @@ const SkeletonTypography = /*#__PURE__*/forwardRef((props, ref) => {
       width,
       color
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$17);
+    forwardedProps = _objectWithoutProperties(props, _excluded$16);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -11428,7 +11427,7 @@ const clamp = (value, min, max) => {
   return value;
 };
 
-const _excluded$18 = ["className", "disabled", "helper", "hideMinMaxLabel", "id", "isDisabled", "label", "max", "min", "name", "onChange", "onMouseDown", "precision", "steps", "theme", "value"];
+const _excluded$17 = ["className", "disabled", "helper", "hideMinMaxLabel", "id", "isDisabled", "label", "max", "min", "name", "onChange", "onMouseDown", "precision", "steps", "theme", "value"];
 
 /**
  * Defines the props of the component.
@@ -11503,7 +11502,7 @@ const Slider = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$18);
+    forwardedProps = _objectWithoutProperties(props, _excluded$17);
   const generatedId = useId();
   const sliderId = id || generatedId;
   const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);
@@ -12012,7 +12011,7 @@ const useSlideFocusManagement = _ref => {
   }, [isSlideDisplayed, slideRef]);
 };
 
-const _excluded$19 = ["className", "children", "role", "label", "isDisplayed"];
+const _excluded$18 = ["className", "children", "role", "label", "isDisplayed"];
 
 /**
  * Defines the props of the component.
@@ -12044,7 +12043,7 @@ const SlideshowItemGroup = /*#__PURE__*/forwardRef((props, ref) => {
       label,
       isDisplayed
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$19);
+    forwardedProps = _objectWithoutProperties(props, _excluded$18);
   const groupRef = React.useRef(null);
   useSlideFocusManagement({
     isSlideDisplayed: isDisplayed,
@@ -12063,7 +12062,7 @@ const SlideshowItemGroup = /*#__PURE__*/forwardRef((props, ref) => {
 SlideshowItemGroup.displayName = COMPONENT_NAME$14;
 SlideshowItemGroup.className = CLASSNAME$11;
 
-const _excluded$1a = ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId", "slideGroupLabel"];
+const _excluded$19 = ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId", "slideGroupLabel"];
 
 /**
  * Defines the props of the component.
@@ -12099,7 +12098,7 @@ const Slideshow = /*#__PURE__*/forwardRef((props, ref) => {
       slidesId,
       slideGroupLabel
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1a);
+    forwardedProps = _objectWithoutProperties(props, _excluded$19);
   // Number of slideshow items.
   const itemsCount = React.Children.count(children);
   const {
@@ -12181,7 +12180,7 @@ const Slideshow = /*#__PURE__*/forwardRef((props, ref) => {
 Slideshow.displayName = 'Slideshow';
 Slideshow.defaultProps = DEFAULT_PROPS$P;
 
-const _excluded$1b = ["className", "children"];
+const _excluded$1a = ["className", "children"];
 
 /**
  * Defines the props of the component.
@@ -12209,7 +12208,7 @@ const SlideshowItem = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       children
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1b);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1a);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classnames(className, handleBasicClasses({
@@ -12277,7 +12276,7 @@ function usePaginationVisibleRange(activeIndex, slideCount) {
   }, [activeIndex, slideCount]);
 }
 
-const _excluded$1c = ["activeIndex", "className", "nextButtonProps", "onNextClick", "onPaginationClick", "onPreviousClick", "parentRef", "previousButtonProps", "paginationProps", "slidesCount", "theme", "isAutoPlaying", "playButtonProps", "paginationItemLabel", "paginationItemProps"],
+const _excluded$1b = ["activeIndex", "className", "nextButtonProps", "onNextClick", "onPaginationClick", "onPreviousClick", "parentRef", "previousButtonProps", "paginationProps", "slidesCount", "theme", "isAutoPlaying", "playButtonProps", "paginationItemLabel", "paginationItemProps"],
   _excluded2$2 = ["className", "label"];
 
 /**
@@ -12327,7 +12326,7 @@ const InternalSlideshowControls = /*#__PURE__*/forwardRef((props, ref) => {
       paginationItemLabel,
       paginationItemProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1c);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1b);
   let parent;
   if (WINDOW) {
     // Checking window object to avoid errors in SSR.
@@ -12429,7 +12428,7 @@ const SlideshowControls = Object.assign(InternalSlideshowControls, {
   useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS$1
 });
 
-const _excluded$1d = ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "toggleAutoPlay", "slidesId", "children", "afterSlides", "hasControls", "slideGroupLabel"];
+const _excluded$1c = ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "toggleAutoPlay", "slidesId", "children", "afterSlides", "hasControls", "slideGroupLabel"];
 /**
  * Component display name.
  */
@@ -12463,7 +12462,7 @@ const Slides = /*#__PURE__*/forwardRef((props, ref) => {
       hasControls,
       slideGroupLabel
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1d);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1c);
   const wrapperRef = React.useRef(null);
   const startIndexVisible = activeIndex;
   const endIndexVisible = startIndexVisible + 1;
@@ -12509,7 +12508,7 @@ const Slides = /*#__PURE__*/forwardRef((props, ref) => {
 Slides.displayName = COMPONENT_NAME$17;
 Slides.className = CLASSNAME$14;
 
-const _excluded$1e = ["checked", "children", "className", "disabled", "helper", "id", "isChecked", "isDisabled", "name", "onChange", "position", "theme", "value", "inputProps"];
+const _excluded$1d = ["checked", "children", "className", "disabled", "helper", "id", "isChecked", "isDisabled", "name", "onChange", "position", "theme", "value", "inputProps"];
 
 /**
  * Defines the props of the component.
@@ -12557,7 +12556,7 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       inputProps = {}
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1e);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1d);
   const generatedInputId = useId();
   const inputId = id || generatedInputId;
   const handleChange = event => {
@@ -12613,7 +12612,7 @@ Switch.displayName = COMPONENT_NAME$18;
 Switch.className = CLASSNAME$15;
 Switch.defaultProps = DEFAULT_PROPS$R;
 
-const _excluded$1f = ["children", "className", "hasBefore", "hasDividers", "theme"];
+const _excluded$1e = ["children", "className", "hasBefore", "hasDividers", "theme"];
 
 /**
  * Defines the props of the component.
@@ -12651,7 +12650,7 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
       hasDividers,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1f);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1e);
   return /*#__PURE__*/React.createElement("table", _extends({
     ref: ref
   }, forwardedProps, {
@@ -12667,7 +12666,7 @@ Table.displayName = COMPONENT_NAME$19;
 Table.className = CLASSNAME$16;
 Table.defaultProps = DEFAULT_PROPS$S;
 
-const _excluded$1g = ["children", "className"];
+const _excluded$1f = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -12695,7 +12694,7 @@ const TableBody = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1g);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1f);
   return /*#__PURE__*/React.createElement("tbody", _extends({
     ref: ref
   }, forwardedProps, {
@@ -12707,7 +12706,7 @@ const TableBody = /*#__PURE__*/forwardRef((props, ref) => {
 TableBody.displayName = COMPONENT_NAME$1a;
 TableBody.className = CLASSNAME$17;
 
-const _excluded$1h = ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"];
+const _excluded$1g = ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"];
 
 /**
  * Table head cell sort order.
@@ -12762,7 +12761,7 @@ const TableCell = /*#__PURE__*/forwardRef((props, ref) => {
       sortOrder,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1h);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1g);
 
   // Use button if clickable
   const Wrapper = onHeaderClick ? 'button' : 'div';
@@ -12815,7 +12814,7 @@ TableCell.displayName = COMPONENT_NAME$1b;
 TableCell.className = CLASSNAME$18;
 TableCell.defaultProps = DEFAULT_PROPS$T;
 
-const _excluded$1i = ["children", "className"];
+const _excluded$1h = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -12848,7 +12847,7 @@ const TableHeader = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1i);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1h);
   return /*#__PURE__*/React.createElement("thead", _extends({
     ref: ref
   }, forwardedProps, {
@@ -12861,7 +12860,7 @@ TableHeader.displayName = COMPONENT_NAME$1c;
 TableHeader.className = CLASSNAME$19;
 TableHeader.defaultProps = DEFAULT_PROPS$U;
 
-const _excluded$1j = ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"];
+const _excluded$1i = ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"];
 
 /**
  * Defines the props of the component.
@@ -12898,7 +12897,7 @@ const TableRow = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled = disabled,
       isSelected
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1j);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1i);
   return /*#__PURE__*/React.createElement("tr", _extends({
     ref: ref,
     tabIndex: isClickable && !isDisabled ? 0 : -1
@@ -12916,7 +12915,7 @@ TableRow.displayName = COMPONENT_NAME$1d;
 TableRow.className = CLASSNAME$1a;
 TableRow.defaultProps = DEFAULT_PROPS$V;
 
-const _excluded$1k = ["children", "onChange"];
+const _excluded$1j = ["children", "onChange"];
 const DEFAULT_PROPS$W = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
@@ -12936,7 +12935,7 @@ const TabProvider = props => {
       children,
       onChange
     } = props,
-    propState = _objectWithoutProperties(props, _excluded$1k);
+    propState = _objectWithoutProperties(props, _excluded$1j);
   const [state, dispatch] = useReducer(reducer, INIT_STATE);
 
   // On prop state change => dispatch update.
@@ -12964,7 +12963,7 @@ const TabProvider = props => {
 };
 TabProvider.defaultProps = DEFAULT_PROPS$W;
 
-const _excluded$1l = ["aria-label", "children", "className", "layout", "position", "theme"];
+const _excluded$1k = ["aria-label", "children", "className", "layout", "position", "theme"];
 let TabListLayout = /*#__PURE__*/function (TabListLayout) {
   TabListLayout["clustered"] = "clustered";
   TabListLayout["fixed"] = "fixed";
@@ -13012,7 +13011,7 @@ const TabList = /*#__PURE__*/forwardRef((props, ref) => {
       position,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1l);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1k);
   const tabListRef = React.useRef(null);
   useRovingTabIndex({
     parentRef: tabListRef,
@@ -13039,7 +13038,7 @@ TabList.displayName = COMPONENT_NAME$1e;
 TabList.className = CLASSNAME$1b;
 TabList.defaultProps = DEFAULT_PROPS$X;
 
-const _excluded$1m = ["className", "disabled", "icon", "iconProps", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+const _excluded$1l = ["className", "disabled", "icon", "iconProps", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
 
 /**
  * Defines the props of the component.
@@ -13083,7 +13082,7 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyPress,
       tabIndex = -1
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1m);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1l);
   const state = useTabProviderContext('tab', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   const changeToCurrentTab = useCallback(() => {
@@ -13132,7 +13131,7 @@ Tab.displayName = COMPONENT_NAME$1f;
 Tab.className = CLASSNAME$1c;
 Tab.defaultProps = DEFAULT_PROPS$Y;
 
-const _excluded$1n = ["children", "id", "className", "isActive"];
+const _excluded$1m = ["children", "id", "className", "isActive"];
 
 /**
  * Defines the props of the component.
@@ -13169,7 +13168,7 @@ const TabPanel = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isActive: propIsActive
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1n);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1m);
   const state = useTabProviderContext('tabPanel', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -13189,7 +13188,7 @@ TabPanel.displayName = COMPONENT_NAME$1g;
 TabPanel.className = CLASSNAME$1d;
 TabPanel.defaultProps = DEFAULT_PROPS$Z;
 
-const _excluded$1o = ["id", "isDisabled", "isRequired", "placeholder", "multiline", "value", "setFocus", "onChange", "onFocus", "onBlur", "inputRef", "rows", "recomputeNumberOfRows", "type", "name", "hasError", "describedById"],
+const _excluded$1n = ["id", "isDisabled", "isRequired", "placeholder", "multiline", "value", "setFocus", "onChange", "onFocus", "onBlur", "inputRef", "rows", "recomputeNumberOfRows", "type", "name", "hasError", "describedById"],
   _excluded2$3 = ["chips", "className", "clearButtonProps", "disabled", "error", "forceFocusStyle", "hasError", "helper", "icon", "id", "inputRef", "isDisabled", "isRequired", "isValid", "label", "labelProps", "maxLength", "minimumRows", "multiline", "name", "onBlur", "onChange", "onClear", "onFocus", "placeholder", "textFieldRef", "theme", "type", "value", "afterElement"];
 
 /**
@@ -13274,7 +13273,7 @@ const renderInputNative = props => {
       hasError,
       describedById
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1o);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1n);
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const ref = useRef(null);
 
@@ -13659,7 +13658,7 @@ const useFocusPointStyle = (_ref2, element, isLoaded) => {
   return style;
 };
 
-const _excluded$1p = ["align", "alt", "aspectRatio", "badge", "className", "crossOrigin", "fallback", "fillHeight", "focusPoint", "image", "imgProps", "imgRef", "isLoading", "objectFit", "loading", "loadingPlaceholderImageRef", "size", "theme", "variant", "linkProps", "linkAs"];
+const _excluded$1o = ["align", "alt", "aspectRatio", "badge", "className", "crossOrigin", "fallback", "fillHeight", "focusPoint", "image", "imgProps", "imgRef", "isLoading", "objectFit", "loading", "loadingPlaceholderImageRef", "size", "theme", "variant", "linkProps", "linkAs"];
 
 /**
  * Defines the props of the component.
@@ -13718,7 +13717,7 @@ const Thumbnail = /*#__PURE__*/forwardRef((props, ref) => {
       linkProps,
       linkAs
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1p);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1o);
   const [imgElement, setImgElement] = useState();
 
   // Image loading state.
@@ -13847,7 +13846,7 @@ const ThumbnailObjectFit = {
   contain: 'contain'
 };
 
-const _excluded$1q = ["after", "before", "className", "label"];
+const _excluded$1p = ["after", "before", "className", "label"];
 
 /**
  * Defines the props of the component.
@@ -13882,7 +13881,7 @@ const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       label
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1q);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1p);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -13920,6 +13919,8 @@ const useInjectTooltipRef = (children, setAnchorElement, isOpen, id, label) => {
   // Only add description when open
   const describedBy = isOpen ? id : undefined;
   return useMemo(() => {
+    if (!label) return children;
+
     // Non-disabled element
     if ( /*#__PURE__*/React.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {
       const ref = mergeRefs(children.ref, setAnchorElement);
@@ -14079,7 +14080,7 @@ function useTooltipOpen(delay, anchorElement) {
   };
 }
 
-const _excluded$1r = ["label", "children", "className", "delay", "placement", "forceOpen"];
+const _excluded$1q = ["label", "children", "className", "delay", "placement", "forceOpen"];
 
 /** Position of the tooltip relative to the anchor element. */
 
@@ -14126,10 +14127,10 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
       placement,
       forceOpen
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1r);
-  // Disable in SSR or without a label.
-  if (!DOCUMENT || !label) {
-    return /*#__PURE__*/React.createElement(TooltipContextProvider, null, children);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1q);
+  // Disable in SSR.
+  if (!DOCUMENT) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
   const id = useId();
   const [popperElement, setPopperElement] = useState(null);
@@ -14151,7 +14152,7 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
     isOpen: isActivated,
     onPopperMount
   } = useTooltipOpen(delay, anchorElement);
-  const isOpen = isActivated || forceOpen;
+  const isOpen = (isActivated || forceOpen) && !!label;
   const wrappedChildren = useInjectTooltipRef(children, setAnchorElement, isOpen, id, label);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TooltipContextProvider, null, wrappedChildren), isOpen && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", _extends({
     ref: mergeRefs(ref, setPopperElement, onPopperMount)
@@ -14176,7 +14177,7 @@ Tooltip.displayName = COMPONENT_NAME$1k;
 Tooltip.className = CLASSNAME$1h;
 Tooltip.defaultProps = DEFAULT_PROPS$11;
 
-const _excluded$1s = ["aspectRatio", "className", "label", "icon", "size", "theme", "variant", "fileInputProps"];
+const _excluded$1r = ["aspectRatio", "className", "label", "icon", "size", "theme", "variant", "fileInputProps"];
 
 /**
  * Uploader variants.
@@ -14237,7 +14238,7 @@ const Uploader = /*#__PURE__*/forwardRef((props, ref) => {
       variant,
       fileInputProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1s);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1r);
   // Adjust to square aspect ratio when using circle variants.
   const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
   const generatedInputId = useId();
@@ -14298,7 +14299,7 @@ Uploader.displayName = COMPONENT_NAME$1l;
 Uploader.className = CLASSNAME$1i;
 Uploader.defaultProps = DEFAULT_PROPS$12;
 
-const _excluded$1t = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
+const _excluded$1s = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
 
 /**
  * User block sizes.
@@ -14352,7 +14353,7 @@ const UserBlock = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1t);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1s);
   let componentSize = size;
 
   // Special case - When using vertical orientation force the size to be Sizes.l.