@lumx/react 3.7.6-alpha.1 → 3.7.6-alpha.3

package/index.js

@@ -8313,6 +8313,8 @@ 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');
 
+const _excluded$A = ["images"];
+
 /** Subset of the ImageLightboxProps managed by the useImageLightbox hook */
 
 const EMPTY_PROPS = {
@@ -8320,7 +8322,6 @@ const EMPTY_PROPS = {
   images: [],
   parentElement: /*#__PURE__*/React.createRef()
 };
-
 /**
  * Set up an ImageLightbox with images and triggers.
  *
@@ -8328,10 +8329,17 @@ 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 images Images to display in the image lightbox
+ * @param initialProps Images to display in the image lightbox
  */
-function useImageLightbox() {
-  let images = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+function useImageLightbox(initialProps) {
+  const {
+      images = []
+    } = initialProps,
+    otherProps = _objectWithoutProperties(initialProps, _excluded$A);
+  const basePropsRef = React.useRef(EMPTY_PROPS);
+  React.useEffect(() => {
+    basePropsRef.current = _objectSpread2(_objectSpread2({}, EMPTY_PROPS), otherProps);
+  }, [otherProps]);
   const imagesPropsRef = React.useRef(images);
   React.useEffect(() => {
     imagesPropsRef.current = images.map(props => _objectSpread2({
@@ -8339,7 +8347,7 @@ function useImageLightbox() {
     }, props));
   }, [images]);
   const currentImageRef = React.useRef(null);
-  const [imageLightboxProps, setImageLightboxProps] = React.useState(EMPTY_PROPS);
+  const [imageLightboxProps, setImageLightboxProps] = React.useState(basePropsRef.current);
   const getTriggerProps = React.useMemo(() => {
     const triggerImageRefs = {};
     async function closeLightbox() {
@@ -8360,7 +8368,7 @@ function useImageLightbox() {
             let {
               parentElement
             } = _ref2;
-            return _objectSpread2(_objectSpread2({}, EMPTY_PROPS), {}, {
+            return _objectSpread2(_objectSpread2({}, basePropsRef.current), {}, {
               parentElement
             });
           });
@@ -8368,21 +8376,23 @@ function useImageLightbox() {
         // Morph from the image in lightbox to the image in trigger
         viewTransitionName: {
           source: currentImageRef,
-          //source: imageIsVisible ? currentImageRef : null,
           target: triggerImageRefs[currentIndex],
           name: CLASSNAME$v
         }
       });
     }
-    async function openLightbox(triggerElement, index) {
+    async function openLightbox(triggerElement) {
       var _triggerImageRefs;
+      let {
+        activeImageIndex
+      } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       // If we find an image inside the trigger, animate it in transition with the opening image
-      const triggerImage = ((_triggerImageRefs = triggerImageRefs[index]) === null || _triggerImageRefs === void 0 ? void 0 : _triggerImageRefs.current) || findImage(triggerElement);
+      const triggerImage = ((_triggerImageRefs = triggerImageRefs[activeImageIndex]) === null || _triggerImageRefs === void 0 ? void 0 : _triggerImageRefs.current) || findImage(triggerElement);
 
       // Inject the trigger image size as a fallback for better loading state
       const imagesWithFallbackSize = imagesPropsRef.current.map((image, idx) => {
         var _image$imgProps, _image$imgProps2;
-        if (triggerImage && idx === index && !((_image$imgProps = image.imgProps) !== null && _image$imgProps !== void 0 && _image$imgProps.width) && !((_image$imgProps2 = image.imgProps) !== null && _image$imgProps2 !== void 0 && _image$imgProps2.height)) {
+        if (triggerImage && idx === activeImageIndex && !((_image$imgProps = image.imgProps) !== null && _image$imgProps !== void 0 && _image$imgProps.width) && !((_image$imgProps2 = image.imgProps) !== null && _image$imgProps2 !== void 0 && _image$imgProps2.height)) {
           const imgProps = _objectSpread2(_objectSpread2({}, image.imgProps), {}, {
             height: triggerImage.naturalHeight,
             width: triggerImage.naturalWidth
@@ -8396,7 +8406,7 @@ function useImageLightbox() {
       await startViewTransition({
         changes: () => {
           // Open lightbox with setup props
-          setImageLightboxProps({
+          setImageLightboxProps(_objectSpread2(_objectSpread2({}, basePropsRef.current), {}, {
             activeImageRef: currentImageRef,
             parentElement: {
               current: triggerElement
@@ -8404,8 +8414,8 @@ function useImageLightbox() {
             isOpen: true,
             onClose: closeLightbox,
             images: imagesWithFallbackSize,
-            activeImageIndex: index || 0
-          });
+            activeImageIndex: activeImageIndex || 0
+          }));
         },
         // Morph from the image in trigger to the image in lightbox
         viewTransitionName: {
@@ -8415,15 +8425,15 @@ function useImageLightbox() {
         }
       });
     }
-    return memoize(index => ({
+    return memoize(options => ({
       ref(element) {
         const triggerImage = findImage(element);
-        if (index !== undefined && triggerImage) triggerImageRefs[index] = {
+        if ((options === null || options === void 0 ? void 0 : options.activeImageIndex) !== undefined && triggerImage) triggerImageRefs[options.activeImageIndex] = {
           current: triggerImage
         };
       },
       onClick(e) {
-        openLightbox(e.target, index);
+        openLightbox(e.target, options);
       }
     }));
   }, []);
@@ -8433,7 +8443,7 @@ function useImageLightbox() {
   };
 }
 
-const _excluded$A = ["className", "isOpen", "closeButtonProps", "onClose", "parentElement", "activeImageIndex", "slideshowControlsProps", "slideGroupLabel", "images", "zoomOutButtonProps", "zoomInButtonProps", "activeImageRef"];
+const _excluded$B = ["className", "isOpen", "closeButtonProps", "onClose", "parentElement", "activeImageIndex", "slideshowControlsProps", "slideGroupLabel", "images", "zoomOutButtonProps", "zoomInButtonProps", "activeImageRef"];
 const Inner = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className,
@@ -8449,7 +8459,7 @@ const Inner = /*#__PURE__*/forwardRef((props, ref) => {
       zoomInButtonProps,
       activeImageRef: propImageRef
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$A);
+    forwardedProps = _objectWithoutProperties(props, _excluded$B);
   const currentPaginationItemRef = React.useRef(null);
   const footerRef = React.useRef(null);
   const imageRef = React.useRef(null);
@@ -8491,7 +8501,7 @@ const ImageLightbox = Object.assign(Inner, {
   useImageLightbox
 });
 
-const _excluded$B = ["className", "color", "colorVariant", "typography", "children", "wrap"];
+const _excluded$C = ["className", "color", "colorVariant", "typography", "children", "wrap"];
 
 /**
  * Defines the props of the component.
@@ -8528,7 +8538,7 @@ const InlineList = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       wrap
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$B);
+    forwardedProps = _objectWithoutProperties(props, _excluded$C);
   const fontColorClassName = color && getFontColorClassName(color, colorVariant);
   const typographyClassName = typography && getTypographyClassName(typography);
   return (
@@ -8574,7 +8584,7 @@ const INPUT_HELPER_CONFIGURATION = {
   }
 };
 
-const _excluded$C = ["children", "className", "kind", "theme"];
+const _excluded$D = ["children", "className", "kind", "theme"];
 
 /**
  * Defines the props of the component.
@@ -8612,7 +8622,7 @@ const InputHelper = /*#__PURE__*/forwardRef((props, ref) => {
       kind,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$C);
+    forwardedProps = _objectWithoutProperties(props, _excluded$D);
   const {
     color
   } = INPUT_HELPER_CONFIGURATION[kind] || {};
@@ -8630,7 +8640,7 @@ InputHelper.displayName = COMPONENT_NAME$A;
 InputHelper.className = CLASSNAME$x;
 InputHelper.defaultProps = DEFAULT_PROPS$s;
 
-const _excluded$D = ["children", "className", "htmlFor", "isRequired", "theme"];
+const _excluded$E = ["children", "className", "htmlFor", "isRequired", "theme"];
 
 /**
  * Defines the props of the component.
@@ -8668,7 +8678,7 @@ const InputLabel = /*#__PURE__*/forwardRef((props, ref) => {
       isRequired,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$D);
+    forwardedProps = _objectWithoutProperties(props, _excluded$E);
   return /*#__PURE__*/React.createElement("label", _extends({
     ref: ref
   }, forwardedProps, {
@@ -8684,7 +8694,7 @@ InputLabel.displayName = COMPONENT_NAME$B;
 InputLabel.className = CLASSNAME$y;
 InputLabel.defaultProps = DEFAULT_PROPS$t;
 
-const _excluded$E = ["aria-labelledby", "ariaLabelledBy", "aria-label", "ariaLabel", "children", "className", "closeButtonProps", "isOpen", "onClose", "parentElement", "focusElement", "preventAutoClose", "theme", "zIndex"];
+const _excluded$F = ["aria-labelledby", "ariaLabelledBy", "aria-label", "ariaLabel", "children", "className", "closeButtonProps", "isOpen", "onClose", "parentElement", "focusElement", "preventAutoClose", "theme", "zIndex"];
 
 /**
  * Defines the props of the component.
@@ -8724,7 +8734,7 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       zIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$E);
+    forwardedProps = _objectWithoutProperties(props, _excluded$F);
   if (!DOCUMENT) {
     // Can't render in SSR.
     return null;
@@ -8815,7 +8825,7 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
 Lightbox.displayName = COMPONENT_NAME$C;
 Lightbox.className = CLASSNAME$z;
 
-const _excluded$F = ["children", "className", "color", "colorVariant", "disabled", "isDisabled", "href", "leftIcon", "linkAs", "rightIcon", "target", "typography"];
+const _excluded$G = ["children", "className", "color", "colorVariant", "disabled", "isDisabled", "href", "leftIcon", "linkAs", "rightIcon", "target", "typography"];
 
 /**
  * Defines the props of the component.
@@ -8878,7 +8888,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       target,
       typography
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$F);
+    forwardedProps = _objectWithoutProperties(props, _excluded$G);
   const renderedChildren = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && !isEmpty(leftIcon) && /*#__PURE__*/React.createElement(Icon, {
     icon: leftIcon,
     className: `${CLASSNAME$A}__left-icon`,
@@ -8926,7 +8936,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
 Link.displayName = COMPONENT_NAME$D;
 Link.className = CLASSNAME$A;
 
-const _excluded$G = ["className", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading"];
+const _excluded$H = ["className", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading"];
 
 /**
  * Defines the props of the component.
@@ -8971,7 +8981,7 @@ const LinkPreview = /*#__PURE__*/forwardRef((props, ref) => {
       title,
       titleHeading
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$G);
+    forwardedProps = _objectWithoutProperties(props, _excluded$H);
   // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
   const TitleHeading = titleHeading;
   return /*#__PURE__*/React.createElement("article", _extends({
@@ -9026,7 +9036,7 @@ LinkPreview.displayName = COMPONENT_NAME$E;
 LinkPreview.className = CLASSNAME$B;
 LinkPreview.defaultProps = DEFAULT_PROPS$u;
 
-const _excluded$H = ["className"];
+const _excluded$I = ["className"];
 
 /**
  * Defines the props of the component.
@@ -9053,7 +9063,7 @@ const ListDivider = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$H);
+    forwardedProps = _objectWithoutProperties(props, _excluded$I);
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9065,7 +9075,7 @@ const ListDivider = /*#__PURE__*/forwardRef((props, ref) => {
 ListDivider.displayName = COMPONENT_NAME$F;
 ListDivider.className = CLASSNAME$C;
 
-const _excluded$I = ["children", "className"];
+const _excluded$J = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -9093,7 +9103,7 @@ const ListSubheader = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$I);
+    forwardedProps = _objectWithoutProperties(props, _excluded$J);
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9105,7 +9115,7 @@ const ListSubheader = /*#__PURE__*/forwardRef((props, ref) => {
 ListSubheader.displayName = COMPONENT_NAME$G;
 ListSubheader.className = CLASSNAME$D;
 
-const _excluded$J = ["children", "className", "hasBackground", "kind", "icon", "closeButtonProps"];
+const _excluded$K = ["children", "className", "hasBackground", "kind", "icon", "closeButtonProps"];
 
 /**
  * Defines the props of the component.
@@ -9159,7 +9169,7 @@ const Message = /*#__PURE__*/forwardRef((props, ref) => {
       icon: customIcon,
       closeButtonProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$J);
+    forwardedProps = _objectWithoutProperties(props, _excluded$K);
   const {
     color,
     icon
@@ -9194,7 +9204,7 @@ const Message = /*#__PURE__*/forwardRef((props, ref) => {
 Message.displayName = COMPONENT_NAME$H;
 Message.className = CLASSNAME$E;
 
-const _excluded$K = ["className", "theme", "thumbnails", "onImageClick"],
+const _excluded$L = ["className", "theme", "thumbnails", "onImageClick"],
   _excluded2$1 = ["image", "onClick", "align"];
 
 /**
@@ -9232,7 +9242,7 @@ const Mosaic = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnails,
       onImageClick
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$K);
+    forwardedProps = _objectWithoutProperties(props, _excluded$L);
   const handleImageClick = useMemo(() => {
     if (!onImageClick) return undefined;
     return (index, onClick) => event => {
@@ -9287,7 +9297,7 @@ function forwardRefPolymorphic(render) {
   return /*#__PURE__*/React.forwardRef(render);
 }
 
-const _excluded$L = ["className", "icon", "label", "isCurrentPage", "as"];
+const _excluded$M = ["className", "icon", "label", "isCurrentPage", "as"];
 
 /** Make `href` required when `as` is `a` */
 
@@ -9312,7 +9322,7 @@ const NavigationItem = Object.assign(forwardRefPolymorphic((props, ref) => {
       isCurrentPage,
       as: Element = 'a'
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$L);
+    forwardedProps = _objectWithoutProperties(props, _excluded$M);
   const theme = useContext(ThemeContext);
   const {
     tooltipLabel,
@@ -9356,7 +9366,7 @@ const NavigationContext = /*#__PURE__*/createContext({
   orientation: Orientation.vertical
 });
 
-const _excluded$M = ["children", "className", "label", "icon"];
+const _excluded$N = ["children", "className", "label", "icon"];
 /**
  * Component display name.
  */
@@ -9373,7 +9383,7 @@ const NavigationSection = Object.assign( /*#__PURE__*/forwardRef((props, ref) =>
       label,
       icon
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$M);
+    forwardedProps = _objectWithoutProperties(props, _excluded$N);
   const [isOpen, setIsOpen] = useState(false);
   const buttonRef = useRef(null);
   const sectionId = useMemo(() => uniqueId('section'), []);
@@ -9438,7 +9448,7 @@ const NavigationSection = Object.assign( /*#__PURE__*/forwardRef((props, ref) =>
   className: CLASSNAME$H
 });
 
-const _excluded$N = ["children", "className", "theme", "orientation"];
+const _excluded$O = ["children", "className", "theme", "orientation"];
 /**
  * Component display name.
  */
@@ -9458,7 +9468,7 @@ forwardRef((props, ref) => {
       theme,
       orientation
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$N);
+    forwardedProps = _objectWithoutProperties(props, _excluded$O);
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: theme
   }, /*#__PURE__*/React.createElement("nav", _extends({
@@ -9509,7 +9519,7 @@ const NOTIFICATION_CONFIGURATION = {
   }
 };
 
-const _excluded$O = ["actionLabel", "className", "content", "isOpen", "onActionClick", "onClick", "theme", "type", "zIndex", "usePortal", "style"];
+const _excluded$P = ["actionLabel", "className", "content", "isOpen", "onActionClick", "onClick", "theme", "type", "zIndex", "usePortal", "style"];
 
 /**
  * Defines the props of the component.
@@ -9556,7 +9566,7 @@ const Notification = /*#__PURE__*/forwardRef((props, ref) => {
       usePortal,
       style
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$O);
+    forwardedProps = _objectWithoutProperties(props, _excluded$P);
   if (!DOCUMENT) {
     // Can't render in SSR.
     return null;
@@ -9614,7 +9624,7 @@ Notification.displayName = COMPONENT_NAME$M;
 Notification.className = CLASSNAME$J;
 Notification.defaultProps = DEFAULT_PROPS$w;
 
-const _excluded$P = ["children", "isOpen", "focusElement", "aria-label", "label", "className"];
+const _excluded$Q = ["children", "isOpen", "focusElement", "aria-label", "label", "className"];
 
 /**
  * PopoverDialog props.
@@ -9652,7 +9662,7 @@ const PopoverDialog = /*#__PURE__*/forwardRef((props, ref) => {
       label = ariaLabel,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$P);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Q);
   return /*#__PURE__*/React.createElement(Popover, _extends({}, forwardedProps, {
     ref: ref,
     className: classnames(className, handleBasicClasses({
@@ -9676,7 +9686,7 @@ PopoverDialog.displayName = COMPONENT_NAME$N;
 PopoverDialog.className = CLASSNAME$K;
 PopoverDialog.defaultProps = DEFAULT_PROPS$x;
 
-const _excluded$Q = ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"];
+const _excluded$R = ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"];
 
 /**
  * Defines the props of the component.
@@ -9722,7 +9732,7 @@ const PostBlock = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnailProps,
       title
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Q);
+    forwardedProps = _objectWithoutProperties(props, _excluded$R);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classnames(className, handleBasicClasses({
@@ -9767,7 +9777,7 @@ PostBlock.displayName = COMPONENT_NAME$O;
 PostBlock.className = CLASSNAME$L;
 PostBlock.defaultProps = DEFAULT_PROPS$y;
 
-const _excluded$R = ["className", "theme"];
+const _excluded$S = ["className", "theme"];
 /**
  * Component display name.
  */
@@ -9797,7 +9807,7 @@ const ProgressLinear = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$R);
+    forwardedProps = _objectWithoutProperties(props, _excluded$S);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9815,7 +9825,7 @@ ProgressLinear.displayName = COMPONENT_NAME$P;
 ProgressLinear.className = CLASSNAME$M;
 ProgressLinear.defaultProps = DEFAULT_PROPS$z;
 
-const _excluded$S = ["className", "theme", "size"];
+const _excluded$T = ["className", "theme", "size"];
 
 /**
  * Progress sizes.
@@ -9856,7 +9866,7 @@ const ProgressCircular = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$S);
+    forwardedProps = _objectWithoutProperties(props, _excluded$T);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -9885,7 +9895,7 @@ ProgressCircular.displayName = COMPONENT_NAME$Q;
 ProgressCircular.className = CLASSNAME$N;
 ProgressCircular.defaultProps = DEFAULT_PROPS$A;
 
-const _excluded$T = ["className", "theme", "variant"];
+const _excluded$U = ["className", "theme", "variant"];
 
 /**
  * Progress variants.
@@ -9931,7 +9941,7 @@ const Progress = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$T);
+    forwardedProps = _objectWithoutProperties(props, _excluded$U);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -10069,7 +10079,7 @@ const useTabProviderContextState = () => {
   return context === null || context === void 0 ? void 0 : context[0];
 };
 
-const _excluded$U = ["children", "onChange"];
+const _excluded$V = ["children", "onChange"];
 const DEFAULT_PROPS$C = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
@@ -10091,7 +10101,7 @@ const ProgressTrackerProvider = props => {
       children,
       onChange
     } = props,
-    propState = _objectWithoutProperties(props, _excluded$U);
+    propState = _objectWithoutProperties(props, _excluded$V);
   const [state, dispatch] = useReducer(reducer, INIT_STATE);
 
   // On prop state change => dispatch update.
@@ -10195,7 +10205,7 @@ const useRovingTabIndex = _ref => {
   [parentRef, ...extraDependencies]);
 };
 
-const _excluded$V = ["aria-label", "children", "className"];
+const _excluded$W = ["aria-label", "children", "className"];
 
 /**
  * Defines the props of the component.
@@ -10232,7 +10242,7 @@ const ProgressTracker = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$V);
+    forwardedProps = _objectWithoutProperties(props, _excluded$W);
   const stepListRef = React.useRef(null);
   useRovingTabIndex({
     parentRef: stepListRef,
@@ -10273,7 +10283,7 @@ ProgressTracker.displayName = COMPONENT_NAME$S;
 ProgressTracker.className = CLASSNAME$P;
 ProgressTracker.defaultProps = DEFAULT_PROPS$D;
 
-const _excluded$W = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+const _excluded$X = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
 
 /**
  * Defines the props of the component.
@@ -10318,7 +10328,7 @@ const ProgressTrackerStep = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyPress,
       tabIndex = -1
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$W);
+    forwardedProps = _objectWithoutProperties(props, _excluded$X);
   const state = useTabProviderContext('tab', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   const changeToCurrentTab = useCallback(() => {
@@ -10385,7 +10395,7 @@ ProgressTrackerStep.displayName = COMPONENT_NAME$T;
 ProgressTrackerStep.className = CLASSNAME$Q;
 ProgressTrackerStep.defaultProps = DEFAULT_PROPS$E;
 
-const _excluded$X = ["children", "id", "className", "isActive"];
+const _excluded$Y = ["children", "id", "className", "isActive"];
 
 /**
  * Defines the props of the component.
@@ -10422,7 +10432,7 @@ const ProgressTrackerStepPanel = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isActive: propIsActive
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$X);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Y);
   const state = useTabProviderContext('tabPanel', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -10442,7 +10452,7 @@ ProgressTrackerStepPanel.displayName = COMPONENT_NAME$U;
 ProgressTrackerStepPanel.className = CLASSNAME$R;
 ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$F;
 
-const _excluded$Y = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
+const _excluded$Z = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
 
 /**
  * Defines the props of the component.
@@ -10489,7 +10499,7 @@ const RadioButton = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       inputProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Y);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Z);
   const inputId = useMemo(() => id || `${CLASSNAME$S.toLowerCase()}-${uid()}`, [id]);
   const handleChange = event => {
     if (onChange) {
@@ -10542,7 +10552,7 @@ RadioButton.displayName = COMPONENT_NAME$V;
 RadioButton.className = CLASSNAME$S;
 RadioButton.defaultProps = DEFAULT_PROPS$G;
 
-const _excluded$Z = ["children", "className"];
+const _excluded$_ = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -10570,7 +10580,7 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Z);
+    forwardedProps = _objectWithoutProperties(props, _excluded$_);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -10614,7 +10624,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';
@@ -10654,7 +10664,7 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
       value,
       variant = DEFAULT_PROPS$H.variant
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$_);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$$);
   const selectId = useMemo(() => id || `select-${uid()}`, [id]);
   const anchorRef = useRef(null);
   const selectRef = useRef(null);
@@ -10728,7 +10738,7 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
   }, helper));
 };
 
-const _excluded$$ = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
+const _excluded$10 = ["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';
@@ -10768,7 +10778,7 @@ const SelectField = _ref => {
       variant,
       selectElementRef
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$$);
+    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$V}__header`
   }, /*#__PURE__*/React.createElement(InputLabel, {
@@ -10848,7 +10858,7 @@ Select.className = CLASSNAME$V;
 Select.defaultProps = DEFAULT_PROPS$I;
 Select.className = CLASSNAME$V;
 
-const _excluded$10 = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
+const _excluded$11 = ["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. */
 
@@ -10899,7 +10909,7 @@ const SelectMultipleField = _ref => {
       variant,
       selectElementRef
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$10);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$11);
   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, {
@@ -10969,7 +10979,7 @@ SelectMultiple.displayName = COMPONENT_NAME$Z;
 SelectMultiple.className = CLASSNAME$W;
 SelectMultiple.defaultProps = DEFAULT_PROPS$J;
 
-const _excluded$11 = ["children", "className", "theme"];
+const _excluded$12 = ["children", "className", "theme"];
 
 /**
  * Defines the props of the component.
@@ -10998,7 +11008,7 @@ const SideNavigation = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$11);
+    forwardedProps = _objectWithoutProperties(props, _excluded$12);
   const content = Children.toArray(children).filter(isComponent(SideNavigationItem));
   return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref
@@ -11011,7 +11021,7 @@ const SideNavigation = /*#__PURE__*/forwardRef((props, ref) => {
 SideNavigation.displayName = COMPONENT_NAME$_;
 SideNavigation.className = CLASSNAME$X;
 
-const _excluded$12 = ["linkAs", "href"];
+const _excluded$13 = ["linkAs", "href"];
 /**
  * Render <button> HTML component, fallbacks to `<a>` when a `href` is provided or a custom component with `linkAs`.
  */
@@ -11020,7 +11030,7 @@ const renderButtonOrLink = function (props) {
       linkAs,
       href
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$12);
+    forwardedProps = _objectWithoutProperties(props, _excluded$13);
   for (var _len = arguments.length, children = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     children[_key - 1] = arguments[_key];
   }
@@ -11030,7 +11040,7 @@ const renderButtonOrLink = function (props) {
   }, forwardedProps), ...children);
 };
 
-const _excluded$13 = ["children", "className", "emphasis", "icon", "isOpen", "isSelected", "label", "linkAs", "linkProps", "onActionClick", "onClick", "toggleButtonProps", "closeMode"];
+const _excluded$14 = ["children", "className", "emphasis", "icon", "isOpen", "isSelected", "label", "linkAs", "linkProps", "onActionClick", "onClick", "toggleButtonProps", "closeMode"];
 
 /**
  * Defines the props of the component.
@@ -11077,7 +11087,7 @@ const SideNavigationItem = /*#__PURE__*/forwardRef((props, ref) => {
       toggleButtonProps,
       closeMode = 'unmount'
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$13);
+    forwardedProps = _objectWithoutProperties(props, _excluded$14);
   const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));
   const hasContent = !isEmpty(content);
   const shouldSplitActions = Boolean(onActionClick);
@@ -11139,7 +11149,7 @@ SideNavigationItem.displayName = COMPONENT_NAME$$;
 SideNavigationItem.className = CLASSNAME$Y;
 SideNavigationItem.defaultProps = DEFAULT_PROPS$K;
 
-const _excluded$14 = ["className", "size", "color", "theme"];
+const _excluded$15 = ["className", "size", "color", "theme"];
 
 /**
  * Defines the props of the component.
@@ -11173,7 +11183,7 @@ const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
       color,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$14);
+    forwardedProps = _objectWithoutProperties(props, _excluded$15);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -11189,7 +11199,7 @@ SkeletonCircle.displayName = COMPONENT_NAME$10;
 SkeletonCircle.defaultProps = DEFAULT_PROPS$L;
 SkeletonCircle.className = CLASSNAME$Z;
 
-const _excluded$15 = ["aspectRatio", "className", "height", "theme", "variant", "width", "color"];
+const _excluded$16 = ["aspectRatio", "className", "height", "theme", "variant", "width", "color"];
 
 /**
  * Skeleton variants.
@@ -11236,7 +11246,7 @@ const SkeletonRectangle = /*#__PURE__*/forwardRef((props, ref) => {
       width,
       color
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$15);
+    forwardedProps = _objectWithoutProperties(props, _excluded$16);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -11257,7 +11267,7 @@ SkeletonRectangle.displayName = COMPONENT_NAME$11;
 SkeletonRectangle.className = CLASSNAME$_;
 SkeletonRectangle.defaultProps = DEFAULT_PROPS$M;
 
-const _excluded$16 = ["className", "theme", "typography", "width", "color"];
+const _excluded$17 = ["className", "theme", "typography", "width", "color"];
 
 /**
  * Defines the props of the component.
@@ -11292,7 +11302,7 @@ const SkeletonTypography = /*#__PURE__*/forwardRef((props, ref) => {
       width,
       color
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$16);
+    forwardedProps = _objectWithoutProperties(props, _excluded$17);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -11347,7 +11357,7 @@ const clamp = (value, min, max) => {
   return value;
 };
 
-const _excluded$17 = ["className", "disabled", "helper", "hideMinMaxLabel", "id", "isDisabled", "label", "max", "min", "name", "onChange", "onMouseDown", "precision", "steps", "theme", "value"];
+const _excluded$18 = ["className", "disabled", "helper", "hideMinMaxLabel", "id", "isDisabled", "label", "max", "min", "name", "onChange", "onMouseDown", "precision", "steps", "theme", "value"];
 
 /**
  * Defines the props of the component.
@@ -11422,7 +11432,7 @@ const Slider = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$17);
+    forwardedProps = _objectWithoutProperties(props, _excluded$18);
   const sliderId = useMemo(() => id || `slider-${uid()}`, [id]);
   const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);
   const sliderRef = useRef(null);
@@ -11928,7 +11938,7 @@ const useSlideFocusManagement = _ref => {
   }, [isSlideDisplayed, slideRef]);
 };
 
-const _excluded$18 = ["className", "children", "role", "label", "isDisplayed"];
+const _excluded$19 = ["className", "children", "role", "label", "isDisplayed"];
 
 /**
  * Defines the props of the component.
@@ -11960,7 +11970,7 @@ const SlideshowItemGroup = /*#__PURE__*/forwardRef((props, ref) => {
       label,
       isDisplayed
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$18);
+    forwardedProps = _objectWithoutProperties(props, _excluded$19);
   const groupRef = React.useRef(null);
   useSlideFocusManagement({
     isSlideDisplayed: isDisplayed,
@@ -11979,7 +11989,7 @@ const SlideshowItemGroup = /*#__PURE__*/forwardRef((props, ref) => {
 SlideshowItemGroup.displayName = COMPONENT_NAME$14;
 SlideshowItemGroup.className = CLASSNAME$11;
 
-const _excluded$19 = ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId", "slideGroupLabel"];
+const _excluded$1a = ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId", "slideGroupLabel"];
 
 /**
  * Defines the props of the component.
@@ -12015,7 +12025,7 @@ const Slideshow = /*#__PURE__*/forwardRef((props, ref) => {
       slidesId,
       slideGroupLabel
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$19);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1a);
   // Number of slideshow items.
   const itemsCount = React.Children.count(children);
   const {
@@ -12097,7 +12107,7 @@ const Slideshow = /*#__PURE__*/forwardRef((props, ref) => {
 Slideshow.displayName = 'Slideshow';
 Slideshow.defaultProps = DEFAULT_PROPS$P;
 
-const _excluded$1a = ["className", "children"];
+const _excluded$1b = ["className", "children"];
 
 /**
  * Defines the props of the component.
@@ -12125,7 +12135,7 @@ const SlideshowItem = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       children
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1a);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1b);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classnames(className, handleBasicClasses({
@@ -12193,7 +12203,7 @@ function usePaginationVisibleRange(activeIndex, slideCount) {
   }, [activeIndex, slideCount]);
 }
 
-const _excluded$1b = ["activeIndex", "className", "nextButtonProps", "onNextClick", "onPaginationClick", "onPreviousClick", "parentRef", "previousButtonProps", "paginationProps", "slidesCount", "theme", "isAutoPlaying", "playButtonProps", "paginationItemLabel", "paginationItemProps"],
+const _excluded$1c = ["activeIndex", "className", "nextButtonProps", "onNextClick", "onPaginationClick", "onPreviousClick", "parentRef", "previousButtonProps", "paginationProps", "slidesCount", "theme", "isAutoPlaying", "playButtonProps", "paginationItemLabel", "paginationItemProps"],
   _excluded2$2 = ["className", "label"];
 
 /**
@@ -12243,7 +12253,7 @@ const InternalSlideshowControls = /*#__PURE__*/forwardRef((props, ref) => {
       paginationItemLabel,
       paginationItemProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1b);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1c);
   let parent;
   if (WINDOW) {
     // Checking window object to avoid errors in SSR.
@@ -12345,7 +12355,7 @@ const SlideshowControls = Object.assign(InternalSlideshowControls, {
   useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS$1
 });
 
-const _excluded$1c = ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "toggleAutoPlay", "slidesId", "children", "afterSlides", "hasControls", "slideGroupLabel"];
+const _excluded$1d = ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "toggleAutoPlay", "slidesId", "children", "afterSlides", "hasControls", "slideGroupLabel"];
 /**
  * Component display name.
  */
@@ -12379,7 +12389,7 @@ const Slides = /*#__PURE__*/forwardRef((props, ref) => {
       hasControls,
       slideGroupLabel
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1c);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1d);
   const wrapperRef = React.useRef(null);
   const startIndexVisible = activeIndex;
   const endIndexVisible = startIndexVisible + 1;
@@ -12425,7 +12435,7 @@ const Slides = /*#__PURE__*/forwardRef((props, ref) => {
 Slides.displayName = COMPONENT_NAME$17;
 Slides.className = CLASSNAME$14;
 
-const _excluded$1d = ["checked", "children", "className", "disabled", "helper", "id", "isChecked", "isDisabled", "name", "onChange", "position", "theme", "value", "inputProps"];
+const _excluded$1e = ["checked", "children", "className", "disabled", "helper", "id", "isChecked", "isDisabled", "name", "onChange", "position", "theme", "value", "inputProps"];
 
 /**
  * Defines the props of the component.
@@ -12473,7 +12483,7 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       inputProps = {}
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1d);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1e);
   const inputId = useMemo(() => id || `switch-${uid()}`, [id]);
   const handleChange = event => {
     if (onChange) {
@@ -12528,7 +12538,7 @@ Switch.displayName = COMPONENT_NAME$18;
 Switch.className = CLASSNAME$15;
 Switch.defaultProps = DEFAULT_PROPS$R;
 
-const _excluded$1e = ["children", "className", "hasBefore", "hasDividers", "theme"];
+const _excluded$1f = ["children", "className", "hasBefore", "hasDividers", "theme"];
 
 /**
  * Defines the props of the component.
@@ -12566,7 +12576,7 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
       hasDividers,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1e);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1f);
   return /*#__PURE__*/React.createElement("table", _extends({
     ref: ref
   }, forwardedProps, {
@@ -12582,7 +12592,7 @@ Table.displayName = COMPONENT_NAME$19;
 Table.className = CLASSNAME$16;
 Table.defaultProps = DEFAULT_PROPS$S;
 
-const _excluded$1f = ["children", "className"];
+const _excluded$1g = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -12610,7 +12620,7 @@ const TableBody = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1f);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1g);
   return /*#__PURE__*/React.createElement("tbody", _extends({
     ref: ref
   }, forwardedProps, {
@@ -12622,7 +12632,7 @@ const TableBody = /*#__PURE__*/forwardRef((props, ref) => {
 TableBody.displayName = COMPONENT_NAME$1a;
 TableBody.className = CLASSNAME$17;
 
-const _excluded$1g = ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"];
+const _excluded$1h = ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"];
 
 /**
  * Table head cell sort order.
@@ -12677,7 +12687,7 @@ const TableCell = /*#__PURE__*/forwardRef((props, ref) => {
       sortOrder,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1g);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1h);
 
   // Use button if clickable
   const Wrapper = onHeaderClick ? 'button' : 'div';
@@ -12730,7 +12740,7 @@ TableCell.displayName = COMPONENT_NAME$1b;
 TableCell.className = CLASSNAME$18;
 TableCell.defaultProps = DEFAULT_PROPS$T;
 
-const _excluded$1h = ["children", "className"];
+const _excluded$1i = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -12763,7 +12773,7 @@ const TableHeader = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1h);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1i);
   return /*#__PURE__*/React.createElement("thead", _extends({
     ref: ref
   }, forwardedProps, {
@@ -12776,7 +12786,7 @@ TableHeader.displayName = COMPONENT_NAME$1c;
 TableHeader.className = CLASSNAME$19;
 TableHeader.defaultProps = DEFAULT_PROPS$U;
 
-const _excluded$1i = ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"];
+const _excluded$1j = ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"];
 
 /**
  * Defines the props of the component.
@@ -12813,7 +12823,7 @@ const TableRow = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled = disabled,
       isSelected
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1i);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1j);
   return /*#__PURE__*/React.createElement("tr", _extends({
     ref: ref,
     tabIndex: isClickable && !isDisabled ? 0 : -1
@@ -12831,7 +12841,7 @@ TableRow.displayName = COMPONENT_NAME$1d;
 TableRow.className = CLASSNAME$1a;
 TableRow.defaultProps = DEFAULT_PROPS$V;
 
-const _excluded$1j = ["children", "onChange"];
+const _excluded$1k = ["children", "onChange"];
 const DEFAULT_PROPS$W = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
@@ -12851,7 +12861,7 @@ const TabProvider = props => {
       children,
       onChange
     } = props,
-    propState = _objectWithoutProperties(props, _excluded$1j);
+    propState = _objectWithoutProperties(props, _excluded$1k);
   const [state, dispatch] = useReducer(reducer, INIT_STATE);
 
   // On prop state change => dispatch update.
@@ -12879,7 +12889,7 @@ const TabProvider = props => {
 };
 TabProvider.defaultProps = DEFAULT_PROPS$W;
 
-const _excluded$1k = ["aria-label", "children", "className", "layout", "position", "theme"];
+const _excluded$1l = ["aria-label", "children", "className", "layout", "position", "theme"];
 let TabListLayout = /*#__PURE__*/function (TabListLayout) {
   TabListLayout["clustered"] = "clustered";
   TabListLayout["fixed"] = "fixed";
@@ -12927,7 +12937,7 @@ const TabList = /*#__PURE__*/forwardRef((props, ref) => {
       position,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1k);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1l);
   const tabListRef = React.useRef(null);
   useRovingTabIndex({
     parentRef: tabListRef,
@@ -12954,7 +12964,7 @@ TabList.displayName = COMPONENT_NAME$1e;
 TabList.className = CLASSNAME$1b;
 TabList.defaultProps = DEFAULT_PROPS$X;
 
-const _excluded$1l = ["className", "disabled", "icon", "iconProps", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+const _excluded$1m = ["className", "disabled", "icon", "iconProps", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
 
 /**
  * Defines the props of the component.
@@ -12998,7 +13008,7 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyPress,
       tabIndex = -1
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1l);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1m);
   const state = useTabProviderContext('tab', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   const changeToCurrentTab = useCallback(() => {
@@ -13047,7 +13057,7 @@ Tab.displayName = COMPONENT_NAME$1f;
 Tab.className = CLASSNAME$1c;
 Tab.defaultProps = DEFAULT_PROPS$Y;
 
-const _excluded$1m = ["children", "id", "className", "isActive"];
+const _excluded$1n = ["children", "id", "className", "isActive"];
 
 /**
  * Defines the props of the component.
@@ -13084,7 +13094,7 @@ const TabPanel = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isActive: propIsActive
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1m);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1n);
   const state = useTabProviderContext('tabPanel', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -13104,7 +13114,7 @@ TabPanel.displayName = COMPONENT_NAME$1g;
 TabPanel.className = CLASSNAME$1d;
 TabPanel.defaultProps = DEFAULT_PROPS$Z;
 
-const _excluded$1n = ["id", "isDisabled", "isRequired", "placeholder", "multiline", "value", "setFocus", "onChange", "onFocus", "onBlur", "inputRef", "rows", "recomputeNumberOfRows", "type", "name", "hasError", "describedById"],
+const _excluded$1o = ["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"];
 
 /**
@@ -13189,7 +13199,7 @@ const renderInputNative = props => {
       hasError,
       describedById
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1n);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1o);
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const ref = useRef(null);
 
@@ -13573,7 +13583,7 @@ const useFocusPointStyle = (_ref2, element, isLoaded) => {
   return style;
 };
 
-const _excluded$1o = ["align", "alt", "aspectRatio", "badge", "className", "crossOrigin", "fallback", "fillHeight", "focusPoint", "image", "imgProps", "imgRef", "isLoading", "objectFit", "loading", "size", "theme", "variant", "linkProps", "linkAs"];
+const _excluded$1p = ["align", "alt", "aspectRatio", "badge", "className", "crossOrigin", "fallback", "fillHeight", "focusPoint", "image", "imgProps", "imgRef", "isLoading", "objectFit", "loading", "size", "theme", "variant", "linkProps", "linkAs"];
 
 /**
  * Defines the props of the component.
@@ -13630,7 +13640,7 @@ const Thumbnail = /*#__PURE__*/forwardRef((props, ref) => {
       linkProps,
       linkAs
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1o);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1p);
   const [imgElement, setImgElement] = useState();
 
   // Image loading state.
@@ -13744,7 +13754,7 @@ const ThumbnailObjectFit = {
   contain: 'contain'
 };
 
-const _excluded$1p = ["after", "before", "className", "label"];
+const _excluded$1q = ["after", "before", "className", "label"];
 
 /**
  * Defines the props of the component.
@@ -13779,7 +13789,7 @@ const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       label
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1p);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1q);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -13976,7 +13986,7 @@ function useTooltipOpen(delay, anchorElement) {
   };
 }
 
-const _excluded$1q = ["label", "children", "className", "delay", "placement", "forceOpen"];
+const _excluded$1r = ["label", "children", "className", "delay", "placement", "forceOpen"];
 
 /** Position of the tooltip relative to the anchor element. */
 
@@ -14023,7 +14033,7 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
       placement,
       forceOpen
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1q);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1r);
   // Disable in SSR or without a label.
   if (!DOCUMENT || !label) {
     return /*#__PURE__*/React.createElement(TooltipContextProvider, null, children);
@@ -14073,7 +14083,7 @@ Tooltip.displayName = COMPONENT_NAME$1k;
 Tooltip.className = CLASSNAME$1h;
 Tooltip.defaultProps = DEFAULT_PROPS$11;
 
-const _excluded$1r = ["aspectRatio", "className", "label", "icon", "size", "theme", "variant", "fileInputProps"];
+const _excluded$1s = ["aspectRatio", "className", "label", "icon", "size", "theme", "variant", "fileInputProps"];
 
 /**
  * Uploader variants.
@@ -14134,7 +14144,7 @@ const Uploader = /*#__PURE__*/forwardRef((props, ref) => {
       variant,
       fileInputProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1r);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1s);
   // Adjust to square aspect ratio when using circle variants.
   const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
   const inputId = React.useMemo(() => (fileInputProps === null || fileInputProps === void 0 ? void 0 : fileInputProps.id) || uniqueId('uploader-input-'), [fileInputProps === null || fileInputProps === void 0 ? void 0 : fileInputProps.id]);
@@ -14194,7 +14204,7 @@ Uploader.displayName = COMPONENT_NAME$1l;
 Uploader.className = CLASSNAME$1i;
 Uploader.defaultProps = DEFAULT_PROPS$12;
 
-const _excluded$1s = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
+const _excluded$1t = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
 
 /**
  * User block sizes.
@@ -14248,7 +14258,7 @@ const UserBlock = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1s);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1t);
   let componentSize = size;
 
   // Special case - When using vertical orientation force the size to be Sizes.l.