@lumx/react 3.20.1-alpha.34 → 3.20.1-alpha.36

package/_internal/{3996d544.js → 5cef5e8c.js}

@@ -1,8 +1,8 @@
 import classNames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTheme } from './d8ee966d.js';
-import { FlexBox } from './fdebc718.js';
-import { Text } from './203b01d8.js';
+import { u as useTheme } from './3181f000.js';
+import { FlexBox } from './components/flex-box/index-0d6b6b43.js';
+import { T as Text } from './e913a3af.js';
 
 /** Internal component used to render image captions */
 const ImageCaption = props => {
@@ -71,5 +71,4 @@ const ImageCaption = props => {
   });
 };
 
-export { ImageCaption };
-//# sourceMappingURL=3996d544.js.map
+export { ImageCaption as I };

package/_internal/{9b0c0489.js → 6a60381c.js}

@@ -1,10 +1,10 @@
 import classNames from 'classnames';
-import './6af61e2f.js';
+import './d0e3f49e.js';
 import { handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { RawClickable } from './a6dc95cd.js';
+import { f as forwardRef } from './8bce732e.js';
+import { R as RawClickable } from './2c2b6a89.js';
 import { jsx } from 'react/jsx-runtime';
-import { useDisableStateProps } from './ef982c3d.js';
+import { useDisableStateProps } from './utils/disabled/index-075b99c3.js';
 import { Emphasis, Theme, ColorPalette, CSS_PREFIX } from '@lumx/core/js/constants';
 
 /**
@@ -114,5 +114,4 @@ const ButtonRoot = forwardRef((props, ref) => {
 ButtonRoot.displayName = COMPONENT_NAME;
 ButtonRoot.defaultProps = {};
 
-export { BUTTON_CLASSNAME, BUTTON_WRAPPER_CLASSNAME, ButtonRoot };
-//# sourceMappingURL=9b0c0489.js.map
+export { ButtonRoot as B };

package/_internal/{0350c865.js → 6f084a40.js}

@@ -1,7 +1,29 @@
 import { useEffect } from 'react';
-import { DOCUMENT } from './6af61e2f.js';
-import { getFirstAndLastFocusable } from './b573621e.js';
-import { makeListenerTowerContext } from './b4dfa648.js';
+import { D as DOCUMENT } from './d0e3f49e.js';
+import { g as getFocusableElements } from './230173a8.js';
+import { m as makeListenerTowerContext } from './76ddefd4.js';
+
+/**
+ * Get first and last elements focusable in an element.
+ *
+ * @param parentElement The element in which to search focusable elements.
+ * @return first and last focusable elements
+ */
+function getFirstAndLastFocusable(parentElement) {
+  const focusableElements = getFocusableElements(parentElement);
+
+  // First non disabled element.
+  const first = focusableElements[0];
+  // Last non disabled element.
+  const last = focusableElements[focusableElements.length - 1];
+  if (last && first) {
+    return {
+      first,
+      last
+    };
+  }
+  return {};
+}
 
 const FOCUS_TRAPS = makeListenerTowerContext();
 
@@ -86,5 +108,4 @@ function useFocusTrap(focusZoneElement, focusElement) {
   }, [focusElement, focusZoneElement]);
 }
 
-export { useFocusTrap };
-//# sourceMappingURL=0350c865.js.map
+export { getFirstAndLastFocusable as g, useFocusTrap as u };

package/_internal/{91f36a80.js → 76ddefd4.js}

@@ -1,7 +1,35 @@
-import { DOCUMENT } from './6af61e2f.js';
+import { D as DOCUMENT } from './d0e3f49e.js';
 import { onEscapePressed } from '@lumx/core/js/utils';
 import { useEffect } from 'react';
-import { makeListenerTowerContext } from './b4dfa648.js';
+import last from 'lodash/last';
+import pull from 'lodash/pull';
+
+/**
+ * Keep track of listeners, only the last registered listener gets activated at any point (previously registered
+ * listener are disabled).
+ * When a listener gets unregistered, the previously registered listener gets enabled again.
+ */
+function makeListenerTowerContext() {
+  const LISTENERS = [];
+  return {
+    register(listener) {
+      // Disable previous listener.
+      last(LISTENERS)?.disable();
+      // Keep track of current listener.
+      LISTENERS.push(listener);
+      // Enable current listener.
+      listener.enable();
+    },
+    unregister(listener) {
+      // Disable current listener.
+      listener.disable();
+      // Remove current listener.
+      pull(LISTENERS, listener);
+      // Enable previous listener.
+      last(LISTENERS)?.enable();
+    }
+  };
+}
 
 const LISTENERS = makeListenerTowerContext();
 
@@ -30,5 +58,4 @@ function useCallbackOnEscape(callback, closeOnEscape = true) {
   }, [callback, closeOnEscape]);
 }
 
-export { useCallbackOnEscape };
-//# sourceMappingURL=91f36a80.js.map
+export { makeListenerTowerContext as m, useCallbackOnEscape as u };

package/_internal/{ebe24fd7.js → 78df9309.js}

@@ -16,5 +16,4 @@ const isComponent = component => instance => {
   return !!get(instance, '$$typeof') && NAME_PROPERTIES.some(nameProperty => get(instance, nameProperty) === componentName);
 };
 
-export { isComponent };
-//# sourceMappingURL=ebe24fd7.js.map
+export { isComponent as i };

package/_internal/{0d7cc1e0.js → 7ad474e4.js}

@@ -1,14 +1,14 @@
 import classNames from 'classnames';
 import isEmpty from 'lodash/isEmpty';
-import { isComponent } from './ebe24fd7.js';
 import { getRootClassName, getBasicClass } from '@lumx/core/js/utils/className';
-import { useTheme, ThemeProvider } from './d8ee966d.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { ButtonRoot } from './9b0c0489.js';
+import { u as useTheme, T as ThemeProvider } from './3181f000.js';
+import { f as forwardRef } from './8bce732e.js';
+import { B as ButtonRoot } from './6a60381c.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Text } from './203b01d8.js';
+import { i as isComponent } from './78df9309.js';
+import { T as Text } from './e913a3af.js';
 import { Emphasis, Size, Theme } from '@lumx/core/js/constants';
-import { Icon } from './595d0e66.js';
+import { I as Icon } from './bace1bf1.js';
 
 const ButtonEmphasis = Emphasis;
 
@@ -95,5 +95,4 @@ Button.displayName = COMPONENT_NAME;
 Button.className = CLASSNAME;
 Button.defaultProps = DEFAULT_PROPS;
 
-export { Button, ButtonEmphasis };
-//# sourceMappingURL=0d7cc1e0.js.map
+export { ButtonEmphasis as B, Button as a };

package/_internal/{16f5497d.js → 7b293665.js}

@@ -1,6 +1,6 @@
 import React__default, { Children } from 'react';
-import { isComponentType } from './111e65e5.js';
-import { Icon } from './595d0e66.js';
+import { i as isComponentType } from './e806b848.js';
+import { I as Icon } from './bace1bf1.js';
 
 /** Force wrap spaces around icons to make sure they are never stuck against text. */
 function wrapChildrenIconWithSpaces(children) {
@@ -16,5 +16,4 @@ function wrapChildrenIconWithSpaces(children) {
   });
 }
 
-export { wrapChildrenIconWithSpaces };
-//# sourceMappingURL=16f5497d.js.map
+export { wrapChildrenIconWithSpaces as w };

package/_internal/{bb8088e1.js → 7daf0f24.js}

@@ -73,5 +73,4 @@ const useRovingTabIndex = ({
   [parentRef, ...extraDependencies]);
 };
 
-export { useRovingTabIndex };
-//# sourceMappingURL=bb8088e1.js.map
+export { useRovingTabIndex as u };

package/_internal/{e0398237.js → 825ac334.js}

@@ -1,5 +1,5 @@
 import { createContext, useContext, useEffect, useMemo, useCallback } from 'react';
-import { useId } from './11687649.js';
+import { u as useId } from './3a1facc0.js';
 
 const INIT_STATE = {
   isLazy: true,
@@ -126,5 +126,4 @@ const useTabProviderContextState = () => {
   return context?.[0];
 };
 
-export { INIT_STATE, TabProviderContext, reducer, useTabProviderContext, useTabProviderContextState };
-//# sourceMappingURL=e0398237.js.map
+export { INIT_STATE as I, TabProviderContext as T, useTabProviderContext as a, reducer as r, useTabProviderContextState as u };

package/_internal/827b804a.js

@@ -0,0 +1,5 @@
+const mdiChevronLeft = 'M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6z';
+
+const mdiChevronRight = 'M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z';
+
+export { mdiChevronRight as a, mdiChevronLeft as m };

package/_internal/{bd8b3ec8.js → 8bce732e.js}

@@ -5,5 +5,4 @@ import React__default from 'react';
  */
 const forwardRef = React__default.forwardRef;
 
-export { forwardRef };
-//# sourceMappingURL=bd8b3ec8.js.map
+export { forwardRef as f };

package/_internal/{841c2303.js → 9d1336a1.js}

@@ -15,5 +15,4 @@ const TooltipContextProvider = ({
 });
 const useTooltipContext = () => React__default.useContext(TooltipContext);
 
-export { TooltipContextProvider, useTooltipContext };
-//# sourceMappingURL=841c2303.js.map
+export { TooltipContextProvider as T, useTooltipContext as u };

package/_internal/{f6bc7948.js → a38bdcd0.js}

@@ -1,5 +1,10 @@
 import { useState, useRef, useEffect } from 'react';
-import { isReducedMotion } from './355f875f.js';
+import { W as WINDOW } from './d0e3f49e.js';
+
+/** Check if user prefers reduced motion */
+function isReducedMotion() {
+  return WINDOW?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+}
 
 /**
  * Returns true if the component is visible tracking the opacity transition.
@@ -41,5 +46,4 @@ const useTransitionVisibility = (ref, isComponentVisible, timeout, onVisibilityC
   return isVisible || isComponentVisible;
 };
 
-export { useTransitionVisibility };
-//# sourceMappingURL=f6bc7948.js.map
+export { isReducedMotion as i, useTransitionVisibility as u };