@lumx/react 4.10.0 → 4.11.0-next.0

package/index.js

@@ -111,7 +111,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1f = {
+const DEFAULT_PROPS$1g = {
   size: Size$1.tiny,
   kind: Kind$1.info
 };
@@ -132,8 +132,8 @@ const AlertDialog = forwardRef((props, ref) => {
     className,
     cancelProps,
     confirmProps,
-    kind = DEFAULT_PROPS$1f.kind,
-    size = DEFAULT_PROPS$1f.size,
+    kind = DEFAULT_PROPS$1g.kind,
+    size = DEFAULT_PROPS$1g.size,
     dialogProps,
     children,
     ...forwardedProps
@@ -221,7 +221,7 @@ const AlertDialog = forwardRef((props, ref) => {
 });
 AlertDialog.displayName = COMPONENT_NAME$1w;
 AlertDialog.className = CLASSNAME$1v;
-AlertDialog.defaultProps = DEFAULT_PROPS$1f;
+AlertDialog.defaultProps = DEFAULT_PROPS$1g;
 
 /**
  * Hook focusing an element when defined and `focus` boolean `true`.
@@ -323,7 +323,7 @@ const CLASSNAME$1u = 'lumx-autocomplete';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1e = {
+const DEFAULT_PROPS$1f = {
   anchorToInput: false,
   closeOnClick: false,
   closeOnClickAway: true,
@@ -345,13 +345,13 @@ const Autocomplete = forwardRef((props, ref) => {
     otherProps
   } = useDisableStateProps(props);
   const {
-    anchorToInput = DEFAULT_PROPS$1e.anchorToInput,
+    anchorToInput = DEFAULT_PROPS$1f.anchorToInput,
     children,
     chips,
     className,
-    closeOnClick = DEFAULT_PROPS$1e.closeOnClick,
-    closeOnClickAway = DEFAULT_PROPS$1e.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$1e.closeOnEscape,
+    closeOnClick = DEFAULT_PROPS$1f.closeOnClick,
+    closeOnClickAway = DEFAULT_PROPS$1f.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$1f.closeOnEscape,
     error,
     fitToAnchorWidth,
     hasError,
@@ -372,7 +372,7 @@ const Autocomplete = forwardRef((props, ref) => {
     onInfiniteScroll,
     placeholder,
     placement,
-    shouldFocusOnClose = DEFAULT_PROPS$1e.shouldFocusOnClose,
+    shouldFocusOnClose = DEFAULT_PROPS$1f.shouldFocusOnClose,
     theme = defaultTheme,
     value,
     textFieldProps = {},
@@ -427,7 +427,7 @@ const Autocomplete = forwardRef((props, ref) => {
 });
 Autocomplete.displayName = COMPONENT_NAME$1v;
 Autocomplete.className = CLASSNAME$1u;
-Autocomplete.defaultProps = DEFAULT_PROPS$1e;
+Autocomplete.defaultProps = DEFAULT_PROPS$1f;
 
 /**
  * Component display name.
@@ -442,7 +442,7 @@ const CLASSNAME$1t = 'lumx-autocomplete-multiple';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1d = {
+const DEFAULT_PROPS$1e = {
   closeOnClickAway: true,
   closeOnEscape: true,
   selectedChipRender(choice, index, onClear, isDisabled) {
@@ -482,8 +482,8 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     chipsAlignment,
     className,
-    closeOnClickAway = DEFAULT_PROPS$1d.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS$1d.closeOnEscape,
+    closeOnClickAway = DEFAULT_PROPS$1e.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS$1e.closeOnEscape,
     fitToAnchorWidth,
     hasError,
     helper,
@@ -505,12 +505,12 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
     onKeyDown,
     placeholder,
     placement,
-    selectedChipRender = DEFAULT_PROPS$1d.selectedChipRender,
+    selectedChipRender = DEFAULT_PROPS$1e.selectedChipRender,
     shouldFocusOnClose,
     theme = defaultTheme,
     type,
     value,
-    values = DEFAULT_PROPS$1d.values,
+    values = DEFAULT_PROPS$1e.values,
     ...forwardedProps
   } = otherProps;
   return /*#__PURE__*/jsx(Autocomplete, {
@@ -552,7 +552,7 @@ const AutocompleteMultiple = forwardRef((props, ref) => {
 });
 AutocompleteMultiple.displayName = COMPONENT_NAME$1u;
 AutocompleteMultiple.className = CLASSNAME$1t;
-AutocompleteMultiple.defaultProps = DEFAULT_PROPS$1d;
+AutocompleteMultiple.defaultProps = DEFAULT_PROPS$1e;
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -1013,7 +1013,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1c = {
+const DEFAULT_PROPS$1d = {
   size: Size.m
 };
 
@@ -1030,7 +1030,7 @@ const Avatar$1 = props => {
     badge,
     className,
     image,
-    size = DEFAULT_PROPS$1c.size,
+    size = DEFAULT_PROPS$1d.size,
     theme,
     ref,
     ...forwardedProps
@@ -1071,7 +1071,7 @@ const Avatar = forwardRef((props, ref) => {
     linkAs,
     onClick,
     onKeyPress,
-    size = DEFAULT_PROPS$1c.size,
+    size = DEFAULT_PROPS$1d.size,
     theme = defaultTheme,
     thumbnailProps,
     ...forwardedProps
@@ -1101,7 +1101,7 @@ const Avatar = forwardRef((props, ref) => {
 });
 Avatar.displayName = COMPONENT_NAME$1t;
 Avatar.className = CLASSNAME$1s;
-Avatar.defaultProps = DEFAULT_PROPS$1c;
+Avatar.defaultProps = DEFAULT_PROPS$1d;
 
 /**
  * Component display name.
@@ -1119,7 +1119,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1b = {
+const DEFAULT_PROPS$1c = {
   color: ColorPalette.primary
 };
 
@@ -1133,7 +1133,7 @@ const Badge$1 = props => {
   const {
     children,
     className,
-    color = DEFAULT_PROPS$1b.color,
+    color = DEFAULT_PROPS$1c.color,
     ref,
     ...forwardedProps
   } = props;
@@ -1148,7 +1148,7 @@ const Badge$1 = props => {
 };
 Badge$1.displayName = COMPONENT_NAME$1s;
 Badge$1.className = CLASSNAME$1r;
-Badge$1.defaultProps = DEFAULT_PROPS$1b;
+Badge$1.defaultProps = DEFAULT_PROPS$1c;
 
 /**
  * Defines the props of the component.
@@ -1374,7 +1374,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$1a = {
+const DEFAULT_PROPS$1b = {
   emphasis: Emphasis.high,
   size: Size.m
 };
@@ -1388,10 +1388,10 @@ const DEFAULT_PROPS$1a = {
 const Button$1 = props => {
   const {
     className,
-    emphasis = DEFAULT_PROPS$1a.emphasis,
+    emphasis = DEFAULT_PROPS$1b.emphasis,
     leftIcon,
     rightIcon,
-    size = DEFAULT_PROPS$1a.size,
+    size = DEFAULT_PROPS$1b.size,
     ...forwardedProps
   } = props;
   const buttonClassName = classnames(className, modifier({
@@ -1408,7 +1408,7 @@ const Button$1 = props => {
 };
 Button$1.displayName = COMPONENT_NAME$1p;
 Button$1.className = CLASSNAME$1p;
-Button$1.defaultProps = DEFAULT_PROPS$1a;
+Button$1.defaultProps = DEFAULT_PROPS$1b;
 
 /**
  * Properties of a component to use to determine it's name.
@@ -1483,7 +1483,7 @@ const Button = forwardRef((props, ref) => {
 });
 Button.displayName = COMPONENT_NAME$1p;
 Button.className = CLASSNAME$1p;
-Button.defaultProps = DEFAULT_PROPS$1a;
+Button.defaultProps = DEFAULT_PROPS$1b;
 
 const COMPONENT_NAME$1o = 'Icon';
 const IconClassName = 'lumx-icon';
@@ -1500,7 +1500,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$19 = {};
+const DEFAULT_PROPS$1a = {};
 
 /**
  * Icon component.
@@ -1580,7 +1580,7 @@ const Icon$1 = props => {
 };
 Icon$1.displayName = COMPONENT_NAME$1o;
 Icon$1.className = CLASSNAME$1o;
-Icon$1.defaultProps = DEFAULT_PROPS$19;
+Icon$1.defaultProps = DEFAULT_PROPS$1a;
 
 /**
  * Component display name.
@@ -1595,7 +1595,7 @@ const CLASSNAME$1n = 'lumx-icon-button';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$18 = {
+const DEFAULT_PROPS$19 = {
   emphasis: Emphasis.high,
   size: Size.m
 };
@@ -1608,11 +1608,11 @@ const DEFAULT_PROPS$18 = {
  */
 const IconButton$1 = props => {
   const {
-    emphasis = DEFAULT_PROPS$18.emphasis,
+    emphasis = DEFAULT_PROPS$19.emphasis,
     image,
     icon,
     label,
-    size = DEFAULT_PROPS$18.size,
+    size = DEFAULT_PROPS$19.size,
     ...forwardedProps
   } = props;
   const defaultChildren = image ? /*#__PURE__*/jsx("img", {
@@ -1633,7 +1633,7 @@ const IconButton$1 = props => {
 };
 IconButton$1.displayName = COMPONENT_NAME$1n;
 IconButton$1.className = CLASSNAME$1n;
-IconButton$1.defaultProps = DEFAULT_PROPS$18;
+IconButton$1.defaultProps = DEFAULT_PROPS$19;
 
 /**
  * IconButton component.
@@ -1678,7 +1678,7 @@ const IconButton = forwardRef((props, ref) => {
 });
 IconButton.displayName = COMPONENT_NAME$1n;
 IconButton.className = CLASSNAME$1n;
-IconButton.defaultProps = DEFAULT_PROPS$18;
+IconButton.defaultProps = DEFAULT_PROPS$19;
 
 /**
  * Component display name.
@@ -1693,7 +1693,7 @@ const CLASSNAME$1m = 'lumx-button-group';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$17 = {};
+const DEFAULT_PROPS$18 = {};
 
 /**
  * ButtonGroup component.
@@ -1715,7 +1715,7 @@ const ButtonGroup$1 = props => {
 };
 ButtonGroup$1.displayName = COMPONENT_NAME$1m;
 ButtonGroup$1.className = CLASSNAME$1m;
-ButtonGroup$1.defaultProps = DEFAULT_PROPS$17;
+ButtonGroup$1.defaultProps = DEFAULT_PROPS$18;
 
 /**
  * ButtonGroup component.
@@ -1732,7 +1732,7 @@ const ButtonGroup = forwardRef((props, ref) => {
 });
 ButtonGroup.displayName = COMPONENT_NAME$1m;
 ButtonGroup.className = CLASSNAME$1m;
-ButtonGroup.defaultProps = DEFAULT_PROPS$17;
+ButtonGroup.defaultProps = DEFAULT_PROPS$18;
 
 const COMPONENT_NAME$1l = 'InputLabel';
 const InputLabelClassName = 'lumx-input-label';
@@ -1740,7 +1740,7 @@ const CLASSNAME$1l = InputLabelClassName;
 const {
   block: block$13
 } = bem(CLASSNAME$1l);
-const DEFAULT_PROPS$16 = {};
+const DEFAULT_PROPS$17 = {};
 
 /**
  * InputLabel component.
@@ -1770,7 +1770,7 @@ function InputLabel$1(props) {
 }
 InputLabel$1.displayName = COMPONENT_NAME$1l;
 InputLabel$1.className = CLASSNAME$1l;
-InputLabel$1.defaultProps = DEFAULT_PROPS$16;
+InputLabel$1.defaultProps = DEFAULT_PROPS$17;
 
 const INPUT_HELPER_CONFIGURATION = {
   [Kind.error]: {
@@ -1799,7 +1799,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$15 = {
+const DEFAULT_PROPS$16 = {
   kind: Kind.info
 };
 
@@ -1810,7 +1810,7 @@ function InputHelper$1(props) {
   const {
     children,
     className,
-    kind = DEFAULT_PROPS$15.kind,
+    kind = DEFAULT_PROPS$16.kind,
     theme,
     ref,
     ...forwardedProps
@@ -1830,7 +1830,7 @@ function InputHelper$1(props) {
 }
 InputHelper$1.displayName = COMPONENT_NAME$1k;
 InputHelper$1.className = CLASSNAME$1k;
-InputHelper$1.defaultProps = DEFAULT_PROPS$15;
+InputHelper$1.defaultProps = DEFAULT_PROPS$16;
 
 const INTERMEDIATE_STATE = 'intermediate';
 
@@ -1945,7 +1945,7 @@ const Checkbox$1 = props => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$14 = {};
+const DEFAULT_PROPS$15 = {};
 
 /**
  * Checkbox component.
@@ -2007,7 +2007,7 @@ const Checkbox = forwardRef((props, ref) => {
 });
 Checkbox.displayName = COMPONENT_NAME$1j;
 Checkbox.className = CLASSNAME$1j;
-Checkbox.defaultProps = DEFAULT_PROPS$14;
+Checkbox.defaultProps = DEFAULT_PROPS$15;
 
 /**
  * Wrap mouse event handler to stop event propagation.
@@ -2042,7 +2042,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$13 = {
+const DEFAULT_PROPS$14 = {
   size: Size.m
 };
 
@@ -2069,7 +2069,7 @@ const Chip$1 = props => {
     hasAfterClick,
     hasBeforeClick,
     hasOnClick,
-    size = DEFAULT_PROPS$13.size,
+    size = DEFAULT_PROPS$14.size,
     theme,
     ref,
     href,
@@ -2191,7 +2191,7 @@ const Chip = forwardRef((props, ref) => {
 });
 Chip.displayName = COMPONENT_NAME$1i;
 Chip.className = CLASSNAME$1i;
-Chip.defaultProps = DEFAULT_PROPS$13;
+Chip.defaultProps = DEFAULT_PROPS$14;
 
 /**
  * Component display name.
@@ -2206,7 +2206,7 @@ const CLASSNAME$1h = 'lumx-chip-group';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$12 = {};
+const DEFAULT_PROPS$13 = {};
 
 /**
  * ChipGroup component.
@@ -2304,7 +2304,7 @@ const InternalChipGroup = forwardRef((props, ref) => {
 });
 InternalChipGroup.displayName = COMPONENT_NAME$1h;
 InternalChipGroup.className = CLASSNAME$1h;
-InternalChipGroup.defaultProps = DEFAULT_PROPS$12;
+InternalChipGroup.defaultProps = DEFAULT_PROPS$13;
 const ChipGroup = Object.assign(InternalChipGroup, {
   useChipGroupNavigation
 });
@@ -6060,7 +6060,7 @@ const TOOLTIP_ZINDEX = 10000;
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$11 = {
+const DEFAULT_PROPS$12 = {
   placement: 'bottom',
   closeMode: 'unmount',
   ariaLinkMode: 'aria-describedby',
@@ -6424,11 +6424,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.
@@ -6493,7 +6493,7 @@ const Tooltip = forwardRef((props, ref) => {
 });
 Tooltip.displayName = COMPONENT_NAME$1f;
 Tooltip.className = CLASSNAME$1e;
-Tooltip.defaultProps = DEFAULT_PROPS$11;
+Tooltip.defaultProps = DEFAULT_PROPS$12;
 
 /** Context value shared between Combobox sub-components. */
 
@@ -7008,7 +7008,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$10 = {
+const DEFAULT_PROPS$11 = {
   type: 'text'
 };
 
@@ -7023,7 +7023,7 @@ const RawInputText$1 = props => {
     value,
     handleChange,
     handleInput,
-    type = DEFAULT_PROPS$10.type,
+    type = DEFAULT_PROPS$11.type,
     name,
     ref,
     ...forwardedProps
@@ -7079,7 +7079,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$$ = {
+const DEFAULT_PROPS$10 = {
   rows: 2
 };
 
@@ -7094,7 +7094,7 @@ const RawInputTextarea$1 = props => {
     value,
     handleChange,
     handleInput,
-    rows = DEFAULT_PROPS$$.rows,
+    rows = DEFAULT_PROPS$10.rows,
     name,
     ref,
     ...forwardedProps
@@ -7168,8 +7168,8 @@ function useFitRowsToContent(minimumRows, textareaRef, value) {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$_ = {
-  minimumRows: DEFAULT_PROPS$$.rows
+const DEFAULT_PROPS$$ = {
+  minimumRows: DEFAULT_PROPS$10.rows
 };
 
 /**
@@ -7180,7 +7180,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
@@ -7200,7 +7200,7 @@ const RawInputTextarea = forwardRef((props, ref) => {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Z = {
+const DEFAULT_PROPS$_ = {
   type: 'text'
 };
 
@@ -7244,7 +7244,7 @@ const TextField = forwardRef((props, ref) => {
     placeholder,
     textFieldRef,
     theme = defaultTheme,
-    type = DEFAULT_PROPS$Z.type,
+    type = DEFAULT_PROPS$_.type,
     value,
     afterElement,
     ...forwardedProps
@@ -7349,7 +7349,7 @@ const TextField = forwardRef((props, ref) => {
 });
 TextField.displayName = COMPONENT_NAME$1d;
 TextField.className = CLASSNAME$1c;
-TextField.defaultProps = DEFAULT_PROPS$Z;
+TextField.defaultProps = DEFAULT_PROPS$_;
 
 /**
  * Props for Combobox.Input component.
@@ -7442,7 +7442,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Y = {};
+const DEFAULT_PROPS$Z = {};
 
 /**
  * List component.
@@ -7469,7 +7469,7 @@ const List$1 = props => {
 };
 List$1.displayName = COMPONENT_NAME$1c;
 List$1.className = CLASSNAME$1b;
-List$1.defaultProps = DEFAULT_PROPS$Y;
+List$1.defaultProps = DEFAULT_PROPS$Z;
 
 /**
  * Popup type for the combobox listbox.
@@ -7616,7 +7616,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$X = {
+const DEFAULT_PROPS$Y = {
   size: Size.regular
 };
 
@@ -7640,7 +7640,7 @@ const ListItem$1 = props => {
     linkProps = {},
     linkRef,
     handleClick,
-    size = DEFAULT_PROPS$X.size,
+    size = DEFAULT_PROPS$Y.size,
     ref,
     ...forwardedProps
   } = props;
@@ -7680,7 +7680,7 @@ const ListItem$1 = props => {
 };
 ListItem$1.displayName = COMPONENT_NAME$1a;
 ListItem$1.className = CLASSNAME$19;
-ListItem$1.defaultProps = DEFAULT_PROPS$X;
+ListItem$1.defaultProps = DEFAULT_PROPS$Y;
 
 /**
  * ListItemAction props.
@@ -7695,7 +7695,7 @@ const COMPONENT_NAME$19 = 'ListItemAction';
  * Component classname (used by action area CSS pattern).
  */
 const CLASSNAME$18 = 'lumx-action-area__action';
-const DEFAULT_PROPS$W = {};
+const DEFAULT_PROPS$X = {};
 
 /**
  * ListItemAction component.
@@ -7745,7 +7745,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$V = {};
+const DEFAULT_PROPS$W = {};
 
 /**
  * Text component common props
@@ -8340,7 +8340,7 @@ const {
 /**
  * Component default props (used by framework wrappers).
  */
-const DEFAULT_PROPS$U = {
+const DEFAULT_PROPS$V = {
   closeMode: 'unmount',
   elevation: 3,
   placement: Placement.AUTO,
@@ -8364,8 +8364,8 @@ const Popover$1 = (props, {
     as: asTag = 'div',
     children,
     className,
-    closeMode = DEFAULT_PROPS$U.closeMode,
-    elevation = DEFAULT_PROPS$U.elevation,
+    closeMode = DEFAULT_PROPS$V.closeMode,
+    elevation = DEFAULT_PROPS$V.elevation,
     hasArrow,
     isOpen,
     position,
@@ -8375,7 +8375,7 @@ const Popover$1 = (props, {
     // Framework-specific
     ref,
     arrowRef,
-    usePortal = DEFAULT_PROPS$U.usePortal,
+    usePortal = DEFAULT_PROPS$V.usePortal,
     clickAwayCallback,
     clickAwayRefs,
     unmountSentinel,
@@ -8707,27 +8707,27 @@ const _InnerPopover = forwardRef((props, ref) => {
     as,
     children,
     className,
-    closeMode = DEFAULT_PROPS$U.closeMode,
+    closeMode = DEFAULT_PROPS$V.closeMode,
     closeOnClickAway,
     closeOnEscape,
-    elevation = DEFAULT_PROPS$U.elevation,
+    elevation = DEFAULT_PROPS$V.elevation,
     focusElement,
     hasArrow,
     isOpen,
     onClose,
     parentElement,
-    usePortal = DEFAULT_PROPS$U.usePortal,
-    focusAnchorOnClose = DEFAULT_PROPS$U.focusAnchorOnClose,
+    usePortal = DEFAULT_PROPS$V.usePortal,
+    focusAnchorOnClose = DEFAULT_PROPS$V.focusAnchorOnClose,
     withFocusTrap,
     boundaryRef,
     fitToAnchorWidth,
     fitWithinViewportHeight,
     focusTrapZoneElement,
     offset,
-    placement = DEFAULT_PROPS$U.placement,
+    placement = DEFAULT_PROPS$V.placement,
     style,
     theme,
-    zIndex = DEFAULT_PROPS$U.zIndex,
+    zIndex = DEFAULT_PROPS$V.zIndex,
     ...forwardedProps
   } = props;
   const popoverRef = useRef(null);
@@ -8801,7 +8801,7 @@ const Popover = skipRender(
 () => Boolean(DOCUMENT), _InnerPopover);
 Popover.displayName = COMPONENT_NAME$14;
 Popover.className = CLASSNAME$13;
-Popover.defaultProps = DEFAULT_PROPS$U;
+Popover.defaultProps = DEFAULT_PROPS$V;
 
 /**
  * Props for Combobox.OptionMoreInfo component.
@@ -9273,7 +9273,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$T = {};
+const DEFAULT_PROPS$U = {};
 
 /**
  * ListSection component.
@@ -9317,7 +9317,7 @@ const ListSection$1 = props => {
 };
 ListSection$1.displayName = COMPONENT_NAME$_;
 ListSection$1.className = CLASSNAME$Z;
-ListSection$1.defaultProps = DEFAULT_PROPS$T;
+ListSection$1.defaultProps = DEFAULT_PROPS$U;
 
 /**
  * Defines the props of the component.
@@ -9341,7 +9341,7 @@ const ListSection = forwardRef((props, ref) => {
 });
 ListSection.displayName = COMPONENT_NAME$_;
 ListSection.className = CLASSNAME$Z;
-ListSection.defaultProps = DEFAULT_PROPS$T;
+ListSection.defaultProps = DEFAULT_PROPS$U;
 
 /**
  * Props for Combobox.Section component.
@@ -9579,7 +9579,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$S = {
+const DEFAULT_PROPS$T = {
   gap: Size.big,
   orientation: Orientation.horizontal
 };
@@ -9603,10 +9603,10 @@ const GenericBlock$1 = props => {
     children,
     actions,
     actionsProps,
-    gap = DEFAULT_PROPS$S.gap,
+    gap = DEFAULT_PROPS$T.gap,
     ref,
     content,
-    orientation = DEFAULT_PROPS$S.orientation,
+    orientation = DEFAULT_PROPS$T.orientation,
     contentProps,
     FlexBox,
     ...forwardedProps
@@ -9718,7 +9718,7 @@ const BaseGenericBlock = forwardRef((props, ref) => {
 });
 BaseGenericBlock.displayName = COMPONENT_NAME$Y;
 BaseGenericBlock.className = CLASSNAME$X;
-BaseGenericBlock.defaultProps = DEFAULT_PROPS$S;
+BaseGenericBlock.defaultProps = DEFAULT_PROPS$T;
 const GenericBlock = Object.assign(BaseGenericBlock, {
   Figure,
   Content,
@@ -9810,7 +9810,7 @@ const Text = forwardRef((props, ref) => {
 });
 Text.displayName = COMPONENT_NAME$18;
 Text.className = CLASSNAME$17;
-Text.defaultProps = DEFAULT_PROPS$V;
+Text.defaultProps = DEFAULT_PROPS$W;
 
 /**
  * Props for Combobox.State component.
@@ -9892,7 +9892,7 @@ const CLASSNAME$W = 'lumx-list-divider';
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$R = {};
+const DEFAULT_PROPS$S = {};
 
 /**
  * ListDivider component.
@@ -9916,7 +9916,7 @@ const ListDivider$1 = props => {
 };
 ListDivider$1.displayName = COMPONENT_NAME$X;
 ListDivider$1.className = CLASSNAME$W;
-ListDivider$1.defaultProps = DEFAULT_PROPS$R;
+ListDivider$1.defaultProps = DEFAULT_PROPS$S;
 
 /**
  * Defines the props of the component.
@@ -9938,7 +9938,7 @@ const ListDivider = forwardRef((props, ref) => {
 });
 ListDivider.displayName = COMPONENT_NAME$X;
 ListDivider.className = CLASSNAME$W;
-ListDivider.defaultProps = DEFAULT_PROPS$R;
+ListDivider.defaultProps = DEFAULT_PROPS$S;
 
 /**
  * Combobox compound component namespace.
@@ -10001,7 +10001,7 @@ const {
 /**
  * Component default props.
  */
-const DEFAULT_PROPS$Q = {
+const DEFAULT_PROPS$R = {
   variant: CommentBlockVariant.indented
 };
 
@@ -10031,7 +10031,7 @@ const CommentBlock = forwardRef((props, ref) => {
     onMouseLeave,
     text,
     theme = defaultTheme,
-    variant = DEFAULT_PROPS$Q.variant,
+    variant = DEFAULT_PROPS$R.variant,
     ...forwardedProps
   } = props;
   const hasChildren = Children.count(children) > 0;
@@ -10100,7 +10100,7 @@ const CommentBlock = forwardRef((props, ref) => {
 });
 CommentBlock.displayName = COMPONENT_NAME$W;
 CommentBlock.className = CLASSNAME$V;
-CommentBlock.defaultProps = DEFAULT_PROPS$Q;
+CommentBlock.defaultProps = DEFAULT_PROPS$R;
 
 /**
  * Add a number of months from a date while resetting the day to prevent month length mismatches.
@@ -10983,9 +10983,6 @@ const useTransitionVisibility = (ref, isComponentVisible, timeout, onVisibilityC
   return isVisible || isComponentVisible;
 };
 
-const isHeader$1 = isComponent('header');
-const isFooter$1 = isComponent('footer');
-
 /**
  * Component display name.
  */
@@ -10998,7 +10995,134 @@ const CLASSNAME$T = 'lumx-dialog';
 const {
   block: block$J,
   element: element$z
-} = classNames.bem(CLASSNAME$T);
+} = bem(CLASSNAME$T);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS$Q = {
+  size: Size.big
+};
+
+/**
+ * Dialog component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Dialog$1 = props => {
+  const {
+    className,
+    ref,
+    header,
+    forceFooterDivider,
+    forceHeaderDivider,
+    footer,
+    isLoading,
+    isOpen,
+    handleClose,
+    contentRef,
+    size = DEFAULT_PROPS$Q.size,
+    zIndex,
+    dialogProps,
+    headerChildContent,
+    isVisible,
+    Portal,
+    HeadingLevelProvider,
+    ThemeProvider,
+    ClickAwayProvider,
+    shouldPreventCloseOnClickAway,
+    clickAwayRefs,
+    rootRef,
+    wrapperRef,
+    hasTopIntersection,
+    headerChildProps,
+    setSentinelTop,
+    content,
+    setSentinelBottom,
+    footerChildContent,
+    footerChildProps,
+    ProgressCircular,
+    hasBottomIntersection,
+    ...forwardedProps
+  } = props;
+  return /*#__PURE__*/jsx(Portal, {
+    children: /*#__PURE__*/jsxs("div", {
+      ref: ref,
+      ...forwardedProps,
+      className: classnames(className, block$J({
+        'is-hidden': !isOpen,
+        'is-loading': isLoading,
+        'is-shown': isOpen || isVisible,
+        [`size-${size}`]: Boolean(size)
+      })),
+      style: {
+        zIndex
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: element$z('overlay')
+      }), /*#__PURE__*/jsx(HeadingLevelProvider, {
+        level: 2,
+        children: /*#__PURE__*/jsx(ThemeProvider, {
+          value: undefined,
+          children: /*#__PURE__*/jsx("div", {
+            className: element$z('container'),
+            role: "dialog",
+            "aria-modal": "true",
+            ...dialogProps,
+            children: /*#__PURE__*/jsx(ClickAwayProvider, {
+              callback: !shouldPreventCloseOnClickAway && handleClose,
+              childrenRefs: clickAwayRefs,
+              parentRef: rootRef,
+              children: /*#__PURE__*/jsxs("section", {
+                className: element$z('wrapper'),
+                ref: wrapperRef,
+                children: [(header || headerChildContent) && /*#__PURE__*/jsxs("header", {
+                  ...headerChildProps,
+                  className: classnames(element$z('header', {
+                    'has-divider': Boolean(forceHeaderDivider || hasTopIntersection)
+                  }), headerChildProps?.className),
+                  children: [header, headerChildContent]
+                }), /*#__PURE__*/jsxs("div", {
+                  ref: contentRef,
+                  className: element$z('content'),
+                  children: [/*#__PURE__*/jsx("div", {
+                    className: element$z('sentinel', {
+                      top: true
+                    }),
+                    ref: setSentinelTop
+                  }), content, /*#__PURE__*/jsx("div", {
+                    className: element$z('sentinel', {
+                      bottom: true
+                    }),
+                    ref: setSentinelBottom
+                  })]
+                }), (footer || footerChildContent) && /*#__PURE__*/jsxs("footer", {
+                  ...footerChildProps,
+                  className: classnames(element$z('footer', {
+                    'has-divider': Boolean(forceFooterDivider || hasBottomIntersection)
+                  }), footerChildProps?.className),
+                  children: [footer, footerChildContent]
+                }), isLoading && /*#__PURE__*/jsx("div", {
+                  className: element$z('progress-overlay'),
+                  children: /*#__PURE__*/jsx(ProgressCircular, {})
+                })]
+              })
+            })
+          })
+        })
+      })]
+    })
+  });
+};
+
+/**
+ * Defines the props of the component.
+ */
+
+const isHeader$1 = isComponent('header');
+const isFooter$1 = isComponent('footer');
 
 /**
  * Component default props.
@@ -11108,75 +11232,40 @@ const Dialog = forwardRef((props, ref) => {
   const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), DIALOG_TRANSITION_DURATION, onVisibilityChange);
   const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;
   const isMounted = isOpen || isVisible || closeMode === 'hide';
-  return isMounted ? /*#__PURE__*/jsx(Portal, {
-    children: /*#__PURE__*/jsxs("div", {
-      ref: mergeRefs(rootRef, ref),
-      ...forwardedProps,
-      className: classNames.join(className, block$J({
-        'is-hidden': !isOpen,
-        'is-loading': isLoading,
-        'is-shown': isOpen || isVisible,
-        [`size-${size}`]: Boolean(size)
-      })),
-      style: {
-        zIndex
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: element$z('overlay')
-      }), /*#__PURE__*/jsx(HeadingLevelProvider, {
-        level: 2,
-        children: /*#__PURE__*/jsx(ThemeProvider, {
-          value: undefined,
-          children: /*#__PURE__*/jsx("div", {
-            className: element$z('container'),
-            role: "dialog",
-            "aria-modal": "true",
-            ...dialogProps,
-            children: /*#__PURE__*/jsx(ClickAwayProvider, {
-              callback: !shouldPreventCloseOnClickAway && onClose,
-              childrenRefs: clickAwayRefs,
-              parentRef: rootRef,
-              children: /*#__PURE__*/jsxs("section", {
-                className: element$z('wrapper'),
-                ref: wrapperRef,
-                children: [(header || headerChildContent) && /*#__PURE__*/jsxs("header", {
-                  ...headerChildProps,
-                  className: classNames.join(element$z('header', {
-                    'has-divider': Boolean(forceHeaderDivider || hasTopIntersection)
-                  }), headerChildProps?.className),
-                  children: [header, headerChildContent]
-                }), /*#__PURE__*/jsxs("div", {
-                  ref: mergeRefs(contentRef, localContentRef),
-                  className: element$z('content'),
-                  children: [/*#__PURE__*/jsx("div", {
-                    className: element$z('sentinel', {
-                      top: true
-                    }),
-                    ref: setSentinelTop
-                  }), content, /*#__PURE__*/jsx("div", {
-                    className: element$z('sentinel', {
-                      bottom: true
-                    }),
-                    ref: setSentinelBottom
-                  })]
-                }), (footer || footerChildContent) && /*#__PURE__*/jsxs("footer", {
-                  ...footerChildProps,
-                  className: classNames.join(element$z('footer', {
-                    'has-divider': Boolean(forceFooterDivider || hasBottomIntersection)
-                  }), footerChildProps?.className),
-                  children: [footer, footerChildContent]
-                }), isLoading && /*#__PURE__*/jsx("div", {
-                  className: element$z('progress-overlay'),
-                  children: /*#__PURE__*/jsx(Progress, {
-                    variant: ProgressVariant.circular
-                  })
-                })]
-              })
-            })
-          })
-        })
-      })]
-    })
+  return isMounted ? Dialog$1({
+    ClickAwayProvider,
+    HeadingLevelProvider,
+    Portal,
+    ThemeProvider,
+    className,
+    clickAwayRefs,
+    content,
+    contentRef: mergeRefs(localContentRef, contentRef),
+    dialogProps,
+    footer,
+    footerChildContent,
+    footerChildProps,
+    forceFooterDivider,
+    forceHeaderDivider,
+    handleClose: onClose,
+    hasBottomIntersection,
+    hasTopIntersection,
+    header,
+    headerChildContent,
+    ProgressCircular,
+    headerChildProps,
+    isLoading,
+    isOpen,
+    isVisible,
+    ref: mergeRefs(rootRef, ref),
+    rootRef,
+    setSentinelBottom,
+    setSentinelTop,
+    shouldPreventCloseOnClickAway,
+    size,
+    wrapperRef,
+    zIndex,
+    ...forwardedProps
   }) : null;
 });
 Dialog.displayName = COMPONENT_NAME$S;
@@ -11516,7 +11605,7 @@ const InternalList = forwardRef((props, ref) => {
 });
 InternalList.displayName = COMPONENT_NAME$1c;
 InternalList.className = CLASSNAME$1b;
-InternalList.defaultProps = DEFAULT_PROPS$Y;
+InternalList.defaultProps = DEFAULT_PROPS$Z;
 const List = Object.assign(InternalList, {
   useKeyboardListNavigation
 });
@@ -13776,7 +13865,7 @@ const ListItemAction = Object.assign(forwardRefPolymorphic((props, ref) => {
 }), {
   displayName: COMPONENT_NAME$19,
   className: CLASSNAME$18,
-  defaultProps: DEFAULT_PROPS$W
+  defaultProps: DEFAULT_PROPS$X
 });
 
 /**
@@ -13816,7 +13905,7 @@ const _ListItem = forwardRef((props, ref) => {
 });
 _ListItem.displayName = COMPONENT_NAME$1a;
 _ListItem.className = CLASSNAME$19;
-_ListItem.defaultProps = DEFAULT_PROPS$X;
+_ListItem.defaultProps = DEFAULT_PROPS$Y;
 
 /**
  * ListItem component with Action sub-component.
@@ -19564,5 +19653,5 @@ UserBlock.displayName = COMPONENT_NAME;
 UserBlock.className = CLASSNAME;
 UserBlock.defaultProps = DEFAULT_PROPS;
 
-export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1p as CLASSNAME, COMPONENT_NAME$1p as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS$1a 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, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
+export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonGroup, CLASSNAME$1p as CLASSNAME, COMPONENT_NAME$1p 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, SelectMultiple, SelectMultipleField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, Text, TextField, ThOrder, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
 //# sourceMappingURL=index.js.map