@lumx/react 4.14.0 → 4.15.0-alpha.1

package/index.js

@@ -570,7 +570,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1g = {
+const DEFAULT_PROPS$1h = {
   size: Size.tiny,
   kind: Kind.info
 };
@@ -592,8 +592,8 @@ const AlertDialog$1 = props => {
     cancelProps,
     confirmProps,
     ref,
-    kind = DEFAULT_PROPS$1g.kind,
-    size = DEFAULT_PROPS$1g.size,
+    kind = DEFAULT_PROPS$1h.kind,
+    size = DEFAULT_PROPS$1h.size,
     dialogProps,
     children,
     DescriptionElement,
@@ -733,7 +733,7 @@ const AlertDialog = forwardRef((props, ref) => {
 });
 AlertDialog.displayName = COMPONENT_NAME$1A;
 AlertDialog.className = CLASSNAME$1y;
-AlertDialog.defaultProps = DEFAULT_PROPS$1g;
+AlertDialog.defaultProps = DEFAULT_PROPS$1h;
 
 /**
  * Hook focusing an element when defined and `focus` boolean `true`.
@@ -835,7 +835,7 @@ const CLASSNAME$1x = 'lumx-autocomplete';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1f = {
+const DEFAULT_PROPS$1g = {
   anchorToInput: false,
   closeOnClick: false,
   closeOnClickAway: true,
@@ -858,13 +858,13 @@ const Autocomplete = forwardRef((props, ref) => {
     otherProps
   } = useDisableStateProps(props);
   const {
-    anchorToInput = DEFAULT_PROPS$1f.anchorToInput,
+    anchorToInput = DEFAULT_PROPS$1g.anchorToInput,
     children,
     chips,
     className,
-    closeOnClick = DEFAULT_PROPS$1f.closeOnClick,
-    closeOnClickAway = DEFAULT_PROPS$1f.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$1f.closeOnEscape,
+    closeOnClick = DEFAULT_PROPS$1g.closeOnClick,
+    closeOnClickAway = DEFAULT_PROPS$1g.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$1g.closeOnEscape,
     error,
     fitToAnchorWidth,
     hasError,
@@ -885,7 +885,7 @@ const Autocomplete = forwardRef((props, ref) => {
     onInfiniteScroll,
     placeholder,
     placement,
-    shouldFocusOnClose = DEFAULT_PROPS$1f.shouldFocusOnClose,
+    shouldFocusOnClose = DEFAULT_PROPS$1g.shouldFocusOnClose,
     theme = defaultTheme,
     value,
     textFieldProps = {},
@@ -940,7 +940,7 @@ const Autocomplete = forwardRef((props, ref) => {
 });
 Autocomplete.displayName = COMPONENT_NAME$1z;
 Autocomplete.className = CLASSNAME$1x;
-Autocomplete.defaultProps = DEFAULT_PROPS$1f;
+Autocomplete.defaultProps = DEFAULT_PROPS$1g;
 
 /**
  * Component display name.
@@ -955,7 +955,7 @@ const CLASSNAME$1w = 'lumx-autocomplete-multiple';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1e = {
+const DEFAULT_PROPS$1f = {
   closeOnClickAway: true,
   closeOnEscape: true,
   selectedChipRender(choice, index, onClear, isDisabled) {
@@ -996,8 +996,8 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     chipsAlignment,
     className,
-    closeOnClickAway = DEFAULT_PROPS$1e.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$1e.closeOnEscape,
+    closeOnClickAway = DEFAULT_PROPS$1f.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$1f.closeOnEscape,
     fitToAnchorWidth,
     hasError,
     helper,
@@ -1019,12 +1019,12 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
     onKeyDown,
     placeholder,
     placement,
-    selectedChipRender = DEFAULT_PROPS$1e.selectedChipRender,
+    selectedChipRender = DEFAULT_PROPS$1f.selectedChipRender,
     shouldFocusOnClose,
     theme = defaultTheme,
     type,
     value,
-    values = DEFAULT_PROPS$1e.values,
+    values = DEFAULT_PROPS$1f.values,
     ...forwardedProps
   } = otherProps;
   return /*#__PURE__*/jsx(Autocomplete, {
@@ -1066,7 +1066,7 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
 });
 AutocompleteMultiple.displayName = COMPONENT_NAME$1y;
 AutocompleteMultiple.className = CLASSNAME$1w;
-AutocompleteMultiple.defaultProps = DEFAULT_PROPS$1e;
+AutocompleteMultiple.defaultProps = DEFAULT_PROPS$1f;
 
 /**
  * Component display name.
@@ -1085,7 +1085,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1d = {
+const DEFAULT_PROPS$1e = {
   size: Size.m
 };
 
@@ -1102,7 +1102,7 @@ const Avatar$1 = props => {
     badge,
     className,
     image,
-    size = DEFAULT_PROPS$1d.size,
+    size = DEFAULT_PROPS$1e.size,
     theme,
     ref,
     ...forwardedProps
@@ -1143,7 +1143,7 @@ const Avatar = forwardRef((props, ref) => {
     linkAs,
     onClick,
     onKeyPress,
-    size = DEFAULT_PROPS$1d.size,
+    size = DEFAULT_PROPS$1e.size,
     theme = defaultTheme,
     thumbnailProps,
     ...forwardedProps
@@ -1173,7 +1173,7 @@ const Avatar = forwardRef((props, ref) => {
 });
 Avatar.displayName = COMPONENT_NAME$1x;
 Avatar.className = CLASSNAME$1v;
-Avatar.defaultProps = DEFAULT_PROPS$1d;
+Avatar.defaultProps = DEFAULT_PROPS$1e;
 
 /**
  * Component display name.
@@ -1191,7 +1191,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1c = {
+const DEFAULT_PROPS$1d = {
   color: ColorPalette.primary
 };
 
@@ -1205,7 +1205,7 @@ const Badge$1 = props => {
   const {
     children,
     className,
-    color = DEFAULT_PROPS$1c.color,
+    color = DEFAULT_PROPS$1d.color,
     ref,
     ...forwardedProps
   } = props;
@@ -1220,7 +1220,7 @@ const Badge$1 = props => {
 };
 Badge$1.displayName = COMPONENT_NAME$1w;
 Badge$1.className = CLASSNAME$1u;
-Badge$1.defaultProps = DEFAULT_PROPS$1c;
+Badge$1.defaultProps = DEFAULT_PROPS$1d;
 
 /**
  * Defines the props of the component.
@@ -1446,7 +1446,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1b = {
+const DEFAULT_PROPS$1c = {
   emphasis: Emphasis.high,
   size: Size.m
 };
@@ -1460,10 +1460,10 @@ const DEFAULT_PROPS$1b = {
 const Button$1 = props => {
   const {
     className,
-    emphasis = DEFAULT_PROPS$1b.emphasis,
+    emphasis = DEFAULT_PROPS$1c.emphasis,
     leftIcon,
     rightIcon,
-    size = DEFAULT_PROPS$1b.size,
+    size = DEFAULT_PROPS$1c.size,
     ...forwardedProps
   } = props;
   const buttonClassName = classnames(className, modifier({
@@ -1480,7 +1480,7 @@ const Button$1 = props => {
 };
 Button$1.displayName = COMPONENT_NAME$1t;
 Button$1.className = CLASSNAME$1s;
-Button$1.defaultProps = DEFAULT_PROPS$1b;
+Button$1.defaultProps = DEFAULT_PROPS$1c;
 
 /**
  * Properties of a component to use to determine it's name.
@@ -1555,7 +1555,7 @@ const Button = forwardRef((props, ref) => {
 });
 Button.displayName = COMPONENT_NAME$1t;
 Button.className = CLASSNAME$1s;
-Button.defaultProps = DEFAULT_PROPS$1b;
+Button.defaultProps = DEFAULT_PROPS$1c;
 
 const COMPONENT_NAME$1s = 'Icon';
 const IconClassName = 'lumx-icon';
@@ -1572,7 +1572,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1a = {};
+const DEFAULT_PROPS$1b = {};
 
 /**
  * Icon component.
@@ -1652,7 +1652,7 @@ const Icon$1 = props => {
 };
 Icon$1.displayName = COMPONENT_NAME$1s;
 Icon$1.className = CLASSNAME$1r;
-Icon$1.defaultProps = DEFAULT_PROPS$1a;
+Icon$1.defaultProps = DEFAULT_PROPS$1b;
 
 /**
  * Component display name.
@@ -1667,7 +1667,7 @@ const CLASSNAME$1q = 'lumx-icon-button';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$19 = {
+const DEFAULT_PROPS$1a = {
   emphasis: Emphasis.high,
   size: Size.m
 };
@@ -1680,14 +1680,14 @@ const DEFAULT_PROPS$19 = {
  */
 const IconButton$1 = props => {
   const {
-    emphasis = DEFAULT_PROPS$19.emphasis,
+    emphasis = DEFAULT_PROPS$1a.emphasis,
     image,
     icon,
     label,
-    size = DEFAULT_PROPS$19.size,
+    size = DEFAULT_PROPS$1a.size,
     ...forwardedProps
   } = props;
-  const defaultChildren = image ? /*#__PURE__*/jsx("img", {
+  const iconNode = image ? /*#__PURE__*/jsx("img", {
     // no need to set alt as an aria-label is already set on the button
     alt: "",
     src: image
@@ -1700,12 +1700,17 @@ const IconButton$1 = props => {
     ...forwardedProps,
     'aria-label': label,
     variant: 'icon',
-    children: defaultChildren
+    children: /*#__PURE__*/jsxs(Fragment, {
+      children: [iconNode, /*#__PURE__*/jsx("span", {
+        className: visuallyHidden(),
+        children: label
+      })]
+    })
   });
 };
 IconButton$1.displayName = COMPONENT_NAME$1r;
 IconButton$1.className = CLASSNAME$1q;
-IconButton$1.defaultProps = DEFAULT_PROPS$19;
+IconButton$1.defaultProps = DEFAULT_PROPS$1a;
 
 /**
  * IconButton component.
@@ -1750,7 +1755,7 @@ const IconButton = forwardRef((props, ref) => {
 });
 IconButton.displayName = COMPONENT_NAME$1r;
 IconButton.className = CLASSNAME$1q;
-IconButton.defaultProps = DEFAULT_PROPS$19;
+IconButton.defaultProps = DEFAULT_PROPS$1a;
 
 /**
  * Component display name.
@@ -1765,7 +1770,7 @@ const CLASSNAME$1p = 'lumx-button-group';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$18 = {};
+const DEFAULT_PROPS$19 = {};
 
 /**
  * ButtonGroup component.
@@ -1787,7 +1792,7 @@ const ButtonGroup$1 = props => {
 };
 ButtonGroup$1.displayName = COMPONENT_NAME$1q;
 ButtonGroup$1.className = CLASSNAME$1p;
-ButtonGroup$1.defaultProps = DEFAULT_PROPS$18;
+ButtonGroup$1.defaultProps = DEFAULT_PROPS$19;
 
 /**
  * ButtonGroup component.
@@ -1804,7 +1809,7 @@ const ButtonGroup = forwardRef((props, ref) => {
 });
 ButtonGroup.displayName = COMPONENT_NAME$1q;
 ButtonGroup.className = CLASSNAME$1p;
-ButtonGroup.defaultProps = DEFAULT_PROPS$18;
+ButtonGroup.defaultProps = DEFAULT_PROPS$19;
 
 const COMPONENT_NAME$1p = 'InputLabel';
 const InputLabelClassName = 'lumx-input-label';
@@ -1812,7 +1817,7 @@ const CLASSNAME$1o = InputLabelClassName;
 const {
   block: block$14
 } = bem(CLASSNAME$1o);
-const DEFAULT_PROPS$17 = {};
+const DEFAULT_PROPS$18 = {};
 
 /**
  * InputLabel component.
@@ -1844,7 +1849,7 @@ function InputLabel$1(props) {
 }
 InputLabel$1.displayName = COMPONENT_NAME$1p;
 InputLabel$1.className = CLASSNAME$1o;
-InputLabel$1.defaultProps = DEFAULT_PROPS$17;
+InputLabel$1.defaultProps = DEFAULT_PROPS$18;
 
 const INPUT_HELPER_CONFIGURATION = {
   [Kind.error]: {
@@ -1873,7 +1878,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$16 = {
+const DEFAULT_PROPS$17 = {
   kind: Kind.info
 };
 
@@ -1884,7 +1889,7 @@ function InputHelper$1(props) {
   const {
     children,
     className,
-    kind = DEFAULT_PROPS$16.kind,
+    kind = DEFAULT_PROPS$17.kind,
     theme,
     ref,
     ...forwardedProps
@@ -1904,7 +1909,7 @@ function InputHelper$1(props) {
 }
 InputHelper$1.displayName = COMPONENT_NAME$1o;
 InputHelper$1.className = CLASSNAME$1n;
-InputHelper$1.defaultProps = DEFAULT_PROPS$16;
+InputHelper$1.defaultProps = DEFAULT_PROPS$17;
 
 const INTERMEDIATE_STATE = 'intermediate';
 
@@ -2019,7 +2024,7 @@ const Checkbox$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$15 = {};
+const DEFAULT_PROPS$16 = {};
 
 /**
  * Checkbox component.
@@ -2081,7 +2086,7 @@ const Checkbox = forwardRef((props, ref) => {
 });
 Checkbox.displayName = COMPONENT_NAME$1n;
 Checkbox.className = CLASSNAME$1m;
-Checkbox.defaultProps = DEFAULT_PROPS$15;
+Checkbox.defaultProps = DEFAULT_PROPS$16;
 
 /**
  * Wrap mouse event handler to stop event propagation.
@@ -2116,7 +2121,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$14 = {
+const DEFAULT_PROPS$15 = {
   size: Size.m
 };
 
@@ -2143,7 +2148,7 @@ const Chip$1 = props => {
     hasAfterClick,
     hasBeforeClick,
     hasOnClick,
-    size = DEFAULT_PROPS$14.size,
+    size = DEFAULT_PROPS$15.size,
     theme,
     ref,
     href,
@@ -2265,7 +2270,7 @@ const Chip = forwardRef((props, ref) => {
 });
 Chip.displayName = COMPONENT_NAME$1m;
 Chip.className = CLASSNAME$1l;
-Chip.defaultProps = DEFAULT_PROPS$14;
+Chip.defaultProps = DEFAULT_PROPS$15;
 
 /**
  * Component display name.
@@ -2280,7 +2285,7 @@ const CLASSNAME$1k = 'lumx-chip-group';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$13 = {};
+const DEFAULT_PROPS$14 = {};
 
 /**
  * ChipGroup component.
@@ -2378,7 +2383,7 @@ const InternalChipGroup = forwardRef((props, ref) => {
 });
 InternalChipGroup.displayName = COMPONENT_NAME$1l;
 InternalChipGroup.className = CLASSNAME$1k;
-InternalChipGroup.defaultProps = DEFAULT_PROPS$13;
+InternalChipGroup.defaultProps = DEFAULT_PROPS$14;
 const ChipGroup = Object.assign(InternalChipGroup, {
   useChipGroupNavigation
 });
@@ -2721,7 +2726,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$12 = {};
+const DEFAULT_PROPS$13 = {};
 
 /**
  * Text component common props
@@ -2808,7 +2813,7 @@ const Text = forwardRef((props, ref) => {
 });
 Text.displayName = COMPONENT_NAME$1j;
 Text.className = CLASSNAME$1i;
-Text.defaultProps = DEFAULT_PROPS$12;
+Text.defaultProps = DEFAULT_PROPS$13;
 
 /**
  * Custom positioning reference element.
@@ -4890,7 +4895,7 @@ const TOOLTIP_ZINDEX = 10000;
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$11 = {
+const DEFAULT_PROPS$12 = {
   placement: 'bottom',
   closeMode: 'unmount',
   ariaLinkMode: 'aria-describedby',
@@ -5254,11 +5259,11 @@ const Tooltip = forwardRef((props, ref) => {
     children,
     className,
     delay,
-    placement = DEFAULT_PROPS$11.placement,
+    placement = DEFAULT_PROPS$12.placement,
     forceOpen,
-    closeMode = DEFAULT_PROPS$11.closeMode,
-    ariaLinkMode = DEFAULT_PROPS$11.ariaLinkMode,
-    zIndex = DEFAULT_PROPS$11.zIndex,
+    closeMode = DEFAULT_PROPS$12.closeMode,
+    ariaLinkMode = DEFAULT_PROPS$12.ariaLinkMode,
+    zIndex = DEFAULT_PROPS$12.zIndex,
     ...forwardedProps
   } = props;
   // Disable in SSR.
@@ -5323,7 +5328,7 @@ const Tooltip = forwardRef((props, ref) => {
 });
 Tooltip.displayName = COMPONENT_NAME$1i;
 Tooltip.className = CLASSNAME$1h;
-Tooltip.defaultProps = DEFAULT_PROPS$11;
+Tooltip.defaultProps = DEFAULT_PROPS$12;
 
 /**
  * Transition the active item: deactivate the current one (if any) and activate the new one.
@@ -7725,7 +7730,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$10 = {
+const DEFAULT_PROPS$11 = {
   type: 'text'
 };
 
@@ -7740,7 +7745,7 @@ const RawInputText$1 = props => {
     value,
     handleChange,
     handleInput,
-    type = DEFAULT_PROPS$10.type,
+    type = DEFAULT_PROPS$11.type,
     name,
     ref,
     ...forwardedProps
@@ -7796,7 +7801,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$$ = {
+const DEFAULT_PROPS$10 = {
   rows: 2
 };
 
@@ -7811,7 +7816,7 @@ const RawInputTextarea$1 = props => {
     value,
     handleChange,
     handleInput,
-    rows = DEFAULT_PROPS$$.rows,
+    rows = DEFAULT_PROPS$10.rows,
     name,
     ref,
     ...forwardedProps
@@ -7885,8 +7890,8 @@ function useFitRowsToContent(minimumRows, textareaRef, value) {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$_ = {
-  minimumRows: DEFAULT_PROPS$$.rows
+const DEFAULT_PROPS$$ = {
+  minimumRows: DEFAULT_PROPS$10.rows
 };
 
 /**
@@ -7897,7 +7902,7 @@ const RawInputTextarea = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme$1.light;
   const {
     theme = defaultTheme,
-    minimumRows = DEFAULT_PROPS$_.minimumRows,
+    minimumRows = DEFAULT_PROPS$$.minimumRows,
     value,
     onChange,
     ...restOfProps
@@ -7917,7 +7922,7 @@ const RawInputTextarea = forwardRef((props, ref) => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Z = {
+const DEFAULT_PROPS$_ = {
   type: 'text'
 };
 
@@ -7961,7 +7966,7 @@ const TextField = forwardRef((props, ref) => {
     placeholder,
     textFieldRef,
     theme = defaultTheme,
-    type = DEFAULT_PROPS$Z.type,
+    type = DEFAULT_PROPS$_.type,
     value,
     afterElement,
     ...forwardedProps
@@ -8068,7 +8073,7 @@ const TextField = forwardRef((props, ref) => {
 });
 TextField.displayName = COMPONENT_NAME$1f;
 TextField.className = CLASSNAME$1e;
-TextField.defaultProps = DEFAULT_PROPS$Z;
+TextField.defaultProps = DEFAULT_PROPS$_;
 
 /**
  * Props for Combobox.Input component.
@@ -8164,7 +8169,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Y = {};
+const DEFAULT_PROPS$Z = {};
 
 /**
  * List component.
@@ -8191,7 +8196,7 @@ const List$1 = props => {
 };
 List$1.displayName = COMPONENT_NAME$1e;
 List$1.className = CLASSNAME$1d;
-List$1.defaultProps = DEFAULT_PROPS$Y;
+List$1.defaultProps = DEFAULT_PROPS$Z;
 
 /**
  * Popup type for the combobox listbox.
@@ -8338,7 +8343,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$X = {
+const DEFAULT_PROPS$Y = {
   size: Size.regular
 };
 
@@ -8362,7 +8367,7 @@ const ListItem$1 = props => {
     linkProps = {},
     linkRef,
     handleClick,
-    size = DEFAULT_PROPS$X.size,
+    size = DEFAULT_PROPS$Y.size,
     ref,
     ...forwardedProps
   } = props;
@@ -8402,7 +8407,7 @@ const ListItem$1 = props => {
 };
 ListItem$1.displayName = COMPONENT_NAME$1c;
 ListItem$1.className = CLASSNAME$1b;
-ListItem$1.defaultProps = DEFAULT_PROPS$X;
+ListItem$1.defaultProps = DEFAULT_PROPS$Y;
 
 /**
  * ListItemAction props.
@@ -8417,7 +8422,7 @@ const COMPONENT_NAME$1b = 'ListItemAction';
  * Component classname (used by action area CSS pattern).
  */
 const CLASSNAME$1a = 'lumx-action-area__action';
-const DEFAULT_PROPS$W = {};
+const DEFAULT_PROPS$X = {};
 
 /**
  * ListItemAction component.
@@ -9078,7 +9083,7 @@ const {
 /**
  * Component default props (used by framework wrappers).
  */
-const DEFAULT_PROPS$V = {
+const DEFAULT_PROPS$W = {
   closeMode: 'unmount',
   elevation: 3,
   placement: Placement.AUTO,
@@ -9102,8 +9107,8 @@ const Popover$1 = (props, {
     as: asTag = 'div',
     children,
     className,
-    closeMode = DEFAULT_PROPS$V.closeMode,
-    elevation = DEFAULT_PROPS$V.elevation,
+    closeMode = DEFAULT_PROPS$W.closeMode,
+    elevation = DEFAULT_PROPS$W.elevation,
     hasArrow,
     isOpen,
     position,
@@ -9113,7 +9118,7 @@ const Popover$1 = (props, {
     // Framework-specific
     ref,
     arrowRef,
-    usePortal = DEFAULT_PROPS$V.usePortal,
+    usePortal = DEFAULT_PROPS$W.usePortal,
     clickAwayCallback,
     clickAwayRefs,
     unmountSentinel,
@@ -9445,27 +9450,27 @@ const _InnerPopover = forwardRef((props, ref) => {
     as,
     children,
     className,
-    closeMode = DEFAULT_PROPS$V.closeMode,
+    closeMode = DEFAULT_PROPS$W.closeMode,
     closeOnClickAway,
     closeOnEscape,
-    elevation = DEFAULT_PROPS$V.elevation,
+    elevation = DEFAULT_PROPS$W.elevation,
     focusElement,
     hasArrow,
     isOpen,
     onClose,
     parentElement,
-    usePortal = DEFAULT_PROPS$V.usePortal,
-    focusAnchorOnClose = DEFAULT_PROPS$V.focusAnchorOnClose,
+    usePortal = DEFAULT_PROPS$W.usePortal,
+    focusAnchorOnClose = DEFAULT_PROPS$W.focusAnchorOnClose,
     withFocusTrap,
     boundaryRef,
     fitToAnchorWidth,
     fitWithinViewportHeight,
     focusTrapZoneElement,
     offset,
-    placement = DEFAULT_PROPS$V.placement,
+    placement = DEFAULT_PROPS$W.placement,
     style,
     theme,
-    zIndex = DEFAULT_PROPS$V.zIndex,
+    zIndex = DEFAULT_PROPS$W.zIndex,
     ...forwardedProps
   } = props;
   const popoverRef = useRef(null);
@@ -9539,7 +9544,7 @@ const Popover = skipRender(
 () => Boolean(DOCUMENT), _InnerPopover);
 Popover.displayName = COMPONENT_NAME$17;
 Popover.className = CLASSNAME$16;
-Popover.defaultProps = DEFAULT_PROPS$V;
+Popover.defaultProps = DEFAULT_PROPS$W;
 
 /**
  * Props for Combobox.OptionMoreInfo component.
@@ -10022,7 +10027,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$U = {};
+const DEFAULT_PROPS$V = {};
 
 /**
  * ListSection component.
@@ -10066,7 +10071,7 @@ const ListSection$1 = props => {
 };
 ListSection$1.displayName = COMPONENT_NAME$11;
 ListSection$1.className = CLASSNAME$10;
-ListSection$1.defaultProps = DEFAULT_PROPS$U;
+ListSection$1.defaultProps = DEFAULT_PROPS$V;
 
 /**
  * Defines the props of the component.
@@ -10090,7 +10095,7 @@ const ListSection = forwardRef((props, ref) => {
 });
 ListSection.displayName = COMPONENT_NAME$11;
 ListSection.className = CLASSNAME$10;
-ListSection.defaultProps = DEFAULT_PROPS$U;
+ListSection.defaultProps = DEFAULT_PROPS$V;
 
 /**
  * Props for Combobox.Section component.
@@ -10339,7 +10344,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$T = {
+const DEFAULT_PROPS$U = {
   gap: Size.big,
   orientation: Orientation.horizontal
 };
@@ -10363,10 +10368,10 @@ const GenericBlock$1 = props => {
     children,
     actions,
     actionsProps,
-    gap = DEFAULT_PROPS$T.gap,
+    gap = DEFAULT_PROPS$U.gap,
     ref,
     content,
-    orientation = DEFAULT_PROPS$T.orientation,
+    orientation = DEFAULT_PROPS$U.orientation,
     contentProps,
     FlexBox,
     ...forwardedProps
@@ -10478,7 +10483,7 @@ const BaseGenericBlock = forwardRef((props, ref) => {
 });
 BaseGenericBlock.displayName = COMPONENT_NAME$$;
 BaseGenericBlock.className = CLASSNAME$_;
-BaseGenericBlock.defaultProps = DEFAULT_PROPS$T;
+BaseGenericBlock.defaultProps = DEFAULT_PROPS$U;
 const GenericBlock = Object.assign(BaseGenericBlock, {
   Figure,
   Content,
@@ -10572,7 +10577,7 @@ const CLASSNAME$Z = 'lumx-list-divider';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$S = {};
+const DEFAULT_PROPS$T = {};
 
 /**
  * ListDivider component.
@@ -10596,7 +10601,7 @@ const ListDivider$1 = props => {
 };
 ListDivider$1.displayName = COMPONENT_NAME$_;
 ListDivider$1.className = CLASSNAME$Z;
-ListDivider$1.defaultProps = DEFAULT_PROPS$S;
+ListDivider$1.defaultProps = DEFAULT_PROPS$T;
 
 /**
  * Defines the props of the component.
@@ -10618,7 +10623,7 @@ const ListDivider = forwardRef((props, ref) => {
 });
 ListDivider.displayName = COMPONENT_NAME$_;
 ListDivider.className = CLASSNAME$Z;
-ListDivider.defaultProps = DEFAULT_PROPS$S;
+ListDivider.defaultProps = DEFAULT_PROPS$T;
 
 /**
  * Combobox compound component namespace.
@@ -10681,7 +10686,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$R = {
+const DEFAULT_PROPS$S = {
   variant: CommentBlockVariant.indented
 };
 
@@ -10711,7 +10716,7 @@ const CommentBlock = forwardRef((props, ref) => {
     onMouseLeave,
     text,
     theme = defaultTheme,
-    variant = DEFAULT_PROPS$R.variant,
+    variant = DEFAULT_PROPS$S.variant,
     ...forwardedProps
   } = props;
   const hasChildren = Children.count(children) > 0;
@@ -10780,7 +10785,7 @@ const CommentBlock = forwardRef((props, ref) => {
 });
 CommentBlock.displayName = COMPONENT_NAME$Z;
 CommentBlock.className = CLASSNAME$Y;
-CommentBlock.defaultProps = DEFAULT_PROPS$R;
+CommentBlock.defaultProps = DEFAULT_PROPS$S;
 
 /**
  * Add a number of months from a date while resetting the day to prevent month length mismatches.
@@ -11683,7 +11688,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Q = {
+const DEFAULT_PROPS$R = {
   size: Size.big
 };
 
@@ -11706,7 +11711,7 @@ const Dialog$1 = props => {
     isOpen,
     handleClose,
     contentRef,
-    size = DEFAULT_PROPS$Q.size,
+    size = DEFAULT_PROPS$R.size,
     zIndex,
     dialogProps,
     headerChildContent,
@@ -11810,7 +11815,7 @@ const isFooter$1 = isComponent('footer');
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$P = {
+const DEFAULT_PROPS$Q = {
   closeMode: 'unmount',
   size: Size$1.big,
   disableBodyScroll: true
@@ -11831,7 +11836,7 @@ const Dialog = forwardRef((props, ref) => {
   const {
     children,
     className,
-    closeMode = DEFAULT_PROPS$P.closeMode,
+    closeMode = DEFAULT_PROPS$Q.closeMode,
     header,
     focusElement,
     forceFooterDivider,
@@ -11843,11 +11848,11 @@ const Dialog = forwardRef((props, ref) => {
     parentElement,
     contentRef,
     preventAutoClose,
-    size = DEFAULT_PROPS$P.size,
+    size = DEFAULT_PROPS$Q.size,
     zIndex,
     dialogProps,
     onVisibilityChange,
-    disableBodyScroll = DEFAULT_PROPS$P.disableBodyScroll,
+    disableBodyScroll = DEFAULT_PROPS$Q.disableBodyScroll,
     preventCloseOnClick,
     preventCloseOnEscape,
     ...forwardedProps
@@ -11953,7 +11958,7 @@ const Dialog = forwardRef((props, ref) => {
 });
 Dialog.displayName = COMPONENT_NAME$V;
 Dialog.className = CLASSNAME$W;
-Dialog.defaultProps = DEFAULT_PROPS$P;
+Dialog.defaultProps = DEFAULT_PROPS$Q;
 
 /**
  * Component display name.
@@ -11997,7 +12002,7 @@ const Divider$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$O = {};
+const DEFAULT_PROPS$P = {};
 
 /**
  * Divider component.
@@ -12020,7 +12025,7 @@ const Divider = forwardRef((props, ref) => {
 });
 Divider.displayName = COMPONENT_NAME$U;
 Divider.className = CLASSNAME$V;
-Divider.defaultProps = DEFAULT_PROPS$O;
+Divider.defaultProps = DEFAULT_PROPS$P;
 
 /**
  * Component display name.
@@ -12069,7 +12074,7 @@ const DragHandle$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$N = {};
+const DEFAULT_PROPS$O = {};
 
 /**
  * DragHandle component.
@@ -12092,7 +12097,7 @@ const DragHandle = forwardRef((props, ref) => {
 });
 DragHandle.displayName = COMPONENT_NAME$T;
 DragHandle.className = CLASSNAME$U;
-DragHandle.defaultProps = DEFAULT_PROPS$N;
+DragHandle.defaultProps = DEFAULT_PROPS$O;
 
 const INITIAL_INDEX = -1;
 
@@ -12288,7 +12293,7 @@ const InternalList = forwardRef((props, ref) => {
 });
 InternalList.displayName = COMPONENT_NAME$1e;
 InternalList.className = CLASSNAME$1d;
-InternalList.defaultProps = DEFAULT_PROPS$Y;
+InternalList.defaultProps = DEFAULT_PROPS$Z;
 const List = Object.assign(InternalList, {
   useKeyboardListNavigation
 });
@@ -12351,7 +12356,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$M = {
+const DEFAULT_PROPS$N = {
   closeOnClick: true,
   closeOnClickAway: true,
   closeOnEscape: true,
@@ -12374,18 +12379,18 @@ const Dropdown = forwardRef((props, ref) => {
     anchorRef,
     children,
     className,
-    closeOnClick = DEFAULT_PROPS$M.closeOnClick,
-    closeOnClickAway = DEFAULT_PROPS$M.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$M.closeOnEscape,
-    fitToAnchorWidth = DEFAULT_PROPS$M.fitToAnchorWidth,
-    fitWithinViewportHeight = DEFAULT_PROPS$M.fitWithinViewportHeight,
+    closeOnClick = DEFAULT_PROPS$N.closeOnClick,
+    closeOnClickAway = DEFAULT_PROPS$N.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$N.closeOnEscape,
+    fitToAnchorWidth = DEFAULT_PROPS$N.fitToAnchorWidth,
+    fitWithinViewportHeight = DEFAULT_PROPS$N.fitWithinViewportHeight,
     isOpen,
     offset,
-    focusAnchorOnClose = DEFAULT_PROPS$M.focusAnchorOnClose,
+    focusAnchorOnClose = DEFAULT_PROPS$N.focusAnchorOnClose,
     onClose,
     onInfiniteScroll,
-    placement = DEFAULT_PROPS$M.placement,
-    shouldFocusOnOpen = DEFAULT_PROPS$M.shouldFocusOnOpen,
+    placement = DEFAULT_PROPS$N.placement,
+    shouldFocusOnOpen = DEFAULT_PROPS$N.shouldFocusOnOpen,
     zIndex,
     ...forwardedProps
   } = props;
@@ -12431,7 +12436,7 @@ const Dropdown = forwardRef((props, ref) => {
 });
 Dropdown.displayName = COMPONENT_NAME$S;
 Dropdown.className = CLASSNAME$T;
-Dropdown.defaultProps = DEFAULT_PROPS$M;
+Dropdown.defaultProps = DEFAULT_PROPS$N;
 
 /**
  * Component display name.
@@ -12450,7 +12455,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$L = {
+const DEFAULT_PROPS$M = {
   closeMode: 'unmount'
 };
 
@@ -12563,7 +12568,7 @@ const isFooter = isComponent('footer');
 const ExpansionPanel = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme$1.light;
   const {
-    closeMode = DEFAULT_PROPS$L.closeMode,
+    closeMode = DEFAULT_PROPS$M.closeMode,
     children: anyChildren,
     isOpen,
     label,
@@ -12636,11 +12641,11 @@ const ExpansionPanel = forwardRef((props, ref) => {
 });
 ExpansionPanel.displayName = COMPONENT_NAME$R;
 ExpansionPanel.className = CLASSNAME$S;
-ExpansionPanel.defaultProps = DEFAULT_PROPS$L;
+ExpansionPanel.defaultProps = DEFAULT_PROPS$M;
 
 const COMPONENT_NAME$Q = 'Flag';
 const CLASSNAME$R = 'lumx-flag';
-const DEFAULT_PROPS$K = {};
+const DEFAULT_PROPS$L = {};
 const {
   block: block$F,
   element: element$w
@@ -12704,7 +12709,7 @@ const Flag = forwardRef((props, ref) => {
 });
 Flag.displayName = COMPONENT_NAME$Q;
 Flag.className = CLASSNAME$R;
-Flag.defaultProps = DEFAULT_PROPS$K;
+Flag.defaultProps = DEFAULT_PROPS$L;
 
 /** The maximum authorized heading level. */
 const MAX_HEADING_LEVEL = 6;
@@ -12742,7 +12747,7 @@ const CLASSNAME$Q = 'lumx-heading';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$J = {};
+const DEFAULT_PROPS$K = {};
 
 /**
  * Get Heading component common props
@@ -12802,7 +12807,7 @@ const Heading = forwardRef((props, ref) => {
 });
 Heading.displayName = COMPONENT_NAME$P;
 Heading.className = CLASSNAME$Q;
-Heading.defaultProps = DEFAULT_PROPS$J;
+Heading.defaultProps = DEFAULT_PROPS$K;
 
 /**
  * Computes the next heading level based on the optional prop level or the parent context level.
@@ -12853,7 +12858,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$I = {
+const DEFAULT_PROPS$J = {
   orientation: Orientation$1.horizontal,
   wrap: 'nowrap'
 };
@@ -12871,9 +12876,9 @@ const Grid = forwardRef((props, ref) => {
     className,
     gutter,
     hAlign,
-    orientation = DEFAULT_PROPS$I.orientation,
+    orientation = DEFAULT_PROPS$J.orientation,
     vAlign,
-    wrap = DEFAULT_PROPS$I.wrap,
+    wrap = DEFAULT_PROPS$J.wrap,
     ...forwardedProps
   } = props;
   return /*#__PURE__*/jsx("div", {
@@ -12891,7 +12896,7 @@ const Grid = forwardRef((props, ref) => {
 });
 Grid.displayName = COMPONENT_NAME$O;
 Grid.className = CLASSNAME$P;
-Grid.defaultProps = DEFAULT_PROPS$I;
+Grid.defaultProps = DEFAULT_PROPS$J;
 
 /**
  * Component display name.
@@ -12949,7 +12954,7 @@ const CLASSNAME$N = 'lumx-grid-column';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$H = {};
+const DEFAULT_PROPS$I = {};
 
 /**
  * The GridColumn is a layout component that can display children in a grid
@@ -12986,7 +12991,7 @@ const GridColumn$1 = props => {
 };
 GridColumn$1.displayName = COMPONENT_NAME$M;
 GridColumn$1.className = CLASSNAME$N;
-GridColumn$1.defaultProps = DEFAULT_PROPS$H;
+GridColumn$1.defaultProps = DEFAULT_PROPS$I;
 
 /**
  * Defines the props of the component.
@@ -12997,7 +13002,7 @@ GridColumn$1.defaultProps = DEFAULT_PROPS$H;
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$G = {};
+const DEFAULT_PROPS$H = {};
 
 /**
  * The GridColumn is a layout component that can display children in a grid
@@ -13016,7 +13021,7 @@ const GridColumn = forwardRef((props, ref) => {
 });
 GridColumn.displayName = COMPONENT_NAME$M;
 GridColumn.className = CLASSNAME$N;
-GridColumn.defaultProps = DEFAULT_PROPS$G;
+GridColumn.defaultProps = DEFAULT_PROPS$H;
 
 /**
  * Image block variants.
@@ -13051,7 +13056,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$F = {
+const DEFAULT_PROPS$G = {
   captionPosition: ImageBlockCaptionPosition.below,
   align: Alignment.left
 };
@@ -13066,9 +13071,9 @@ const DEFAULT_PROPS$F = {
 const ImageBlock$1 = props => {
   const {
     actions,
-    align = DEFAULT_PROPS$F.align,
+    align = DEFAULT_PROPS$G.align,
     alt,
-    captionPosition = DEFAULT_PROPS$F.captionPosition,
+    captionPosition = DEFAULT_PROPS$G.captionPosition,
     captionStyle,
     className,
     description,
@@ -13240,7 +13245,7 @@ const ImageBlock = forwardRef((props, ref) => {
 });
 ImageBlock.displayName = COMPONENT_NAME$L;
 ImageBlock.className = CLASSNAME$M;
-ImageBlock.defaultProps = DEFAULT_PROPS$F;
+ImageBlock.defaultProps = DEFAULT_PROPS$G;
 
 /**
  * Component display name.
@@ -13994,7 +13999,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$E = {};
+const DEFAULT_PROPS$F = {};
 
 /**
  * InlineList component.
@@ -14043,7 +14048,7 @@ const InlineList$1 = props => {
 };
 InlineList$1.displayName = COMPONENT_NAME$J;
 InlineList$1.className = CLASSNAME$K;
-InlineList$1.defaultProps = DEFAULT_PROPS$E;
+InlineList$1.defaultProps = DEFAULT_PROPS$F;
 
 /**
  * Defines the props of the component.
@@ -14069,7 +14074,7 @@ const InlineList = forwardRef((props, ref) => {
 });
 InlineList.displayName = COMPONENT_NAME$J;
 InlineList.className = CLASSNAME$K;
-InlineList.defaultProps = DEFAULT_PROPS$E;
+InlineList.defaultProps = DEFAULT_PROPS$F;
 
 /**
  * InputHelper component.
@@ -14428,7 +14433,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$D = {
+const DEFAULT_PROPS$E = {
   size: Size.regular,
   titleHeading: 'h2'
 };
@@ -14447,7 +14452,7 @@ const LinkPreview$1 = props => {
     link,
     linkAs,
     linkProps,
-    size = DEFAULT_PROPS$D.size,
+    size = DEFAULT_PROPS$E.size,
     theme,
     thumbnailProps,
     ref,
@@ -14535,7 +14540,7 @@ const LinkPreview = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme$1.light;
   const {
     theme = defaultTheme,
-    titleHeading = DEFAULT_PROPS$D.titleHeading,
+    titleHeading = DEFAULT_PROPS$E.titleHeading,
     ...forwardedProps
   } = props;
   // Use title heading as title wrapper (see DEFAULT_PROPS for the default value).
@@ -14551,7 +14556,7 @@ const LinkPreview = forwardRef((props, ref) => {
 });
 LinkPreview.displayName = COMPONENT_NAME$G;
 LinkPreview.className = CLASSNAME$H;
-LinkPreview.defaultProps = DEFAULT_PROPS$D;
+LinkPreview.defaultProps = DEFAULT_PROPS$E;
 
 /**
  * ListItem.Action props.
@@ -14584,7 +14589,7 @@ const ListItemAction = Object.assign(forwardRefPolymorphic((props, ref) => {
 }), {
   displayName: COMPONENT_NAME$1b,
   className: CLASSNAME$1a,
-  defaultProps: DEFAULT_PROPS$W
+  defaultProps: DEFAULT_PROPS$X
 });
 
 /**
@@ -14624,7 +14629,7 @@ const _ListItem = forwardRef((props, ref) => {
 });
 _ListItem.displayName = COMPONENT_NAME$1c;
 _ListItem.className = CLASSNAME$1b;
-_ListItem.defaultProps = DEFAULT_PROPS$X;
+_ListItem.defaultProps = DEFAULT_PROPS$Y;
 
 /**
  * ListItem component with Action sub-component.
@@ -14790,7 +14795,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$C = {};
+const DEFAULT_PROPS$D = {};
 
 /**
  * Mosaic component.
@@ -14885,7 +14890,7 @@ const Mosaic = forwardRef((props, ref) => {
 });
 Mosaic.displayName = COMPONENT_NAME$D;
 Mosaic.className = CLASSNAME$E;
-Mosaic.defaultProps = DEFAULT_PROPS$C;
+Mosaic.defaultProps = DEFAULT_PROPS$D;
 
 const NavigationContext = /*#__PURE__*/createContext({
   orientation: Orientation$1.vertical
@@ -15083,7 +15088,7 @@ const {
 /**
  * Component default props
  */
-const DEFAULT_PROPS$B = {
+const DEFAULT_PROPS$C = {
   orientation: Orientation$1.vertical
 };
 const Navigation = forwardRef((props, ref) => {
@@ -15092,7 +15097,7 @@ const Navigation = forwardRef((props, ref) => {
     children,
     className,
     theme = defaultTheme,
-    orientation = DEFAULT_PROPS$B.orientation,
+    orientation = DEFAULT_PROPS$C.orientation,
     ...forwardedProps
   } = props;
   return /*#__PURE__*/jsx(ThemeProvider, {
@@ -15118,7 +15123,7 @@ const Navigation = forwardRef((props, ref) => {
 });
 Navigation.displayName = COMPONENT_NAME$B;
 Navigation.className = CLASSNAME$C;
-Navigation.defaultProps = DEFAULT_PROPS$B;
+Navigation.defaultProps = DEFAULT_PROPS$C;
 
 // Sub components
 Navigation.Section = NavigationSection;
@@ -15163,7 +15168,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$A = {
+const DEFAULT_PROPS$B = {
   zIndex: 9999,
   usePortal: true
 };
@@ -15187,8 +15192,8 @@ const Notification = forwardRef((props, ref) => {
     onClick,
     theme = defaultTheme,
     type,
-    zIndex = DEFAULT_PROPS$A.zIndex,
-    usePortal = DEFAULT_PROPS$A.usePortal,
+    zIndex = DEFAULT_PROPS$B.zIndex,
+    usePortal = DEFAULT_PROPS$B.usePortal,
     style,
     ...forwardedProps
   } = props;
@@ -15253,7 +15258,7 @@ const Notification = forwardRef((props, ref) => {
 });
 Notification.displayName = COMPONENT_NAME$A;
 Notification.className = CLASSNAME$B;
-Notification.defaultProps = DEFAULT_PROPS$A;
+Notification.defaultProps = DEFAULT_PROPS$B;
 
 /**
  * PopoverDialog props.
@@ -15273,7 +15278,7 @@ const CLASSNAME$A = 'lumx-popover-dialog';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$z = {};
+const DEFAULT_PROPS$A = {};
 
 /**
  * PopoverDialog component.
@@ -15313,7 +15318,7 @@ const PopoverDialog = forwardRef((props, ref) => {
 });
 PopoverDialog.displayName = COMPONENT_NAME$z;
 PopoverDialog.className = CLASSNAME$A;
-PopoverDialog.defaultProps = DEFAULT_PROPS$z;
+PopoverDialog.defaultProps = DEFAULT_PROPS$A;
 
 /**
  * Component display name.
@@ -15332,7 +15337,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$y = {
+const DEFAULT_PROPS$z = {
   orientation: Orientation$1.horizontal
 };
 
@@ -15352,7 +15357,7 @@ const PostBlock = forwardRef((props, ref) => {
     className,
     meta,
     onClick,
-    orientation = DEFAULT_PROPS$y.orientation,
+    orientation = DEFAULT_PROPS$z.orientation,
     tags,
     text,
     theme = defaultTheme,
@@ -15414,7 +15419,7 @@ const PostBlock = forwardRef((props, ref) => {
 });
 PostBlock.displayName = COMPONENT_NAME$y;
 PostBlock.className = CLASSNAME$z;
-PostBlock.defaultProps = DEFAULT_PROPS$y;
+PostBlock.defaultProps = DEFAULT_PROPS$z;
 
 /**
  * Component display name.
@@ -15433,7 +15438,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$x = {};
+const DEFAULT_PROPS$y = {};
 
 /**
  * ProgressLinear component.
@@ -15487,7 +15492,7 @@ const ProgressLinear = forwardRef((props, ref) => {
 });
 ProgressLinear.displayName = COMPONENT_NAME$x;
 ProgressLinear.className = CLASSNAME$y;
-ProgressLinear.defaultProps = DEFAULT_PROPS$x;
+ProgressLinear.defaultProps = DEFAULT_PROPS$y;
 
 /* eslint-disable react/no-unknown-property */
 
@@ -15508,7 +15513,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$w = {
+const DEFAULT_PROPS$x = {
   size: Size.m,
   display: 'block'
 };
@@ -15523,8 +15528,8 @@ const ProgressCircular$1 = props => {
   const {
     className,
     theme,
-    size = DEFAULT_PROPS$w.size,
-    display = DEFAULT_PROPS$w.display,
+    size = DEFAULT_PROPS$x.size,
+    display = DEFAULT_PROPS$x.display,
     ref,
     circleProps,
     svgProps,
@@ -15589,7 +15594,7 @@ const ProgressCircular = forwardRef((props, ref) => {
 });
 ProgressCircular.displayName = COMPONENT_NAME$w;
 ProgressCircular.className = CLASSNAME$x;
-ProgressCircular.defaultProps = DEFAULT_PROPS$w;
+ProgressCircular.defaultProps = DEFAULT_PROPS$x;
 
 const ProgressVariant = {
   linear: 'linear',
@@ -15616,7 +15621,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$v = {
+const DEFAULT_PROPS$w = {
   variant: ProgressVariant.circular
 };
 
@@ -15633,7 +15638,7 @@ const Progress = forwardRef((props, ref) => {
   const {
     className,
     theme = defaultTheme,
-    variant = DEFAULT_PROPS$v.variant,
+    variant = DEFAULT_PROPS$w.variant,
     ...forwardedProps
   } = props;
   return /*#__PURE__*/jsxs("div", {
@@ -15652,7 +15657,7 @@ const Progress = forwardRef((props, ref) => {
 });
 Progress.displayName = COMPONENT_NAME$v;
 Progress.className = CLASSNAME$w;
-Progress.defaultProps = DEFAULT_PROPS$v;
+Progress.defaultProps = DEFAULT_PROPS$w;
 
 const INIT_STATE = {
   isLazy: true,
@@ -15778,7 +15783,7 @@ const useTabProviderContextState = () => {
   return context?.[0];
 };
 
-const DEFAULT_PROPS$u = {
+const DEFAULT_PROPS$v = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
 };
@@ -15807,7 +15812,7 @@ const ProgressTrackerProvider = props => {
     dispatch({
       type: 'update',
       payload: {
-        ...DEFAULT_PROPS$u,
+        ...DEFAULT_PROPS$v,
         ...propState,
         activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex
       }
@@ -15830,7 +15835,7 @@ const ProgressTrackerProvider = props => {
     children: children
   });
 };
-ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$u;
+ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$v;
 
 /**
  * Component display name.
@@ -15849,7 +15854,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$t = {};
+const DEFAULT_PROPS$u = {};
 
 /**
  * ProgressTracker component.
@@ -15903,7 +15908,7 @@ const ProgressTracker = forwardRef((props, ref) => {
 });
 ProgressTracker.displayName = COMPONENT_NAME$u;
 ProgressTracker.className = CLASSNAME$v;
-ProgressTracker.defaultProps = DEFAULT_PROPS$t;
+ProgressTracker.defaultProps = DEFAULT_PROPS$u;
 
 /**
  * Component display name.
@@ -15922,7 +15927,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$s = {};
+const DEFAULT_PROPS$t = {};
 
 /**
  * ProgressTrackerStep component.
@@ -16017,7 +16022,7 @@ const ProgressTrackerStep = forwardRef((props, ref) => {
 });
 ProgressTrackerStep.displayName = COMPONENT_NAME$t;
 ProgressTrackerStep.className = CLASSNAME$u;
-ProgressTrackerStep.defaultProps = DEFAULT_PROPS$s;
+ProgressTrackerStep.defaultProps = DEFAULT_PROPS$t;
 
 /**
  * Component display name.
@@ -16035,7 +16040,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$r = {};
+const DEFAULT_PROPS$s = {};
 
 /**
  * ProgressTrackerStepPanel component.
@@ -16071,7 +16076,7 @@ const ProgressTrackerStepPanel = forwardRef((props, ref) => {
 });
 ProgressTrackerStepPanel.displayName = COMPONENT_NAME$s;
 ProgressTrackerStepPanel.className = CLASSNAME$t;
-ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$r;
+ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$s;
 
 /**
  * Component display name.
@@ -16174,7 +16179,7 @@ const RadioButton$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$q = {};
+const DEFAULT_PROPS$r = {};
 
 /**
  * RadioButton component.
@@ -16230,7 +16235,7 @@ const RadioButton = forwardRef((props, ref) => {
 });
 RadioButton.displayName = COMPONENT_NAME$r;
 RadioButton.className = CLASSNAME$s;
-RadioButton.defaultProps = DEFAULT_PROPS$q;
+RadioButton.defaultProps = DEFAULT_PROPS$r;
 
 /**
  * Component display name.
@@ -16245,7 +16250,7 @@ const CLASSNAME$r = 'lumx-radio-group';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$p = {};
+const DEFAULT_PROPS$q = {};
 
 /**
  * RadioGroup component.
@@ -16269,7 +16274,7 @@ const RadioGroup$1 = props => {
 };
 RadioGroup$1.displayName = COMPONENT_NAME$q;
 RadioGroup$1.className = CLASSNAME$r;
-RadioGroup$1.defaultProps = DEFAULT_PROPS$p;
+RadioGroup$1.defaultProps = DEFAULT_PROPS$q;
 
 /**
  * Defines the props of the component.
@@ -16453,7 +16458,7 @@ const {
 } = classNames.bem(CLASSNAME$p);
 
 /** The default value of props. */
-const DEFAULT_PROPS$o = {
+const DEFAULT_PROPS$p = {
   selectedValueRender: choice => choice,
   variant: SelectVariant.input
 };
@@ -16577,7 +16582,7 @@ const Select = forwardRef((props, ref) => {
   const isEmpty$1 = isEmpty(props.value);
   const hasInputClear = props.onClear && props.clearButtonProps && !isEmpty$1;
   return WithSelectContext(SelectField, {
-    ...DEFAULT_PROPS$o,
+    ...DEFAULT_PROPS$p,
     ...props,
     className: classNames.join(props.className, block$j({
       'has-input-clear': hasInputClear,
@@ -16589,7 +16594,7 @@ const Select = forwardRef((props, ref) => {
 });
 Select.displayName = COMPONENT_NAME$p;
 Select.className = CLASSNAME$p;
-Select.defaultProps = DEFAULT_PROPS$o;
+Select.defaultProps = DEFAULT_PROPS$p;
 Select.className = CLASSNAME$p;
 
 /** The display name of the component. */
@@ -16603,7 +16608,7 @@ const {
 } = classNames.bem(CLASSNAME$o);
 
 /** The default value of props. */
-const DEFAULT_PROPS$n = {
+const DEFAULT_PROPS$o = {
   selectedChipRender(choice, index, onClear, isDisabled, theme) {
     const onClick = event => onClear && onClear(event, choice);
     return /*#__PURE__*/jsx(Chip, {
@@ -16732,7 +16737,7 @@ const SelectMultipleField = props => {
  */
 const SelectMultiple = forwardRef((props, ref) => {
   return WithSelectContext(SelectMultipleField, {
-    ...DEFAULT_PROPS$n,
+    ...DEFAULT_PROPS$o,
     ...props,
     className: classNames.join(props.className, block$i({
       'has-multiple': !props.isEmpty
@@ -16743,7 +16748,7 @@ const SelectMultiple = forwardRef((props, ref) => {
 });
 SelectMultiple.displayName = COMPONENT_NAME$o;
 SelectMultiple.className = CLASSNAME$o;
-SelectMultiple.defaultProps = DEFAULT_PROPS$n;
+SelectMultiple.defaultProps = DEFAULT_PROPS$o;
 
 /**
  * Find the option whose id matches the given value.
@@ -17587,7 +17592,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$m = {
+const DEFAULT_PROPS$n = {
   emphasis: Emphasis$1.high,
   closeMode: 'unmount'
 };
@@ -17603,7 +17608,7 @@ const SideNavigationItem = forwardRef((props, ref) => {
   const {
     children,
     className,
-    emphasis = DEFAULT_PROPS$m.emphasis,
+    emphasis = DEFAULT_PROPS$n.emphasis,
     icon,
     isOpen,
     isSelected,
@@ -17613,7 +17618,7 @@ const SideNavigationItem = forwardRef((props, ref) => {
     onActionClick,
     onClick,
     toggleButtonProps,
-    closeMode = DEFAULT_PROPS$m.closeMode,
+    closeMode = DEFAULT_PROPS$n.closeMode,
     ...forwardedProps
   } = props;
   const content = children && Children.toArray(children).filter(isComponent(SideNavigationItem));
@@ -17690,7 +17695,7 @@ const SideNavigationItem = forwardRef((props, ref) => {
 });
 SideNavigationItem.displayName = COMPONENT_NAME$k;
 SideNavigationItem.className = CLASSNAME$k;
-SideNavigationItem.defaultProps = DEFAULT_PROPS$m;
+SideNavigationItem.defaultProps = DEFAULT_PROPS$n;
 
 /**
  * Component display name.
@@ -17761,7 +17766,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$l = {
+const DEFAULT_PROPS$m = {
   variant: SkeletonRectangleVariant.squared
 };
 
@@ -17777,7 +17782,7 @@ const SkeletonRectangle$1 = props => {
     className,
     height,
     theme,
-    variant = DEFAULT_PROPS$l.variant,
+    variant = DEFAULT_PROPS$m.variant,
     width,
     color,
     ref,
@@ -17804,7 +17809,7 @@ const SkeletonRectangle$1 = props => {
  * Defines the props of the component.
  */
 
-const DEFAULT_PROPS$k = {};
+const DEFAULT_PROPS$l = {};
 
 /**
  * SkeletonCircle component.
@@ -17832,14 +17837,14 @@ const SkeletonCircle = forwardRef((props, ref) => {
   });
 });
 SkeletonCircle.displayName = COMPONENT_NAME$j;
-SkeletonCircle.defaultProps = DEFAULT_PROPS$k;
+SkeletonCircle.defaultProps = DEFAULT_PROPS$l;
 SkeletonCircle.className = CLASSNAME$j;
 
 /**
  * Defines the props of the component.
  */
 
-const DEFAULT_PROPS$j = DEFAULT_PROPS$l;
+const DEFAULT_PROPS$k = DEFAULT_PROPS$m;
 
 /**
  * SkeletonRectangle component.
@@ -17855,7 +17860,7 @@ const SkeletonRectangle = forwardRef((props, ref) => {
     className,
     height,
     theme = defaultTheme,
-    variant = DEFAULT_PROPS$j.variant,
+    variant = DEFAULT_PROPS$k.variant,
     width,
     color,
     ...forwardedProps
@@ -17874,13 +17879,13 @@ const SkeletonRectangle = forwardRef((props, ref) => {
 });
 SkeletonRectangle.displayName = COMPONENT_NAME$i;
 SkeletonRectangle.className = CLASSNAME$i;
-SkeletonRectangle.defaultProps = DEFAULT_PROPS$j;
+SkeletonRectangle.defaultProps = DEFAULT_PROPS$k;
 
 /**
  * Defines the props of the component.
  */
 
-const DEFAULT_PROPS$i = {};
+const DEFAULT_PROPS$j = {};
 
 /**
  * SkeletonTypography component.
@@ -17910,7 +17915,7 @@ const SkeletonTypography = forwardRef((props, ref) => {
   });
 });
 SkeletonTypography.displayName = COMPONENT_NAME$16;
-SkeletonTypography.defaultProps = DEFAULT_PROPS$i;
+SkeletonTypography.defaultProps = DEFAULT_PROPS$j;
 SkeletonTypography.className = CLASSNAME$15;
 
 /**
@@ -17949,7 +17954,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$h = {
+const DEFAULT_PROPS$i = {
   precision: 0,
   steps: 0
 };
@@ -18000,8 +18005,8 @@ const Slider = forwardRef((props, ref) => {
     name,
     onChange,
     onMouseDown,
-    precision = DEFAULT_PROPS$h.precision,
-    steps = DEFAULT_PROPS$h.steps,
+    precision = DEFAULT_PROPS$i.precision,
+    steps = DEFAULT_PROPS$i.steps,
     theme = defaultTheme,
     value,
     ...forwardedProps
@@ -18204,7 +18209,7 @@ const Slider = forwardRef((props, ref) => {
 });
 Slider.displayName = COMPONENT_NAME$h;
 Slider.className = CLASSNAME$h;
-Slider.defaultProps = DEFAULT_PROPS$h;
+Slider.defaultProps = DEFAULT_PROPS$i;
 
 /**
  * Making setInterval Declarative with React Hooks.
@@ -18582,7 +18587,7 @@ SlideshowItemGroup.className = CLASSNAME$g;
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$g = {
+const DEFAULT_PROPS$h = {
   ...DEFAULT_OPTIONS,
   slideMode: SlideMode.transformTranslate
 };
@@ -18598,19 +18603,19 @@ const Slideshow = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme$1.light;
   const {
     activeIndex,
-    autoPlay = DEFAULT_PROPS$g.autoPlay,
+    autoPlay = DEFAULT_PROPS$h.autoPlay,
     children,
     className,
     fillHeight,
     groupBy = DEFAULT_OPTIONS.groupBy,
-    interval = DEFAULT_PROPS$g.interval,
+    interval = DEFAULT_PROPS$h.interval,
     onChange,
     slideshowControlsProps,
     theme = defaultTheme,
     id,
     slidesId,
     slideGroupLabel,
-    slideMode = DEFAULT_PROPS$g.slideMode,
+    slideMode = DEFAULT_PROPS$h.slideMode,
     ...forwardedProps
   } = props;
   // Number of slideshow items.
@@ -18632,7 +18637,7 @@ const Slideshow = forwardRef((props, ref) => {
     toggleForcePause
   } = SlideshowControls.useSlideshowControls({
     activeIndex,
-    defaultActiveIndex: DEFAULT_PROPS$g.activeIndex,
+    defaultActiveIndex: DEFAULT_PROPS$h.activeIndex,
     autoPlay: Boolean(autoPlay),
     itemsCount,
     groupBy,
@@ -18702,7 +18707,7 @@ const Slideshow = forwardRef((props, ref) => {
   });
 });
 Slideshow.displayName = 'Slideshow';
-Slideshow.defaultProps = DEFAULT_PROPS$g;
+Slideshow.defaultProps = DEFAULT_PROPS$h;
 
 /**
  * Component display name.
@@ -18811,7 +18816,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$f = {
+const DEFAULT_PROPS$g = {
   activeIndex: 0
 };
 
@@ -18825,7 +18830,7 @@ const DEFAULT_PROPS$f = {
 const InternalSlideshowControls = forwardRef((props, ref) => {
   const defaultTheme = useTheme() || Theme$1.light;
   const {
-    activeIndex = DEFAULT_PROPS$f.activeIndex,
+    activeIndex = DEFAULT_PROPS$g.activeIndex,
     className,
     nextButtonProps,
     onNextClick,
@@ -18939,7 +18944,7 @@ const InternalSlideshowControls = forwardRef((props, ref) => {
 });
 InternalSlideshowControls.displayName = COMPONENT_NAME$e;
 InternalSlideshowControls.className = CLASSNAME$e;
-InternalSlideshowControls.defaultProps = DEFAULT_PROPS$f;
+InternalSlideshowControls.defaultProps = DEFAULT_PROPS$g;
 const SlideshowControls = Object.assign(InternalSlideshowControls, {
   useSlideshowControls,
   useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS
@@ -19071,7 +19076,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$e = {
+const DEFAULT_PROPS$f = {
   slideMode: SlideMode.transformTranslate
 };
 
@@ -19098,7 +19103,7 @@ const Slides = forwardRef((props, ref) => {
     afterSlides,
     hasControls,
     slideGroupLabel,
-    slideMode = DEFAULT_PROPS$e.slideMode,
+    slideMode = DEFAULT_PROPS$f.slideMode,
     onChange,
     ...forwardedProps
   } = props;
@@ -19185,7 +19190,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$d = {
+const DEFAULT_PROPS$e = {
   position: 'left'
 };
 
@@ -19212,7 +19217,7 @@ const Switch$1 = props => {
     inputProps = {},
     isDisabled,
     inputId,
-    position = DEFAULT_PROPS$d.position,
+    position = DEFAULT_PROPS$e.position,
     ...forwardedProps
   } = props;
   const handleOnChange = event => {
@@ -19280,7 +19285,7 @@ const Switch$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$c = {
+const DEFAULT_PROPS$d = {
   position: Alignment$1.left
 };
 
@@ -19308,7 +19313,7 @@ const Switch = forwardRef((props, ref) => {
     isChecked = checked,
     name,
     onChange,
-    position = DEFAULT_PROPS$c.position,
+    position = DEFAULT_PROPS$d.position,
     theme = defaultTheme,
     value,
     inputProps = {},
@@ -19341,7 +19346,7 @@ const Switch = forwardRef((props, ref) => {
 });
 Switch.displayName = COMPONENT_NAME$c;
 Switch.className = CLASSNAME$c;
-Switch.defaultProps = DEFAULT_PROPS$c;
+Switch.defaultProps = DEFAULT_PROPS$d;
 
 /**
  * Component display name.
@@ -19364,7 +19369,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$b = {};
+const DEFAULT_PROPS$c = {};
 
 /**
  * Table component.
@@ -19421,7 +19426,7 @@ const Table = forwardRef((props, ref) => {
 });
 Table.displayName = COMPONENT_NAME$b;
 Table.className = CLASSNAME$b;
-Table.defaultProps = DEFAULT_PROPS$b;
+Table.defaultProps = DEFAULT_PROPS$c;
 
 /**
  * Component display name.
@@ -19511,7 +19516,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$a = {
+const DEFAULT_PROPS$b = {
   variant: TableCellVariant.body
 };
 
@@ -19530,7 +19535,7 @@ const TableCell$1 = props => {
     handleClick,
     ref,
     sortOrder,
-    variant = DEFAULT_PROPS$a.variant,
+    variant = DEFAULT_PROPS$b.variant,
     ...forwardedProps
   } = props;
 
@@ -19616,7 +19621,7 @@ const TableCell = forwardRef((props, ref) => {
 });
 TableCell.displayName = COMPONENT_NAME$9;
 TableCell.className = CLASSNAME$9;
-TableCell.defaultProps = DEFAULT_PROPS$a;
+TableCell.defaultProps = DEFAULT_PROPS$b;
 
 /**
  * Component display name.
@@ -19631,7 +19636,7 @@ const CLASSNAME$8 = `${CLASSNAME$b}__header`;
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$9 = {};
+const DEFAULT_PROPS$a = {};
 
 /**
  * TableHeader component.
@@ -19678,7 +19683,7 @@ const TableHeader = forwardRef((props, ref) => {
 });
 TableHeader.displayName = COMPONENT_NAME$8;
 TableHeader.className = CLASSNAME$8;
-TableHeader.defaultProps = DEFAULT_PROPS$9;
+TableHeader.defaultProps = DEFAULT_PROPS$a;
 
 /**
  * Component display name.
@@ -19696,7 +19701,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$8 = {};
+const DEFAULT_PROPS$9 = {};
 
 /**
  * TableRow component.
@@ -19768,9 +19773,9 @@ const TableRow = forwardRef((props, ref) => {
 });
 TableRow.displayName = COMPONENT_NAME$7;
 TableRow.className = CLASSNAME$7;
-TableRow.defaultProps = DEFAULT_PROPS$8;
+TableRow.defaultProps = DEFAULT_PROPS$9;
 
-const DEFAULT_PROPS$7 = {
+const DEFAULT_PROPS$8 = {
   isLazy: INIT_STATE.isLazy,
   shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
 };
@@ -19792,7 +19797,7 @@ const TabProvider = props => {
   } = props;
   const [state, dispatch] = useReducer(reducer, {
     ...INIT_STATE,
-    ...DEFAULT_PROPS$7,
+    ...DEFAULT_PROPS$8,
     ...propState
   });
 
@@ -19801,7 +19806,7 @@ const TabProvider = props => {
     dispatch({
       type: 'update',
       payload: {
-        ...DEFAULT_PROPS$7,
+        ...DEFAULT_PROPS$8,
         ...propState
       }
     });
@@ -19830,7 +19835,7 @@ const TabProvider = props => {
     children: children
   });
 };
-TabProvider.defaultProps = DEFAULT_PROPS$7;
+TabProvider.defaultProps = DEFAULT_PROPS$8;
 
 /**
  * Component default class name and class prefix.
@@ -19859,7 +19864,7 @@ const COMPONENT_NAME$6 = 'TabList';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$6 = {
+const DEFAULT_PROPS$7 = {
   layout: TabListLayout.fixed,
   position: Alignment.left
 };
@@ -19878,8 +19883,8 @@ const TabList$1 = props => {
     'aria-label': ariaLabel,
     children,
     className,
-    layout = DEFAULT_PROPS$6.layout,
-    position = DEFAULT_PROPS$6.position,
+    layout = DEFAULT_PROPS$7.layout,
+    position = DEFAULT_PROPS$7.position,
     theme,
     ref,
     ...forwardedProps
@@ -19929,7 +19934,7 @@ const TabList = forwardRef((props, ref) => {
 });
 TabList.displayName = COMPONENT_NAME$6;
 TabList.className = TABS_CLASSNAME;
-TabList.defaultProps = DEFAULT_PROPS$6;
+TabList.defaultProps = DEFAULT_PROPS$7;
 
 /**
  * Component display name.
@@ -19939,7 +19944,7 @@ const COMPONENT_NAME$5 = 'Tab';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$5 = {};
+const DEFAULT_PROPS$6 = {};
 
 /**
  * Component default class name and class prefix.
@@ -20076,7 +20081,7 @@ const Tab = forwardRef((props, ref) => {
 });
 Tab.displayName = COMPONENT_NAME$5;
 Tab.className = CLASSNAME$6;
-Tab.defaultProps = DEFAULT_PROPS$5;
+Tab.defaultProps = DEFAULT_PROPS$6;
 
 /**
  * Component display name.
@@ -20094,7 +20099,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$4 = {};
+const DEFAULT_PROPS$5 = {};
 
 /**
  * TabPanel component.
@@ -20163,7 +20168,7 @@ const TabPanel = forwardRef((props, ref) => {
 });
 TabPanel.displayName = COMPONENT_NAME$4;
 TabPanel.className = CLASSNAME$5;
-TabPanel.defaultProps = DEFAULT_PROPS$4;
+TabPanel.defaultProps = DEFAULT_PROPS$5;
 
 /**
  * Determines the loading state of an HTML image element.
@@ -20326,7 +20331,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$3 = {
+const DEFAULT_PROPS$4 = {
   fallback: mdiImageBroken,
   loading: 'lazy'
 };
@@ -20347,7 +20352,7 @@ const Thumbnail$1 = props => {
     className,
     crossOrigin,
     ref,
-    fallback = DEFAULT_PROPS$3.fallback,
+    fallback = DEFAULT_PROPS$4.fallback,
     focusPointStyle,
     fillHeight,
     image,
@@ -20355,7 +20360,7 @@ const Thumbnail$1 = props => {
     imgRef: propImgRef,
     isLoading: isLoadingProp,
     objectFit,
-    loading = DEFAULT_PROPS$3.loading,
+    loading = DEFAULT_PROPS$4.loading,
     loadingPlaceholderImageRef,
     isAnyDisabled,
     disabledStateProps,
@@ -20604,7 +20609,7 @@ const Thumbnail = forwardRef((props, ref) => {
 });
 Thumbnail.displayName = COMPONENT_NAME$3;
 Thumbnail.className = CLASSNAME$4;
-Thumbnail.defaultProps = DEFAULT_PROPS$3;
+Thumbnail.defaultProps = DEFAULT_PROPS$4;
 
 /**
  *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
@@ -20656,11 +20661,30 @@ const {
   block: block$3
 } = bem(CLASSNAME$3);
 
+/**
+ * Default values for `TimePickerFieldWrapperProps`.
+ */
+const DEFAULT_PROPS$3 = {
+  step: 30
+};
+
 /**
  * Translations consumed by `TimePickerField` (forwarded as-is to the underlying
  * `SelectTextField`).
  */
 
+/**
+ * Wrapper-level props shared by React and Vue `TimePickerField`.
+ *
+ * These represent the public API that framework wrappers expose to consumers
+ * (as opposed to the core template props which use pre-computed `TimeOfDay` values).
+ */
+
+/**
+ * `SelectTextField` props managed internally by the `TimePickerField` wrappers
+ * (omitted from the inherited `SelectTextField` props in both React and Vue).
+ */
+
 /**
  * Core props for the `TimePickerField` template.
  */
@@ -20896,7 +20920,7 @@ const TimePickerField = props => {
     value,
     onChange,
     locale = getCurrentLocale(),
-    step = 30,
+    step = DEFAULT_PROPS$3.step,
     minTime,
     maxTime,
     className,
@@ -21432,5 +21456,5 @@ UserBlock.displayName = COMPONENT_NAME;
 UserBlock.className = CLASSNAME;
 UserBlock.defaultProps = DEFAULT_PROPS;
 
-export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1s as CLASSNAME, COMPONENT_NAME$1t as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1b as DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectButton, SelectMultiple, SelectMultipleField, SelectTextField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, CLASSNAME$3 as TIME_PICKER_FIELD_CLASSNAME, COMPONENT_NAME$2 as TIME_PICKER_FIELD_COMPONENT_NAME, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, TimePickerField, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
+export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1s as CLASSNAME, COMPONENT_NAME$1t as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1c as DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectButton, SelectMultiple, SelectMultipleField, SelectTextField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, CLASSNAME$3 as TIME_PICKER_FIELD_CLASSNAME, COMPONENT_NAME$2 as TIME_PICKER_FIELD_COMPONENT_NAME, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, TimePickerField, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
 //# sourceMappingURL=index.js.map