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

package/_internal/{15fb66ce.js → components/uploader/index-8f6f55de.js}

@@ -1,15 +1,15 @@
 import React__default from 'react';
 import classNames from 'classnames';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useBooleanState } from './3e2f0517.js';
-import { useId } from './11687649.js';
-import { useTheme } from './d8ee966d.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { VISUALLY_HIDDEN } from './6af61e2f.js';
+import { u as useBooleanState } from '../../2a3d237c.js';
+import { u as useId } from '../../3a1facc0.js';
+import { u as useTheme } from '../../3181f000.js';
+import { f as forwardRef } from '../../8bce732e.js';
+import { V as VISUALLY_HIDDEN } from '../../d0e3f49e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useDisableStateProps } from './ef982c3d.js';
+import { useDisableStateProps } from '../../utils/disabled/index-075b99c3.js';
 import { AspectRatio, Size, Theme } from '@lumx/core/js/constants';
-import { Icon } from './595d0e66.js';
+import { I as Icon } from '../../bace1bf1.js';
 
 const UploaderVariant = {
   square: 'square',
@@ -151,4 +151,3 @@ Uploader.className = CLASSNAME;
 Uploader.defaultProps = DEFAULT_PROPS;
 
 export { Uploader, UploaderVariant };
-//# sourceMappingURL=15fb66ce.js.map

package/_internal/{82159c03.js → components/user-block/index-70d4ce8f.js}

@@ -3,12 +3,12 @@ import classNames from 'classnames';
 import isEmpty from 'lodash/isEmpty';
 import set from 'lodash/set';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { useTheme } from './d8ee966d.js';
+import { f as forwardRef } from '../../8bce732e.js';
+import { u as useTheme } from '../../3181f000.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Orientation, Size, Theme, ColorPalette } from '@lumx/core/js/constants';
-import { Avatar } from './ffb2f7fa.js';
-import { Link } from './69eb2393.js';
+import { Avatar } from '../avatar/index-b8bc3cae.js';
+import { Link } from '../link/index-008bae4b.js';
 
 /**
  * Component display name.
@@ -143,4 +143,3 @@ UserBlock.className = CLASSNAME;
 UserBlock.defaultProps = DEFAULT_PROPS;
 
 export { UserBlock };
-//# sourceMappingURL=82159c03.js.map

package/_internal/{6af61e2f.js → d0e3f49e.js}

@@ -1,4 +1,4 @@
-export { CSS_PREFIX, DIALOG_TRANSITION_DURATION, NOTIFICATION_TRANSITION_DURATION, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from '@lumx/core/js/constants';
+import '@lumx/core/js/constants';
 
 /**
  * Optional global `window` instance (not defined when running SSR).
@@ -20,5 +20,4 @@ const IS_BROWSER = typeof navigator !== 'undefined' && !navigator.userAgent.incl
  */
 const VISUALLY_HIDDEN = 'visually-hidden';
 
-export { DOCUMENT, IS_BROWSER, VISUALLY_HIDDEN, WINDOW };
-//# sourceMappingURL=6af61e2f.js.map
+export { DOCUMENT as D, IS_BROWSER as I, VISUALLY_HIDDEN as V, WINDOW as W };

package/_internal/{e47dacb8.js → de24f857.js}

@@ -1,4 +1,3 @@
 const mdiCheckCircle = 'M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z';
 
-export { mdiCheckCircle };
-//# sourceMappingURL=e47dacb8.js.map
+export { mdiCheckCircle as m };

package/_internal/{111e65e5.js → e806b848.js}

@@ -5,5 +5,4 @@ import React__default from 'react';
  */
 const isComponentType = type => node => /*#__PURE__*/React__default.isValidElement(node) && node.type === type;
 
-export { isComponentType };
-//# sourceMappingURL=111e65e5.js.map
+export { isComponentType as i };

package/_internal/{203b01d8.js → e913a3af.js}

@@ -1,11 +1,41 @@
 import classNames from 'classnames';
 import { getRootClassName, getTypographyClassName, handleBasicClasses, fontColorClass } from '@lumx/core/js/utils/className';
-import { useOverflowTooltipLabel } from './9a0544c4.js';
-import { useMergeRefs } from './27df0cb6.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { wrapChildrenIconWithSpaces } from './16f5497d.js';
+import React__default from 'react';
+import { u as useTooltipContext } from './9d1336a1.js';
+import { V as VISUALLY_HIDDEN } from './d0e3f49e.js';
+import { u as useMergeRefs } from './f0d7d6ea.js';
+import { f as forwardRef } from './8bce732e.js';
+import { w as wrapChildrenIconWithSpaces } from './7b293665.js';
 import { jsx } from 'react/jsx-runtime';
 
+/**
+ * Compute a tooltip label based on a label element `innerText` if the text overflows.
+ * Updates dynamically on content changes (but not on resize!)
+ */
+const useOverflowTooltipLabel = content => {
+  const parentTooltip = useTooltipContext();
+  const [tooltipLabel, setTooltipLabel] = React__default.useState(undefined);
+  const [labelElement, setLabelElement] = React__default.useState(null);
+  React__default.useLayoutEffect(() => {
+    if (
+    // Not inside a tooltip
+    !parentTooltip && labelElement &&
+    // Not inside a visually hidden
+    !labelElement?.closest(`.${VISUALLY_HIDDEN}`) &&
+    // Text overflows
+    labelElement.offsetWidth < labelElement.scrollWidth) {
+      // Set tooltip label
+      setTooltipLabel(labelElement.innerText);
+    } else {
+      setTooltipLabel(undefined);
+    }
+  }, [labelElement, parentTooltip, content]);
+  return {
+    labelRef: setLabelElement,
+    tooltipLabel
+  };
+};
+
 /**
  * Component display name.
  */
@@ -84,5 +114,4 @@ Text.displayName = COMPONENT_NAME;
 Text.className = CLASSNAME;
 Text.defaultProps = DEFAULT_PROPS;
 
-export { Text };
-//# sourceMappingURL=203b01d8.js.map
+export { Text as T, useOverflowTooltipLabel as u };

package/_internal/{536517c5.js → ea04260d.js}

@@ -25,5 +25,4 @@ function useDisabledStateContext() {
   return useContext(DisabledStateContext);
 }
 
-export { DisabledStateContext, DisabledStateProvider, useDisabledStateContext };
-//# sourceMappingURL=536517c5.js.map
+export { DisabledStateProvider as D, useDisabledStateContext as u };

package/_internal/{ad7c38b0.js → eaf6c45a.js}

@@ -1,4 +1,3 @@
 const mdiClose = 'M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z';
 
-export { mdiClose };
-//# sourceMappingURL=ad7c38b0.js.map
+export { mdiClose as m };

package/_internal/ebdcb0c7.js

@@ -0,0 +1,60 @@
+import { Typography } from '@lumx/core/js/constants';
+import React__default, { createContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+/** The maximum authorized heading level. */
+const MAX_HEADING_LEVEL = 6;
+
+/**
+ * Typography to use by default depending on the heading level.
+ */
+const DEFAULT_TYPOGRAPHY_BY_LEVEL = {
+  h1: Typography.display1,
+  h2: Typography.headline,
+  h3: Typography.title,
+  h4: Typography.subtitle2,
+  h5: Typography.subtitle1,
+  h6: Typography.body2
+};
+
+const defaultContext = {
+  level: 1,
+  headingElement: 'h1'
+};
+const HeadingLevelContext = /*#__PURE__*/createContext(defaultContext);
+
+const useHeadingLevel = () => {
+  const {
+    level = 1,
+    headingElement = 'h1'
+  } = React__default.useContext(HeadingLevelContext);
+  return {
+    level,
+    headingElement
+  };
+};
+
+/**
+ * Provide a new heading level context.
+ */
+const HeadingLevelProvider = ({
+  children,
+  level
+}) => {
+  const {
+    level: contextLevel
+  } = useHeadingLevel();
+  const incrementedLevel = level || contextLevel + 1;
+  /** Don't allow a level beyond the maximum level. */
+  const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;
+  const headingElement = `h${nextLevel}`;
+  return /*#__PURE__*/jsx(HeadingLevelContext.Provider, {
+    value: {
+      level: nextLevel,
+      headingElement
+    },
+    children: children
+  });
+};
+
+export { DEFAULT_TYPOGRAPHY_BY_LEVEL as D, HeadingLevelProvider as H, useHeadingLevel as u };

package/_internal/{6f37d603.js → ef5d1aac.js}

@@ -1,4 +1,3 @@
 const mdiCloseCircle = 'M12 2a10 10 0 1 1 0 20 10 10 0 1 1 0-20m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41z';
 
-export { mdiCloseCircle };
-//# sourceMappingURL=6f37d603.js.map
+export { mdiCloseCircle as m };

package/_internal/{27df0cb6.js → f0d7d6ea.js}

@@ -26,5 +26,4 @@ const useMergeRefs = (...refs) => {
   refs);
 };
 
-export { mergeRefs, useMergeRefs };
-//# sourceMappingURL=27df0cb6.js.map
+export { mergeRefs as m, useMergeRefs as u };

package/_internal/{739f2f15.js → utils/ClickAwayProvider/index-1234ce76.js}

@@ -1,7 +1,41 @@
-import { useContext, useMemo, useEffect, useRef, createContext } from 'react';
-import { useClickAway } from './ab3e5463.js';
+import { useEffect, useContext, useMemo, useRef, createContext } from 'react';
+import isEmpty from 'lodash/isEmpty';
 import { jsx } from 'react/jsx-runtime';
 
+const EVENT_TYPES = ['mousedown', 'touchstart'];
+function isClickAway(targets, refs) {
+  // The targets elements are not contained in any of the listed element references.
+  return !refs.some(ref => targets.some(target => ref?.current?.contains(target)));
+}
+/**
+ * Listen to clicks away from the given elements and callback the passed in function.
+ *
+ * Warning: If you need to detect click away on nested React portals, please use the `ClickAwayProvider` component.
+ */
+function useClickAway({
+  callback,
+  childrenRefs
+}) {
+  useEffect(() => {
+    const {
+      current: currentRefs
+    } = childrenRefs;
+    if (!callback || !currentRefs || isEmpty(currentRefs)) {
+      return undefined;
+    }
+    const listener = evt => {
+      const targets = [evt.composedPath?.()[0], evt.target];
+      if (isClickAway(targets, currentRefs)) {
+        callback(evt);
+      }
+    };
+    EVENT_TYPES.forEach(evtType => document.addEventListener(evtType, listener));
+    return () => {
+      EVENT_TYPES.forEach(evtType => document.removeEventListener(evtType, listener));
+    };
+  }, [callback, childrenRefs]);
+}
+
 const ClickAwayAncestorContext = /*#__PURE__*/createContext(null);
 /**
  * Component combining the `useClickAway` hook with a React context to hook into the React component tree and make sure
@@ -58,4 +92,3 @@ const ClickAwayProvider = ({
 ClickAwayProvider.displayName = 'ClickAwayProvider';
 
 export { ClickAwayProvider };
-//# sourceMappingURL=739f2f15.js.map

package/_internal/utils/MaterialThemeSwitcher/index-8d22de5a.js

@@ -0,0 +1,48 @@
+import { useState, useCallback } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { Switch } from '../../components/switch/index-58fe0f0c.js';
+import { Alignment } from '@lumx/core/js/constants';
+
+const globalState = {
+  isEnabled: false,
+  styleSheet: null
+};
+
+/** Toggle apply the material CSS override. */
+async function toggleMaterialTheme(wasEnabled) {
+  globalState.isEnabled = !wasEnabled;
+
+  // Inject the material theme CSS file.
+  if (!globalState.styleSheet) {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const cssCode = await import('!!raw-loader!@lumx/core/css/material.css');
+
+    // Inject CSS override in a <style> node in <head>
+    const style = document.createElement('style');
+    style.textContent = cssCode.default;
+    document.head.appendChild(style);
+    globalState.styleSheet = style.sheet;
+  }
+  // Disable/Enable stylesheet
+  globalState.styleSheet.disabled = !globalState.isEnabled;
+}
+const MaterialThemeSwitcher = ({
+  theme
+}) => {
+  const [isEnabled, setEnabled] = useState(globalState.isEnabled);
+  const toggleTheme = useCallback(() => setEnabled(wasEnabled => {
+    toggleMaterialTheme(wasEnabled);
+    return !wasEnabled;
+  }), []);
+  return /*#__PURE__*/jsx(Switch, {
+    className: "material-theme-switcher",
+    isChecked: isEnabled,
+    onChange: toggleTheme,
+    position: Alignment.right,
+    theme: theme,
+    children: "Material theme"
+  });
+};
+
+export { MaterialThemeSwitcher, toggleMaterialTheme };

package/_internal/{38ac8c66.js → utils/Portal/index-6e0a7404.js}

@@ -1,8 +1,20 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { PortalContext } from './883321fd.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
+/**
+ * Portal initializing function.
+ * If it does not provide a container, the Portal children will render in classic React tree and not in a portal.
+ */
+
+const PortalContext = /*#__PURE__*/React__default.createContext(() => ({
+  container: document.body
+}));
+/**
+ * Customize where <Portal> wrapped elements render (tooltip, popover, dialog, etc.)
+ */
+const PortalProvider = PortalContext.Provider;
+
 /**
  * Render children in a portal outside the current DOM position
  * (defaults to `document.body` but can be customized with the PortalContextProvider)
@@ -29,5 +41,4 @@ const Portal = ({
   return /*#__PURE__*/createPortal(children, context.container);
 };
 
-export { Portal };
-//# sourceMappingURL=38ac8c66.js.map
+export { Portal, PortalProvider };

package/_internal/{ef982c3d.js → utils/disabled/index-075b99c3.js}

@@ -1,4 +1,5 @@
-import { useDisabledStateContext } from './536517c5.js';
+import { u as useDisabledStateContext } from '../../ea04260d.js';
+export { D as DisabledStateProvider } from '../../ea04260d.js';
 
 /**
  * Resolve disabled state from props.
@@ -32,5 +33,4 @@ function useDisableStateProps(props) {
   };
 }
 
-export { useDisableStateProps };
-//# sourceMappingURL=ef982c3d.js.map
+export { useDisableStateProps, useDisabledStateContext };

package/_internal/utils/type/index-ea9fc197.js

@@ -0,0 +1,2 @@
+export { i as isComponent } from '../../78df9309.js';
+export { i as isComponentType } from '../../e806b848.js';

package/index.js

@@ -1,98 +1,66 @@
 export * from '@lumx/core/js/constants';
 export * from '@lumx/core/js/types';
-export { ThemeProvider, useTheme } from './_internal/d8ee966d.js';
-export { AlertDialog } from './_internal/c51d37f8.js';
-export { Autocomplete } from './_internal/24b48881.js';
-export { AutocompleteMultiple } from './_internal/5a6b1aa5.js';
-export { Avatar } from './_internal/ffb2f7fa.js';
-export { Badge } from './_internal/1df25415.js';
-export { BadgeWrapper } from './_internal/bb05343d.js';
-export { Button, ButtonEmphasis } from './_internal/0d7cc1e0.js';
-export { IconButton } from './_internal/5a0207d9.js';
-export { ButtonGroup } from './_internal/bae815e2.js';
-export { Checkbox } from './_internal/6b510f5e.js';
-export { Chip } from './_internal/b125b718.js';
-export { ChipGroup } from './_internal/fb36ff46.js';
-export { CommentBlock, CommentBlockVariant } from './_internal/cc5cac50.js';
-export { DatePicker } from './_internal/a9d0f94d.js';
-export { DatePickerControlled } from './_internal/27a93417.js';
-export { DatePickerField } from './_internal/5c3e15ea.js';
-export { Dialog } from './_internal/cd8457fc.js';
-export { Divider } from './_internal/162672de.js';
-export { DragHandle } from './_internal/840e9690.js';
-export { Dropdown } from './_internal/2d1acaa0.js';
-export { ExpansionPanel } from './_internal/a89bf7bc.js';
-export { Flag } from './_internal/fcc7c462.js';
-export { FlexBox } from './_internal/fdebc718.js';
-export { GenericBlockGapSize } from './_internal/57f2079b.js';
-export { GenericBlock } from './_internal/ac3f7e4d.js';
-export { Heading } from './_internal/bd1cd49f.js';
-export { HeadingLevelProvider } from './_internal/fd3e2f21.js';
-export { useHeadingLevel } from './_internal/2cdd9ec6.js';
-export { Grid } from './_internal/7a2da67a.js';
-export { GridItem } from './_internal/53b8dea1.js';
-export { GridColumn } from './_internal/00cc46ee.js';
-export { Icon } from './_internal/595d0e66.js';
-export { ImageBlock, ImageBlockCaptionPosition } from './_internal/4c891480.js';
-export { ImageLightbox } from './_internal/3eba1faf.js';
-export { InlineList } from './_internal/2403668c.js';
-export { InputHelper } from './_internal/3119c1fe.js';
-export { InputLabel } from './_internal/26a92990.js';
-export { Lightbox } from './_internal/5c4e10a0.js';
-export { Link } from './_internal/69eb2393.js';
-export { LinkPreview } from './_internal/9e3b78fa.js';
-export { List } from './_internal/a6be9f05.js';
-export { ListItem, isClickable } from './_internal/378a6fb1.js';
-export { ListDivider } from './_internal/735bcfa5.js';
-export { ListSubheader } from './_internal/4d751800.js';
-export { Message } from './_internal/b9e3e436.js';
-export { Mosaic } from './_internal/226a2eac.js';
-export { Navigation } from './_internal/705f415e.js';
-export { Notification } from './_internal/6893b89e.js';
-export { Placement } from './_internal/9d063548.js';
-export { Popover } from './_internal/612f6fb4.js';
-export { PopoverDialog } from './_internal/507d9459.js';
-export { PostBlock } from './_internal/c241db12.js';
-export { Progress, ProgressVariant } from './_internal/7531ee4d.js';
-export { ProgressCircular } from './_internal/4c471276.js';
-export { ProgressLinear } from './_internal/b23a92ab.js';
-export { ProgressTrackerProvider } from './_internal/1afd2506.js';
-export { ProgressTracker } from './_internal/8acd6aff.js';
-export { ProgressTrackerStep } from './_internal/179a2989.js';
-export { ProgressTrackerStepPanel } from './_internal/ae4dc9f0.js';
-export { RadioButton } from './_internal/9ae8998a.js';
-export { RadioGroup } from './_internal/d7ee7efe.js';
-export { SelectVariant } from './_internal/5178b7ba.js';
-export { Select } from './_internal/cb7ac456.js';
-export { SelectMultiple, SelectMultipleField } from './_internal/cb525c68.js';
-export { SideNavigation } from './_internal/341034b4.js';
-export { SideNavigationItem } from './_internal/36008a95.js';
-export { SkeletonCircle } from './_internal/f7520b8e.js';
-export { SkeletonRectangle, SkeletonRectangleVariant } from './_internal/3f48eb48.js';
-export { SkeletonTypography } from './_internal/3a7fd4bf.js';
-export { clamp } from './_internal/c3ccd387.js';
-export { Slider } from './_internal/62c6c615.js';
-export { Slideshow } from './_internal/e5657997.js';
-export { SlideshowItem } from './_internal/eec574e6.js';
-export { SlideshowControls } from './_internal/1d7267a1.js';
-export { Slides } from './_internal/e8e4d09e.js';
-export { Switch } from './_internal/851a3109.js';
-export { Table } from './_internal/e918f20b.js';
-export { TableBody } from './_internal/6671d28b.js';
-export { TableCell, TableCellVariant, ThOrder } from './_internal/df688aab.js';
-export { TableHeader } from './_internal/3d5e1fd0.js';
-export { TableRow } from './_internal/3f51175c.js';
-export { TabProvider } from './_internal/fb201a04.js';
-export { TabList, TabListLayout } from './_internal/b93aa71c.js';
-export { Tab } from './_internal/bf411e5a.js';
-export { TabPanel } from './_internal/7d4eb1c5.js';
-export { Text } from './_internal/203b01d8.js';
-export { TextField } from './_internal/41a8b20f.js';
-export { useFocusPointStyle } from './_internal/b4018f8d.js';
-export { Thumbnail } from './_internal/dbe906f1.js';
-export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant } from './_internal/58418448.js';
-export { Toolbar } from './_internal/a1974f13.js';
-export { Tooltip } from './_internal/659a1cdd.js';
-export { Uploader, UploaderVariant } from './_internal/15fb66ce.js';
-export { UserBlock } from './_internal/82159c03.js';
-//# sourceMappingURL=index.js.map
+export { T as ThemeProvider, u as useTheme } from './_internal/3181f000.js';
+export { AlertDialog } from './_internal/components/alert-dialog/index-284fed80.js';
+export { Autocomplete, AutocompleteMultiple } from './_internal/components/autocomplete/index-27a49d5d.js';
+export { Avatar } from './_internal/components/avatar/index-b8bc3cae.js';
+export { Badge, BadgeWrapper } from './_internal/components/badge/index-9880f056.js';
+export { a as Button, B as ButtonEmphasis } from './_internal/7ad474e4.js';
+export { I as IconButton } from './_internal/b83e864b.js';
+export { ButtonGroup } from './_internal/components/button/index-d919f96d.js';
+export { Checkbox } from './_internal/components/checkbox/index-dd478de9.js';
+export { C as Chip } from './_internal/c57190eb.js';
+export { ChipGroup } from './_internal/components/chip/index-7f84cdbd.js';
+export { CommentBlock, CommentBlockVariant } from './_internal/components/comment-block/index-e942de30.js';
+export { DatePicker, DatePickerControlled, DatePickerField } from './_internal/components/date-picker/index-a258d3ce.js';
+export { Dialog } from './_internal/components/dialog/index-c7066813.js';
+export { Divider } from './_internal/components/divider/index-b6934baf.js';
+export { DragHandle } from './_internal/components/drag-handle/index-80e5af6c.js';
+export { Dropdown } from './_internal/components/dropdown/index-cebfc268.js';
+export { ExpansionPanel } from './_internal/components/expansion-panel/index-9d45a211.js';
+export { Flag } from './_internal/components/flag/index-33e9d909.js';
+export { FlexBox } from './_internal/components/flex-box/index-0d6b6b43.js';
+export { GenericBlock, GenericBlockGapSize } from './_internal/components/generic-block/index-836c4352.js';
+export { Heading } from './_internal/components/heading/index-fd558a9a.js';
+export { H as HeadingLevelProvider, u as useHeadingLevel } from './_internal/ebdcb0c7.js';
+export { Grid, GridItem } from './_internal/components/grid/index-8c16a4f1.js';
+export { GridColumn } from './_internal/components/grid-column/index-4a2f56bb.js';
+export { I as Icon } from './_internal/bace1bf1.js';
+export { ImageBlock, ImageBlockCaptionPosition } from './_internal/components/image-block/index-7021c2f1.js';
+export { ImageLightbox } from './_internal/components/image-lightbox/index-27017547.js';
+export { InlineList } from './_internal/components/inline-list/index-52efec7f.js';
+export { InputHelper } from './_internal/components/input-helper/index-5a837e7c.js';
+export { InputLabel } from './_internal/components/input-label/index-0113f382.js';
+export { Lightbox } from './_internal/components/lightbox/index-fad5a9f2.js';
+export { Link } from './_internal/components/link/index-008bae4b.js';
+export { LinkPreview } from './_internal/components/link-preview/index-3e9c32f2.js';
+export { L as List, a as ListItem, i as isClickable } from './_internal/0ea95af1.js';
+export { ListDivider, ListSubheader } from './_internal/components/list/index-da88c6e9.js';
+export { Message } from './_internal/components/message/index-17b568f2.js';
+export { Mosaic } from './_internal/components/mosaic/index-2d40e01c.js';
+export { Navigation } from './_internal/components/navigation/index-dc17c639.js';
+export { Notification } from './_internal/components/notification/index-a1101015.js';
+export { P as Placement } from './_internal/4f4c0582.js';
+export { P as Popover } from './_internal/3864a6c1.js';
+export { PopoverDialog } from './_internal/components/popover-dialog/index-654d2abc.js';
+export { PostBlock } from './_internal/components/post-block/index-4b6b4dcb.js';
+export { Progress, ProgressCircular, ProgressLinear, ProgressVariant } from './_internal/components/progress/index-6f578c31.js';
+export { ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel } from './_internal/components/progress-tracker/index-700bc4c2.js';
+export { RadioButton, RadioGroup } from './_internal/components/radio-button/index-89b725af.js';
+export { Select, SelectMultiple, SelectMultipleField, SelectVariant } from './_internal/components/select/index-2755aa32.js';
+export { SideNavigation, SideNavigationItem } from './_internal/components/side-navigation/index-0bbe1fdd.js';
+export { SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography } from './_internal/components/skeleton/index-b2f8501c.js';
+export { Slider, clamp } from './_internal/components/slider/index-4f9b891b.js';
+export { Slideshow } from './_internal/components/slideshow/index-d4604589.js';
+export { b as Slides, a as SlideshowControls, S as SlideshowItem } from './_internal/b326655a.js';
+export { Switch } from './_internal/components/switch/index-58fe0f0c.js';
+export { Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, ThOrder } from './_internal/components/table/index-d541aa88.js';
+export { Tab, TabList, TabListLayout, TabPanel, TabProvider } from './_internal/components/tabs/index-af1538d6.js';
+export { T as Text } from './_internal/e913a3af.js';
+export { TextField } from './_internal/components/text-field/index-47c98d09.js';
+export { T as Thumbnail, u as useFocusPointStyle } from './_internal/035c132d.js';
+export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant } from './_internal/components/thumbnail/index-71545d95.js';
+export { Toolbar } from './_internal/components/toolbar/index-7041a5a6.js';
+export { Tooltip } from './_internal/components/tooltip/index-8bb97e60.js';
+export { Uploader, UploaderVariant } from './_internal/components/uploader/index-8f6f55de.js';
+export { UserBlock } from './_internal/components/user-block/index-70d4ce8f.js';

package/package.json

@@ -6,8 +6,8 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/core": "^3.20.1-alpha.34",
-        "@lumx/icons": "^3.20.1-alpha.34",
+        "@lumx/core": "^3.20.1-alpha.36",
+        "@lumx/icons": "^3.20.1-alpha.36",
         "@popperjs/core": "^2.5.4",
         "body-scroll-lock": "^3.1.5",
         "classnames": "^2.3.2",
@@ -90,5 +90,5 @@
         "build:storybook": "storybook build"
     },
     "sideEffects": false,
-    "version": "3.20.1-alpha.34"
+    "version": "3.20.1-alpha.36"
 }

package/utils/index.js

@@ -1,5 +1,3 @@
-export { ClickAwayProvider } from '../_internal/739f2f15.js';
-export { Portal } from '../_internal/38ac8c66.js';
-export { PortalProvider } from '../_internal/883321fd.js';
-export { DisabledStateProvider, useDisabledStateContext } from '../_internal/536517c5.js';
-//# sourceMappingURL=index.js.map
+export { ClickAwayProvider } from '../_internal/utils/ClickAwayProvider/index-1234ce76.js';
+export { Portal, PortalProvider } from '../_internal/utils/Portal/index-6e0a7404.js';
+export { D as DisabledStateProvider, u as useDisabledStateContext } from '../_internal/ea04260d.js';

package/_internal/00560d40.js

@@ -1,11 +0,0 @@
-function rectToClientRect(rect) {
-  return Object.assign(Object.assign({}, rect), {}, {
-    left: rect.x,
-    top: rect.y,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
-  });
-}
-
-export { rectToClientRect as default };
-//# sourceMappingURL=00560d40.js.map

package/_internal/00560d40.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"00560d40.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js"],"sourcesContent":["export default function rectToClientRect(rect) {\n  return Object.assign(Object.assign({}, rect), {}, {\n    left: rect.x,\n    top: rect.y,\n    right: rect.x + rect.width,\n    bottom: rect.y + rect.height\n  });\n}"],"names":[],"mappings":"AAAe,SAAS,gBAAgB,CAAC,IAAI,EAAE;AAC/C,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE;AACpD,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC;AAChB,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC;AACf,IAAI,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK;AAC9B,IAAI,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM;AAChC,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}

package/_internal/00cc46ee.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"00cc46ee.js","sources":["../../src/components/grid-column/GridColumn.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\n\nimport isInteger from 'lodash/isInteger';\nimport classNames from 'classnames';\n\nimport { Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridColumnProps extends GenericProps {\n    /** Customize the root element. */\n    as?: React.ElementType;\n    /** Children elements. */\n    children?: ReactNode;\n    /** Space between columns and rows. */\n    gap?: GridColumnGapSize;\n    /** Ideal number of columns. */\n    maxColumns?: number;\n    /** Minimum width for each item, reduce the number of column if there is not enough space. */\n    itemMinWidth?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridColumn';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<GridColumnProps> = {};\n\n/**\n * The GridColumn is a layout component that can display children in a grid\n * with custom display properties. It also comes with a responsive design,\n * with a number of column that reduce when there is not enough space for each item.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const GridColumn = forwardRef<GridColumnProps>((props, ref): ReactElement => {\n    const {\n        as: Component = 'div',\n        gap,\n        maxColumns,\n        itemMinWidth,\n        children,\n        className,\n        style = {},\n        ...forwardedProps\n    } = props;\n\n    return (\n        <Component\n            {...forwardedProps}\n            ref={ref as React.Ref<any>}\n            className={classNames(className, CLASSNAME)}\n            style={{\n                ...style,\n                ['--lumx-grid-column-item-min-width' as any]: isInteger(itemMinWidth) && `${itemMinWidth}px`,\n                ['--lumx-grid-column-columns' as any]: maxColumns,\n                ['--lumx-grid-column-gap' as any]: gap && `var(--lumx-spacing-unit-${gap})`,\n            }}\n        >\n            {children}\n        </Component>\n    );\n});\nGridColumn.displayName = COMPONENT_NAME;\nGridColumn.className = CLASSNAME;\nGridColumn.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","GridColumn","forwardRef","props","ref","as","Component","gap","maxColumns","itemMinWidth","children","className","style","forwardedProps","_jsx","classNames","isInteger","displayName","defaultProps"],"mappings":";;;;;;AA4BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG,EAAE,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAmB;EAChF,MAAM;IACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBC,GAAG;IACHC,UAAU;IACVC,YAAY;IACZC,QAAQ;IACRC,SAAS;IACTC,KAAK,GAAG,EAAE;IACV,GAAGC,cAAAA;AACP,GAAC,GAAGV,KAAK,CAAA;EAET,oBACIW,GAAA,CAACR,SAAS,EAAA;AAAA,IAAA,GACFO,cAAc;AAClBT,IAAAA,GAAG,EAAEA,GAAsB;AAC3BO,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEb,SAAS,CAAE;AAC5Cc,IAAAA,KAAK,EAAE;AACH,MAAA,GAAGA,KAAK;MACR,CAAC,mCAAmC,GAAUI,SAAS,CAACP,YAAY,CAAC,IAAI,CAAGA,EAAAA,YAAY,CAAI,EAAA,CAAA;MAC5F,CAAC,4BAA4B,GAAUD,UAAU;AACjD,MAAA,CAAC,wBAAwB,GAAUD,GAAG,IAAI,2BAA2BA,GAAG,CAAA,CAAA,CAAA;KAC1E;AAAAG,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFT,UAAU,CAACgB,WAAW,GAAGpB,cAAc,CAAA;AACvCI,UAAU,CAACU,SAAS,GAAGb,SAAS,CAAA;AAChCG,UAAU,CAACiB,YAAY,GAAGlB,aAAa;;;;"}

package/_internal/0350c865.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"0350c865.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport { getFirstAndLastFocusable } from '@lumx/react/utils/browser/focus/getFirstAndLastFocusable';\nimport { Falsy } from '@lumx/react/utils/type';\nimport { Listener, makeListenerTowerContext } from '@lumx/react/utils/function/makeListenerTowerContext';\n\nconst FOCUS_TRAPS = makeListenerTowerContext();\n\n/**\n * Trap 'Tab' focus switch inside the `focusZoneElement`.\n *\n * If multiple focus trap are activated, only the last one is maintained and when a focus trap closes, the previous one\n * gets activated again.\n *\n * @param focusZoneElement The element in which to trap the focus.\n * @param focusElement     The element to focus when the focus trap is activated (otherwise the first focusable element\n *                         will be focused).\n */\nexport function useFocusTrap(focusZoneElement: HTMLElement | Falsy, focusElement?: HTMLElement | null): void {\n    useEffect(() => {\n        // Body element can be undefined in SSR context.\n        const rootElement = DOCUMENT?.body;\n\n        if (!rootElement || !focusZoneElement) {\n            return undefined;\n        }\n\n        // Use the shadow root as focusZoneElement when available\n        const focusZoneElementOrShadowRoot = focusZoneElement.shadowRoot || focusZoneElement;\n\n        // Trap 'Tab' key down focus switch into the focus zone.\n        const trapTabFocusInFocusZone = (evt: KeyboardEvent) => {\n            const { key } = evt;\n            if (key !== 'Tab') {\n                return;\n            }\n\n            const focusable = getFirstAndLastFocusable(focusZoneElementOrShadowRoot);\n\n            // Prevent focus switch if no focusable available.\n            if (!focusable.first) {\n                evt.preventDefault();\n                return;\n            }\n\n            const activeElement = focusZoneElement.shadowRoot\n                ? focusZoneElement.shadowRoot.activeElement\n                : document.activeElement;\n\n            if (\n                // No previous focus\n                !activeElement ||\n                // Previous focus is at the end of the focus zone.\n                (!evt.shiftKey && activeElement === focusable.last) ||\n                // Previous focus is outside the focus zone\n                !focusZoneElementOrShadowRoot.contains(activeElement)\n            ) {\n                focusable.first.focus();\n                evt.preventDefault();\n                return;\n            }\n\n            if (\n                // Focus order reversed\n                evt.shiftKey &&\n                // Previous focus is at the start of the focus zone.\n                activeElement === focusable.first\n            ) {\n                focusable.last.focus();\n                evt.preventDefault();\n            }\n        };\n\n        const focusTrap: Listener = {\n            enable: () => rootElement.addEventListener('keydown', trapTabFocusInFocusZone),\n            disable: () => rootElement.removeEventListener('keydown', trapTabFocusInFocusZone),\n        };\n\n        // SETUP:\n        if (focusElement && focusZoneElementOrShadowRoot.contains(focusElement)) {\n            // Focus the given element.\n            focusElement.focus({ preventScroll: true });\n        } else {\n            // Focus the first focusable element in the zone.\n            getFirstAndLastFocusable(focusZoneElementOrShadowRoot).first?.focus({ preventScroll: true });\n        }\n        FOCUS_TRAPS.register(focusTrap);\n\n        // TEARDOWN:\n        return () => FOCUS_TRAPS.unregister(focusTrap);\n    }, [focusElement, focusZoneElement]);\n}\n"],"names":["FOCUS_TRAPS","makeListenerTowerContext","useFocusTrap","focusZoneElement","focusElement","useEffect","rootElement","DOCUMENT","body","undefined","focusZoneElementOrShadowRoot","shadowRoot","trapTabFocusInFocusZone","evt","key","focusable","getFirstAndLastFocusable","first","preventDefault","activeElement","document","shiftKey","last","contains","focus","focusTrap","enable","addEventListener","disable","removeEventListener","preventScroll","register","unregister"],"mappings":";;;;;AAOA,MAAMA,WAAW,GAAGC,wBAAwB,EAAE,CAAA;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,gBAAqC,EAAEC,YAAiC,EAAQ;AACzGC,EAAAA,SAAS,CAAC,MAAM;AACZ;AACA,IAAA,MAAMC,WAAW,GAAGC,QAAQ,EAAEC,IAAI,CAAA;AAElC,IAAA,IAAI,CAACF,WAAW,IAAI,CAACH,gBAAgB,EAAE;AACnC,MAAA,OAAOM,SAAS,CAAA;AACpB,KAAA;;AAEA;AACA,IAAA,MAAMC,4BAA4B,GAAGP,gBAAgB,CAACQ,UAAU,IAAIR,gBAAgB,CAAA;;AAEpF;IACA,MAAMS,uBAAuB,GAAIC,GAAkB,IAAK;MACpD,MAAM;AAAEC,QAAAA,GAAAA;AAAI,OAAC,GAAGD,GAAG,CAAA;MACnB,IAAIC,GAAG,KAAK,KAAK,EAAE;AACf,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,MAAMC,SAAS,GAAGC,wBAAwB,CAACN,4BAA4B,CAAC,CAAA;;AAExE;AACA,MAAA,IAAI,CAACK,SAAS,CAACE,KAAK,EAAE;QAClBJ,GAAG,CAACK,cAAc,EAAE,CAAA;AACpB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,MAAMC,aAAa,GAAGhB,gBAAgB,CAACQ,UAAU,GAC3CR,gBAAgB,CAACQ,UAAU,CAACQ,aAAa,GACzCC,QAAQ,CAACD,aAAa,CAAA;AAE5B,MAAA;AACI;AACA,MAAA,CAACA,aAAa;AACd;MACC,CAACN,GAAG,CAACQ,QAAQ,IAAIF,aAAa,KAAKJ,SAAS,CAACO,IAAK;AACnD;AACA,MAAA,CAACZ,4BAA4B,CAACa,QAAQ,CAACJ,aAAa,CAAC,EACvD;AACEJ,QAAAA,SAAS,CAACE,KAAK,CAACO,KAAK,EAAE,CAAA;QACvBX,GAAG,CAACK,cAAc,EAAE,CAAA;AACpB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA;AACI;AACAL,MAAAA,GAAG,CAACQ,QAAQ;AACZ;AACAF,MAAAA,aAAa,KAAKJ,SAAS,CAACE,KAAK,EACnC;AACEF,QAAAA,SAAS,CAACO,IAAI,CAACE,KAAK,EAAE,CAAA;QACtBX,GAAG,CAACK,cAAc,EAAE,CAAA;AACxB,OAAA;KACH,CAAA;AAED,IAAA,MAAMO,SAAmB,GAAG;MACxBC,MAAM,EAAEA,MAAMpB,WAAW,CAACqB,gBAAgB,CAAC,SAAS,EAAEf,uBAAuB,CAAC;MAC9EgB,OAAO,EAAEA,MAAMtB,WAAW,CAACuB,mBAAmB,CAAC,SAAS,EAAEjB,uBAAuB,CAAA;KACpF,CAAA;;AAED;IACA,IAAIR,YAAY,IAAIM,4BAA4B,CAACa,QAAQ,CAACnB,YAAY,CAAC,EAAE;AACrE;MACAA,YAAY,CAACoB,KAAK,CAAC;AAAEM,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAC/C,KAAC,MAAM;AACH;AACAd,MAAAA,wBAAwB,CAACN,4BAA4B,CAAC,CAACO,KAAK,EAAEO,KAAK,CAAC;AAAEM,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAChG,KAAA;AACA9B,IAAAA,WAAW,CAAC+B,QAAQ,CAACN,SAAS,CAAC,CAAA;;AAE/B;AACA,IAAA,OAAO,MAAMzB,WAAW,CAACgC,UAAU,CAACP,SAAS,CAAC,CAAA;AAClD,GAAC,EAAE,CAACrB,YAAY,EAAED,gBAAgB,CAAC,CAAC,CAAA;AACxC;;;;"}