@lumx/react 3.0.7 → 3.1.0

package/{index.js → dist/index.js}

@@ -19,6 +19,7 @@ import { C as ClickAwayProvider } from './_internal/ClickAwayProvider.js';
 import memoize from 'lodash/memoize';
 import castArray from 'lodash/castArray';
 import pick from 'lodash/pick';
+import isInteger from 'lodash/isInteger';
 import isObject from 'lodash/isObject';
 import take from 'lodash/take';
 import uniqueId from 'lodash/uniqueId';
@@ -6912,11 +6913,11 @@ const GridItem = /*#__PURE__*/forwardRef((props, ref) => {
 GridItem.displayName = COMPONENT_NAME$u;
 GridItem.className = CLASSNAME$r;
 
-const _excluded$w = ["className", "color", "colorVariant", "hasShape", "icon", "size", "theme", "alt"];
+const _excluded$w = ["as", "gap", "maxColumns", "itemMinWidth", "children", "className", "style"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$v = 'Icon';
+const COMPONENT_NAME$v = 'GridColumn';
 
 /**
  * Component default class name and class prefix.
@@ -6928,6 +6929,58 @@ const CLASSNAME$s = getRootClassName(COMPONENT_NAME$v);
  */
 const DEFAULT_PROPS$o = {};
 
+/**
+ * The GridColumn is a layout component that can display children in a grid
+ * with custom display properties. It also comes with a responsive design,
+ * with a number of column that reduce when there is not enough space for each item.
+ *
+ * @param props Component props.
+ * @param ref Component ref.
+ * @return React element.
+ */
+const GridColumn = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      as: Component = 'div',
+      gap,
+      maxColumns,
+      itemMinWidth,
+      children,
+      className,
+      style = {}
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$w);
+  return /*#__PURE__*/React.createElement(Component, _extends({}, forwardedProps, {
+    ref: ref,
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$s
+    })),
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      ['--lumx-grid-column-item-min-width']: isInteger(itemMinWidth) && `${itemMinWidth}px`,
+      ['--lumx-grid-column-columns']: maxColumns,
+      ['--lumx-grid-column-gap']: gap && `var(--lumx-spacing-unit-${gap})`
+    })
+  }), children);
+});
+GridColumn.displayName = COMPONENT_NAME$v;
+GridColumn.className = CLASSNAME$s;
+GridColumn.defaultProps = DEFAULT_PROPS$o;
+
+const _excluded$x = ["className", "color", "colorVariant", "hasShape", "icon", "size", "theme", "alt"];
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$w = 'Icon';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$t = getRootClassName(COMPONENT_NAME$w);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$p = {};
+
 /**
  * Icon component.
  *
@@ -6946,7 +6999,7 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       alt
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$w);
+    forwardedProps = _objectWithoutProperties(props, _excluded$x);
 
   // Color
   let iconColor = color;
@@ -6978,10 +7031,10 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
       color: iconColor,
       colorVariant: iconColorVariant,
       hasShape,
-      prefix: CLASSNAME$s,
+      prefix: CLASSNAME$t,
       theme,
       size: iconSize
-    }), !hasShape && `${CLASSNAME$s}--no-shape`, !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && `${CLASSNAME$s}--has-dark-layer`, `${CLASSNAME$s}--path`)
+    }), !hasShape && `${CLASSNAME$t}--no-shape`, !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && `${CLASSNAME$t}--has-dark-layer`, `${CLASSNAME$t}--path`)
   }), /*#__PURE__*/React.createElement("svg", {
     "aria-hidden": alt ? undefined : 'true',
     role: alt ? 'img' : undefined,
@@ -6998,11 +7051,11 @@ const Icon = /*#__PURE__*/forwardRef((props, ref) => {
     fill: "currentColor"
   })));
 });
-Icon.displayName = COMPONENT_NAME$v;
-Icon.className = CLASSNAME$s;
-Icon.defaultProps = DEFAULT_PROPS$o;
+Icon.displayName = COMPONENT_NAME$w;
+Icon.className = CLASSNAME$t;
+Icon.defaultProps = DEFAULT_PROPS$p;
 
-const _excluded$x = ["actions", "align", "alt", "captionPosition", "captionStyle", "className", "description", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title"];
+const _excluded$y = ["actions", "align", "alt", "captionPosition", "captionStyle", "className", "description", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title"];
 /**
  * Image block variants.
  */
@@ -7013,17 +7066,17 @@ const ImageBlockCaptionPosition = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$w = 'ImageBlock';
+const COMPONENT_NAME$x = 'ImageBlock';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$t = getRootClassName(COMPONENT_NAME$w);
+const CLASSNAME$u = getRootClassName(COMPONENT_NAME$x);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$p = {
+const DEFAULT_PROPS$q = {
   captionPosition: ImageBlockCaptionPosition.below,
   theme: Theme.light,
   align: Alignment.left
@@ -7053,19 +7106,19 @@ const ImageBlock = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnailProps,
       title
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$x);
+    forwardedProps = _objectWithoutProperties(props, _excluded$y);
   return /*#__PURE__*/React.createElement("figure", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$t,
+      prefix: CLASSNAME$u,
       captionPosition,
       align,
       size,
       theme
-    }), fillHeight && `${CLASSNAME$t}--fill-height`)
+    }), fillHeight && `${CLASSNAME$u}--fill-height`)
   }), /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
-    className: classnames(`${CLASSNAME$t}__image`, thumbnailProps === null || thumbnailProps === void 0 ? void 0 : thumbnailProps.className),
+    className: classnames(`${CLASSNAME$u}__image`, thumbnailProps === null || thumbnailProps === void 0 ? void 0 : thumbnailProps.className),
     fillHeight: fillHeight,
     align: align,
     image: image,
@@ -7073,31 +7126,31 @@ const ImageBlock = /*#__PURE__*/forwardRef((props, ref) => {
     theme: theme,
     alt: alt || title
   })), (title || description || tags) && /*#__PURE__*/React.createElement("figcaption", {
-    className: `${CLASSNAME$t}__wrapper`,
+    className: `${CLASSNAME$u}__wrapper`,
     style: captionStyle
   }, (title || description) && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$t}__caption`
+    className: `${CLASSNAME$u}__caption`
   }, title && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME$t}__title`
+    className: `${CLASSNAME$u}__title`
   }, title), title && description && '\u00A0', isObject(description) && description.__html ?
   /*#__PURE__*/
   // eslint-disable-next-line react/no-danger
   React.createElement("span", {
     dangerouslySetInnerHTML: description,
-    className: `${CLASSNAME$t}__description`
+    className: `${CLASSNAME$u}__description`
   }) : /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME$t}__description`
+    className: `${CLASSNAME$u}__description`
   }, description)), tags && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$t}__tags`
+    className: `${CLASSNAME$u}__tags`
   }, tags)), actions && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$t}__actions`
+    className: `${CLASSNAME$u}__actions`
   }, actions));
 });
-ImageBlock.displayName = COMPONENT_NAME$w;
-ImageBlock.className = CLASSNAME$t;
-ImageBlock.defaultProps = DEFAULT_PROPS$p;
+ImageBlock.displayName = COMPONENT_NAME$x;
+ImageBlock.className = CLASSNAME$u;
+ImageBlock.defaultProps = DEFAULT_PROPS$q;
 
-const _excluded$y = ["className", "color", "colorVariant", "typography", "children"];
+const _excluded$z = ["className", "color", "colorVariant", "typography", "children"];
 
 /**
  * Defines the props of the component.
@@ -7106,17 +7159,17 @@ const _excluded$y = ["className", "color", "colorVariant", "typography", "childr
 /**
  * Component display name.
  */
-const COMPONENT_NAME$x = 'InlineList';
+const COMPONENT_NAME$y = 'InlineList';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$u = getRootClassName(COMPONENT_NAME$x);
+const CLASSNAME$v = getRootClassName(COMPONENT_NAME$y);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$q = {};
+const DEFAULT_PROPS$r = {};
 
 /**
  * InlineList component.
@@ -7133,7 +7186,7 @@ const InlineList = /*#__PURE__*/forwardRef((props, ref) => {
       typography,
       children
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$y);
+    forwardedProps = _objectWithoutProperties(props, _excluded$z);
   const fontColorClassName = color && getFontColorClassName(color, colorVariant);
   const typographyClassName = typography && getTypographyClassName(typography);
   return (
@@ -7141,7 +7194,7 @@ const InlineList = /*#__PURE__*/forwardRef((props, ref) => {
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
     React.createElement("ul", _extends({}, forwardedProps, {
       ref: ref,
-      className: classnames(className, CLASSNAME$u, fontColorClassName, typographyClassName)
+      className: classnames(className, CLASSNAME$v, fontColorClassName, typographyClassName)
       // Lists with removed bullet style can lose their a11y list role on some browsers
       ,
       role: "list"
@@ -7154,18 +7207,18 @@ const InlineList = /*#__PURE__*/forwardRef((props, ref) => {
         React.createElement("li", {
           key: key,
           role: "listitem",
-          className: `${CLASSNAME$u}__item`
+          className: `${CLASSNAME$v}__item`
         }, index !== 0 && /*#__PURE__*/React.createElement("span", {
-          className: `${CLASSNAME$u}__item-separator`,
+          className: `${CLASSNAME$v}__item-separator`,
           "aria-hidden": "true"
         }, '\u00A0•\u00A0'), child)
       );
     }))
   );
 });
-InlineList.displayName = COMPONENT_NAME$x;
-InlineList.className = CLASSNAME$u;
-InlineList.defaultProps = DEFAULT_PROPS$q;
+InlineList.displayName = COMPONENT_NAME$y;
+InlineList.className = CLASSNAME$v;
+InlineList.defaultProps = DEFAULT_PROPS$r;
 
 const INPUT_HELPER_CONFIGURATION = {
   error: {
@@ -7179,7 +7232,7 @@ const INPUT_HELPER_CONFIGURATION = {
   }
 };
 
-const _excluded$z = ["children", "className", "kind", "theme"];
+const _excluded$A = ["children", "className", "kind", "theme"];
 
 /**
  * Defines the props of the component.
@@ -7188,17 +7241,17 @@ const _excluded$z = ["children", "className", "kind", "theme"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$y = 'InputHelper';
+const COMPONENT_NAME$z = 'InputHelper';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$v = getRootClassName(COMPONENT_NAME$y);
+const CLASSNAME$w = getRootClassName(COMPONENT_NAME$z);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$r = {
+const DEFAULT_PROPS$s = {
   kind: Kind.info,
   theme: Theme.light
 };
@@ -7217,7 +7270,7 @@ const InputHelper = /*#__PURE__*/forwardRef((props, ref) => {
       kind,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$z);
+    forwardedProps = _objectWithoutProperties(props, _excluded$A);
   const {
     color
   } = INPUT_HELPER_CONFIGURATION[kind] || {};
@@ -7225,17 +7278,17 @@ const InputHelper = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$v,
+      prefix: CLASSNAME$w,
       color,
       theme
     }))
   }), children);
 });
-InputHelper.displayName = COMPONENT_NAME$y;
-InputHelper.className = CLASSNAME$v;
-InputHelper.defaultProps = DEFAULT_PROPS$r;
+InputHelper.displayName = COMPONENT_NAME$z;
+InputHelper.className = CLASSNAME$w;
+InputHelper.defaultProps = DEFAULT_PROPS$s;
 
-const _excluded$A = ["children", "className", "htmlFor", "isRequired", "theme"];
+const _excluded$B = ["children", "className", "htmlFor", "isRequired", "theme"];
 
 /**
  * Defines the props of the component.
@@ -7244,17 +7297,17 @@ const _excluded$A = ["children", "className", "htmlFor", "isRequired", "theme"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$z = 'InputLabel';
+const COMPONENT_NAME$A = 'InputLabel';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$w = getRootClassName(COMPONENT_NAME$z);
+const CLASSNAME$x = getRootClassName(COMPONENT_NAME$A);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$s = {
+const DEFAULT_PROPS$t = {
   theme: Theme.light
 };
 
@@ -7273,23 +7326,23 @@ const InputLabel = /*#__PURE__*/forwardRef((props, ref) => {
       isRequired,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$A);
+    forwardedProps = _objectWithoutProperties(props, _excluded$B);
   return /*#__PURE__*/React.createElement("label", _extends({
     ref: ref
   }, forwardedProps, {
     htmlFor: htmlFor,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$w,
+      prefix: CLASSNAME$x,
       isRequired,
       theme
     }))
   }), children);
 });
-InputLabel.displayName = COMPONENT_NAME$z;
-InputLabel.className = CLASSNAME$w;
-InputLabel.defaultProps = DEFAULT_PROPS$s;
+InputLabel.displayName = COMPONENT_NAME$A;
+InputLabel.className = CLASSNAME$x;
+InputLabel.defaultProps = DEFAULT_PROPS$t;
 
-const _excluded$B = ["ariaLabel", "children", "className", "closeButtonProps", "isOpen", "onClose", "parentElement", "preventAutoClose", "theme", "zIndex"];
+const _excluded$C = ["ariaLabel", "children", "className", "closeButtonProps", "isOpen", "onClose", "parentElement", "preventAutoClose", "theme", "zIndex"];
 
 /**
  * Defines the props of the component.
@@ -7298,12 +7351,12 @@ const _excluded$B = ["ariaLabel", "children", "className", "closeButtonProps", "
 /**
  * Component display name.
  */
-const COMPONENT_NAME$A = 'Lightbox';
+const COMPONENT_NAME$B = 'Lightbox';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$x = getRootClassName(COMPONENT_NAME$A);
+const CLASSNAME$y = getRootClassName(COMPONENT_NAME$B);
 
 /**
  * Lightbox component.
@@ -7326,7 +7379,7 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       zIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$B);
+    forwardedProps = _objectWithoutProperties(props, _excluded$C);
   if (!DOCUMENT) {
     // Can't render in SSR.
     return null;
@@ -7378,7 +7431,7 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-label": ariaLabel,
     "aria-modal": "true",
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$x,
+      prefix: CLASSNAME$y,
       isHidden: !isOpen,
       isShown: isOpen || isVisible,
       theme
@@ -7387,7 +7440,7 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
       zIndex
     }
   }), closeButtonProps && /*#__PURE__*/React.createElement(IconButton, _extends({}, closeButtonProps, {
-    className: `${CLASSNAME$x}__close`,
+    className: `${CLASSNAME$y}__close`,
     color: ColorPalette.light,
     emphasis: Emphasis.low,
     icon: mdiClose,
@@ -7399,23 +7452,23 @@ const Lightbox = /*#__PURE__*/forwardRef((props, ref) => {
     childrenRefs: clickAwayRefs
   }, /*#__PURE__*/React.createElement("div", {
     ref: childrenRef,
-    className: `${CLASSNAME$x}__wrapper`,
+    className: `${CLASSNAME$y}__wrapper`,
     role: "presentation"
   }, children))), document.body);
 });
-Lightbox.displayName = COMPONENT_NAME$A;
-Lightbox.className = CLASSNAME$x;
+Lightbox.displayName = COMPONENT_NAME$B;
+Lightbox.className = CLASSNAME$y;
 
-const _excluded$C = ["children", "className", "color", "colorVariant", "disabled", "isDisabled", "href", "leftIcon", "linkAs", "rightIcon", "target", "typography"];
+const _excluded$D = ["children", "className", "color", "colorVariant", "disabled", "isDisabled", "href", "leftIcon", "linkAs", "rightIcon", "target", "typography"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$B = 'Link';
+const COMPONENT_NAME$C = 'Link';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$y = getRootClassName(COMPONENT_NAME$B);
+const CLASSNAME$z = getRootClassName(COMPONENT_NAME$C);
 const getIconSize = typography => {
   switch (typography) {
     case Typography.display1:
@@ -7464,18 +7517,18 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       target,
       typography
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$C);
+    forwardedProps = _objectWithoutProperties(props, _excluded$D);
   const renderedChildren = useMemo(() => /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && !isEmpty(leftIcon) && /*#__PURE__*/React.createElement(Icon, {
     icon: leftIcon,
-    className: `${CLASSNAME$y}__left-icon`,
+    className: `${CLASSNAME$z}__left-icon`,
     size: getIconSize(typography)
   }), children && /*#__PURE__*/React.createElement("span", {
-    className: classnames(`${CLASSNAME$y}__content`, {
+    className: classnames(`${CLASSNAME$z}__content`, {
       [`lumx-typography-${typography}`]: typography
     })
   }, children), rightIcon && !isEmpty(rightIcon) && /*#__PURE__*/React.createElement(Icon, {
     icon: rightIcon,
-    className: `${CLASSNAME$y}__right-icon`,
+    className: `${CLASSNAME$z}__right-icon`,
     size: getIconSize(typography)
   })), [leftIcon, typography, children, rightIcon]);
 
@@ -7490,7 +7543,7 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
       ref: ref,
       disabled: isDisabled,
       className: classnames(className, handleBasicClasses({
-        prefix: CLASSNAME$y,
+        prefix: CLASSNAME$z,
         color,
         colorVariant
       }))
@@ -7502,17 +7555,17 @@ const Link = /*#__PURE__*/forwardRef((props, ref) => {
     href,
     target,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$y,
+      prefix: CLASSNAME$z,
       color,
       colorVariant
     })),
     ref: ref
   }), renderedChildren);
 });
-Link.displayName = COMPONENT_NAME$B;
-Link.className = CLASSNAME$y;
+Link.displayName = COMPONENT_NAME$C;
+Link.className = CLASSNAME$z;
 
-const _excluded$D = ["className", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading"];
+const _excluded$E = ["className", "description", "link", "linkAs", "linkProps", "size", "theme", "thumbnailProps", "title", "titleHeading"];
 
 /**
  * Defines the props of the component.
@@ -7521,17 +7574,17 @@ const _excluded$D = ["className", "description", "link", "linkAs", "linkProps",
 /**
  * Component display name.
  */
-const COMPONENT_NAME$C = 'LinkPreview';
+const COMPONENT_NAME$D = 'LinkPreview';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$z = getRootClassName(COMPONENT_NAME$C);
+const CLASSNAME$A = getRootClassName(COMPONENT_NAME$D);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$t = {
+const DEFAULT_PROPS$u = {
   size: Size.regular,
   theme: Theme.light,
   titleHeading: 'h2'
@@ -7557,21 +7610,21 @@ const LinkPreview = /*#__PURE__*/forwardRef((props, ref) => {
       title,
       titleHeading
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$D);
+    forwardedProps = _objectWithoutProperties(props, _excluded$E);
   // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
   const TitleHeading = titleHeading;
   return /*#__PURE__*/React.createElement("article", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$z,
+      prefix: CLASSNAME$A,
       size: size === Size.big && thumbnailProps ? Size.big : Size.regular,
       theme
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$z}__wrapper`
+    className: `${CLASSNAME$A}__wrapper`
   }, thumbnailProps && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$z}__thumbnail`
+    className: `${CLASSNAME$A}__thumbnail`
   }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
     linkAs: linkAs,
     linkProps: _objectSpread2(_objectSpread2({}, linkProps), {}, {
@@ -7583,9 +7636,9 @@ const LinkPreview = /*#__PURE__*/forwardRef((props, ref) => {
     aspectRatio: AspectRatio.free,
     fillHeight: true
   }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$z}__container`
+    className: `${CLASSNAME$A}__container`
   }, title && /*#__PURE__*/React.createElement(TitleHeading, {
-    className: `${CLASSNAME$z}__title`
+    className: `${CLASSNAME$A}__title`
   }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
     linkAs: linkAs,
     target: "_blank",
@@ -7593,12 +7646,12 @@ const LinkPreview = /*#__PURE__*/forwardRef((props, ref) => {
     color: theme === Theme.light ? ColorPalette.dark : ColorPalette.light,
     colorVariant: ColorVariant.N
   }), title)), description && /*#__PURE__*/React.createElement("p", {
-    className: `${CLASSNAME$z}__description`
+    className: `${CLASSNAME$A}__description`
   }, description), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$z}__link`
+    className: `${CLASSNAME$A}__link`
   }, /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
     linkAs: linkAs,
-    className: classnames(`${CLASSNAME$z}__link`, linkProps === null || linkProps === void 0 ? void 0 : linkProps.className),
+    className: classnames(`${CLASSNAME$A}__link`, linkProps === null || linkProps === void 0 ? void 0 : linkProps.className),
     target: "_blank",
     href: link,
     color: theme === Theme.light ? ColorPalette.primary : ColorPalette.light,
@@ -7608,11 +7661,11 @@ const LinkPreview = /*#__PURE__*/forwardRef((props, ref) => {
     tabIndex: title ? '-1' : undefined
   }), link)))));
 });
-LinkPreview.displayName = COMPONENT_NAME$C;
-LinkPreview.className = CLASSNAME$z;
-LinkPreview.defaultProps = DEFAULT_PROPS$t;
+LinkPreview.displayName = COMPONENT_NAME$D;
+LinkPreview.className = CLASSNAME$A;
+LinkPreview.defaultProps = DEFAULT_PROPS$u;
 
-const _excluded$E = ["className"];
+const _excluded$F = ["className"];
 
 /**
  * Defines the props of the component.
@@ -7621,12 +7674,12 @@ const _excluded$E = ["className"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$D = 'ListDivider';
+const COMPONENT_NAME$E = 'ListDivider';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$A = getRootClassName(COMPONENT_NAME$D);
+const CLASSNAME$B = getRootClassName(COMPONENT_NAME$E);
 
 /**
  * ListDivider component.
@@ -7639,19 +7692,19 @@ const ListDivider = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$E);
+    forwardedProps = _objectWithoutProperties(props, _excluded$F);
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$A
+      prefix: CLASSNAME$B
     }))
   }));
 });
-ListDivider.displayName = COMPONENT_NAME$D;
-ListDivider.className = CLASSNAME$A;
+ListDivider.displayName = COMPONENT_NAME$E;
+ListDivider.className = CLASSNAME$B;
 
-const _excluded$F = ["children", "className"];
+const _excluded$G = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -7660,12 +7713,12 @@ const _excluded$F = ["children", "className"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$E = 'ListSubheader';
+const COMPONENT_NAME$F = 'ListSubheader';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$B = getRootClassName(COMPONENT_NAME$E);
+const CLASSNAME$C = getRootClassName(COMPONENT_NAME$F);
 
 /**
  * ListSubheader component.
@@ -7679,19 +7732,19 @@ const ListSubheader = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$F);
+    forwardedProps = _objectWithoutProperties(props, _excluded$G);
   return /*#__PURE__*/React.createElement("li", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$B
+      prefix: CLASSNAME$C
     }))
   }), children);
 });
-ListSubheader.displayName = COMPONENT_NAME$E;
-ListSubheader.className = CLASSNAME$B;
+ListSubheader.displayName = COMPONENT_NAME$F;
+ListSubheader.className = CLASSNAME$C;
 
-const _excluded$G = ["children", "className", "hasBackground", "kind", "icon"];
+const _excluded$H = ["children", "className", "hasBackground", "kind", "icon"];
 
 /**
  * Defines the props of the component.
@@ -7700,12 +7753,12 @@ const _excluded$G = ["children", "className", "hasBackground", "kind", "icon"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$F = 'Message';
+const COMPONENT_NAME$G = 'Message';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$C = getRootClassName(COMPONENT_NAME$F);
+const CLASSNAME$D = getRootClassName(COMPONENT_NAME$G);
 
 /**
  * Associative map from message kind to color and icon.
@@ -7744,7 +7797,7 @@ const Message = /*#__PURE__*/forwardRef((props, ref) => {
       kind,
       icon: customIcon
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$G);
+    forwardedProps = _objectWithoutProperties(props, _excluded$H);
   const {
     color,
     icon
@@ -7754,21 +7807,21 @@ const Message = /*#__PURE__*/forwardRef((props, ref) => {
     className: classnames(className, handleBasicClasses({
       color,
       hasBackground,
-      prefix: CLASSNAME$C
+      prefix: CLASSNAME$D
     }))
   }, forwardedProps), (customIcon || icon) && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$C}__icon`,
+    className: `${CLASSNAME$D}__icon`,
     icon: customIcon || icon,
     size: Size.xs,
     color: color
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$C}__text`
+    className: `${CLASSNAME$D}__text`
   }, children));
 });
-Message.displayName = COMPONENT_NAME$F;
-Message.className = CLASSNAME$C;
+Message.displayName = COMPONENT_NAME$G;
+Message.className = CLASSNAME$D;
 
-const _excluded$H = ["className", "theme", "thumbnails", "onImageClick"],
+const _excluded$I = ["className", "theme", "thumbnails", "onImageClick"],
   _excluded2$1 = ["image", "onClick", "align"];
 
 /**
@@ -7778,17 +7831,17 @@ const _excluded$H = ["className", "theme", "thumbnails", "onImageClick"],
 /**
  * Component display name.
  */
-const COMPONENT_NAME$G = 'Mosaic';
+const COMPONENT_NAME$H = 'Mosaic';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$D = getRootClassName(COMPONENT_NAME$G);
+const CLASSNAME$E = getRootClassName(COMPONENT_NAME$H);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$u = {
+const DEFAULT_PROPS$v = {
   theme: Theme.light
 };
 
@@ -7806,7 +7859,7 @@ const Mosaic = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnails,
       onImageClick
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$H);
+    forwardedProps = _objectWithoutProperties(props, _excluded$I);
   const handleImageClick = useMemo(() => {
     if (!onImageClick) return undefined;
     return (index, onClick) => event => {
@@ -7818,16 +7871,16 @@ const Mosaic = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$D,
+      prefix: CLASSNAME$E,
       theme
     }), {
-      [`${CLASSNAME$D}--has-1-thumbnail`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) === 1,
-      [`${CLASSNAME$D}--has-2-thumbnails`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) === 2,
-      [`${CLASSNAME$D}--has-3-thumbnails`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) === 3,
-      [`${CLASSNAME$D}--has-4-thumbnails`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) >= 4
+      [`${CLASSNAME$E}--has-1-thumbnail`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) === 1,
+      [`${CLASSNAME$E}--has-2-thumbnails`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) === 2,
+      [`${CLASSNAME$E}--has-3-thumbnails`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) === 3,
+      [`${CLASSNAME$E}--has-4-thumbnails`]: (thumbnails === null || thumbnails === void 0 ? void 0 : thumbnails.length) >= 4
     })
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$D}__wrapper`
+    className: `${CLASSNAME$E}__wrapper`
   }, take(thumbnails, 4).map((thumbnail, index) => {
     const {
         image,
@@ -7837,7 +7890,7 @@ const Mosaic = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnailProps = _objectWithoutProperties(thumbnail, _excluded2$1);
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: `${CLASSNAME$D}__thumbnail`
+      className: `${CLASSNAME$E}__thumbnail`
     }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
       align: align || Alignment.left,
       image: image,
@@ -7846,13 +7899,13 @@ const Mosaic = /*#__PURE__*/forwardRef((props, ref) => {
       fillHeight: true,
       onClick: (handleImageClick === null || handleImageClick === void 0 ? void 0 : handleImageClick(index, onClick)) || onClick
     })), thumbnails.length > 4 && index === 3 && /*#__PURE__*/React.createElement("div", {
-      className: `${CLASSNAME$D}__overlay`
+      className: `${CLASSNAME$E}__overlay`
     }, /*#__PURE__*/React.createElement("span", null, "+", thumbnails.length - 4)));
   })));
 });
-Mosaic.displayName = COMPONENT_NAME$G;
-Mosaic.className = CLASSNAME$D;
-Mosaic.defaultProps = DEFAULT_PROPS$u;
+Mosaic.displayName = COMPONENT_NAME$H;
+Mosaic.className = CLASSNAME$E;
+Mosaic.defaultProps = DEFAULT_PROPS$v;
 
 /**
  * Notification icon and colors according to their type.
@@ -7876,7 +7929,7 @@ const NOTIFICATION_CONFIGURATION = {
   }
 };
 
-const _excluded$I = ["actionLabel", "className", "content", "isOpen", "onActionClick", "onClick", "theme", "type", "zIndex"];
+const _excluded$J = ["actionLabel", "className", "content", "isOpen", "onActionClick", "onClick", "theme", "type", "zIndex"];
 
 /**
  * Defines the props of the component.
@@ -7885,17 +7938,17 @@ const _excluded$I = ["actionLabel", "className", "content", "isOpen", "onActionC
 /**
  * Component display name.
  */
-const COMPONENT_NAME$H = 'Notification';
+const COMPONENT_NAME$I = 'Notification';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$E = getRootClassName(COMPONENT_NAME$H);
+const CLASSNAME$F = getRootClassName(COMPONENT_NAME$I);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$v = {
+const DEFAULT_PROPS$w = {
   theme: Theme.light,
   zIndex: 9999
 };
@@ -7920,7 +7973,7 @@ const Notification = /*#__PURE__*/forwardRef((props, ref) => {
       type,
       zIndex
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$I);
+    forwardedProps = _objectWithoutProperties(props, _excluded$J);
   if (!DOCUMENT) {
     // Can't render in SSR.
     return null;
@@ -7949,32 +8002,32 @@ const Notification = /*#__PURE__*/forwardRef((props, ref) => {
       color,
       hasAction,
       isHidden: !isOpen,
-      prefix: CLASSNAME$E
+      prefix: CLASSNAME$F
     })),
     onClick: onClick,
     style: {
       zIndex
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$E}__icon`
+    className: `${CLASSNAME$F}__icon`
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: Size.s
   })), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$E}__content`
+    className: `${CLASSNAME$F}__content`
   }, content), hasAction && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$E}__action`
+    className: `${CLASSNAME$F}__action`
   }, /*#__PURE__*/React.createElement(Button, {
     emphasis: Emphasis.medium,
     theme: theme,
     onClick: handleCallback
   }, /*#__PURE__*/React.createElement("span", null, actionLabel)))), document.body) : null;
 });
-Notification.displayName = COMPONENT_NAME$H;
-Notification.className = CLASSNAME$E;
-Notification.defaultProps = DEFAULT_PROPS$v;
+Notification.displayName = COMPONENT_NAME$I;
+Notification.className = CLASSNAME$F;
+Notification.defaultProps = DEFAULT_PROPS$w;
 
-const _excluded$J = ["children", "isOpen", "focusElement", "label", "className"];
+const _excluded$K = ["children", "isOpen", "focusElement", "label", "className"];
 
 /**
  * PopoverDialog props.
@@ -7984,17 +8037,17 @@ const _excluded$J = ["children", "isOpen", "focusElement", "label", "className"]
 /**
  * Component display name.
  */
-const COMPONENT_NAME$I = 'PopoverDialog';
+const COMPONENT_NAME$J = 'PopoverDialog';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$F = getRootClassName(COMPONENT_NAME$I);
+const CLASSNAME$G = getRootClassName(COMPONENT_NAME$J);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$w = {};
+const DEFAULT_PROPS$x = {};
 
 /**
  * PopoverDialog component.
@@ -8011,11 +8064,11 @@ const PopoverDialog = /*#__PURE__*/forwardRef((props, ref) => {
       label,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$J);
+    forwardedProps = _objectWithoutProperties(props, _excluded$K);
   return /*#__PURE__*/React.createElement(Popover, _extends({}, forwardedProps, {
     ref: ref,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$F
+      prefix: CLASSNAME$G
     })),
     role: "dialog",
     "aria-modal": "true"
@@ -8031,11 +8084,11 @@ const PopoverDialog = /*#__PURE__*/forwardRef((props, ref) => {
     withFocusTrap: true
   }), children);
 });
-PopoverDialog.displayName = COMPONENT_NAME$I;
-PopoverDialog.className = CLASSNAME$F;
-PopoverDialog.defaultProps = DEFAULT_PROPS$w;
+PopoverDialog.displayName = COMPONENT_NAME$J;
+PopoverDialog.className = CLASSNAME$G;
+PopoverDialog.defaultProps = DEFAULT_PROPS$x;
 
-const _excluded$K = ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"];
+const _excluded$L = ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"];
 
 /**
  * Defines the props of the component.
@@ -8044,17 +8097,17 @@ const _excluded$K = ["actions", "attachments", "author", "className", "meta", "o
 /**
  * Component display name.
  */
-const COMPONENT_NAME$J = 'PostBlock';
+const COMPONENT_NAME$K = 'PostBlock';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$G = getRootClassName(COMPONENT_NAME$J);
+const CLASSNAME$H = getRootClassName(COMPONENT_NAME$K);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$x = {
+const DEFAULT_PROPS$y = {
   orientation: Orientation.horizontal,
   theme: Theme.light
 };
@@ -8081,102 +8134,146 @@ const PostBlock = /*#__PURE__*/forwardRef((props, ref) => {
       thumbnailProps,
       title
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$K);
+    forwardedProps = _objectWithoutProperties(props, _excluded$L);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$G,
+      prefix: CLASSNAME$H,
       orientation,
       theme
     }))
   }, forwardedProps), thumbnailProps && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$G}__thumbnail`
+    className: `${CLASSNAME$H}__thumbnail`
   }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
     theme: theme,
     variant: ThumbnailVariant.rounded
   }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$G}__wrapper`
+    className: `${CLASSNAME$H}__wrapper`
   }, author && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$G}__author`
+    className: `${CLASSNAME$H}__author`
   }, author), title && /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: `${CLASSNAME$G}__title`,
+    className: `${CLASSNAME$H}__title`,
     onClick: onClick
   }, title), meta && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME$G}__meta`
+    className: `${CLASSNAME$H}__meta`
   }, meta), isObject(text) && text.__html ?
   /*#__PURE__*/
   // eslint-disable-next-line react/no-danger
   React.createElement("p", {
     dangerouslySetInnerHTML: text,
-    className: `${CLASSNAME$G}__text`
+    className: `${CLASSNAME$H}__text`
   }) : /*#__PURE__*/React.createElement("p", {
-    className: `${CLASSNAME$G}__text`
+    className: `${CLASSNAME$H}__text`
   }, text), attachments && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$G}__attachments`
+    className: `${CLASSNAME$H}__attachments`
   }, attachments), (tags || actions) && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$G}__toolbar`
+    className: `${CLASSNAME$H}__toolbar`
   }, tags && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$G}__tags`
+    className: `${CLASSNAME$H}__tags`
   }, tags), actions && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$G}__actions`
+    className: `${CLASSNAME$H}__actions`
   }, actions))));
 });
-PostBlock.displayName = COMPONENT_NAME$J;
-PostBlock.className = CLASSNAME$G;
-PostBlock.defaultProps = DEFAULT_PROPS$x;
+PostBlock.displayName = COMPONENT_NAME$K;
+PostBlock.className = CLASSNAME$H;
+PostBlock.defaultProps = DEFAULT_PROPS$y;
 
-const _excluded$L = ["className", "theme", "variant"];
+const _excluded$M = ["className", "theme"];
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$L = 'ProgressLinear';
 
 /**
- * Progress variants.
+ * Component default class name and class prefix.
  */
-const ProgressVariant = {
-  linear: 'linear',
-  circular: 'circular'
+const CLASSNAME$I = getRootClassName(COMPONENT_NAME$L);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$z = {
+  theme: Theme.light
 };
+
+/**
+ * ProgressLinear component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ProgressLinear = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      theme
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$M);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$I,
+      theme
+    }))
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "lumx-progress-linear__line1"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "lumx-progress-linear__line2"
+  }));
+});
+ProgressLinear.displayName = COMPONENT_NAME$L;
+ProgressLinear.className = CLASSNAME$I;
+ProgressLinear.defaultProps = DEFAULT_PROPS$z;
+
+const _excluded$N = ["className", "theme", "size"];
+
+/**
+ * Progress sizes.
+ */
+
 /**
  * Component display name.
  */
-const COMPONENT_NAME$K = 'Progress';
+const COMPONENT_NAME$M = 'ProgressCircular';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$H = getRootClassName(COMPONENT_NAME$K);
+const CLASSNAME$J = getRootClassName(COMPONENT_NAME$M);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$y = {
+const DEFAULT_PROPS$A = {
   theme: Theme.light,
-  variant: ProgressVariant.circular
+  size: Size.m
 };
+
 /**
- * Progress component.
+ * ProgressCircularProps component.
  *
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
  */
-const Progress = /*#__PURE__*/forwardRef((props, ref) => {
+const ProgressCircular = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       className,
       theme,
-      variant
+      size
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$L);
+    forwardedProps = _objectWithoutProperties(props, _excluded$N);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$H,
+      prefix: CLASSNAME$J,
       theme,
-      variant
+      size
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames(`${CLASSNAME$H}-${variant}`)
-  }, variant === ProgressVariant.circular && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "lumx-progress-circular__double-bounce1"
   }), /*#__PURE__*/React.createElement("div", {
     className: "lumx-progress-circular__double-bounce2"
@@ -8190,15 +8287,71 @@ const Progress = /*#__PURE__*/forwardRef((props, ref) => {
     r: "20",
     fill: "none",
     strokeWidth: "5"
-  }))), variant === ProgressVariant.linear && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "lumx-progress-linear__line1"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "lumx-progress-linear__line2"
-  }))));
+  })));
 });
-Progress.displayName = COMPONENT_NAME$K;
-Progress.className = CLASSNAME$H;
-Progress.defaultProps = DEFAULT_PROPS$y;
+ProgressCircular.displayName = COMPONENT_NAME$M;
+ProgressCircular.className = CLASSNAME$J;
+ProgressCircular.defaultProps = DEFAULT_PROPS$A;
+
+const _excluded$O = ["className", "theme", "variant"];
+
+/**
+ * Progress variants.
+ */
+const ProgressVariant = {
+  linear: 'linear',
+  circular: 'circular'
+};
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$N = 'Progress';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$K = getRootClassName(COMPONENT_NAME$N);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$B = {
+  theme: Theme.light,
+  variant: ProgressVariant.circular
+};
+
+/**
+ * Progress component.
+ *
+ * @deprecated use `ProgressLinear` and `ProgressCircular` instead.
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Progress = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      className,
+      theme,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$O);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$K,
+      theme,
+      variant
+    }))
+  }), variant === ProgressVariant.circular && /*#__PURE__*/React.createElement(ProgressCircular, {
+    theme: theme
+  }), variant === ProgressVariant.linear && /*#__PURE__*/React.createElement(ProgressLinear, {
+    theme: theme
+  }));
+});
+Progress.displayName = COMPONENT_NAME$N;
+Progress.className = CLASSNAME$K;
+Progress.defaultProps = DEFAULT_PROPS$B;
 
 const INIT_STATE = {
   isLazy: true,
@@ -8319,8 +8472,8 @@ const useTabProviderContextState = () => {
   return context === null || context === void 0 ? void 0 : context[0];
 };
 
-const _excluded$M = ["children", "onChange"];
-const DEFAULT_PROPS$z = {
+const _excluded$P = ["children", "onChange"];
+const DEFAULT_PROPS$C = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
 };
@@ -8341,7 +8494,7 @@ const ProgressTrackerProvider = props => {
       children,
       onChange
     } = props,
-    propState = _objectWithoutProperties(props, _excluded$M);
+    propState = _objectWithoutProperties(props, _excluded$P);
   const [state, dispatch] = useReducer(reducer, INIT_STATE);
 
   // On prop state change => dispatch update.
@@ -8369,7 +8522,7 @@ const ProgressTrackerProvider = props => {
     value: [state, dispatch]
   }, children);
 };
-ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$z;
+ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$C;
 
 const useRovingTabIndex = _ref => {
   let {
@@ -8445,7 +8598,7 @@ const useRovingTabIndex = _ref => {
   [parentRef, ...extraDependencies]);
 };
 
-const _excluded$N = ["aria-label", "children", "className"];
+const _excluded$Q = ["aria-label", "children", "className"];
 
 /**
  * Defines the props of the component.
@@ -8454,17 +8607,17 @@ const _excluded$N = ["aria-label", "children", "className"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$L = 'ProgressTracker';
+const COMPONENT_NAME$O = 'ProgressTracker';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$I = getRootClassName(COMPONENT_NAME$L);
+const CLASSNAME$L = getRootClassName(COMPONENT_NAME$O);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$A = {};
+const DEFAULT_PROPS$D = {};
 
 /**
  * ProgressTracker component.
@@ -8482,7 +8635,7 @@ const ProgressTracker = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$N);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Q);
   const stepListRef = React.useRef(null);
   useRovingTabIndex({
     parentRef: stepListRef,
@@ -8498,20 +8651,20 @@ const ProgressTracker = /*#__PURE__*/forwardRef((props, ref) => {
     ref: mergeRefs(ref, stepListRef)
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$I
+      prefix: CLASSNAME$L
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$I}__steps`,
+    className: `${CLASSNAME$L}__steps`,
     role: "tablist",
     "aria-label": ariaLabel
   }, children), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$I}__background-bar`,
+    className: `${CLASSNAME$L}__background-bar`,
     style: {
       left: `${backgroundPosition}%`,
       right: `${backgroundPosition}%`
     }
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$I}__foreground-bar`,
+    className: `${CLASSNAME$L}__foreground-bar`,
     style: {
       left: `${backgroundPosition}%`,
       right: `${backgroundPosition}%`,
@@ -8519,11 +8672,11 @@ const ProgressTracker = /*#__PURE__*/forwardRef((props, ref) => {
     }
   }));
 });
-ProgressTracker.displayName = COMPONENT_NAME$L;
-ProgressTracker.className = CLASSNAME$I;
-ProgressTracker.defaultProps = DEFAULT_PROPS$A;
+ProgressTracker.displayName = COMPONENT_NAME$O;
+ProgressTracker.className = CLASSNAME$L;
+ProgressTracker.defaultProps = DEFAULT_PROPS$D;
 
-const _excluded$O = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+const _excluded$R = ["className", "disabled", "hasError", "helper", "id", "isActive", "isComplete", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
 
 /**
  * Defines the props of the component.
@@ -8532,17 +8685,17 @@ const _excluded$O = ["className", "disabled", "hasError", "helper", "id", "isAct
 /**
  * Component display name.
  */
-const COMPONENT_NAME$M = 'ProgressTrackerStep';
+const COMPONENT_NAME$P = 'ProgressTrackerStep';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$J = getRootClassName(COMPONENT_NAME$M);
+const CLASSNAME$M = getRootClassName(COMPONENT_NAME$P);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$B = {};
+const DEFAULT_PROPS$E = {};
 
 /**
  * ProgressTrackerStep component.
@@ -8568,7 +8721,7 @@ const ProgressTrackerStep = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyPress,
       tabIndex = -1
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$O);
+    forwardedProps = _objectWithoutProperties(props, _excluded$R);
   const state = useTabProviderContext('tab', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   const changeToCurrentTab = useCallback(() => {
@@ -8605,7 +8758,7 @@ const ProgressTrackerStep = /*#__PURE__*/forwardRef((props, ref) => {
     type: "button",
     id: state === null || state === void 0 ? void 0 : state.tabId,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$J,
+      prefix: CLASSNAME$M,
       hasError,
       isActive,
       isClickable: state && !isDisabled,
@@ -8620,22 +8773,22 @@ const ProgressTrackerStep = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-selected": isActive,
     "aria-controls": state === null || state === void 0 ? void 0 : state.tabPanelId
   }), /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$J}__state`,
+    className: `${CLASSNAME$M}__state`,
     icon: getIcon(),
     size: Size.s
   }), /*#__PURE__*/React.createElement(InputLabel, {
     htmlFor: (state === null || state === void 0 ? void 0 : state.tabId) || '',
-    className: `${CLASSNAME$J}__label`
+    className: `${CLASSNAME$M}__label`
   }, label), helper && /*#__PURE__*/React.createElement(InputHelper, {
     kind: hasError ? Kind.error : Kind.info,
-    className: `${CLASSNAME$J}__helper`
+    className: `${CLASSNAME$M}__helper`
   }, helper));
 });
-ProgressTrackerStep.displayName = COMPONENT_NAME$M;
-ProgressTrackerStep.className = CLASSNAME$J;
-ProgressTrackerStep.defaultProps = DEFAULT_PROPS$B;
+ProgressTrackerStep.displayName = COMPONENT_NAME$P;
+ProgressTrackerStep.className = CLASSNAME$M;
+ProgressTrackerStep.defaultProps = DEFAULT_PROPS$E;
 
-const _excluded$P = ["children", "id", "className", "isActive"];
+const _excluded$S = ["children", "id", "className", "isActive"];
 
 /**
  * Defines the props of the component.
@@ -8644,17 +8797,17 @@ const _excluded$P = ["children", "id", "className", "isActive"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$N = 'ProgressTrackerStepPanel';
+const COMPONENT_NAME$Q = 'ProgressTrackerStepPanel';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$K = `${CSS_PREFIX}-step-panel`;
+const CLASSNAME$N = `${CSS_PREFIX}-step-panel`;
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$C = {};
+const DEFAULT_PROPS$F = {};
 
 /**
  * ProgressTrackerStepPanel component.
@@ -8672,7 +8825,7 @@ const ProgressTrackerStepPanel = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isActive: propIsActive
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$P);
+    forwardedProps = _objectWithoutProperties(props, _excluded$S);
   const state = useTabProviderContext('tabPanel', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -8680,7 +8833,7 @@ const ProgressTrackerStepPanel = /*#__PURE__*/forwardRef((props, ref) => {
   }, forwardedProps, {
     id: state === null || state === void 0 ? void 0 : state.tabPanelId,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$K,
+      prefix: CLASSNAME$N,
       isActive
     })),
     role: "tabpanel",
@@ -8688,11 +8841,11 @@ const ProgressTrackerStepPanel = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-labelledby": state === null || state === void 0 ? void 0 : state.tabId
   }), (!(state !== null && state !== void 0 && state.isLazy) || isActive) && children);
 });
-ProgressTrackerStepPanel.displayName = COMPONENT_NAME$N;
-ProgressTrackerStepPanel.className = CLASSNAME$K;
-ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$C;
+ProgressTrackerStepPanel.displayName = COMPONENT_NAME$Q;
+ProgressTrackerStepPanel.className = CLASSNAME$N;
+ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$F;
 
-const _excluded$Q = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
+const _excluded$T = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
 
 /**
  * Defines the props of the component.
@@ -8701,17 +8854,17 @@ const _excluded$Q = ["checked", "className", "disabled", "helper", "id", "inputR
 /**
  * Component display name.
  */
-const COMPONENT_NAME$O = 'RadioButton';
+const COMPONENT_NAME$R = 'RadioButton';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$L = getRootClassName(COMPONENT_NAME$O);
+const CLASSNAME$O = getRootClassName(COMPONENT_NAME$R);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$D = {
+const DEFAULT_PROPS$G = {
   theme: Theme.light
 };
 
@@ -8739,8 +8892,8 @@ const RadioButton = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       inputProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Q);
-  const inputId = useMemo(() => id || `${CLASSNAME$L.toLowerCase()}-${uid()}`, [id]);
+    forwardedProps = _objectWithoutProperties(props, _excluded$T);
+  const inputId = useMemo(() => id || `${CLASSNAME$O.toLowerCase()}-${uid()}`, [id]);
   const handleChange = event => {
     if (onChange) {
       onChange(value, name, event);
@@ -8753,14 +8906,14 @@ const RadioButton = /*#__PURE__*/forwardRef((props, ref) => {
       isChecked,
       isDisabled,
       isUnchecked: !isChecked,
-      prefix: CLASSNAME$L,
+      prefix: CLASSNAME$O,
       theme
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$L}__input-wrapper`
+    className: `${CLASSNAME$O}__input-wrapper`
   }, /*#__PURE__*/React.createElement("input", _extends({
     ref: inputRef,
-    className: `${CLASSNAME$L}__input-native`,
+    className: `${CLASSNAME$O}__input-native`,
     disabled: isDisabled,
     id: inputId,
     tabIndex: isDisabled ? -1 : 0,
@@ -8771,28 +8924,28 @@ const RadioButton = /*#__PURE__*/forwardRef((props, ref) => {
     onChange: handleChange,
     "aria-describedby": helper ? `${inputId}-helper` : undefined
   }, inputProps)), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$L}__input-placeholder`
+    className: `${CLASSNAME$O}__input-placeholder`
   }, /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$L}__input-background`
+    className: `${CLASSNAME$O}__input-background`
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$L}__input-indicator`
+    className: `${CLASSNAME$O}__input-indicator`
   }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$L}__content`
+    className: `${CLASSNAME$O}__content`
   }, label && /*#__PURE__*/React.createElement(InputLabel, {
     htmlFor: inputId,
     theme: theme,
-    className: `${CLASSNAME$L}__label`
+    className: `${CLASSNAME$O}__label`
   }, label), helper && /*#__PURE__*/React.createElement(InputHelper, {
     id: `${inputId}-helper`,
     theme: theme,
-    className: `${CLASSNAME$L}__helper`
+    className: `${CLASSNAME$O}__helper`
   }, helper)));
 });
-RadioButton.displayName = COMPONENT_NAME$O;
-RadioButton.className = CLASSNAME$L;
-RadioButton.defaultProps = DEFAULT_PROPS$D;
+RadioButton.displayName = COMPONENT_NAME$R;
+RadioButton.className = CLASSNAME$O;
+RadioButton.defaultProps = DEFAULT_PROPS$G;
 
-const _excluded$R = ["children", "className"];
+const _excluded$U = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -8801,12 +8954,12 @@ const _excluded$R = ["children", "className"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$P = 'RadioGroup';
+const COMPONENT_NAME$S = 'RadioGroup';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$M = getRootClassName(COMPONENT_NAME$P);
+const CLASSNAME$P = getRootClassName(COMPONENT_NAME$S);
 
 /**
  * RadioGroup component.
@@ -8820,17 +8973,17 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$R);
+    forwardedProps = _objectWithoutProperties(props, _excluded$U);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$M
+      prefix: CLASSNAME$P
     }))
   }), children);
 });
-RadioGroup.displayName = COMPONENT_NAME$P;
-RadioGroup.className = CLASSNAME$M;
+RadioGroup.displayName = COMPONENT_NAME$S;
+RadioGroup.className = CLASSNAME$P;
 
 /**
  * Listen on element focus to store the focus status.
@@ -8864,16 +9017,16 @@ const SelectVariant = {
   chip: 'chip'
 };
 
-const _excluded$S = ["children", "className", "isMultiple", "closeOnClick", "disabled", "error", "hasError", "helper", "id", "isDisabled", "isEmpty", "isOpen", "isRequired", "isValid", "label", "onClear", "onDropdownClose", "onInfiniteScroll", "onInputClick", "placeholder", "theme", "value", "variant"];
+const _excluded$V = ["children", "className", "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$Q = 'Select';
+const COMPONENT_NAME$T = 'Select';
 
 /** The default class name and classes prefix for this component. */
-const CLASSNAME$N = getRootClassName(COMPONENT_NAME$Q);
+const CLASSNAME$Q = getRootClassName(COMPONENT_NAME$T);
 
 /** The default value of props. */
-const DEFAULT_PROPS$E = {
+const DEFAULT_PROPS$H = {
   theme: Theme.light,
   variant: SelectVariant.input
 };
@@ -8899,11 +9052,11 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
       onInfiniteScroll,
       onInputClick,
       placeholder,
-      theme = DEFAULT_PROPS$E.theme,
+      theme = DEFAULT_PROPS$H.theme,
       value,
-      variant = DEFAULT_PROPS$E.variant
+      variant = DEFAULT_PROPS$H.variant
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$S);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$V);
   const selectId = useMemo(() => id || `select-${uid()}`, [id]);
   const anchorRef = useRef(null);
   const selectRef = useRef(null);
@@ -8933,7 +9086,7 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
       isFocus,
       isOpen,
       isValid,
-      prefix: CLASSNAME$N,
+      prefix: CLASSNAME$Q,
       theme: theme === Theme.light ? Theme.light : Theme.dark
     }))
   }, /*#__PURE__*/React.createElement(SelectElement, _extends({}, forwardedProps, {
@@ -8963,25 +9116,25 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
     onClose: onClose,
     onInfiniteScroll: onInfiniteScroll
   }, children), hasError && error && /*#__PURE__*/React.createElement(InputHelper, {
-    className: `${CLASSNAME$N}__helper`,
+    className: `${CLASSNAME$Q}__helper`,
     kind: Kind.error,
     theme: theme
   }, error), helper && /*#__PURE__*/React.createElement(InputHelper, {
-    className: `${CLASSNAME$N}__helper`,
+    className: `${CLASSNAME$Q}__helper`,
     theme: theme
   }, helper));
 };
 
-const _excluded$T = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant"];
+const _excluded$W = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant"];
 
 /** The display name of the component. */
-const COMPONENT_NAME$R = 'Select';
+const COMPONENT_NAME$U = 'Select';
 
 /** The default class name and classes prefix for this component. */
-const CLASSNAME$O = getRootClassName(COMPONENT_NAME$R);
+const CLASSNAME$R = getRootClassName(COMPONENT_NAME$U);
 
 /** The default value of props. */
-const DEFAULT_PROPS$F = {
+const DEFAULT_PROPS$I = {
   selectedValueRender: choice => choice
 };
 const stopPropagation = evt => evt.stopPropagation();
@@ -9011,36 +9164,36 @@ const SelectField = _ref => {
       value,
       variant
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$T);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$W);
   return /*#__PURE__*/React.createElement(React.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$O}__header`
+    className: `${CLASSNAME$R}__header`
   }, /*#__PURE__*/React.createElement(InputLabel, {
     htmlFor: id,
-    className: `${CLASSNAME$O}__label`,
+    className: `${CLASSNAME$R}__label`,
     isRequired: isRequired,
     theme: theme
   }, label)), /*#__PURE__*/React.createElement("div", _extends({
     ref: anchorRef,
     id: id,
-    className: `${CLASSNAME$O}__wrapper`,
+    className: `${CLASSNAME$R}__wrapper`,
     onClick: onInputClick,
     onKeyDown: handleKeyboardNav,
     tabIndex: isDisabled ? undefined : 0,
     "aria-disabled": isDisabled || undefined
   }, forwardedProps), icon && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$O}__input-icon`,
+    className: `${CLASSNAME$R}__input-icon`,
     color: theme === Theme.dark ? 'light' : undefined,
     icon: icon,
     size: Size.xs
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames([`${CLASSNAME$O}__input-native`, isEmpty && placeholder && `${CLASSNAME$O}__input-native--placeholder`])
+    className: classnames([`${CLASSNAME$R}__input-native`, isEmpty && placeholder && `${CLASSNAME$R}__input-native--placeholder`])
   }, !isEmpty && /*#__PURE__*/React.createElement("span", null, selectedValueRender === null || selectedValueRender === void 0 ? void 0 : selectedValueRender(value)), isEmpty && placeholder && /*#__PURE__*/React.createElement("span", null, placeholder)), (isValid || hasError) && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$O}__input-validity`
+    className: `${CLASSNAME$R}__input-validity`
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: isValid ? mdiCheckCircle : mdiAlertCircle,
     size: Size.xxs
   })), hasInputClear && clearButtonProps && /*#__PURE__*/React.createElement(IconButton, _extends({}, clearButtonProps, {
-    className: `${CLASSNAME$O}__input-clear`,
+    className: `${CLASSNAME$R}__input-clear`,
     icon: mdiCloseCircle,
     emphasis: Emphasis.low,
     size: Size.s,
@@ -9048,7 +9201,7 @@ const SelectField = _ref => {
     onClick: onClear,
     onKeyDown: stopPropagation
   })), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$O}__input-indicator`
+    className: `${CLASSNAME$R}__input-indicator`
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: mdiMenuDown,
     size: Size.s
@@ -9080,29 +9233,29 @@ const Select = /*#__PURE__*/forwardRef((props, ref) => {
     className: classnames(props.className, handleBasicClasses({
       hasInputClear,
       hasUnique: !props.isEmpty,
-      prefix: CLASSNAME$O
+      prefix: CLASSNAME$R
     })),
     hasInputClear,
     isEmpty: isEmpty$1
   }), ref);
 });
-Select.displayName = COMPONENT_NAME$R;
-Select.className = CLASSNAME$O;
-Select.defaultProps = DEFAULT_PROPS$F;
-Select.className = CLASSNAME$O;
+Select.displayName = COMPONENT_NAME$U;
+Select.className = CLASSNAME$R;
+Select.defaultProps = DEFAULT_PROPS$I;
+Select.className = CLASSNAME$R;
 
-const _excluded$U = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant"];
+const _excluded$X = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant"];
 
 /** Defines the props of the component. */
 
 /** The display name of the component. */
-const COMPONENT_NAME$S = 'Select';
+const COMPONENT_NAME$V = 'Select';
 
 /** The default class name and classes prefix for this component. */
-const CLASSNAME$P = getRootClassName(COMPONENT_NAME$S);
+const CLASSNAME$S = getRootClassName(COMPONENT_NAME$V);
 
 /** The default value of props. */
-const DEFAULT_PROPS$G = {
+const DEFAULT_PROPS$J = {
   selectedChipRender(choice, index, onClear, isDisabled, theme) {
     const onClick = event => onClear && onClear(event, choice);
     return /*#__PURE__*/React.createElement(Chip, {
@@ -9141,38 +9294,38 @@ const SelectMultipleField = _ref => {
       value,
       variant
     } = _ref,
-    forwardedProps = _objectWithoutProperties(_ref, _excluded$U);
+    forwardedProps = _objectWithoutProperties(_ref, _excluded$X);
   return /*#__PURE__*/React.createElement(React.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$P}__header`
+    className: `${CLASSNAME$S}__header`
   }, /*#__PURE__*/React.createElement(InputLabel, {
     htmlFor: id,
-    className: `${CLASSNAME$P}__label`,
+    className: `${CLASSNAME$S}__label`,
     isRequired: isRequired,
     theme: theme
   }, label)), /*#__PURE__*/React.createElement("div", _extends({
     ref: anchorRef,
     id: id,
-    className: `${CLASSNAME$P}__wrapper`,
+    className: `${CLASSNAME$S}__wrapper`,
     onClick: onInputClick,
     onKeyDown: handleKeyboardNav,
     tabIndex: isDisabled ? undefined : 0,
     "aria-disabled": isDisabled || undefined
   }, forwardedProps), icon && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$P}__input-icon`,
+    className: `${CLASSNAME$S}__input-icon`,
     color: theme === Theme.dark ? 'light' : undefined,
     icon: icon,
     size: Size.xs
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$P}__chips`
+    className: `${CLASSNAME$S}__chips`
   }, !isEmpty && value.map((val, index) => selectedChipRender === null || selectedChipRender === void 0 ? void 0 : selectedChipRender(val, index, onClear, isDisabled, theme))), isEmpty && placeholder && /*#__PURE__*/React.createElement("div", {
-    className: classnames([`${CLASSNAME$P}__input-native`, `${CLASSNAME$P}__input-native--placeholder`])
+    className: classnames([`${CLASSNAME$S}__input-native`, `${CLASSNAME$S}__input-native--placeholder`])
   }, /*#__PURE__*/React.createElement("span", null, placeholder)), (isValid || hasError) && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$P}__input-validity`
+    className: `${CLASSNAME$S}__input-validity`
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: isValid ? mdiCheckCircle : mdiAlertCircle,
     size: Size.xxs
   })), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$P}__input-indicator`
+    className: `${CLASSNAME$S}__input-indicator`
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: mdiMenuDown,
     size: Size.s
@@ -9201,17 +9354,17 @@ const SelectMultiple = /*#__PURE__*/forwardRef((props, ref) => {
   return WithSelectContext(SelectMultipleField, _objectSpread2(_objectSpread2({}, props), {}, {
     className: classnames(props.className, handleBasicClasses({
       hasMultiple: !props.isEmpty,
-      prefix: CLASSNAME$P
+      prefix: CLASSNAME$S
     })),
     isEmpty: props.value.length === 0,
     isMultiple: true
   }), ref);
 });
-SelectMultiple.displayName = COMPONENT_NAME$S;
-SelectMultiple.className = CLASSNAME$P;
-SelectMultiple.defaultProps = DEFAULT_PROPS$G;
+SelectMultiple.displayName = COMPONENT_NAME$V;
+SelectMultiple.className = CLASSNAME$S;
+SelectMultiple.defaultProps = DEFAULT_PROPS$J;
 
-const _excluded$V = ["children", "className", "theme"];
+const _excluded$Y = ["children", "className", "theme"];
 
 /**
  * Defines the props of the component.
@@ -9220,12 +9373,12 @@ const _excluded$V = ["children", "className", "theme"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$T = 'SideNavigation';
+const COMPONENT_NAME$W = 'SideNavigation';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$Q = getRootClassName(COMPONENT_NAME$T);
+const CLASSNAME$T = getRootClassName(COMPONENT_NAME$W);
 
 /**
  * SideNavigation component.
@@ -9240,20 +9393,20 @@ const SideNavigation = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$V);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Y);
   const content = Children.toArray(children).filter(isComponent(SideNavigationItem));
   return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, theme === Theme.dark && 'lumx-color-font-light-N', handleBasicClasses({
-      prefix: CLASSNAME$Q
+      prefix: CLASSNAME$T
     }))
   }), content);
 });
-SideNavigation.displayName = COMPONENT_NAME$T;
-SideNavigation.className = CLASSNAME$Q;
+SideNavigation.displayName = COMPONENT_NAME$W;
+SideNavigation.className = CLASSNAME$T;
 
-const _excluded$W = ["children", "className", "emphasis", "icon", "isOpen", "isSelected", "label", "linkAs", "linkProps", "onActionClick", "onClick", "toggleButtonProps", "closeMode"];
+const _excluded$Z = ["children", "className", "emphasis", "icon", "isOpen", "isSelected", "label", "linkAs", "linkProps", "onActionClick", "onClick", "toggleButtonProps", "closeMode"];
 
 /**
  * Defines the props of the component.
@@ -9262,17 +9415,17 @@ const _excluded$W = ["children", "className", "emphasis", "icon", "isOpen", "isS
 /**
  * Component display name.
  */
-const COMPONENT_NAME$U = 'SideNavigationItem';
+const COMPONENT_NAME$X = 'SideNavigationItem';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$R = getRootClassName(COMPONENT_NAME$U);
+const CLASSNAME$U = getRootClassName(COMPONENT_NAME$X);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$H = {
+const DEFAULT_PROPS$K = {
   emphasis: Emphasis.high,
   closeMode: 'unmount'
 };
@@ -9300,7 +9453,7 @@ const SideNavigationItem = /*#__PURE__*/forwardRef((props, ref) => {
       toggleButtonProps,
       closeMode = 'unmount'
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$W);
+    forwardedProps = _objectWithoutProperties(props, _excluded$Z);
   const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));
   const hasContent = !isEmpty(content);
   const shouldSplitActions = Boolean(onActionClick);
@@ -9312,22 +9465,22 @@ const SideNavigationItem = /*#__PURE__*/forwardRef((props, ref) => {
       emphasis,
       isOpen: showChildren,
       isSelected,
-      prefix: CLASSNAME$R
+      prefix: CLASSNAME$U
     }))
   }), shouldSplitActions ? /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$R}__wrapper`
+    className: `${CLASSNAME$U}__wrapper`
   }, renderLink(_objectSpread2(_objectSpread2({
     linkAs
   }, linkProps), {}, {
-    className: `${CLASSNAME$R}__link`,
+    className: `${CLASSNAME$U}__link`,
     onClick,
     tabIndex: 0
   }), icon && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$R}__icon`,
+    className: `${CLASSNAME$U}__icon`,
     icon: icon,
     size: Size.xs
   }), /*#__PURE__*/React.createElement("span", null, label)), /*#__PURE__*/React.createElement(IconButton, _extends({}, toggleButtonProps, {
-    className: `${CLASSNAME$R}__toggle`,
+    className: `${CLASSNAME$U}__toggle`,
     icon: isOpen ? mdiChevronUp : mdiChevronDown,
     size: Size.m,
     emphasis: Emphasis.low,
@@ -9335,45 +9488,45 @@ const SideNavigationItem = /*#__PURE__*/forwardRef((props, ref) => {
   }))) : renderLink(_objectSpread2(_objectSpread2({
     linkAs
   }, linkProps), {}, {
-    className: `${CLASSNAME$R}__link`,
+    className: `${CLASSNAME$U}__link`,
     tabIndex: 0,
     onClick,
     onKeyDown: onClick ? onEnterPressed(onClick) : undefined
   }), icon && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$R}__icon`,
+    className: `${CLASSNAME$U}__icon`,
     icon: icon,
     size: Size.xs
   }), /*#__PURE__*/React.createElement("span", null, label), hasContent && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$R}__chevron`,
+    className: `${CLASSNAME$U}__chevron`,
     icon: isOpen ? mdiChevronUp : mdiChevronDown,
     size: Size.xs
   })), (closeMode === 'hide' || showChildren) && /*#__PURE__*/React.createElement("ul", {
-    className: `${CLASSNAME$R}__children`
+    className: `${CLASSNAME$U}__children`
   }, content));
 });
-SideNavigationItem.displayName = COMPONENT_NAME$U;
-SideNavigationItem.className = CLASSNAME$R;
-SideNavigationItem.defaultProps = DEFAULT_PROPS$H;
+SideNavigationItem.displayName = COMPONENT_NAME$X;
+SideNavigationItem.className = CLASSNAME$U;
+SideNavigationItem.defaultProps = DEFAULT_PROPS$K;
 
-const _excluded$X = ["className", "size", "color", "theme"];
+const _excluded$_ = ["className", "size", "color", "theme"];
 
 /**
  * Defines the props of the component.
  */
 
-const DEFAULT_PROPS$I = {
+const DEFAULT_PROPS$L = {
   theme: Theme.light
 };
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$V = 'SkeletonCircle';
+const COMPONENT_NAME$Y = 'SkeletonCircle';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$S = getRootClassName(COMPONENT_NAME$V);
+const CLASSNAME$V = getRootClassName(COMPONENT_NAME$Y);
 
 /**
  * SkeletonCircle component.
@@ -9389,23 +9542,23 @@ const SkeletonCircle = /*#__PURE__*/forwardRef((props, ref) => {
       color,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$X);
+    forwardedProps = _objectWithoutProperties(props, _excluded$_);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$S,
+      prefix: CLASSNAME$V,
       size,
       color,
       theme
     }))
   }));
 });
-SkeletonCircle.displayName = COMPONENT_NAME$V;
-SkeletonCircle.defaultProps = DEFAULT_PROPS$I;
-SkeletonCircle.className = CLASSNAME$S;
+SkeletonCircle.displayName = COMPONENT_NAME$Y;
+SkeletonCircle.defaultProps = DEFAULT_PROPS$L;
+SkeletonCircle.className = CLASSNAME$V;
 
-const _excluded$Y = ["aspectRatio", "className", "height", "theme", "variant", "width", "color"];
+const _excluded$$ = ["aspectRatio", "className", "height", "theme", "variant", "width", "color"];
 
 /**
  * Skeleton variants.
@@ -9415,7 +9568,7 @@ const SkeletonRectangleVariant = {
   rounded: 'rounded',
   pill: 'pill'
 };
-const DEFAULT_PROPS$J = {
+const DEFAULT_PROPS$M = {
   theme: Theme.light,
   variant: SkeletonRectangleVariant.squared
 };
@@ -9423,12 +9576,12 @@ const DEFAULT_PROPS$J = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$W = 'SkeletonRectangle';
+const COMPONENT_NAME$Z = 'SkeletonRectangle';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$T = getRootClassName(COMPONENT_NAME$W);
+const CLASSNAME$W = getRootClassName(COMPONENT_NAME$Z);
 
 /**
  * SkeletonRectangle component.
@@ -9447,12 +9600,12 @@ const SkeletonRectangle = /*#__PURE__*/forwardRef((props, ref) => {
       width,
       color
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Y);
+    forwardedProps = _objectWithoutProperties(props, _excluded$$);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$T,
+      prefix: CLASSNAME$W,
       aspectRatio,
       height: aspectRatio ? undefined : height,
       theme,
@@ -9461,32 +9614,32 @@ const SkeletonRectangle = /*#__PURE__*/forwardRef((props, ref) => {
       color
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$T}__inner`
+    className: `${CLASSNAME$W}__inner`
   }));
 });
-SkeletonRectangle.displayName = COMPONENT_NAME$W;
-SkeletonRectangle.className = CLASSNAME$T;
-SkeletonRectangle.defaultProps = DEFAULT_PROPS$J;
+SkeletonRectangle.displayName = COMPONENT_NAME$Z;
+SkeletonRectangle.className = CLASSNAME$W;
+SkeletonRectangle.defaultProps = DEFAULT_PROPS$M;
 
-const _excluded$Z = ["className", "theme", "typography", "width", "color"];
+const _excluded$10 = ["className", "theme", "typography", "width", "color"];
 
 /**
  * Defines the props of the component.
  */
 
-const DEFAULT_PROPS$K = {
+const DEFAULT_PROPS$N = {
   theme: Theme.light
 };
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$X = 'SkeletonTypography';
+const COMPONENT_NAME$_ = 'SkeletonTypography';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$U = getRootClassName(COMPONENT_NAME$X);
+const CLASSNAME$X = getRootClassName(COMPONENT_NAME$_);
 
 /**
  * SkeletonTypography component.
@@ -9503,12 +9656,12 @@ const SkeletonTypography = /*#__PURE__*/forwardRef((props, ref) => {
       width,
       color
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$Z);
+    forwardedProps = _objectWithoutProperties(props, _excluded$10);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$U,
+      prefix: CLASSNAME$X,
       theme,
       typography,
       color
@@ -9517,12 +9670,12 @@ const SkeletonTypography = /*#__PURE__*/forwardRef((props, ref) => {
       width
     })
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$U}__inner`
+    className: `${CLASSNAME$X}__inner`
   }));
 });
-SkeletonTypography.displayName = COMPONENT_NAME$X;
-SkeletonTypography.defaultProps = DEFAULT_PROPS$K;
-SkeletonTypography.className = CLASSNAME$U;
+SkeletonTypography.displayName = COMPONENT_NAME$_;
+SkeletonTypography.defaultProps = DEFAULT_PROPS$N;
+SkeletonTypography.className = CLASSNAME$X;
 
 const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
@@ -9558,7 +9711,7 @@ const clamp = (value, min, max) => {
   return value;
 };
 
-const _excluded$_ = ["className", "disabled", "helper", "hideMinMaxLabel", "id", "isDisabled", "label", "max", "min", "name", "onChange", "onMouseDown", "precision", "steps", "theme", "value"];
+const _excluded$11 = ["className", "disabled", "helper", "hideMinMaxLabel", "id", "isDisabled", "label", "max", "min", "name", "onChange", "onMouseDown", "precision", "steps", "theme", "value"];
 
 /**
  * Defines the props of the component.
@@ -9567,17 +9720,17 @@ const _excluded$_ = ["className", "disabled", "helper", "hideMinMaxLabel", "id",
 /**
  * Component display name.
  */
-const COMPONENT_NAME$Y = 'Slider';
+const COMPONENT_NAME$$ = 'Slider';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$V = getRootClassName(COMPONENT_NAME$Y);
+const CLASSNAME$Y = getRootClassName(COMPONENT_NAME$$);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$L = {
+const DEFAULT_PROPS$O = {
   precision: 0,
   steps: 0,
   theme: Theme.light
@@ -9633,7 +9786,7 @@ const Slider = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       value
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$_);
+    forwardedProps = _objectWithoutProperties(props, _excluded$11);
   const sliderId = useMemo(() => id || `slider-${uid()}`, [id]);
   const sliderLabelId = useMemo(() => `label-${sliderId}`, [sliderId]);
   const sliderRef = useRef(null);
@@ -9766,7 +9919,7 @@ const Slider = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$V,
+      prefix: CLASSNAME$Y,
       theme,
       hasLabel: Boolean(label)
     })),
@@ -9775,30 +9928,30 @@ const Slider = /*#__PURE__*/forwardRef((props, ref) => {
   }), label && /*#__PURE__*/React.createElement(InputLabel, {
     id: sliderLabelId,
     htmlFor: sliderId,
-    className: `${CLASSNAME$V}__label`,
+    className: `${CLASSNAME$Y}__label`,
     theme: theme
   }, label), helper && /*#__PURE__*/React.createElement(InputHelper, {
-    className: `${CLASSNAME$V}__helper`,
+    className: `${CLASSNAME$Y}__helper`,
     theme: theme
   }, helper), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$V}__ui-wrapper`
+    className: `${CLASSNAME$Y}__ui-wrapper`
   }, !hideMinMaxLabel && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME$V}__value-label ${CLASSNAME$V}__value-label--min`
+    className: `${CLASSNAME$Y}__value-label ${CLASSNAME$Y}__value-label--min`
   }, min), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$V}__wrapper`,
+    className: `${CLASSNAME$Y}__wrapper`,
     ref: sliderRef
   }, /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$V}__track ${CLASSNAME$V}__track--background`
+    className: `${CLASSNAME$Y}__track ${CLASSNAME$Y}__track--background`
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$V}__track ${CLASSNAME$V}__track--active`,
+    className: `${CLASSNAME$Y}__track ${CLASSNAME$Y}__track--active`,
     style: {
       width: percentString
     }
   }), steps ? /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$V}__ticks`
+    className: `${CLASSNAME$Y}__ticks`
   }, availableSteps.map((step, idx) => /*#__PURE__*/React.createElement("div", {
     key: `tick_${idx}`,
-    className: `${CLASSNAME$V}__tick`,
+    className: `${CLASSNAME$Y}__tick`,
     style: {
       left: `${step * 100}%`
     }
@@ -9807,19 +9960,19 @@ const Slider = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-labelledby": sliderLabelId,
     name: name,
     id: sliderId,
-    className: `${CLASSNAME$V}__handle`,
+    className: `${CLASSNAME$Y}__handle`,
     style: {
       left: percentString
     },
     onKeyDown: handleKeyDown,
     disabled: isDisabled
   })), !hideMinMaxLabel && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME$V}__value-label ${CLASSNAME$V}__value-label--max`
+    className: `${CLASSNAME$Y}__value-label ${CLASSNAME$Y}__value-label--max`
   }, max)));
 });
-Slider.displayName = COMPONENT_NAME$Y;
-Slider.className = CLASSNAME$V;
-Slider.defaultProps = DEFAULT_PROPS$L;
+Slider.displayName = COMPONENT_NAME$$;
+Slider.className = CLASSNAME$Y;
+Slider.defaultProps = DEFAULT_PROPS$O;
 
 /**
  * Making setInterval Declarative with React Hooks.
@@ -10114,7 +10267,7 @@ const useSlideFocusManagement = _ref => {
   }, [isSlideDisplayed, slideRef]);
 };
 
-const _excluded$$ = ["className", "children", "role", "label", "isDisplayed"];
+const _excluded$12 = ["className", "children", "role", "label", "isDisplayed"];
 
 /**
  * Defines the props of the component.
@@ -10123,12 +10276,12 @@ const _excluded$$ = ["className", "children", "role", "label", "isDisplayed"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$Z = 'SlideshowItemGroup';
+const COMPONENT_NAME$10 = 'SlideshowItemGroup';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$W = getRootClassName(COMPONENT_NAME$Z);
+const CLASSNAME$Z = getRootClassName(COMPONENT_NAME$10);
 const buildSlideShowGroupId = (slidesId, index) => `${slidesId}-slide-${index}`;
 
 /**
@@ -10146,7 +10299,7 @@ const SlideshowItemGroup = /*#__PURE__*/forwardRef((props, ref) => {
       label,
       isDisplayed
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$$);
+    forwardedProps = _objectWithoutProperties(props, _excluded$12);
   const groupRef = React.useRef(null);
   useSlideFocusManagement({
     isSlideDisplayed: isDisplayed,
@@ -10156,16 +10309,16 @@ const SlideshowItemGroup = /*#__PURE__*/forwardRef((props, ref) => {
     ref: mergeRefs(groupRef, ref),
     role: role,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$W
+      prefix: CLASSNAME$Z
     })),
     "aria-roledescription": "slide",
     "aria-label": label
   }, forwardedProps), children);
 });
-SlideshowItemGroup.displayName = COMPONENT_NAME$Z;
-SlideshowItemGroup.className = CLASSNAME$W;
+SlideshowItemGroup.displayName = COMPONENT_NAME$10;
+SlideshowItemGroup.className = CLASSNAME$Z;
 
-const _excluded$10 = ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId", "slideGroupLabel"];
+const _excluded$13 = ["activeIndex", "autoPlay", "children", "className", "fillHeight", "groupBy", "interval", "onChange", "slideshowControlsProps", "theme", "id", "slidesId", "slideGroupLabel"];
 
 /**
  * Defines the props of the component.
@@ -10174,7 +10327,7 @@ const _excluded$10 = ["activeIndex", "autoPlay", "children", "className", "fillH
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$M = _objectSpread2(_objectSpread2({}, DEFAULT_OPTIONS$1), {}, {
+const DEFAULT_PROPS$P = _objectSpread2(_objectSpread2({}, DEFAULT_OPTIONS$1), {}, {
   theme: Theme.light
 });
 
@@ -10201,7 +10354,7 @@ const Slideshow = /*#__PURE__*/forwardRef((props, ref) => {
       slidesId,
       slideGroupLabel
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$10);
+    forwardedProps = _objectWithoutProperties(props, _excluded$13);
   // Number of slideshow items.
   const itemsCount = React.Children.count(children);
   const {
@@ -10221,7 +10374,7 @@ const Slideshow = /*#__PURE__*/forwardRef((props, ref) => {
     toggleForcePause
   } = SlideshowControls.useSlideshowControls({
     activeIndex,
-    defaultActiveIndex: DEFAULT_PROPS$M.activeIndex,
+    defaultActiveIndex: DEFAULT_PROPS$P.activeIndex,
     autoPlay: Boolean(autoPlay),
     itemsCount,
     groupBy,
@@ -10281,9 +10434,9 @@ const Slideshow = /*#__PURE__*/forwardRef((props, ref) => {
   }, forwardedProps), children);
 });
 Slideshow.displayName = 'Slideshow';
-Slideshow.defaultProps = DEFAULT_PROPS$M;
+Slideshow.defaultProps = DEFAULT_PROPS$P;
 
-const _excluded$11 = ["className", "children"];
+const _excluded$14 = ["className", "children"];
 
 /**
  * Defines the props of the component.
@@ -10292,12 +10445,12 @@ const _excluded$11 = ["className", "children"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$_ = 'SlideshowItem';
+const COMPONENT_NAME$11 = 'SlideshowItem';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$X = getRootClassName(COMPONENT_NAME$_);
+const CLASSNAME$_ = getRootClassName(COMPONENT_NAME$11);
 
 /**
  * SlideshowItem component.
@@ -10311,16 +10464,16 @@ const SlideshowItem = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       children
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$11);
+    forwardedProps = _objectWithoutProperties(props, _excluded$14);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$X
+      prefix: CLASSNAME$_
     }))
   }, forwardedProps), children);
 });
-SlideshowItem.displayName = COMPONENT_NAME$_;
-SlideshowItem.className = CLASSNAME$X;
+SlideshowItem.displayName = COMPONENT_NAME$11;
+SlideshowItem.className = CLASSNAME$_;
 
 const isTouchDevice = () => 'ontouchstart' in window;
 
@@ -10379,7 +10532,7 @@ function usePaginationVisibleRange(activeIndex, slideCount) {
   }, [activeIndex, slideCount]);
 }
 
-const _excluded$12 = ["activeIndex", "className", "nextButtonProps", "onNextClick", "onPaginationClick", "onPreviousClick", "parentRef", "previousButtonProps", "paginationProps", "slidesCount", "theme", "isAutoPlaying", "playButtonProps", "paginationItemLabel", "paginationItemProps"],
+const _excluded$15 = ["activeIndex", "className", "nextButtonProps", "onNextClick", "onPaginationClick", "onPreviousClick", "parentRef", "previousButtonProps", "paginationProps", "slidesCount", "theme", "isAutoPlaying", "playButtonProps", "paginationItemLabel", "paginationItemProps"],
   _excluded2$2 = ["className", "label"];
 
 /**
@@ -10389,17 +10542,17 @@ const _excluded$12 = ["activeIndex", "className", "nextButtonProps", "onNextClic
 /**
  * Component display name.
  */
-const COMPONENT_NAME$$ = 'SlideshowControls';
+const COMPONENT_NAME$12 = 'SlideshowControls';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$Y = getRootClassName(COMPONENT_NAME$$);
+const CLASSNAME$$ = getRootClassName(COMPONENT_NAME$12);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$N = {
+const DEFAULT_PROPS$Q = {
   activeIndex: 0,
   theme: Theme.light
 };
@@ -10429,7 +10582,7 @@ const InternalSlideshowControls = /*#__PURE__*/forwardRef((props, ref) => {
       paginationItemLabel,
       paginationItemProps
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$12);
+    forwardedProps = _objectWithoutProperties(props, _excluded$15);
   let parent;
   if (WINDOW) {
     // Checking window object to avoid errors in SSR.
@@ -10466,22 +10619,22 @@ const InternalSlideshowControls = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$Y,
+      prefix: CLASSNAME$$,
       theme
     }), {
-      [`${CLASSNAME$Y}--has-infinite-pagination`]: slidesCount > PAGINATION_ITEMS_MAX
+      [`${CLASSNAME$$}--has-infinite-pagination`]: slidesCount > PAGINATION_ITEMS_MAX
     })
   }), /*#__PURE__*/React.createElement(IconButton, _extends({}, previousButtonProps, {
     icon: mdiChevronLeft,
-    className: `${CLASSNAME$Y}__navigation`,
+    className: `${CLASSNAME$$}__navigation`,
     color: theme === Theme.dark ? 'light' : 'dark',
     emphasis: Emphasis.low,
     onClick: onPreviousClick
   })), /*#__PURE__*/React.createElement("div", {
     ref: paginationRef,
-    className: `${CLASSNAME$Y}__pagination`
+    className: `${CLASSNAME$$}__pagination`
   }, /*#__PURE__*/React.createElement("div", _extends({
-    className: `${CLASSNAME$Y}__pagination-items`,
+    className: `${CLASSNAME$$}__pagination-items`,
     style: wrapperStyle,
     role: "tablist"
   }, paginationProps), useMemo(() => range(slidesCount).map(index => {
@@ -10497,7 +10650,7 @@ const InternalSlideshowControls = /*#__PURE__*/forwardRef((props, ref) => {
     const ariaLabel = label || (paginationItemLabel === null || paginationItemLabel === void 0 ? void 0 : paginationItemLabel(index)) || `${index + 1} / ${slidesCount}`;
     return /*#__PURE__*/React.createElement("button", _extends({
       className: classnames(handleBasicClasses({
-        prefix: `${CLASSNAME$Y}__pagination-item`,
+        prefix: `${CLASSNAME$$}__pagination-item`,
         isActive,
         isOnEdge,
         isOutRange
@@ -10512,35 +10665,35 @@ const InternalSlideshowControls = /*#__PURE__*/forwardRef((props, ref) => {
     }, itemProps));
   }), [slidesCount, visibleRange.min, visibleRange.max, activeIndex, paginationItemProps, paginationItemLabel, onPaginationClick]))), playButtonProps ? /*#__PURE__*/React.createElement(IconButton, _extends({}, playButtonProps, {
     icon: isAutoPlaying ? mdiPauseCircleOutline : mdiPlayCircleOutline,
-    className: `${CLASSNAME$Y}__play`,
+    className: `${CLASSNAME$$}__play`,
     color: theme === Theme.dark ? 'light' : 'dark',
     emphasis: Emphasis.low
   })) : null, /*#__PURE__*/React.createElement(IconButton, _extends({}, nextButtonProps, {
     icon: mdiChevronRight,
-    className: `${CLASSNAME$Y}__navigation`,
+    className: `${CLASSNAME$$}__navigation`,
     color: theme === Theme.dark ? 'light' : 'dark',
     emphasis: Emphasis.low,
     onClick: onNextClick
   })));
 });
-InternalSlideshowControls.displayName = COMPONENT_NAME$$;
-InternalSlideshowControls.className = CLASSNAME$Y;
-InternalSlideshowControls.defaultProps = DEFAULT_PROPS$N;
+InternalSlideshowControls.displayName = COMPONENT_NAME$12;
+InternalSlideshowControls.className = CLASSNAME$$;
+InternalSlideshowControls.defaultProps = DEFAULT_PROPS$Q;
 const SlideshowControls = Object.assign(InternalSlideshowControls, {
   useSlideshowControls,
   useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS$1
 });
 
-const _excluded$13 = ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "toggleAutoPlay", "slidesId", "children", "afterSlides", "hasControls", "slideGroupLabel"];
+const _excluded$16 = ["activeIndex", "id", "className", "theme", "fillHeight", "groupBy", "isAutoPlaying", "toggleAutoPlay", "slidesId", "children", "afterSlides", "hasControls", "slideGroupLabel"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$10 = 'Slideshow';
+const COMPONENT_NAME$13 = 'Slideshow';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$Z = getRootClassName(COMPONENT_NAME$10);
+const CLASSNAME$10 = getRootClassName(COMPONENT_NAME$13);
 
 /**
  * Slides component.
@@ -10565,7 +10718,7 @@ const Slides = /*#__PURE__*/forwardRef((props, ref) => {
       hasControls,
       slideGroupLabel
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$13);
+    forwardedProps = _objectWithoutProperties(props, _excluded$16);
   const wrapperRef = React.useRef(null);
   const startIndexVisible = activeIndex;
   const endIndexVisible = startIndexVisible + 1;
@@ -10583,22 +10736,22 @@ const Slides = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$Z,
+      prefix: CLASSNAME$10,
       theme
     }), {
-      [`${CLASSNAME$Z}--fill-height`]: fillHeight,
-      [`${CLASSNAME$Z}--group-by-${groupBy}`]: Boolean(groupBy)
+      [`${CLASSNAME$10}--fill-height`]: fillHeight,
+      [`${CLASSNAME$10}--group-by-${groupBy}`]: Boolean(groupBy)
     }),
     "aria-roledescription": "carousel"
   }), /*#__PURE__*/React.createElement("div", {
     id: slidesId,
-    className: `${CLASSNAME$Z}__slides`,
+    className: `${CLASSNAME$10}__slides`,
     onMouseEnter: toggleAutoPlay,
     onMouseLeave: toggleAutoPlay,
     "aria-live": isAutoPlaying ? 'off' : 'polite'
   }, /*#__PURE__*/React.createElement("div", {
     ref: wrapperRef,
-    className: `${CLASSNAME$Z}__wrapper`,
+    className: `${CLASSNAME$10}__wrapper`,
     style: wrapperStyle
   }, groups.map((group, index) => /*#__PURE__*/React.createElement(SlideshowItemGroup, {
     key: index,
@@ -10608,10 +10761,10 @@ const Slides = /*#__PURE__*/forwardRef((props, ref) => {
     isDisplayed: index >= startIndexVisible && index < endIndexVisible
   }, group)))), afterSlides);
 });
-Slides.displayName = COMPONENT_NAME$10;
-Slides.className = CLASSNAME$Z;
+Slides.displayName = COMPONENT_NAME$13;
+Slides.className = CLASSNAME$10;
 
-const _excluded$14 = ["checked", "children", "className", "disabled", "helper", "id", "isChecked", "isDisabled", "name", "onChange", "position", "theme", "value", "inputProps"];
+const _excluded$17 = ["checked", "children", "className", "disabled", "helper", "id", "isChecked", "isDisabled", "name", "onChange", "position", "theme", "value", "inputProps"];
 
 /**
  * Defines the props of the component.
@@ -10620,17 +10773,17 @@ const _excluded$14 = ["checked", "children", "className", "disabled", "helper",
 /**
  * Component display name.
  */
-const COMPONENT_NAME$11 = 'Switch';
+const COMPONENT_NAME$14 = 'Switch';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$_ = getRootClassName(COMPONENT_NAME$11);
+const CLASSNAME$11 = getRootClassName(COMPONENT_NAME$14);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$O = {
+const DEFAULT_PROPS$R = {
   position: Alignment.left,
   theme: Theme.light
 };
@@ -10659,7 +10812,7 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
       value,
       inputProps = {}
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$14);
+    forwardedProps = _objectWithoutProperties(props, _excluded$17);
   const inputId = useMemo(() => id || `switch-${uid()}`, [id]);
   const handleChange = event => {
     if (onChange) {
@@ -10670,7 +10823,7 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$_,
+      prefix: CLASSNAME$11,
       isChecked,
       isDisabled,
       position,
@@ -10679,12 +10832,12 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
     })),
     "aria-disabled": isDisabled
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$_}__input-wrapper`
+    className: `${CLASSNAME$11}__input-wrapper`
   }, /*#__PURE__*/React.createElement("input", _extends({
     type: "checkbox",
     role: "switch",
     id: inputId,
-    className: `${CLASSNAME$_}__input-native`,
+    className: `${CLASSNAME$11}__input-native`,
     name: name,
     value: value,
     disabled: isDisabled,
@@ -10693,28 +10846,28 @@ const Switch = /*#__PURE__*/forwardRef((props, ref) => {
     onChange: handleChange,
     "aria-describedby": helper ? `${inputId}-helper` : undefined
   }, inputProps)), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$_}__input-placeholder`
+    className: `${CLASSNAME$11}__input-placeholder`
   }, /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$_}__input-background`
+    className: `${CLASSNAME$11}__input-background`
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$_}__input-indicator`
+    className: `${CLASSNAME$11}__input-indicator`
   }))), Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$_}__content`
+    className: `${CLASSNAME$11}__content`
   }, /*#__PURE__*/React.createElement(InputLabel, {
     htmlFor: inputId,
     theme: theme,
-    className: `${CLASSNAME$_}__label`
+    className: `${CLASSNAME$11}__label`
   }, children), !isEmpty(helper) && /*#__PURE__*/React.createElement(InputHelper, {
     id: `${inputId}-helper`,
     theme: theme,
-    className: `${CLASSNAME$_}__helper`
+    className: `${CLASSNAME$11}__helper`
   }, helper)));
 });
-Switch.displayName = COMPONENT_NAME$11;
-Switch.className = CLASSNAME$_;
-Switch.defaultProps = DEFAULT_PROPS$O;
+Switch.displayName = COMPONENT_NAME$14;
+Switch.className = CLASSNAME$11;
+Switch.defaultProps = DEFAULT_PROPS$R;
 
-const _excluded$15 = ["children", "className", "hasBefore", "hasDividers", "theme"];
+const _excluded$18 = ["children", "className", "hasBefore", "hasDividers", "theme"];
 
 /**
  * Defines the props of the component.
@@ -10723,17 +10876,17 @@ const _excluded$15 = ["children", "className", "hasBefore", "hasDividers", "them
 /**
  * Component display name.
  */
-const COMPONENT_NAME$12 = 'Table';
+const COMPONENT_NAME$15 = 'Table';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$$ = getRootClassName(COMPONENT_NAME$12);
+const CLASSNAME$12 = getRootClassName(COMPONENT_NAME$15);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$P = {
+const DEFAULT_PROPS$S = {
   theme: Theme.light
 };
 
@@ -10752,23 +10905,23 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
       hasDividers,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$15);
+    forwardedProps = _objectWithoutProperties(props, _excluded$18);
   return /*#__PURE__*/React.createElement("table", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$$,
+      prefix: CLASSNAME$12,
       hasBefore,
       hasDividers,
       theme
     }))
   }), children);
 });
-Table.displayName = COMPONENT_NAME$12;
-Table.className = CLASSNAME$$;
-Table.defaultProps = DEFAULT_PROPS$P;
+Table.displayName = COMPONENT_NAME$15;
+Table.className = CLASSNAME$12;
+Table.defaultProps = DEFAULT_PROPS$S;
 
-const _excluded$16 = ["children", "className"];
+const _excluded$19 = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -10777,12 +10930,12 @@ const _excluded$16 = ["children", "className"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$13 = 'TableBody';
+const COMPONENT_NAME$16 = 'TableBody';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$10 = getRootClassName(COMPONENT_NAME$13, true);
+const CLASSNAME$13 = getRootClassName(COMPONENT_NAME$16, true);
 
 /**
  * TableBody component.
@@ -10796,19 +10949,19 @@ const TableBody = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$16);
+    forwardedProps = _objectWithoutProperties(props, _excluded$19);
   return /*#__PURE__*/React.createElement("tbody", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$10
+      prefix: CLASSNAME$13
     }))
   }), children);
 });
-TableBody.displayName = COMPONENT_NAME$13;
-TableBody.className = CLASSNAME$10;
+TableBody.displayName = COMPONENT_NAME$16;
+TableBody.className = CLASSNAME$13;
 
-const _excluded$17 = ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"];
+const _excluded$1a = ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"];
 
 /**
  * Table head cell sort order.
@@ -10827,17 +10980,17 @@ const TableCellVariant = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$14 = 'TableCell';
+const COMPONENT_NAME$17 = 'TableCell';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$11 = getRootClassName(COMPONENT_NAME$14, true);
+const CLASSNAME$14 = getRootClassName(COMPONENT_NAME$17, true);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Q = {
+const DEFAULT_PROPS$T = {
   variant: TableCellVariant.body
 };
 
@@ -10858,7 +11011,7 @@ const TableCell = /*#__PURE__*/forwardRef((props, ref) => {
       sortOrder,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$17);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1a);
 
   /**
    * Handle click on the ordered thead.
@@ -10872,43 +11025,43 @@ const TableCell = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref
   }, forwardedProps, {
     className: classnames(handleBasicClasses({
-      prefix: CLASSNAME$11,
+      prefix: CLASSNAME$14,
       isSortable
-    }), className, `${CLASSNAME$11}--head`, {
-      [`${CLASSNAME$11}--is-sorted`]: isSortable && sortOrder
+    }), className, `${CLASSNAME$14}--head`, {
+      [`${CLASSNAME$14}--is-sorted`]: isSortable && sortOrder
     }),
     tabIndex: isSortable && isFunction(onHeaderClick) ? 0 : -1,
     onClick: handleOnHeaderClick,
     onKeyDown: onEnterPressed(handleOnHeaderClick)
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$11}-wrapper`
+    className: `${CLASSNAME$14}-wrapper`
   }, icon && !isSortable && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$11}-icon`,
+    className: `${CLASSNAME$14}-icon`,
     icon: icon,
     size: Size.xxs
   }), isSortable && sortOrder === ThOrder.asc && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$11}-icon`,
+    className: `${CLASSNAME$14}-icon`,
     icon: mdiArrowUp,
     size: Size.xxs
   }), isSortable && sortOrder === ThOrder.desc && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$11}-icon`,
+    className: `${CLASSNAME$14}-icon`,
     icon: mdiArrowDown,
     size: Size.xxs
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$11}-content`
+    className: `${CLASSNAME$14}-content`
   }, children))), variant === TableCellVariant.body && /*#__PURE__*/React.createElement("td", _extends({}, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$11
-    }), `${CLASSNAME$11}--body`)
+      prefix: CLASSNAME$14
+    }), `${CLASSNAME$14}--body`)
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$11}-content`
+    className: `${CLASSNAME$14}-content`
   }, children)));
 });
-TableCell.displayName = COMPONENT_NAME$14;
-TableCell.className = CLASSNAME$11;
-TableCell.defaultProps = DEFAULT_PROPS$Q;
+TableCell.displayName = COMPONENT_NAME$17;
+TableCell.className = CLASSNAME$14;
+TableCell.defaultProps = DEFAULT_PROPS$T;
 
-const _excluded$18 = ["children", "className"];
+const _excluded$1b = ["children", "className"];
 
 /**
  * Defines the props of the component.
@@ -10917,17 +11070,17 @@ const _excluded$18 = ["children", "className"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$15 = 'TableHeader';
+const COMPONENT_NAME$18 = 'TableHeader';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$12 = getRootClassName(COMPONENT_NAME$15, true);
+const CLASSNAME$15 = getRootClassName(COMPONENT_NAME$18, true);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$R = {};
+const DEFAULT_PROPS$U = {};
 
 /**
  * TableHeader component.
@@ -10941,20 +11094,20 @@ const TableHeader = /*#__PURE__*/forwardRef((props, ref) => {
       children,
       className
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$18);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1b);
   return /*#__PURE__*/React.createElement("thead", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$12
+      prefix: CLASSNAME$15
     }))
   }), children);
 });
-TableHeader.displayName = COMPONENT_NAME$15;
-TableHeader.className = CLASSNAME$12;
-TableHeader.defaultProps = DEFAULT_PROPS$R;
+TableHeader.displayName = COMPONENT_NAME$18;
+TableHeader.className = CLASSNAME$15;
+TableHeader.defaultProps = DEFAULT_PROPS$U;
 
-const _excluded$19 = ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"];
+const _excluded$1c = ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"];
 
 /**
  * Defines the props of the component.
@@ -10963,17 +11116,17 @@ const _excluded$19 = ["children", "className", "disabled", "isClickable", "isDis
 /**
  * Component display name.
  */
-const COMPONENT_NAME$16 = 'TableRow';
+const COMPONENT_NAME$19 = 'TableRow';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$13 = getRootClassName(COMPONENT_NAME$16, true);
+const CLASSNAME$16 = getRootClassName(COMPONENT_NAME$19, true);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$S = {};
+const DEFAULT_PROPS$V = {};
 
 /**
  * TableRow component.
@@ -10991,7 +11144,7 @@ const TableRow = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled = disabled,
       isSelected
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$19);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1c);
   return /*#__PURE__*/React.createElement("tr", _extends({
     ref: ref,
     tabIndex: isClickable && !isDisabled ? 0 : -1
@@ -11000,17 +11153,17 @@ const TableRow = /*#__PURE__*/forwardRef((props, ref) => {
       isClickable: isClickable && !isDisabled,
       isDisabled,
       isSelected: isSelected && !isDisabled,
-      prefix: CLASSNAME$13
+      prefix: CLASSNAME$16
     })),
     "aria-disabled": isDisabled
   }), children);
 });
-TableRow.displayName = COMPONENT_NAME$16;
-TableRow.className = CLASSNAME$13;
-TableRow.defaultProps = DEFAULT_PROPS$S;
+TableRow.displayName = COMPONENT_NAME$19;
+TableRow.className = CLASSNAME$16;
+TableRow.defaultProps = DEFAULT_PROPS$V;
 
-const _excluded$1a = ["children", "onChange"];
-const DEFAULT_PROPS$T = {
+const _excluded$1d = ["children", "onChange"];
+const DEFAULT_PROPS$W = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
 };
@@ -11029,7 +11182,7 @@ const TabProvider = props => {
       children,
       onChange
     } = props,
-    propState = _objectWithoutProperties(props, _excluded$1a);
+    propState = _objectWithoutProperties(props, _excluded$1d);
   const [state, dispatch] = useReducer(reducer, INIT_STATE);
 
   // On prop state change => dispatch update.
@@ -11055,9 +11208,9 @@ const TabProvider = props => {
     value: [state, dispatch]
   }, children);
 };
-TabProvider.defaultProps = DEFAULT_PROPS$T;
+TabProvider.defaultProps = DEFAULT_PROPS$W;
 
-const _excluded$1b = ["aria-label", "children", "className", "layout", "position", "theme"];
+const _excluded$1e = ["aria-label", "children", "className", "layout", "position", "theme"];
 let TabListLayout;
 
 /**
@@ -11070,17 +11223,17 @@ let TabListLayout;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$17 = 'TabList';
+const COMPONENT_NAME$1a = 'TabList';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$14 = `${CSS_PREFIX}-tabs`;
+const CLASSNAME$17 = `${CSS_PREFIX}-tabs`;
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$U = {
+const DEFAULT_PROPS$X = {
   layout: TabListLayout.fixed,
   position: Alignment.left,
   theme: Theme.light
@@ -11104,7 +11257,7 @@ const TabList = /*#__PURE__*/forwardRef((props, ref) => {
       position,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1b);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1e);
   const tabListRef = React.useRef(null);
   useRovingTabIndex({
     parentRef: tabListRef,
@@ -11116,22 +11269,22 @@ const TabList = /*#__PURE__*/forwardRef((props, ref) => {
     ref: mergeRefs(ref, tabListRef)
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$14,
+      prefix: CLASSNAME$17,
       layout,
       position,
       theme
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$14}__links`,
+    className: `${CLASSNAME$17}__links`,
     role: "tablist",
     "aria-label": ariaLabel
   }, children));
 });
-TabList.displayName = COMPONENT_NAME$17;
-TabList.className = CLASSNAME$14;
-TabList.defaultProps = DEFAULT_PROPS$U;
+TabList.displayName = COMPONENT_NAME$1a;
+TabList.className = CLASSNAME$17;
+TabList.defaultProps = DEFAULT_PROPS$X;
 
-const _excluded$1c = ["className", "disabled", "icon", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
+const _excluded$1f = ["className", "disabled", "icon", "id", "isActive", "isDisabled", "label", "onFocus", "onKeyPress", "tabIndex"];
 
 /**
  * Defines the props of the component.
@@ -11140,17 +11293,17 @@ const _excluded$1c = ["className", "disabled", "icon", "id", "isActive", "isDisa
 /**
  * Component display name.
  */
-const COMPONENT_NAME$18 = 'Tab';
+const COMPONENT_NAME$1b = 'Tab';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$15 = `${CSS_PREFIX}-tabs__link`;
+const CLASSNAME$18 = `${CSS_PREFIX}-tabs__link`;
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$V = {};
+const DEFAULT_PROPS$Y = {};
 
 /**
  * Tab component.
@@ -11174,7 +11327,7 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
       onKeyPress,
       tabIndex = -1
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1c);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1f);
   const state = useTabProviderContext('tab', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   const changeToCurrentTab = useCallback(() => {
@@ -11202,7 +11355,7 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
     type: "button",
     id: state === null || state === void 0 ? void 0 : state.tabId,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$15,
+      prefix: CLASSNAME$18,
       isActive,
       isDisabled
     })),
@@ -11219,11 +11372,11 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
     size: Size.xs
   }), label && /*#__PURE__*/React.createElement("span", null, label));
 });
-Tab.displayName = COMPONENT_NAME$18;
-Tab.className = CLASSNAME$15;
-Tab.defaultProps = DEFAULT_PROPS$V;
+Tab.displayName = COMPONENT_NAME$1b;
+Tab.className = CLASSNAME$18;
+Tab.defaultProps = DEFAULT_PROPS$Y;
 
-const _excluded$1d = ["children", "id", "className", "isActive"];
+const _excluded$1g = ["children", "id", "className", "isActive"];
 
 /**
  * Defines the props of the component.
@@ -11232,17 +11385,17 @@ const _excluded$1d = ["children", "id", "className", "isActive"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$19 = 'TabPanel';
+const COMPONENT_NAME$1c = 'TabPanel';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$16 = `${CSS_PREFIX}-tab-panel`;
+const CLASSNAME$19 = `${CSS_PREFIX}-tab-panel`;
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$W = {};
+const DEFAULT_PROPS$Z = {};
 
 /**
  * TabPanel component.
@@ -11260,7 +11413,7 @@ const TabPanel = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       isActive: propIsActive
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1d);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1g);
   const state = useTabProviderContext('tabPanel', id);
   const isActive = propIsActive || (state === null || state === void 0 ? void 0 : state.isActive);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -11268,7 +11421,7 @@ const TabPanel = /*#__PURE__*/forwardRef((props, ref) => {
   }, forwardedProps, {
     id: state === null || state === void 0 ? void 0 : state.tabPanelId,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$16,
+      prefix: CLASSNAME$19,
       isActive
     })),
     role: "tabpanel",
@@ -11276,11 +11429,11 @@ const TabPanel = /*#__PURE__*/forwardRef((props, ref) => {
     "aria-labelledby": state === null || state === void 0 ? void 0 : state.tabId
   }), (!(state !== null && state !== void 0 && state.isLazy) || isActive) && children);
 });
-TabPanel.displayName = COMPONENT_NAME$19;
-TabPanel.className = CLASSNAME$16;
-TabPanel.defaultProps = DEFAULT_PROPS$W;
+TabPanel.displayName = COMPONENT_NAME$1c;
+TabPanel.className = CLASSNAME$19;
+TabPanel.defaultProps = DEFAULT_PROPS$Z;
 
-const _excluded$1e = ["id", "isDisabled", "isRequired", "placeholder", "multiline", "value", "setFocus", "onChange", "onFocus", "onBlur", "inputRef", "rows", "recomputeNumberOfRows", "type", "name"],
+const _excluded$1h = ["id", "isDisabled", "isRequired", "placeholder", "multiline", "value", "setFocus", "onChange", "onFocus", "onBlur", "inputRef", "rows", "recomputeNumberOfRows", "type", "name"],
   _excluded2$3 = ["chips", "className", "clearButtonProps", "disabled", "error", "forceFocusStyle", "hasError", "helper", "icon", "id", "inputRef", "isDisabled", "isRequired", "isValid", "label", "maxLength", "minimumRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "textFieldRef", "theme", "type", "value", "afterElement"];
 
 /**
@@ -11290,12 +11443,12 @@ const _excluded$1e = ["id", "isDisabled", "isRequired", "placeholder", "multilin
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1a = 'TextField';
+const COMPONENT_NAME$1d = 'TextField';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$17 = getRootClassName(COMPONENT_NAME$1a);
+const CLASSNAME$1a = getRootClassName(COMPONENT_NAME$1d);
 
 /**
  * Default minimum number of rows in the multiline mode.
@@ -11305,7 +11458,7 @@ const DEFAULT_MIN_ROWS = 2;
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$X = {
+const DEFAULT_PROPS$_ = {
   theme: Theme.light,
   type: 'text'
 };
@@ -11363,7 +11516,7 @@ const renderInputNative = props => {
       type,
       name
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1e);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1h);
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const ref = useRef(null);
 
@@ -11388,7 +11541,7 @@ const renderInputNative = props => {
   const Component = multiline ? 'textarea' : 'input';
   const inputProps = _objectSpread2(_objectSpread2({}, forwardedProps), {}, {
     id,
-    className: multiline ? `${CLASSNAME$17}__input-native ${CLASSNAME$17}__input-native--textarea` : `${CLASSNAME$17}__input-native ${CLASSNAME$17}__input-native--text`,
+    className: multiline ? `${CLASSNAME$1a}__input-native ${CLASSNAME$1a}__input-native--textarea` : `${CLASSNAME$1a}__input-native ${CLASSNAME$1a}__input-native--text`,
     placeholder,
     value,
     name,
@@ -11482,31 +11635,31 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
       isDisabled,
       isFocus: isFocus || forceFocusStyle,
       isValid,
-      prefix: CLASSNAME$17,
+      prefix: CLASSNAME$1a,
       theme
     }))
   }, (label || maxLength) && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$17}__header`
+    className: `${CLASSNAME$1a}__header`
   }, label && /*#__PURE__*/React.createElement(InputLabel, {
     htmlFor: textFieldId,
-    className: `${CLASSNAME$17}__label`,
+    className: `${CLASSNAME$1a}__label`,
     isRequired: isRequired,
     theme: theme
   }, label), maxLength && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$17}__char-counter`
+    className: `${CLASSNAME$1a}__char-counter`
   }, /*#__PURE__*/React.createElement("span", null, maxLength - valueLength), maxLength - valueLength === 0 && /*#__PURE__*/React.createElement(Icon, {
     icon: mdiAlertCircle,
     size: Size.xxs
   }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$17}__wrapper`,
+    className: `${CLASSNAME$1a}__wrapper`,
     ref: textFieldRef
   }, icon && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$17}__input-icon`,
+    className: `${CLASSNAME$1a}__input-icon`,
     color: theme === Theme.dark ? 'light' : undefined,
     icon: icon,
     size: Size.xs
   }), chips && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$17}__chips`
+    className: `${CLASSNAME$1a}__chips`
   }, chips, renderInputNative(_objectSpread2({
     id: textFieldId,
     inputRef,
@@ -11525,7 +11678,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     value,
     name
   }, forwardedProps))), !chips && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$17}__input-wrapper`
+    className: `${CLASSNAME$1a}__input-wrapper`
   }, renderInputNative(_objectSpread2({
     id: textFieldId,
     inputRef,
@@ -11544,12 +11697,12 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     value,
     name
   }, forwardedProps))), (isValid || hasError) && /*#__PURE__*/React.createElement(Icon, {
-    className: `${CLASSNAME$17}__input-validity`,
+    className: `${CLASSNAME$1a}__input-validity`,
     color: theme === Theme.dark ? 'light' : undefined,
     icon: isValid ? mdiCheckCircle : mdiAlertCircle,
     size: Size.xxs
   }), clearButtonProps && isNotEmpty && /*#__PURE__*/React.createElement(IconButton, _extends({}, clearButtonProps, {
-    className: `${CLASSNAME$17}__input-clear`,
+    className: `${CLASSNAME$1a}__input-clear`,
     icon: mdiCloseCircle,
     emphasis: Emphasis.low,
     size: Size.s,
@@ -11557,19 +11710,19 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
     onClick: onClear,
     type: "button"
   })), afterElement && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$17}__after-element`
+    className: `${CLASSNAME$1a}__after-element`
   }, afterElement)), hasError && error && /*#__PURE__*/React.createElement(InputHelper, {
-    className: `${CLASSNAME$17}__helper`,
+    className: `${CLASSNAME$1a}__helper`,
     kind: Kind.error,
     theme: theme
   }, error), helper && /*#__PURE__*/React.createElement(InputHelper, {
-    className: `${CLASSNAME$17}__helper`,
+    className: `${CLASSNAME$1a}__helper`,
     theme: theme
   }, helper));
 });
-TextField.displayName = COMPONENT_NAME$1a;
-TextField.className = CLASSNAME$17;
-TextField.defaultProps = DEFAULT_PROPS$X;
+TextField.displayName = COMPONENT_NAME$1d;
+TextField.className = CLASSNAME$1a;
+TextField.defaultProps = DEFAULT_PROPS$_;
 
 function getState(img, event) {
   // Error event occurred or image loaded empty.
@@ -11713,21 +11866,21 @@ const useFocusPointStyle = (_ref2, element, isLoaded) => {
   return style;
 };
 
-const _excluded$1f = ["align", "alt", "aspectRatio", "badge", "className", "crossOrigin", "fallback", "fillHeight", "focusPoint", "image", "imgProps", "imgRef", "isLoading", "loading", "size", "theme", "variant", "linkProps", "linkAs"];
+const _excluded$1i = ["align", "alt", "aspectRatio", "badge", "className", "crossOrigin", "fallback", "fillHeight", "focusPoint", "image", "imgProps", "imgRef", "isLoading", "loading", "size", "theme", "variant", "linkProps", "linkAs"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1b = 'Thumbnail';
+const COMPONENT_NAME$1e = 'Thumbnail';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$18 = getRootClassName(COMPONENT_NAME$1b);
+const CLASSNAME$1b = getRootClassName(COMPONENT_NAME$1e);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Y = {
+const DEFAULT_PROPS$$ = {
   fallback: mdiImageBroken,
   loading: 'lazy',
   theme: Theme.light
@@ -11764,7 +11917,7 @@ const Thumbnail = /*#__PURE__*/forwardRef((props, ref) => {
       linkProps,
       linkAs
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1f);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1i);
   const [imgElement, setImgElement] = useState();
 
   // Image loading state.
@@ -11803,7 +11956,7 @@ const Thumbnail = /*#__PURE__*/forwardRef((props, ref) => {
     className: classnames(linkProps === null || linkProps === void 0 ? void 0 : linkProps.className, className, handleBasicClasses({
       align,
       aspectRatio,
-      prefix: CLASSNAME$18,
+      prefix: CLASSNAME$1b,
       size,
       theme,
       variant,
@@ -11813,14 +11966,14 @@ const Thumbnail = /*#__PURE__*/forwardRef((props, ref) => {
       hasCustomErrorFallback,
       isLoading,
       hasBadge: !!badge
-    }), fillHeight && `${CLASSNAME$18}--fill-height`)
+    }), fillHeight && `${CLASSNAME$1b}--fill-height`)
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$18}__background`
+    className: `${CLASSNAME$1b}__background`
   }, /*#__PURE__*/React.createElement("img", _extends({}, imgProps, {
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, imgProps === null || imgProps === void 0 ? void 0 : imgProps.style), imageErrorStyle), focusPointStyle),
     ref: mergeRefs(setImgElement, propImgRef),
     className: classnames(handleBasicClasses({
-      prefix: `${CLASSNAME$18}__image`,
+      prefix: `${CLASSNAME$1b}__image`,
       isLoading,
       hasDefinedSize: Boolean((imgProps === null || imgProps === void 0 ? void 0 : imgProps.height) && imgProps.width)
     }), imgProps === null || imgProps === void 0 ? void 0 : imgProps.className),
@@ -11829,18 +11982,18 @@ const Thumbnail = /*#__PURE__*/forwardRef((props, ref) => {
     alt: alt,
     loading: loading
   })), !isLoading && hasError && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$18}__fallback`
+    className: `${CLASSNAME$1b}__fallback`
   }, hasIconErrorFallback ? /*#__PURE__*/React.createElement(Icon, {
     icon: fallback,
     size: Size.xxs,
     theme: theme
   }) : fallback)), badge && /*#__PURE__*/React.cloneElement(badge, {
-    className: classnames(`${CLASSNAME$18}__badge`, badge.props.className)
+    className: classnames(`${CLASSNAME$1b}__badge`, badge.props.className)
   }));
 });
-Thumbnail.displayName = COMPONENT_NAME$1b;
-Thumbnail.className = CLASSNAME$18;
-Thumbnail.defaultProps = DEFAULT_PROPS$Y;
+Thumbnail.displayName = COMPONENT_NAME$1e;
+Thumbnail.className = CLASSNAME$1b;
+Thumbnail.defaultProps = DEFAULT_PROPS$$;
 
 /**
  * All available aspect ratios.
@@ -11860,7 +12013,7 @@ const ThumbnailVariant = {
   rounded: 'rounded'
 };
 
-const _excluded$1g = ["after", "before", "className", "label"];
+const _excluded$1j = ["after", "before", "className", "label"];
 
 /**
  * Defines the props of the component.
@@ -11869,17 +12022,17 @@ const _excluded$1g = ["after", "before", "className", "label"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1c = 'Toolbar';
+const COMPONENT_NAME$1f = 'Toolbar';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$19 = getRootClassName(COMPONENT_NAME$1c);
+const CLASSNAME$1c = getRootClassName(COMPONENT_NAME$1f);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Z = {};
+const DEFAULT_PROPS$10 = {};
 
 /**
  * Toolbar component.
@@ -11895,7 +12048,7 @@ const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
       className,
       label
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1g);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1j);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
@@ -11903,19 +12056,19 @@ const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
       hasAfter: Boolean(after),
       hasBefore: Boolean(before),
       hasLabel: Boolean(label),
-      prefix: CLASSNAME$19
+      prefix: CLASSNAME$1c
     }))
   }), before && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$19}__before`
+    className: `${CLASSNAME$1c}__before`
   }, before), label && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$19}__label`
+    className: `${CLASSNAME$1c}__label`
   }, label), after && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$19}__after`
+    className: `${CLASSNAME$1c}__after`
   }, after));
 });
-Toolbar.displayName = COMPONENT_NAME$1c;
-Toolbar.className = CLASSNAME$19;
-Toolbar.defaultProps = DEFAULT_PROPS$Z;
+Toolbar.displayName = COMPONENT_NAME$1f;
+Toolbar.className = CLASSNAME$1c;
+Toolbar.defaultProps = DEFAULT_PROPS$10;
 
 /**
  * Add ref and ARIA attribute(s) in tooltip children or wrapped children.
@@ -12049,24 +12202,24 @@ function useTooltipOpen(delay, anchorElement) {
   return isOpen;
 }
 
-const _excluded$1h = ["label", "children", "className", "delay", "placement", "forceOpen"];
+const _excluded$1k = ["label", "children", "className", "delay", "placement", "forceOpen"];
 
 /** Position of the tooltip relative to the anchor element. */
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1d = 'Tooltip';
+const COMPONENT_NAME$1g = 'Tooltip';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$1a = getRootClassName(COMPONENT_NAME$1d);
+const CLASSNAME$1d = getRootClassName(COMPONENT_NAME$1g);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$_ = {
+const DEFAULT_PROPS$11 = {
   placement: Placement.BOTTOM
 };
 
@@ -12092,7 +12245,7 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
       placement,
       forceOpen
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1h);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1k);
   // Disable in SSR or without a label.
   if (!DOCUMENT || !label) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
@@ -12122,23 +12275,23 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
     role: "tooltip",
     "aria-label": label,
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$1a,
+      prefix: CLASSNAME$1d,
       position
     })),
     style: styles.popper
   }, attributes.popper), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1a}__arrow`
+    className: `${CLASSNAME$1d}__arrow`
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1a}__inner`
+    className: `${CLASSNAME$1d}__inner`
   }, label.indexOf('\n') !== -1 ? label.split('\n').map(sentence => /*#__PURE__*/React.createElement("p", {
     key: sentence
   }, sentence)) : label)), document.body));
 });
-Tooltip.displayName = COMPONENT_NAME$1d;
-Tooltip.className = CLASSNAME$1a;
-Tooltip.defaultProps = DEFAULT_PROPS$_;
+Tooltip.displayName = COMPONENT_NAME$1g;
+Tooltip.className = CLASSNAME$1d;
+Tooltip.defaultProps = DEFAULT_PROPS$11;
 
-const _excluded$1i = ["aspectRatio", "className", "label", "icon", "size", "theme", "variant"];
+const _excluded$1l = ["aspectRatio", "className", "label", "icon", "size", "theme", "variant"];
 
 /**
  * Uploader variants.
@@ -12151,17 +12304,17 @@ const UploaderVariant = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1e = 'Uploader';
+const COMPONENT_NAME$1h = 'Uploader';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$1b = getRootClassName(COMPONENT_NAME$1e);
+const CLASSNAME$1e = getRootClassName(COMPONENT_NAME$1h);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$$ = {
+const DEFAULT_PROPS$12 = {
   aspectRatio: AspectRatio.horizontal,
   size: Size.xl,
   theme: Theme.light,
@@ -12185,7 +12338,7 @@ const Uploader = /*#__PURE__*/forwardRef((props, ref) => {
       theme,
       variant
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1i);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1l);
   // Adjust to square aspect ratio when using circle variants.
   const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -12193,43 +12346,43 @@ const Uploader = /*#__PURE__*/forwardRef((props, ref) => {
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
       aspectRatio: adjustedAspectRatio,
-      prefix: CLASSNAME$1b,
+      prefix: CLASSNAME$1e,
       size,
       theme,
       variant
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1b}__background`
+    className: `${CLASSNAME$1e}__background`
   }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1b}__wrapper`
+    className: `${CLASSNAME$1e}__wrapper`
   }, icon && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1b}__icon`
+    className: `${CLASSNAME$1e}__icon`
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: Size.s
   })), label && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME$1b}__label`
+    className: `${CLASSNAME$1e}__label`
   }, label)));
 });
-Uploader.displayName = COMPONENT_NAME$1e;
-Uploader.className = CLASSNAME$1b;
-Uploader.defaultProps = DEFAULT_PROPS$$;
+Uploader.displayName = COMPONENT_NAME$1h;
+Uploader.className = CLASSNAME$1e;
+Uploader.defaultProps = DEFAULT_PROPS$12;
 
-const _excluded$1j = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
+const _excluded$1m = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1f = 'UserBlock';
+const COMPONENT_NAME$1i = 'UserBlock';
 
 /**
  * Component default class name and class prefix.
  */
-const CLASSNAME$1c = getRootClassName(COMPONENT_NAME$1f);
+const CLASSNAME$1f = getRootClassName(COMPONENT_NAME$1i);
 
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$10 = {
+const DEFAULT_PROPS$13 = {
   orientation: Orientation.horizontal,
   size: Size.m,
   theme: Theme.light
@@ -12260,7 +12413,7 @@ const UserBlock = /*#__PURE__*/forwardRef((props, ref) => {
       size,
       theme
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1j);
+    forwardedProps = _objectWithoutProperties(props, _excluded$1m);
   let componentSize = size;
 
   // Special case - When using vertical orientation force the size to be Sizes.l.
@@ -12276,7 +12429,7 @@ const UserBlock = /*#__PURE__*/forwardRef((props, ref) => {
     }
     let NameComponent = 'span';
     const nProps = _objectSpread2(_objectSpread2({}, nameProps), {}, {
-      className: classnames(`${CLASSNAME$1c}__name`, linkProps === null || linkProps === void 0 ? void 0 : linkProps.className, nameProps === null || nameProps === void 0 ? void 0 : nameProps.className)
+      className: classnames(`${CLASSNAME$1f}__name`, linkProps === null || linkProps === void 0 ? void 0 : linkProps.className, nameProps === null || nameProps === void 0 ? void 0 : nameProps.className)
     });
     if (isClickable) {
       NameComponent = Link;
@@ -12293,16 +12446,16 @@ const UserBlock = /*#__PURE__*/forwardRef((props, ref) => {
     return /*#__PURE__*/React.createElement(NameComponent, nProps, name);
   }, [avatarProps, isClickable, linkAs, linkProps, name, nameProps, onClick]);
   const fieldsBlock = fields && componentSize !== Size.s && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1c}__fields`
+    className: `${CLASSNAME$1f}__fields`
   }, fields.map((field, idx) => /*#__PURE__*/React.createElement("span", {
     key: idx,
-    className: `${CLASSNAME$1c}__field`
+    className: `${CLASSNAME$1f}__field`
   }, field)));
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, forwardedProps, {
     className: classnames(className, handleBasicClasses({
-      prefix: CLASSNAME$1c,
+      prefix: CLASSNAME$1f,
       orientation,
       size: componentSize,
       theme,
@@ -12315,21 +12468,21 @@ const UserBlock = /*#__PURE__*/forwardRef((props, ref) => {
     linkProps: linkProps,
     alt: ""
   }, avatarProps, {
-    className: classnames(`${CLASSNAME$1c}__avatar`, avatarProps.className),
+    className: classnames(`${CLASSNAME$1f}__avatar`, avatarProps.className),
     size: componentSize,
     onClick: onClick,
     theme: theme
   })), (fields || name) && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1c}__wrapper`
+    className: `${CLASSNAME$1f}__wrapper`
   }, nameBlock, fieldsBlock), shouldDisplayActions && simpleAction && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1c}__action`
+    className: `${CLASSNAME$1f}__action`
   }, simpleAction), shouldDisplayActions && multipleActions && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME$1c}__actions`
+    className: `${CLASSNAME$1f}__actions`
   }, multipleActions));
 });
-UserBlock.displayName = COMPONENT_NAME$1f;
-UserBlock.className = CLASSNAME$1c;
-UserBlock.defaultProps = DEFAULT_PROPS$10;
+UserBlock.displayName = COMPONENT_NAME$1i;
+UserBlock.className = CLASSNAME$1f;
+UserBlock.defaultProps = DEFAULT_PROPS$13;
 
-export { AlertDialog, Alignment, AspectRatio, Autocomplete, AutocompleteMultiple, Avatar, Badge, Button, ButtonEmphasis, ButtonGroup, Checkbox, Chip, ChipGroup, ColorPalette, ColorVariant, CommentBlock, CommentBlockVariant, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, Emphasis, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, InlineList, InputHelper, InputLabel, Kind, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, Notification, Orientation, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, Select, SelectMultiple, SelectMultipleField, SelectVariant, SideNavigation, SideNavigationItem, Size, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, Theme, Thumbnail, ThumbnailAspectRatio, ThumbnailVariant, Toolbar, Tooltip, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, Uploader, UploaderVariant, UserBlock, clamp, isClickable, useFocusPointStyle, useHeadingLevel };
+export { AlertDialog, Alignment, AspectRatio, Autocomplete, AutocompleteMultiple, Avatar, Badge, Button, ButtonEmphasis, ButtonGroup, Checkbox, Chip, ChipGroup, ColorPalette, ColorVariant, CommentBlock, CommentBlockVariant, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, Emphasis, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, InlineList, InputHelper, InputLabel, Kind, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSubheader, Message, Mosaic, Notification, Orientation, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, Select, SelectMultiple, SelectMultipleField, SelectVariant, SideNavigation, SideNavigationItem, Size, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, Theme, Thumbnail, ThumbnailAspectRatio, ThumbnailVariant, Toolbar, Tooltip, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, Uploader, UploaderVariant, UserBlock, clamp, isClickable, useFocusPointStyle, useHeadingLevel };
 //# sourceMappingURL=index.js.map