@lumx/react 4.20.0-next.0 → 4.20.0-next.2

package/index.js

@@ -9,7 +9,7 @@ import ReactDOM__default from 'react-dom';
 import { classNames, onEscapePressed, onEnterPressed as onEnterPressed$1, detectHorizontalSwipe } from '@lumx/core/js/utils';
 import last from 'lodash/last.js';
 import pull from 'lodash/pull.js';
-import { u as useDisabledStateContext, P as Portal, C as ClickAwayProvider, I as InfiniteScroll } from './_internal/BvaFEHZn.js';
+import { u as useDisabledStateContext, P as Portal, C as ClickAwayProvider, I as InfiniteScroll } from './_internal/CcLi-Wuu.js';
 import isEmpty from 'lodash/isEmpty.js';
 import get from 'lodash/get.js';
 import { getDisabledState as getDisabledState$1 } from '@lumx/core/js/utils/disabledState';
@@ -558,7 +558,7 @@ const CONFIG$1 = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1F = 'AlertDialog';
+const COMPONENT_NAME$1G = 'AlertDialog';
 
 /**
  * Component default class name and class prefix.
@@ -732,7 +732,7 @@ const AlertDialog = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-AlertDialog.displayName = COMPONENT_NAME$1F;
+AlertDialog.displayName = COMPONENT_NAME$1G;
 AlertDialog.className = CLASSNAME$1C;
 AlertDialog.defaultProps = DEFAULT_PROPS$1j;
 
@@ -826,7 +826,7 @@ function useDisableStateProps(props) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1E = 'Autocomplete';
+const COMPONENT_NAME$1F = 'Autocomplete';
 
 /**
  * Component default class name and class prefix.
@@ -939,14 +939,14 @@ const Autocomplete = forwardRef((props, ref) => {
     })]
   });
 });
-Autocomplete.displayName = COMPONENT_NAME$1E;
+Autocomplete.displayName = COMPONENT_NAME$1F;
 Autocomplete.className = CLASSNAME$1B;
 Autocomplete.defaultProps = DEFAULT_PROPS$1i;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1D = 'AutocompleteMultiple';
+const COMPONENT_NAME$1E = 'AutocompleteMultiple';
 
 /**
  * Component default class name and class prefix.
@@ -1065,14 +1065,14 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
     children: children
   });
 });
-AutocompleteMultiple.displayName = COMPONENT_NAME$1D;
+AutocompleteMultiple.displayName = COMPONENT_NAME$1E;
 AutocompleteMultiple.className = CLASSNAME$1A;
 AutocompleteMultiple.defaultProps = DEFAULT_PROPS$1h;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1C = 'Avatar';
+const COMPONENT_NAME$1D = 'Avatar';
 
 /**
  * Component default class name and class prefix.
@@ -1172,14 +1172,14 @@ const Avatar = forwardRef((props, ref) => {
     })
   });
 });
-Avatar.displayName = COMPONENT_NAME$1C;
+Avatar.displayName = COMPONENT_NAME$1D;
 Avatar.className = CLASSNAME$1z;
 Avatar.defaultProps = DEFAULT_PROPS$1g;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1B = 'Badge';
+const COMPONENT_NAME$1C = 'Badge';
 
 /**
  * Component default class name and class prefix.
@@ -1219,7 +1219,7 @@ const Badge$1 = props => {
     children: children
   });
 };
-Badge$1.displayName = COMPONENT_NAME$1B;
+Badge$1.displayName = COMPONENT_NAME$1C;
 Badge$1.className = CLASSNAME$1y;
 Badge$1.defaultProps = DEFAULT_PROPS$1f;
 
@@ -1244,7 +1244,7 @@ Badge.displayName = Badge$1.displayName;
 Badge.className = Badge$1.className;
 Badge.defaultProps = Badge$1.defaultProps;
 
-const COMPONENT_NAME$1A = 'BadgeWrapper';
+const COMPONENT_NAME$1B = 'BadgeWrapper';
 const CLASSNAME$1x = 'lumx-badge-wrapper';
 const {
   block: block$18,
@@ -1275,7 +1275,7 @@ const BadgeWrapper = forwardRef((props, ref) => {
     ref
   });
 });
-BadgeWrapper.displayName = COMPONENT_NAME$1A;
+BadgeWrapper.displayName = COMPONENT_NAME$1B;
 BadgeWrapper.className = CLASSNAME$1x;
 
 /**
@@ -1326,7 +1326,7 @@ const RawClickable = props => {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1z = 'ButtonRoot';
+const COMPONENT_NAME$1A = 'ButtonRoot';
 const BUTTON_WRAPPER_CLASSNAME = `lumx-button-wrapper`;
 const {
   block: buttonWrapperBlock
@@ -1424,7 +1424,7 @@ const ButtonRoot = props => {
     children
   });
 };
-ButtonRoot.displayName = COMPONENT_NAME$1z;
+ButtonRoot.displayName = COMPONENT_NAME$1A;
 ButtonRoot.defaultProps = {};
 
 /**
@@ -1434,7 +1434,7 @@ ButtonRoot.defaultProps = {};
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1y = 'Button';
+const COMPONENT_NAME$1z = 'Button';
 
 /**
  * Component default class name and class prefix.
@@ -1479,7 +1479,7 @@ const Button$1 = props => {
     variant: 'button'
   });
 };
-Button$1.displayName = COMPONENT_NAME$1y;
+Button$1.displayName = COMPONENT_NAME$1z;
 Button$1.className = CLASSNAME$1w;
 Button$1.defaultProps = DEFAULT_PROPS$1e;
 
@@ -1554,11 +1554,11 @@ const Button = forwardRef((props, ref) => {
     })
   });
 });
-Button.displayName = COMPONENT_NAME$1y;
+Button.displayName = COMPONENT_NAME$1z;
 Button.className = CLASSNAME$1w;
 Button.defaultProps = DEFAULT_PROPS$1e;
 
-const COMPONENT_NAME$1x = 'Icon';
+const COMPONENT_NAME$1y = 'Icon';
 const IconClassName = 'lumx-icon';
 
 /**
@@ -1651,14 +1651,14 @@ const Icon$1 = props => {
     })
   });
 };
-Icon$1.displayName = COMPONENT_NAME$1x;
+Icon$1.displayName = COMPONENT_NAME$1y;
 Icon$1.className = CLASSNAME$1v;
 Icon$1.defaultProps = DEFAULT_PROPS$1d;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1w = 'IconButton';
+const COMPONENT_NAME$1x = 'IconButton';
 
 /**
  * Component default class name and class prefix.
@@ -1704,7 +1704,7 @@ const IconButton$1 = props => {
     children: defaultChildren
   });
 };
-IconButton$1.displayName = COMPONENT_NAME$1w;
+IconButton$1.displayName = COMPONENT_NAME$1x;
 IconButton$1.className = CLASSNAME$1u;
 IconButton$1.defaultProps = DEFAULT_PROPS$1c;
 
@@ -1749,14 +1749,14 @@ const IconButton = forwardRef((props, ref) => {
     })
   });
 });
-IconButton.displayName = COMPONENT_NAME$1w;
+IconButton.displayName = COMPONENT_NAME$1x;
 IconButton.className = CLASSNAME$1u;
 IconButton.defaultProps = DEFAULT_PROPS$1c;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1v = 'ButtonGroup';
+const COMPONENT_NAME$1w = 'ButtonGroup';
 
 /**
  * Component default class name and class prefix.
@@ -1786,7 +1786,7 @@ const ButtonGroup$1 = props => {
     children: children
   });
 };
-ButtonGroup$1.displayName = COMPONENT_NAME$1v;
+ButtonGroup$1.displayName = COMPONENT_NAME$1w;
 ButtonGroup$1.className = CLASSNAME$1t;
 ButtonGroup$1.defaultProps = DEFAULT_PROPS$1b;
 
@@ -1803,11 +1803,11 @@ const ButtonGroup = forwardRef((props, ref) => {
     ...props
   });
 });
-ButtonGroup.displayName = COMPONENT_NAME$1v;
+ButtonGroup.displayName = COMPONENT_NAME$1w;
 ButtonGroup.className = CLASSNAME$1t;
 ButtonGroup.defaultProps = DEFAULT_PROPS$1b;
 
-const COMPONENT_NAME$1u = 'InputLabel';
+const COMPONENT_NAME$1v = 'InputLabel';
 const InputLabelClassName = 'lumx-input-label';
 const CLASSNAME$1s = InputLabelClassName;
 const {
@@ -1843,7 +1843,7 @@ function InputLabel$1(props) {
     children: children
   });
 }
-InputLabel$1.displayName = COMPONENT_NAME$1u;
+InputLabel$1.displayName = COMPONENT_NAME$1v;
 InputLabel$1.className = CLASSNAME$1s;
 InputLabel$1.defaultProps = DEFAULT_PROPS$1a;
 
@@ -1859,7 +1859,7 @@ const INPUT_HELPER_CONFIGURATION = {
   }
 };
 
-const COMPONENT_NAME$1t = 'InputHelper';
+const COMPONENT_NAME$1u = 'InputHelper';
 const InputHelperClassName = 'lumx-input-helper';
 
 /**
@@ -1903,7 +1903,7 @@ function InputHelper$1(props) {
     children: children
   });
 }
-InputHelper$1.displayName = COMPONENT_NAME$1t;
+InputHelper$1.displayName = COMPONENT_NAME$1u;
 InputHelper$1.className = CLASSNAME$1r;
 InputHelper$1.defaultProps = DEFAULT_PROPS$19;
 
@@ -1916,7 +1916,7 @@ const INTERMEDIATE_STATE = 'intermediate';
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1s = 'Checkbox';
+const COMPONENT_NAME$1t = 'Checkbox';
 
 /**
  * Component default class name and class prefix.
@@ -2080,7 +2080,7 @@ const Checkbox = forwardRef((props, ref) => {
     inputId
   });
 });
-Checkbox.displayName = COMPONENT_NAME$1s;
+Checkbox.displayName = COMPONENT_NAME$1t;
 Checkbox.className = CLASSNAME$1q;
 Checkbox.defaultProps = DEFAULT_PROPS$18;
 
@@ -2103,7 +2103,7 @@ function useStopPropagation(handler) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1r = 'Chip';
+const COMPONENT_NAME$1s = 'Chip';
 
 /**
  * Component default class name and class prefix.
@@ -2264,14 +2264,14 @@ const Chip = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-Chip.displayName = COMPONENT_NAME$1r;
+Chip.displayName = COMPONENT_NAME$1s;
 Chip.className = CLASSNAME$1p;
 Chip.defaultProps = DEFAULT_PROPS$17;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1q = 'ChipGroup';
+const COMPONENT_NAME$1r = 'ChipGroup';
 
 /**
  * Component default class name and class prefix.
@@ -2377,7 +2377,7 @@ const InternalChipGroup = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-InternalChipGroup.displayName = COMPONENT_NAME$1q;
+InternalChipGroup.displayName = COMPONENT_NAME$1r;
 InternalChipGroup.className = CLASSNAME$1o;
 InternalChipGroup.defaultProps = DEFAULT_PROPS$16;
 const ChipGroup = Object.assign(InternalChipGroup, {
@@ -2387,7 +2387,7 @@ const ChipGroup = Object.assign(InternalChipGroup, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1p = 'SelectionChipGroup';
+const COMPONENT_NAME$1q = 'SelectionChipGroup';
 
 /**
  * Component default class name and class prefix.
@@ -2709,7 +2709,7 @@ function wrapChildrenIconWithSpaces(children) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1o = 'Text';
+const COMPONENT_NAME$1p = 'Text';
 
 /**
  * Component default class name and class prefix.
@@ -2807,7 +2807,7 @@ const Text = forwardRef((props, ref) => {
     children: wrapChildrenIconWithSpaces(children)
   });
 });
-Text.displayName = COMPONENT_NAME$1o;
+Text.displayName = COMPONENT_NAME$1p;
 Text.className = CLASSNAME$1m;
 Text.defaultProps = DEFAULT_PROPS$15;
 
@@ -4901,7 +4901,7 @@ const DEFAULT_PROPS$14 = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1n = 'Tooltip';
+const COMPONENT_NAME$1o = 'Tooltip';
 
 /**
  * Component default class name and class prefix.
@@ -4959,7 +4959,7 @@ const TooltipPopup = props => {
     })]
   });
 };
-TooltipPopup.displayName = COMPONENT_NAME$1n;
+TooltipPopup.displayName = COMPONENT_NAME$1o;
 TooltipPopup.className = CLASSNAME$1l;
 
 /**
@@ -5322,7 +5322,7 @@ const Tooltip = forwardRef((props, ref) => {
     })]
   });
 });
-Tooltip.displayName = COMPONENT_NAME$1n;
+Tooltip.displayName = COMPONENT_NAME$1o;
 Tooltip.className = CLASSNAME$1l;
 Tooltip.defaultProps = DEFAULT_PROPS$14;
 
@@ -6234,7 +6234,7 @@ const SelectionChipGroup = ({
     Tooltip
   });
 };
-SelectionChipGroup.displayName = COMPONENT_NAME$1p;
+SelectionChipGroup.displayName = COMPONENT_NAME$1q;
 SelectionChipGroup.className = CLASSNAME$1n;
 
 /**
@@ -7199,7 +7199,7 @@ function setupComboboxButton(button, callbacks) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1m = 'ComboboxButton';
+const COMPONENT_NAME$1n = 'ComboboxButton';
 
 /**
  * Component default class name and class prefix.
@@ -7388,7 +7388,7 @@ const ComboboxButton = Object.assign(forwardRefPolymorphic((props, ref) => {
     Tooltip
   });
 }), {
-  displayName: COMPONENT_NAME$1m,
+  displayName: COMPONENT_NAME$1n,
   className: CLASSNAME$1k
 });
 
@@ -7553,7 +7553,7 @@ function getDisabledState(context, props) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1l = 'ComboboxInput';
+const COMPONENT_NAME$1m = 'ComboboxInput';
 
 /**
  * Component default class name and class prefix.
@@ -7621,7 +7621,7 @@ const ComboboxInput$1 = (props, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1k = 'TextField';
+const COMPONENT_NAME$1l = 'TextField';
 
 /**
  * Component default class name and class prefix.
@@ -8161,7 +8161,7 @@ const TextField = forwardRef((props, ref) => {
     } : undefined
   });
 });
-TextField.displayName = COMPONENT_NAME$1k;
+TextField.displayName = COMPONENT_NAME$1l;
 TextField.className = CLASSNAME$1i;
 TextField.defaultProps = DEFAULT_PROPS$10;
 
@@ -8250,13 +8250,13 @@ const ComboboxInput = forwardRef((props, ref) => {
     IconButton
   });
 });
-ComboboxInput.displayName = COMPONENT_NAME$1l;
+ComboboxInput.displayName = COMPONENT_NAME$1m;
 ComboboxInput.className = CLASSNAME$1j;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1j = 'List';
+const COMPONENT_NAME$1k = 'List';
 
 /**
  * Component default class name and class prefix.
@@ -8294,7 +8294,7 @@ const List$1 = props => {
     children: children
   });
 };
-List$1.displayName = COMPONENT_NAME$1j;
+List$1.displayName = COMPONENT_NAME$1k;
 List$1.className = CLASSNAME$1h;
 List$1.defaultProps = DEFAULT_PROPS$$;
 
@@ -8311,7 +8311,7 @@ List$1.defaultProps = DEFAULT_PROPS$$;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1i = 'ComboboxList';
+const COMPONENT_NAME$1j = 'ComboboxList';
 
 /**
  * Component default class name and class prefix.
@@ -8428,13 +8428,13 @@ const ComboboxList = forwardRef((props, ref) => {
     })
   });
 });
-ComboboxList.displayName = COMPONENT_NAME$1i;
+ComboboxList.displayName = COMPONENT_NAME$1j;
 ComboboxList.className = CLASSNAME$1g;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1h = 'ListItem';
+const COMPONENT_NAME$1i = 'ListItem';
 
 /**
  * Component default class name and class prefix.
@@ -8510,7 +8510,7 @@ const ListItem$1 = props => {
     })
   });
 };
-ListItem$1.displayName = COMPONENT_NAME$1h;
+ListItem$1.displayName = COMPONENT_NAME$1i;
 ListItem$1.className = CLASSNAME$1f;
 ListItem$1.defaultProps = DEFAULT_PROPS$_;
 
@@ -8521,7 +8521,7 @@ ListItem$1.defaultProps = DEFAULT_PROPS$_;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1g = 'ListItemAction';
+const COMPONENT_NAME$1h = 'ListItemAction';
 
 /**
  * Component classname (used by action area CSS pattern).
@@ -8560,7 +8560,7 @@ const ListItemAction$1 = props => {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1f = 'ComboboxOption';
+const COMPONENT_NAME$1g = 'ComboboxOption';
 
 /**
  * Component default class name and class prefix.
@@ -8753,7 +8753,7 @@ const ComboboxOption = forwardRef((props, ref) => {
     Tooltip
   });
 });
-ComboboxOption.displayName = COMPONENT_NAME$1f;
+ComboboxOption.displayName = COMPONENT_NAME$1g;
 ComboboxOption.className = CLASSNAME$1d;
 
 /**
@@ -8763,7 +8763,7 @@ ComboboxOption.className = CLASSNAME$1d;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1e = 'ComboboxOptionAction';
+const COMPONENT_NAME$1f = 'ComboboxOptionAction';
 
 /**
  * Component default class name and class prefix.
@@ -8841,14 +8841,14 @@ const ComboboxOptionAction = Object.assign(forwardRefPolymorphic((props, ref) =>
     children
   });
 }), {
-  displayName: COMPONENT_NAME$1e,
+  displayName: COMPONENT_NAME$1f,
   className: CLASSNAME$1c
 });
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1d = 'ComboboxOptionMoreInfo';
+const COMPONENT_NAME$1e = 'ComboboxOptionMoreInfo';
 
 /**
  * Component default class name and class prefix.
@@ -9170,7 +9170,7 @@ const POPOVER_ZINDEX = 9999;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1c = 'Popover';
+const COMPONENT_NAME$1d = 'Popover';
 
 /**
  * Component default class name and class prefix.
@@ -9705,7 +9705,7 @@ const _InnerPopover = forwardRef((props, ref) => {
     ThemeProvider
   });
 });
-_InnerPopover.displayName = COMPONENT_NAME$1c;
+_InnerPopover.displayName = COMPONENT_NAME$1d;
 
 /**
  * Popover component.
@@ -9717,7 +9717,7 @@ _InnerPopover.displayName = COMPONENT_NAME$1c;
 const Popover = skipRender(
 // Skip render in SSR
 () => Boolean(DOCUMENT), _InnerPopover);
-Popover.displayName = COMPONENT_NAME$1c;
+Popover.displayName = COMPONENT_NAME$1d;
 Popover.className = CLASSNAME$1a;
 Popover.defaultProps = DEFAULT_PROPS$Y;
 
@@ -9781,13 +9781,13 @@ const ComboboxOptionMoreInfo = props => {
     Popover
   });
 };
-ComboboxOptionMoreInfo.displayName = COMPONENT_NAME$1d;
+ComboboxOptionMoreInfo.displayName = COMPONENT_NAME$1e;
 ComboboxOptionMoreInfo.className = CLASSNAME$1b;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1b = 'SkeletonTypography';
+const COMPONENT_NAME$1c = 'SkeletonTypography';
 
 /**
  * Component default class name and class prefix.
@@ -9835,7 +9835,7 @@ const SkeletonTypography$1 = props => {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$1a = 'ComboboxOptionSkeleton';
+const COMPONENT_NAME$1b = 'ComboboxOptionSkeleton';
 
 /**
  * Component default class name and class prefix.
@@ -9920,12 +9920,12 @@ const ComboboxOptionSkeleton = props => {
     ...props
   });
 };
-ComboboxOptionSkeleton.displayName = COMPONENT_NAME$1a;
+ComboboxOptionSkeleton.displayName = COMPONENT_NAME$1b;
 ComboboxOptionSkeleton.className = CLASSNAME$18;
 
 const DEFAULT_COMBOBOX_POPOVER_MAX_HEIGHT = '80vh';
 
-const COMPONENT_NAME$19 = 'ComboboxPopover';
+const COMPONENT_NAME$1a = 'ComboboxPopover';
 
 /**
  * Component default class name.
@@ -9999,7 +9999,7 @@ const ComboboxPopover$1 = (props, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$18 = 'FlexBox';
+const COMPONENT_NAME$19 = 'FlexBox';
 
 /**
  * Component default class name and class prefix.
@@ -10063,7 +10063,7 @@ const FlexBox = forwardRef((props, ref) => {
     children: children
   });
 });
-FlexBox.displayName = COMPONENT_NAME$18;
+FlexBox.displayName = COMPONENT_NAME$19;
 FlexBox.className = CLASSNAME$16;
 
 /**
@@ -10102,7 +10102,7 @@ const ComboboxPopover = props => {
     FlexBox
   });
 };
-ComboboxPopover.displayName = COMPONENT_NAME$19;
+ComboboxPopover.displayName = COMPONENT_NAME$1a;
 ComboboxPopover.className = CLASSNAME$17;
 
 /**
@@ -10148,7 +10148,7 @@ ComboboxProvider.displayName = 'Combobox.Provider';
 /**
  * Component display name.
  */
-const COMPONENT_NAME$17 = 'ComboboxSection';
+const COMPONENT_NAME$18 = 'ComboboxSection';
 
 /**
  * Component default class name and class prefix.
@@ -10192,7 +10192,7 @@ const ComboboxSection$1 = (props, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$16 = 'ListSection';
+const COMPONENT_NAME$17 = 'ListSection';
 
 /**
  * Component default class name and class prefix.
@@ -10248,7 +10248,7 @@ const ListSection$1 = props => {
     })]
   });
 };
-ListSection$1.displayName = COMPONENT_NAME$16;
+ListSection$1.displayName = COMPONENT_NAME$17;
 ListSection$1.className = CLASSNAME$14;
 ListSection$1.defaultProps = DEFAULT_PROPS$X;
 
@@ -10272,7 +10272,7 @@ const ListSection = forwardRef((props, ref) => {
     Text
   });
 });
-ListSection.displayName = COMPONENT_NAME$16;
+ListSection.displayName = COMPONENT_NAME$17;
 ListSection.className = CLASSNAME$14;
 ListSection.defaultProps = DEFAULT_PROPS$X;
 
@@ -10322,13 +10322,13 @@ const ComboboxSection = forwardRef((props, ref) => {
     ListSection
   });
 });
-ComboboxSection.displayName = COMPONENT_NAME$17;
+ComboboxSection.displayName = COMPONENT_NAME$18;
 ComboboxSection.className = CLASSNAME$15;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$15 = 'ComboboxState';
+const COMPONENT_NAME$16 = 'ComboboxState';
 
 /**
  * Component default class name and class prefix.
@@ -10509,7 +10509,7 @@ function partitionMulti(elements, predicates) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$14 = 'GenericBlock';
+const COMPONENT_NAME$15 = 'GenericBlock';
 
 /**
  * Component default class name and class prefix.
@@ -10660,7 +10660,7 @@ const BaseGenericBlock = forwardRef((props, ref) => {
     }) : undefined
   });
 });
-BaseGenericBlock.displayName = COMPONENT_NAME$14;
+BaseGenericBlock.displayName = COMPONENT_NAME$15;
 BaseGenericBlock.className = CLASSNAME$12;
 BaseGenericBlock.defaultProps = DEFAULT_PROPS$W;
 const GenericBlock = Object.assign(BaseGenericBlock, {
@@ -10740,13 +10740,13 @@ const ComboboxState = props => {
     Text
   });
 };
-ComboboxState.displayName = COMPONENT_NAME$15;
+ComboboxState.displayName = COMPONENT_NAME$16;
 ComboboxState.className = CLASSNAME$13;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$13 = 'ListDivider';
+const COMPONENT_NAME$14 = 'ListDivider';
 
 /**
  * Component default class name and class prefix.
@@ -10778,7 +10778,7 @@ const ListDivider$1 = props => {
     className: classnames(className, CLASSNAME$11)
   });
 };
-ListDivider$1.displayName = COMPONENT_NAME$13;
+ListDivider$1.displayName = COMPONENT_NAME$14;
 ListDivider$1.className = CLASSNAME$11;
 ListDivider$1.defaultProps = DEFAULT_PROPS$V;
 
@@ -10800,7 +10800,7 @@ const ListDivider = forwardRef((props, ref) => {
     ref
   });
 });
-ListDivider.displayName = COMPONENT_NAME$13;
+ListDivider.displayName = COMPONENT_NAME$14;
 ListDivider.className = CLASSNAME$11;
 ListDivider.defaultProps = DEFAULT_PROPS$V;
 
@@ -10851,7 +10851,7 @@ const CommentBlockVariant = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$12 = 'CommentBlock';
+const COMPONENT_NAME$13 = 'CommentBlock';
 
 /**
  * Component default class name and class prefix.
@@ -10962,7 +10962,7 @@ const CommentBlock = forwardRef((props, ref) => {
     })]
   });
 });
-CommentBlock.displayName = COMPONENT_NAME$12;
+CommentBlock.displayName = COMPONENT_NAME$13;
 CommentBlock.className = CLASSNAME$10;
 CommentBlock.defaultProps = DEFAULT_PROPS$U;
 
@@ -10984,7 +10984,7 @@ const isDateValid = date => date instanceof Date && !Number.isNaN(date.getTime()
 /**
  * Component display name.
  */
-const COMPONENT_NAME$11 = 'DatePicker';
+const COMPONENT_NAME$12 = 'DatePicker';
 
 /**
  * Component default class name and class prefix.
@@ -11221,7 +11221,7 @@ const {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$10 = 'DatePickerControlled';
+const COMPONENT_NAME$11 = 'DatePickerControlled';
 
 /**
  * DatePickerControlled component.
@@ -11411,7 +11411,7 @@ const DatePickerControlled = forwardRef((props, ref) => {
     })]
   });
 });
-DatePickerControlled.displayName = COMPONENT_NAME$10;
+DatePickerControlled.displayName = COMPONENT_NAME$11;
 DatePickerControlled.className = CLASSNAME$$;
 
 /**
@@ -11454,7 +11454,7 @@ const DatePicker = forwardRef((props, ref) => {
     onMonthChange: setSelectedMonth
   });
 });
-DatePicker.displayName = COMPONENT_NAME$11;
+DatePicker.displayName = COMPONENT_NAME$12;
 DatePicker.className = CLASSNAME$$;
 
 const useBooleanState = defaultValue => {
@@ -11468,7 +11468,7 @@ const useBooleanState = defaultValue => {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$$ = 'DatePickerField';
+const COMPONENT_NAME$10 = 'DatePickerField';
 
 /**
  * DatePickerField component.
@@ -11557,7 +11557,7 @@ const DatePickerField = forwardRef((props, ref) => {
     }) : null]
   });
 });
-DatePickerField.displayName = COMPONENT_NAME$$;
+DatePickerField.displayName = COMPONENT_NAME$10;
 
 /**
  * Convenient hook to create interaction observers.
@@ -11853,7 +11853,7 @@ const useTransitionVisibility = (ref, isComponentVisible, timeout, onVisibilityC
 /**
  * Component display name.
  */
-const COMPONENT_NAME$_ = 'Dialog';
+const COMPONENT_NAME$$ = 'Dialog';
 
 /**
  * Component default class name and class prefix.
@@ -12135,14 +12135,14 @@ const Dialog = forwardRef((props, ref) => {
     ...forwardedProps
   }) : null;
 });
-Dialog.displayName = COMPONENT_NAME$_;
+Dialog.displayName = COMPONENT_NAME$$;
 Dialog.className = CLASSNAME$_;
 Dialog.defaultProps = DEFAULT_PROPS$S;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$Z = 'Divider';
+const COMPONENT_NAME$_ = 'Divider';
 
 /**
  * Component default class name and class prefix.
@@ -12202,14 +12202,14 @@ const Divider = forwardRef((props, ref) => {
     ...otherProps
   });
 });
-Divider.displayName = COMPONENT_NAME$Z;
+Divider.displayName = COMPONENT_NAME$_;
 Divider.className = CLASSNAME$Z;
 Divider.defaultProps = DEFAULT_PROPS$R;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$Y = 'DragHandle';
+const COMPONENT_NAME$Z = 'DragHandle';
 
 /**
  * Component default class name and class prefix.
@@ -12274,7 +12274,7 @@ const DragHandle = forwardRef((props, ref) => {
     ...otherProps
   });
 });
-DragHandle.displayName = COMPONENT_NAME$Y;
+DragHandle.displayName = COMPONENT_NAME$Z;
 DragHandle.className = CLASSNAME$Y;
 DragHandle.defaultProps = DEFAULT_PROPS$Q;
 
@@ -12470,7 +12470,7 @@ const InternalList = forwardRef((props, ref) => {
     itemPadding: adjustedItemPadding
   });
 });
-InternalList.displayName = COMPONENT_NAME$1j;
+InternalList.displayName = COMPONENT_NAME$1k;
 InternalList.className = CLASSNAME$1h;
 InternalList.defaultProps = DEFAULT_PROPS$$;
 const List = Object.assign(InternalList, {
@@ -12521,7 +12521,7 @@ const useInfiniteScroll = (ref, callback, callbackOnMount = false, scrollTrigger
 /**
  * Component display name.
  */
-const COMPONENT_NAME$X = 'Dropdown';
+const COMPONENT_NAME$Y = 'Dropdown';
 
 /**
  * Component default class name and class prefix.
@@ -12614,14 +12614,14 @@ const Dropdown = forwardRef((props, ref) => {
     })
   }) : null;
 });
-Dropdown.displayName = COMPONENT_NAME$X;
+Dropdown.displayName = COMPONENT_NAME$Y;
 Dropdown.className = CLASSNAME$X;
 Dropdown.defaultProps = DEFAULT_PROPS$P;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$W = 'ExpansionPanel';
+const COMPONENT_NAME$X = 'ExpansionPanel';
 
 /**
  * Component default class name and class prefix.
@@ -12819,11 +12819,11 @@ const ExpansionPanel = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-ExpansionPanel.displayName = COMPONENT_NAME$W;
+ExpansionPanel.displayName = COMPONENT_NAME$X;
 ExpansionPanel.className = CLASSNAME$W;
 ExpansionPanel.defaultProps = DEFAULT_PROPS$O;
 
-const COMPONENT_NAME$V = 'Flag';
+const COMPONENT_NAME$W = 'Flag';
 const CLASSNAME$V = 'lumx-flag';
 const DEFAULT_PROPS$N = {};
 const {
@@ -12887,7 +12887,7 @@ const Flag = forwardRef((props, ref) => {
     Text
   });
 });
-Flag.displayName = COMPONENT_NAME$V;
+Flag.displayName = COMPONENT_NAME$W;
 Flag.className = CLASSNAME$V;
 Flag.defaultProps = DEFAULT_PROPS$N;
 
@@ -12917,7 +12917,7 @@ const defaultContext = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$U = 'Heading';
+const COMPONENT_NAME$V = 'Heading';
 
 /**
  * Component default class name and class prefix.
@@ -12985,7 +12985,7 @@ const Heading = forwardRef((props, ref) => {
     children: children
   });
 });
-Heading.displayName = COMPONENT_NAME$U;
+Heading.displayName = COMPONENT_NAME$V;
 Heading.className = CLASSNAME$U;
 Heading.defaultProps = DEFAULT_PROPS$M;
 
@@ -13025,7 +13025,7 @@ const HeadingLevelProvider = ({
 /**
  * Component display name.
  */
-const COMPONENT_NAME$T = 'Grid';
+const COMPONENT_NAME$U = 'Grid';
 
 /**
  * Component default class name and class prefix.
@@ -13074,14 +13074,14 @@ const Grid = forwardRef((props, ref) => {
     children: children
   });
 });
-Grid.displayName = COMPONENT_NAME$T;
+Grid.displayName = COMPONENT_NAME$U;
 Grid.className = CLASSNAME$T;
 Grid.defaultProps = DEFAULT_PROPS$L;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$S = 'GridItem';
+const COMPONENT_NAME$T = 'GridItem';
 
 /**
  * Component default class name and class prefix.
@@ -13118,13 +13118,13 @@ const GridItem = forwardRef((props, ref) => {
     children: children
   });
 });
-GridItem.displayName = COMPONENT_NAME$S;
+GridItem.displayName = COMPONENT_NAME$T;
 GridItem.className = CLASSNAME$S;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$R = 'GridColumn';
+const COMPONENT_NAME$S = 'GridColumn';
 
 /**
  * Component default class name and class prefix.
@@ -13169,7 +13169,7 @@ const GridColumn$1 = props => {
     children: children
   });
 };
-GridColumn$1.displayName = COMPONENT_NAME$R;
+GridColumn$1.displayName = COMPONENT_NAME$S;
 GridColumn$1.className = CLASSNAME$R;
 GridColumn$1.defaultProps = DEFAULT_PROPS$K;
 
@@ -13199,7 +13199,7 @@ const GridColumn = forwardRef((props, ref) => {
     ...props
   });
 });
-GridColumn.displayName = COMPONENT_NAME$R;
+GridColumn.displayName = COMPONENT_NAME$S;
 GridColumn.className = CLASSNAME$R;
 GridColumn.defaultProps = DEFAULT_PROPS$J;
 
@@ -13222,7 +13222,7 @@ const ImageBlockCaptionPosition = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$Q = 'ImageBlock';
+const COMPONENT_NAME$R = 'ImageBlock';
 
 /**
  * Component default class name and class prefix.
@@ -13423,14 +13423,14 @@ const ImageBlock = forwardRef((props, ref) => {
     ImageCaption
   });
 });
-ImageBlock.displayName = COMPONENT_NAME$Q;
+ImageBlock.displayName = COMPONENT_NAME$R;
 ImageBlock.className = CLASSNAME$Q;
 ImageBlock.defaultProps = DEFAULT_PROPS$I;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$P = 'ImageLightbox';
+const COMPONENT_NAME$Q = 'ImageLightbox';
 
 /**
  * Component default class name and class prefix.
@@ -14148,7 +14148,7 @@ const Inner = forwardRef((props, ref) => {
     })
   });
 });
-Inner.displayName = COMPONENT_NAME$P;
+Inner.displayName = COMPONENT_NAME$Q;
 Inner.className = CLASSNAME$P;
 
 /**
@@ -14165,7 +14165,7 @@ const ImageLightbox = Object.assign(Inner, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$O = 'InlineList';
+const COMPONENT_NAME$P = 'InlineList';
 
 /**
  * Component default class name and class prefix.
@@ -14226,7 +14226,7 @@ const InlineList$1 = props => {
     })
   );
 };
-InlineList$1.displayName = COMPONENT_NAME$O;
+InlineList$1.displayName = COMPONENT_NAME$P;
 InlineList$1.className = CLASSNAME$O;
 InlineList$1.defaultProps = DEFAULT_PROPS$H;
 
@@ -14252,7 +14252,7 @@ const InlineList = forwardRef((props, ref) => {
     items: Children.toArray(children)
   });
 });
-InlineList.displayName = COMPONENT_NAME$O;
+InlineList.displayName = COMPONENT_NAME$P;
 InlineList.className = CLASSNAME$O;
 InlineList.defaultProps = DEFAULT_PROPS$H;
 
@@ -14297,7 +14297,7 @@ InputLabel.defaultProps = InputLabel$1.defaultProps;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$N = 'Lightbox';
+const COMPONENT_NAME$O = 'Lightbox';
 
 /**
  * Component default class name and class prefix.
@@ -14490,7 +14490,7 @@ const Lightbox = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-Lightbox.displayName = COMPONENT_NAME$N;
+Lightbox.displayName = COMPONENT_NAME$O;
 Lightbox.className = CLASSNAME$N;
 
 /**
@@ -14500,7 +14500,7 @@ Lightbox.className = CLASSNAME$N;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$M = 'Link';
+const COMPONENT_NAME$N = 'Link';
 
 /**
  * Component default class name and class prefix.
@@ -14593,13 +14593,13 @@ const Link = forwardRef((props, ref) => {
     }))
   });
 });
-Link.displayName = COMPONENT_NAME$M;
+Link.displayName = COMPONENT_NAME$N;
 Link.className = CLASSNAME$M;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$L = 'LinkPreview';
+const COMPONENT_NAME$M = 'LinkPreview';
 
 /**
  * Component default class name and class prefix.
@@ -14734,7 +14734,7 @@ const LinkPreview = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-LinkPreview.displayName = COMPONENT_NAME$L;
+LinkPreview.displayName = COMPONENT_NAME$M;
 LinkPreview.className = CLASSNAME$L;
 LinkPreview.defaultProps = DEFAULT_PROPS$G;
 
@@ -14767,7 +14767,7 @@ const ListItemAction = Object.assign(forwardRefPolymorphic((props, ref) => {
     children
   });
 }), {
-  displayName: COMPONENT_NAME$1g,
+  displayName: COMPONENT_NAME$1h,
   className: CLASSNAME$1e,
   defaultProps: DEFAULT_PROPS$Z
 });
@@ -14807,7 +14807,7 @@ const _ListItem = forwardRef((props, ref) => {
     handleClick: onItemSelected || props.onClick ? handleClick : undefined
   });
 });
-_ListItem.displayName = COMPONENT_NAME$1h;
+_ListItem.displayName = COMPONENT_NAME$1i;
 _ListItem.className = CLASSNAME$1f;
 _ListItem.defaultProps = DEFAULT_PROPS$_;
 
@@ -14822,7 +14822,7 @@ const ListItem = Object.assign(_ListItem, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$K = 'ListSubheader';
+const COMPONENT_NAME$L = 'ListSubheader';
 
 /**
  * Component default class name and class prefix.
@@ -14850,7 +14850,7 @@ const ListSubheader = forwardRef((props, ref) => {
     children: children
   });
 });
-ListSubheader.displayName = COMPONENT_NAME$K;
+ListSubheader.displayName = COMPONENT_NAME$L;
 ListSubheader.className = CLASSNAME$K;
 
 const DEFAULT_PROPS$F = {
@@ -14863,7 +14863,7 @@ const DEFAULT_PROPS$F = {
 
 /** Discriminated union of MenuButton props across all trigger variants. */
 
-const COMPONENT_NAME$J = 'MenuButton';
+const COMPONENT_NAME$K = 'MenuButton';
 
 /** Menu button core template (composition of menu provider, trigger, popover and list) */
 const MenuButton$1 = (props, {
@@ -15291,7 +15291,7 @@ function MenuProvider(props) {
 }
 MenuProvider.displayName = 'Menu.Provider';
 
-const COMPONENT_NAME$I = 'MenuTrigger';
+const COMPONENT_NAME$J = 'MenuTrigger';
 const CLASSNAME$J = 'lumx-menu-trigger';
 
 /** MenuTrigger core template. Renders `Trigger` with disclosure ARIA attributes. */
@@ -15392,11 +15392,11 @@ const MenuTrigger = Object.assign(forwardRefPolymorphic((props, ref) => {
     Trigger: TriggerComp
   });
 }), {
-  displayName: COMPONENT_NAME$I,
+  displayName: COMPONENT_NAME$J,
   className: CLASSNAME$J
 });
 
-const COMPONENT_NAME$H = 'MenuPopover';
+const COMPONENT_NAME$I = 'MenuPopover';
 const CLASSNAME$I = 'lumx-menu-popover';
 const {
   block: block$z,
@@ -15469,12 +15469,12 @@ const MenuPopover = props => {
     FlexBox
   });
 };
-MenuPopover.displayName = COMPONENT_NAME$H;
+MenuPopover.displayName = COMPONENT_NAME$I;
 MenuPopover.className = CLASSNAME$I;
 
 /** Menu list props. */
 
-const COMPONENT_NAME$G = 'Menu';
+const COMPONENT_NAME$H = 'Menu';
 const CLASSNAME$H = 'lumx-menu';
 
 /** MenuList core template. Wraps `List` with menu-specific class and ARIA labelling. */
@@ -15537,7 +15537,7 @@ const MenuList = forwardRef((props, ref) => {
     children: isOpen ? children : null
   });
 });
-MenuList.displayName = COMPONENT_NAME$G;
+MenuList.displayName = COMPONENT_NAME$H;
 MenuList.className = CLASSNAME$H;
 
 /** Props that MenuButton explicitly declares. */
@@ -15585,14 +15585,14 @@ const MenuButton = forwardRef((props, ref) => {
     MenuList
   });
 });
-MenuButton.displayName = COMPONENT_NAME$J;
+MenuButton.displayName = COMPONENT_NAME$K;
 MenuButton.defaultProps = DEFAULT_PROPS$F;
 
 /** MenuItem props. */
 
 /** Props overridden by framework wrappers. */
 
-const COMPONENT_NAME$F = 'MenuItem';
+const COMPONENT_NAME$G = 'MenuItem';
 const CLASSNAME$G = 'lumx-menu-item';
 const {
   block: block$y,
@@ -15708,13 +15708,13 @@ const MenuItem = forwardRef((props, ref) => {
     handleClick
   });
 });
-MenuItem.displayName = COMPONENT_NAME$F;
+MenuItem.displayName = COMPONENT_NAME$G;
 MenuItem.className = CLASSNAME$G;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$E = 'Message';
+const COMPONENT_NAME$F = 'Message';
 
 /**
  * Component default class name and class prefix.
@@ -15797,7 +15797,7 @@ const Message$1 = props => {
     })]
   });
 };
-Message$1.displayName = COMPONENT_NAME$E;
+Message$1.displayName = COMPONENT_NAME$F;
 Message$1.className = CLASSNAME$F;
 
 /**
@@ -15813,13 +15813,13 @@ const Message = forwardRef((props, ref) => {
     ref
   });
 });
-Message.displayName = COMPONENT_NAME$E;
+Message.displayName = COMPONENT_NAME$F;
 Message.className = CLASSNAME$F;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$D = 'Mosaic';
+const COMPONENT_NAME$E = 'Mosaic';
 
 /**
  * Component default class name and class prefix.
@@ -15926,7 +15926,7 @@ const Mosaic = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-Mosaic.displayName = COMPONENT_NAME$D;
+Mosaic.displayName = COMPONENT_NAME$E;
 Mosaic.className = CLASSNAME$E;
 Mosaic.defaultProps = DEFAULT_PROPS$E;
 
@@ -15947,7 +15947,7 @@ const ITEM_CLASSNAME = 'lumx-navigation-item';
 /**
  * Component display name.
  */
-const COMPONENT_NAME$C = 'NavigationSection';
+const COMPONENT_NAME$D = 'NavigationSection';
 
 /**
  * Component default class name and class prefix.
@@ -16042,7 +16042,7 @@ const NavigationSection = forwardRef((props, ref) => {
     }))]
   });
 });
-NavigationSection.displayName = COMPONENT_NAME$C;
+NavigationSection.displayName = COMPONENT_NAME$D;
 NavigationSection.className = CLASSNAME$D;
 
 const {
@@ -16112,7 +16112,7 @@ const NavigationItem = Object.assign(forwardRefPolymorphic((props, ref) => {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$B = 'Navigation';
+const COMPONENT_NAME$C = 'Navigation';
 
 /**
  * Component default class name and class prefix.
@@ -16159,7 +16159,7 @@ const Navigation = forwardRef((props, ref) => {
     })
   });
 });
-Navigation.displayName = COMPONENT_NAME$B;
+Navigation.displayName = COMPONENT_NAME$C;
 Navigation.className = CLASSNAME$C;
 Navigation.defaultProps = DEFAULT_PROPS$D;
 
@@ -16192,7 +16192,7 @@ const NOTIFICATION_CONFIGURATION = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$A = 'Notification';
+const COMPONENT_NAME$B = 'Notification';
 
 /**
  * Component default class name and class prefix.
@@ -16294,7 +16294,7 @@ const Notification = forwardRef((props, ref) => {
     })
   });
 });
-Notification.displayName = COMPONENT_NAME$A;
+Notification.displayName = COMPONENT_NAME$B;
 Notification.className = CLASSNAME$B;
 Notification.defaultProps = DEFAULT_PROPS$C;
 
@@ -16306,7 +16306,7 @@ Notification.defaultProps = DEFAULT_PROPS$C;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$z = 'PopoverDialog';
+const COMPONENT_NAME$A = 'PopoverDialog';
 
 /**
  * Component default class name and class prefix.
@@ -16354,14 +16354,14 @@ const PopoverDialog = forwardRef((props, ref) => {
     })
   });
 });
-PopoverDialog.displayName = COMPONENT_NAME$z;
+PopoverDialog.displayName = COMPONENT_NAME$A;
 PopoverDialog.className = CLASSNAME$A;
 PopoverDialog.defaultProps = DEFAULT_PROPS$B;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$y = 'PostBlock';
+const COMPONENT_NAME$z = 'PostBlock';
 
 /**
  * Component default class name and class prefix.
@@ -16455,14 +16455,14 @@ const PostBlock = forwardRef((props, ref) => {
     })]
   });
 });
-PostBlock.displayName = COMPONENT_NAME$y;
+PostBlock.displayName = COMPONENT_NAME$z;
 PostBlock.className = CLASSNAME$z;
 PostBlock.defaultProps = DEFAULT_PROPS$A;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$x = 'ProgressLinear';
+const COMPONENT_NAME$y = 'ProgressLinear';
 
 /**
  * Component default class name and class prefix.
@@ -16528,7 +16528,7 @@ const ProgressLinear = forwardRef((props, ref) => {
     ...otherProps
   });
 });
-ProgressLinear.displayName = COMPONENT_NAME$x;
+ProgressLinear.displayName = COMPONENT_NAME$y;
 ProgressLinear.className = CLASSNAME$y;
 ProgressLinear.defaultProps = DEFAULT_PROPS$z;
 
@@ -16537,7 +16537,7 @@ ProgressLinear.defaultProps = DEFAULT_PROPS$z;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$w = 'ProgressCircular';
+const COMPONENT_NAME$x = 'ProgressCircular';
 
 /**
  * Component default class name and class prefix.
@@ -16630,7 +16630,7 @@ const ProgressCircular = forwardRef((props, ref) => {
     }
   });
 });
-ProgressCircular.displayName = COMPONENT_NAME$w;
+ProgressCircular.displayName = COMPONENT_NAME$x;
 ProgressCircular.className = CLASSNAME$x;
 ProgressCircular.defaultProps = DEFAULT_PROPS$y;
 
@@ -16646,7 +16646,7 @@ const ProgressVariant = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$v = 'Progress';
+const COMPONENT_NAME$w = 'Progress';
 
 /**
  * Component default class name and class prefix.
@@ -16693,7 +16693,7 @@ const Progress = forwardRef((props, ref) => {
     })]
   });
 });
-Progress.displayName = COMPONENT_NAME$v;
+Progress.displayName = COMPONENT_NAME$w;
 Progress.className = CLASSNAME$w;
 Progress.defaultProps = DEFAULT_PROPS$x;
 
@@ -16878,7 +16878,7 @@ ProgressTrackerProvider.defaultProps = DEFAULT_PROPS$w;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$u = 'ProgressTracker';
+const COMPONENT_NAME$v = 'ProgressTracker';
 
 /**
  * Component default class name and class prefix.
@@ -16944,14 +16944,14 @@ const ProgressTracker = forwardRef((props, ref) => {
     })]
   });
 });
-ProgressTracker.displayName = COMPONENT_NAME$u;
+ProgressTracker.displayName = COMPONENT_NAME$v;
 ProgressTracker.className = CLASSNAME$v;
 ProgressTracker.defaultProps = DEFAULT_PROPS$v;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$t = 'ProgressTrackerStep';
+const COMPONENT_NAME$u = 'ProgressTrackerStep';
 
 /**
  * Component default class name and class prefix.
@@ -17058,14 +17058,14 @@ const ProgressTrackerStep = forwardRef((props, ref) => {
     })]
   });
 });
-ProgressTrackerStep.displayName = COMPONENT_NAME$t;
+ProgressTrackerStep.displayName = COMPONENT_NAME$u;
 ProgressTrackerStep.className = CLASSNAME$u;
 ProgressTrackerStep.defaultProps = DEFAULT_PROPS$u;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$s = 'ProgressTrackerStepPanel';
+const COMPONENT_NAME$t = 'ProgressTrackerStepPanel';
 
 /**
  * Component default class name and class prefix.
@@ -17112,14 +17112,14 @@ const ProgressTrackerStepPanel = forwardRef((props, ref) => {
     children: (!state?.isLazy || isActive) && children
   });
 });
-ProgressTrackerStepPanel.displayName = COMPONENT_NAME$s;
+ProgressTrackerStepPanel.displayName = COMPONENT_NAME$t;
 ProgressTrackerStepPanel.className = CLASSNAME$t;
 ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS$t;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$r = 'RadioButton';
+const COMPONENT_NAME$s = 'RadioButton';
 
 /**
  * Component default class name and class prefix.
@@ -17271,14 +17271,14 @@ const RadioButton = forwardRef((props, ref) => {
     inputId
   });
 });
-RadioButton.displayName = COMPONENT_NAME$r;
+RadioButton.displayName = COMPONENT_NAME$s;
 RadioButton.className = CLASSNAME$s;
 RadioButton.defaultProps = DEFAULT_PROPS$s;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$q = 'RadioGroup';
+const COMPONENT_NAME$r = 'RadioGroup';
 
 /**
  * Component default class name and class prefix.
@@ -17310,7 +17310,7 @@ const RadioGroup$1 = props => {
     children: children
   });
 };
-RadioGroup$1.displayName = COMPONENT_NAME$q;
+RadioGroup$1.displayName = COMPONENT_NAME$r;
 RadioGroup$1.className = CLASSNAME$r;
 RadioGroup$1.defaultProps = DEFAULT_PROPS$r;
 
@@ -17338,7 +17338,7 @@ const RadioGroup = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-RadioGroup.displayName = COMPONENT_NAME$q;
+RadioGroup.displayName = COMPONENT_NAME$r;
 RadioGroup.className = CLASSNAME$r;
 
 /**
@@ -17486,7 +17486,7 @@ const SelectVariant = {
 };
 
 /** The display name of the component. */
-const COMPONENT_NAME$p = 'Select';
+const COMPONENT_NAME$q = 'Select';
 
 /** The default class name and classes prefix for this component. */
 const CLASSNAME$p = 'lumx-select';
@@ -17630,13 +17630,13 @@ const Select = forwardRef((props, ref) => {
     isEmpty: isEmpty$1
   }, ref);
 });
-Select.displayName = COMPONENT_NAME$p;
+Select.displayName = COMPONENT_NAME$q;
 Select.className = CLASSNAME$p;
 Select.defaultProps = DEFAULT_PROPS$q;
 Select.className = CLASSNAME$p;
 
 /** The display name of the component. */
-const COMPONENT_NAME$o = 'Select';
+const COMPONENT_NAME$p = 'Select';
 
 /** The default class name and classes prefix for this component. */
 const CLASSNAME$o = 'lumx-select';
@@ -17784,7 +17784,7 @@ const SelectMultiple = forwardRef((props, ref) => {
     isMultiple: true
   }, ref);
 });
-SelectMultiple.displayName = COMPONENT_NAME$o;
+SelectMultiple.displayName = COMPONENT_NAME$p;
 SelectMultiple.className = CLASSNAME$o;
 SelectMultiple.defaultProps = DEFAULT_PROPS$p;
 
@@ -17937,7 +17937,7 @@ function renderSelectOptions(props, components) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$n = 'SelectButton';
+const COMPONENT_NAME$o = 'SelectButton';
 
 /**
  * Component default class name.
@@ -17991,6 +17991,8 @@ const SelectButton$2 = (props, {
   const isLoadingMore = listStatus === 'loadingMore';
   const isError = listStatus === 'error';
   const isMultiselectable = selectionType === 'multiple';
+  // Prevent firing during loading or error states to avoid duplicate fetches.
+  const isInfiniteScrollEnabled = !listStatus || listStatus === 'idle';
 
   /*
    * Display value: castArray normalizes single/multi value to an array, then resolve
@@ -18029,11 +18031,7 @@ const SelectButton$2 = (props, {
         }, {
           Combobox
         }), onLoadMore && InfiniteScroll && /*#__PURE__*/jsx(InfiniteScroll, {
-          callback: () => {
-            // Guard: prevent firing during loading or error states to avoid duplicate fetches.
-            if (listStatus && listStatus !== 'idle') return;
-            onLoadMore();
-          },
+          callback: isInfiniteScrollEnabled ? onLoadMore : undefined,
           options: infiniteScrollOptions
         }), isLoadingMore && /*#__PURE__*/jsx(Combobox.OptionSkeleton, {
           count: 1
@@ -18048,7 +18046,7 @@ const SelectButton$2 = (props, {
     })]
   });
 };
-SelectButton$2.displayName = COMPONENT_NAME$n;
+SelectButton$2.displayName = COMPONENT_NAME$o;
 SelectButton$2.className = CLASSNAME$n;
 
 /**
@@ -18177,7 +18175,13 @@ const SelectButton$1 = React__default.forwardRef((props, ref) => {
     as,
     ...buttonProps
   } = props;
-  const [listElement, setListElement] = useState(null);
+  // The list itself doesn't scroll — its ancestor `__scroll` wrapper does. The
+  // IntersectionObserver root must be the actual scrolling/clipping element, or the
+  // sentinel is trivially always "intersecting" its non-clipping `<ul>` parent.
+  const [scrollContainer, setScrollContainer] = useState(null);
+  const setListElement = useCallback(listElement => {
+    setScrollContainer(listElement?.closest(`.${CLASSNAME$17}__scroll`) ?? null);
+  }, []);
   const isMultiple = selectionType === 'multiple';
 
   // Inject core-computed props into the consumer's renderOption result.
@@ -18218,7 +18222,7 @@ const SelectButton$1 = React__default.forwardRef((props, ref) => {
     translations,
     onLoadMore,
     infiniteScrollOptions: {
-      root: listElement,
+      root: scrollContainer,
       rootMargin: '100px'
     }
   }, {
@@ -18239,7 +18243,7 @@ const SelectButton = Object.assign(SelectButton$1, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$m = 'SelectTextField';
+const COMPONENT_NAME$n = 'SelectTextField';
 
 /**
  * Component default class name.
@@ -18291,6 +18295,8 @@ const SelectTextField$2 = (props, {
   const isFullLoading = listStatus === 'loading';
   const isLoadingMore = listStatus === 'loadingMore';
   const isError = listStatus === 'error';
+  // Prevent firing during loading or error states to avoid duplicate fetches.
+  const isInfiniteScrollEnabled = !listStatus || listStatus === 'idle';
   return /*#__PURE__*/jsxs(Combobox.Provider, {
     onOpen: onOpen,
     children: [/*#__PURE__*/jsx(Combobox.Input, {
@@ -18321,11 +18327,7 @@ const SelectTextField$2 = (props, {
         }, {
           Combobox
         }), afterOptions, onLoadMore && InfiniteScroll && /*#__PURE__*/jsx(InfiniteScroll, {
-          callback: () => {
-            // Guard: prevent firing during loading or error states to avoid duplicate fetches.
-            if (listStatus && listStatus !== 'idle') return;
-            onLoadMore();
-          },
+          callback: isInfiniteScrollEnabled ? onLoadMore : undefined,
           options: infiniteScrollOptions
         }), isLoadingMore && /*#__PURE__*/jsx(Combobox.OptionSkeleton, {
           count: 1
@@ -18340,7 +18342,7 @@ const SelectTextField$2 = (props, {
     })]
   });
 };
-SelectTextField$2.displayName = COMPONENT_NAME$m;
+SelectTextField$2.displayName = COMPONENT_NAME$n;
 SelectTextField$2.className = CLASSNAME$m;
 
 /**
@@ -18413,7 +18415,14 @@ const SelectTextField$1 = props => {
   // Wrap the consumer's renderOption to inject core-computed props
   // (`value`, `isSelected`, `description`, `key`) into the returned <Combobox.Option>.
   const wrappedRenderOption = wrapRenderOption(renderOption);
-  const [listElement, setListElement] = useState(null);
+
+  // The list itself doesn't scroll — its ancestor `__scroll` wrapper does. The
+  // IntersectionObserver root must be the actual scrolling/clipping element, or the
+  // sentinel is trivially always "intersecting" its non-clipping `<ul>` parent.
+  const [scrollContainer, setScrollContainer] = useState(null);
+  const setListElement = useCallback(listElement => {
+    setScrollContainer(listElement?.closest(`.${CLASSNAME$17}__scroll`) ?? null);
+  }, []);
   const localInputRef = useRef(null);
   const mergedInputRef = useMergeRefs(localInputRef, externalInputRef);
 
@@ -18563,7 +18572,7 @@ const SelectTextField$1 = props => {
     beforeOptions,
     onLoadMore,
     infiniteScrollOptions: {
-      root: listElement,
+      root: scrollContainer,
       rootMargin: '100px'
     }
   }, {
@@ -18592,7 +18601,7 @@ const SelectTextField = Object.assign(SelectTextField$1, {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$l = 'SideNavigation';
+const COMPONENT_NAME$m = 'SideNavigation';
 
 /**
  * Component default class name and class prefix.
@@ -18622,13 +18631,13 @@ const SideNavigation = forwardRef((props, ref) => {
     children: content
   });
 });
-SideNavigation.displayName = COMPONENT_NAME$l;
+SideNavigation.displayName = COMPONENT_NAME$m;
 SideNavigation.className = CLASSNAME$l;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$k = 'SideNavigationItem';
+const COMPONENT_NAME$l = 'SideNavigationItem';
 
 /**
  * Component default class name and class prefix.
@@ -18743,14 +18752,14 @@ const SideNavigationItem = forwardRef((props, ref) => {
     })]
   });
 });
-SideNavigationItem.displayName = COMPONENT_NAME$k;
+SideNavigationItem.displayName = COMPONENT_NAME$l;
 SideNavigationItem.className = CLASSNAME$k;
 SideNavigationItem.defaultProps = DEFAULT_PROPS$n;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$j = 'SkeletonCircle';
+const COMPONENT_NAME$k = 'SkeletonCircle';
 
 /**
  * Component default class name and class prefix.
@@ -18802,7 +18811,7 @@ const SkeletonRectangleVariant = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$i = 'SkeletonRectangle';
+const COMPONENT_NAME$j = 'SkeletonRectangle';
 
 /**
  * Component default class name and class prefix.
@@ -18886,7 +18895,7 @@ const SkeletonCircle = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-SkeletonCircle.displayName = COMPONENT_NAME$j;
+SkeletonCircle.displayName = COMPONENT_NAME$k;
 SkeletonCircle.defaultProps = DEFAULT_PROPS$l;
 SkeletonCircle.className = CLASSNAME$j;
 
@@ -18927,7 +18936,7 @@ const SkeletonRectangle = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-SkeletonRectangle.displayName = COMPONENT_NAME$i;
+SkeletonRectangle.displayName = COMPONENT_NAME$j;
 SkeletonRectangle.className = CLASSNAME$i;
 SkeletonRectangle.defaultProps = DEFAULT_PROPS$k;
 
@@ -18964,7 +18973,7 @@ const SkeletonTypography = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-SkeletonTypography.displayName = COMPONENT_NAME$1b;
+SkeletonTypography.displayName = COMPONENT_NAME$1c;
 SkeletonTypography.defaultProps = DEFAULT_PROPS$j;
 SkeletonTypography.className = CLASSNAME$19;
 
@@ -18990,7 +18999,7 @@ const clamp = (value, min, max) => {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$h = 'Slider';
+const COMPONENT_NAME$i = 'Slider';
 
 /**
  * Component default class name and class prefix.
@@ -19257,7 +19266,7 @@ const Slider = forwardRef((props, ref) => {
     })]
   });
 });
-Slider.displayName = COMPONENT_NAME$h;
+Slider.displayName = COMPONENT_NAME$i;
 Slider.className = CLASSNAME$h;
 Slider.defaultProps = DEFAULT_PROPS$i;
 
@@ -19592,7 +19601,7 @@ const useSlideFocusManagement = ({
 /**
  * Component display name.
  */
-const COMPONENT_NAME$g = 'SlideshowItemGroup';
+const COMPONENT_NAME$h = 'SlideshowItemGroup';
 
 /**
  * Component default class name and class prefix.
@@ -19631,7 +19640,7 @@ const SlideshowItemGroup = forwardRef((props, ref) => {
     children: children
   });
 });
-SlideshowItemGroup.displayName = COMPONENT_NAME$g;
+SlideshowItemGroup.displayName = COMPONENT_NAME$h;
 SlideshowItemGroup.className = CLASSNAME$g;
 
 /**
@@ -19762,7 +19771,7 @@ Slideshow.defaultProps = DEFAULT_PROPS$h;
 /**
  * Component display name.
  */
-const COMPONENT_NAME$f = 'SlideshowItem';
+const COMPONENT_NAME$g = 'SlideshowItem';
 
 /**
  * Component default class name and class prefix.
@@ -19789,7 +19798,7 @@ const SlideshowItem = forwardRef((props, ref) => {
     children: children
   });
 });
-SlideshowItem.displayName = COMPONENT_NAME$f;
+SlideshowItem.displayName = COMPONENT_NAME$g;
 SlideshowItem.className = CLASSNAME$f;
 
 const isTouchDevice = () => 'ontouchstart' in window;
@@ -19852,7 +19861,7 @@ function usePaginationVisibleRange(activeIndex, slideCount) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$e = 'SlideshowControls';
+const COMPONENT_NAME$f = 'SlideshowControls';
 
 /**
  * Component default class name and class prefix.
@@ -19992,7 +20001,7 @@ const InternalSlideshowControls = forwardRef((props, ref) => {
     })]
   });
 });
-InternalSlideshowControls.displayName = COMPONENT_NAME$e;
+InternalSlideshowControls.displayName = COMPONENT_NAME$f;
 InternalSlideshowControls.className = CLASSNAME$e;
 InternalSlideshowControls.defaultProps = DEFAULT_PROPS$g;
 const SlideshowControls = Object.assign(InternalSlideshowControls, {
@@ -20112,7 +20121,7 @@ const useSlideScroll = ({
 /**
  * Component display name.
  */
-const COMPONENT_NAME$d = 'Slideshow';
+const COMPONENT_NAME$e = 'Slideshow';
 
 /**
  * Component default class name and class prefix.
@@ -20220,13 +20229,13 @@ const Slides = forwardRef((props, ref) => {
     }), afterSlides]
   });
 });
-Slides.displayName = COMPONENT_NAME$d;
+Slides.displayName = COMPONENT_NAME$e;
 Slides.className = CLASSNAME$d;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$c = 'Switch';
+const COMPONENT_NAME$d = 'Switch';
 
 /**
  * Component default class name and class prefix.
@@ -20394,14 +20403,14 @@ const Switch = forwardRef((props, ref) => {
     inputId
   });
 });
-Switch.displayName = COMPONENT_NAME$c;
+Switch.displayName = COMPONENT_NAME$d;
 Switch.className = CLASSNAME$c;
 Switch.defaultProps = DEFAULT_PROPS$d;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$b = 'Table';
+const COMPONENT_NAME$c = 'Table';
 
 /**
  * Component default class name and class prefix.
@@ -20474,14 +20483,14 @@ const Table = forwardRef((props, ref) => {
     ...otherProps
   });
 });
-Table.displayName = COMPONENT_NAME$b;
+Table.displayName = COMPONENT_NAME$c;
 Table.className = CLASSNAME$b;
 Table.defaultProps = DEFAULT_PROPS$c;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$a = 'TableBody';
+const COMPONENT_NAME$b = 'TableBody';
 
 /**
  * Component default class name and class prefix.
@@ -20531,7 +20540,7 @@ const TableBody = forwardRef((props, ref) => {
     ...otherProps
   });
 });
-TableBody.displayName = COMPONENT_NAME$a;
+TableBody.displayName = COMPONENT_NAME$b;
 TableBody.className = CLASSNAME$a;
 
 const ThOrder = {
@@ -20553,7 +20562,7 @@ const TableCellVariant = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$9 = 'TableCell';
+const COMPONENT_NAME$a = 'TableCell';
 
 /**
  * Component default class name and class prefix.
@@ -20669,14 +20678,14 @@ const TableCell = forwardRef((props, ref) => {
     handleClick: onHeaderClick
   });
 });
-TableCell.displayName = COMPONENT_NAME$9;
+TableCell.displayName = COMPONENT_NAME$a;
 TableCell.className = CLASSNAME$9;
 TableCell.defaultProps = DEFAULT_PROPS$b;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$8 = 'TableHeader';
+const COMPONENT_NAME$9 = 'TableHeader';
 
 /**
  * Component default class name and class prefix.
@@ -20731,14 +20740,14 @@ const TableHeader = forwardRef((props, ref) => {
     ...otherProps
   });
 });
-TableHeader.displayName = COMPONENT_NAME$8;
+TableHeader.displayName = COMPONENT_NAME$9;
 TableHeader.className = CLASSNAME$8;
 TableHeader.defaultProps = DEFAULT_PROPS$a;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$7 = 'TableRow';
+const COMPONENT_NAME$8 = 'TableRow';
 
 /**
  * Component default class name and class prefix.
@@ -20821,7 +20830,7 @@ const TableRow = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-TableRow.displayName = COMPONENT_NAME$7;
+TableRow.displayName = COMPONENT_NAME$8;
 TableRow.className = CLASSNAME$7;
 TableRow.defaultProps = DEFAULT_PROPS$9;
 
@@ -20909,7 +20918,7 @@ let TabListLayout = /*#__PURE__*/function (TabListLayout) {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$6 = 'TabList';
+const COMPONENT_NAME$7 = 'TabList';
 
 /**
  * Component default props.
@@ -20991,14 +21000,14 @@ const TabList = forwardRef((props, ref) => {
     ref: mergeRefs(ref, tabListRef)
   });
 });
-TabList.displayName = COMPONENT_NAME$6;
+TabList.displayName = COMPONENT_NAME$7;
 TabList.className = TABS_CLASSNAME;
 TabList.defaultProps = DEFAULT_PROPS$7;
 
 /**
  * Component display name.
  */
-const COMPONENT_NAME$5 = 'Tab';
+const COMPONENT_NAME$6 = 'Tab';
 
 /**
  * Component default props.
@@ -21179,7 +21188,7 @@ const Tab = Object.assign(forwardRefPolymorphic((props, ref) => {
     handleKeyPress: onKeyPress
   });
 }), {
-  displayName: COMPONENT_NAME$5,
+  displayName: COMPONENT_NAME$6,
   className: CLASSNAME$6,
   defaultProps: DEFAULT_PROPS$6
 });
@@ -21187,7 +21196,7 @@ const Tab = Object.assign(forwardRefPolymorphic((props, ref) => {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$4 = 'TabPanel';
+const COMPONENT_NAME$5 = 'TabPanel';
 
 /**
  * Component default class name and class prefix.
@@ -21267,7 +21276,7 @@ const TabPanel = forwardRef((props, ref) => {
     ...forwardedProps
   });
 });
-TabPanel.displayName = COMPONENT_NAME$4;
+TabPanel.displayName = COMPONENT_NAME$5;
 TabPanel.className = CLASSNAME$5;
 TabPanel.defaultProps = DEFAULT_PROPS$5;
 
@@ -21418,7 +21427,7 @@ function calculateFocusPointStyle({
 /**
  * Component display name.
  */
-const COMPONENT_NAME$3 = 'Thumbnail';
+const COMPONENT_NAME$4 = 'Thumbnail';
 
 /**
  * Component default class name and class prefix.
@@ -21708,7 +21717,7 @@ const Thumbnail = forwardRef((props, ref) => {
     })
   });
 });
-Thumbnail.displayName = COMPONENT_NAME$3;
+Thumbnail.displayName = COMPONENT_NAME$4;
 Thumbnail.className = CLASSNAME$4;
 Thumbnail.defaultProps = DEFAULT_PROPS$4;
 
@@ -21752,7 +21761,7 @@ const ThumbnailObjectFit = {
 /**
  * Component display name.
  */
-const COMPONENT_NAME$2 = 'TimePickerField';
+const COMPONENT_NAME$3 = 'TimePickerField';
 
 /**
  * Component default class name (BEM root).
@@ -21853,7 +21862,7 @@ const TimePickerField$1 = (props, {
     translations: translations
   });
 };
-TimePickerField$1.displayName = COMPONENT_NAME$2;
+TimePickerField$1.displayName = COMPONENT_NAME$3;
 TimePickerField$1.className = CLASSNAME$3;
 
 /**
@@ -22117,12 +22126,12 @@ const TimePickerField = props => {
     Option: SelectTextField.Option
   });
 };
-TimePickerField.displayName = COMPONENT_NAME$2;
+TimePickerField.displayName = COMPONENT_NAME$3;
 
 /**
  * Component display name.
  */
-const TOOLBAR_NAME = 'Toolbar';
+const COMPONENT_NAME$2 = 'Toolbar';
 
 /**
  * Component default class name and class prefix.
@@ -22191,7 +22200,7 @@ const Toolbar = forwardRef((props, ref) => {
     ...props
   });
 });
-Toolbar.displayName = TOOLBAR_NAME;
+Toolbar.displayName = COMPONENT_NAME$2;
 Toolbar.className = CLASSNAME$2;
 Toolbar.defaultProps = DEFAULT_PROPS$2;
 
@@ -22590,5 +22599,5 @@ UserBlock.displayName = COMPONENT_NAME;
 UserBlock.className = CLASSNAME;
 UserBlock.defaultProps = DEFAULT_PROPS;
 
-export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1w as CLASSNAME, COMPONENT_NAME$1y as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1e 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, MenuButton, ListDivider as MenuDivider, MenuItem, 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$1w as CLASSNAME, COMPONENT_NAME$1z as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1e 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, MenuButton, ListDivider as MenuDivider, MenuItem, 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$3 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