@lumx/react 3.5.3 → 3.5.4-alpha-remove-moment-repack.0

package/_internal/components/list.js

@@ -0,0 +1,3 @@
+export { L as List, a as ListItem, i as isClickable } from '../506e7420.js';
+export { L as ListDivider, a as ListSubheader } from '../1ee4fa8c.js';
+//# sourceMappingURL=list.js.map

package/_internal/components/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_internal/components/message.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Message, M as MessageProps } from '../15e9a271.js';

package/_internal/components/message.js

@@ -0,0 +1,2 @@
+export { M as Message } from '../e986d261.js';
+//# sourceMappingURL=message.js.map

package/_internal/components/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/mosaic.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+import '../28b656e3.js';
+import '../a07fe032.js';
+export { a as Mosaic, M as MosaicProps } from '../cf2cb6bc.js';

package/_internal/components/mosaic.js

@@ -0,0 +1,2 @@
+export { M as Mosaic } from '../782f6fbb.js';
+//# sourceMappingURL=mosaic.js.map

package/_internal/components/mosaic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mosaic.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/navigation.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Navigation, N as NavigationProps } from '../0da969e1.js';

package/_internal/components/navigation.js

@@ -0,0 +1,2 @@
+export { N as Navigation } from '../d0ab9418.js';
+//# sourceMappingURL=navigation.js.map

package/_internal/components/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/notification.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Notification, N as NotificationProps } from '../135ee91f.js';

package/_internal/components/notification.js

@@ -0,0 +1,2 @@
+export { N as Notification } from '../31235bda.js';
+//# sourceMappingURL=notification.js.map

package/_internal/components/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/popover.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+import '../28b656e3.js';
+export { E as Elevation, O as Offset, P as Placement } from '../96ac5af6.js';
+export { a as Popover, P as PopoverProps } from '../b5deecfd.js';

package/_internal/components/popover.js

@@ -0,0 +1,3 @@
+export { P as Popover } from '../f0edbfd3.js';
+export { P as Placement } from '../69ec8e49.js';
+//# sourceMappingURL=popover.js.map

package/_internal/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_internal/components/post-block.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+import '../28b656e3.js';
+import '../a07fe032.js';
+export { a as PostBlock, P as PostBlockProps } from '../ce96edec.js';

package/_internal/components/post-block.js

@@ -0,0 +1,2 @@
+export { P as PostBlock } from '../6f0b1d1c.js';
+//# sourceMappingURL=post-block.js.map

package/_internal/components/post-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/progress-tracker.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { c as ProgressTracker, b as ProgressTrackerProps, a as ProgressTrackerProvider, P as ProgressTrackerProviderProps, e as ProgressTrackerStep, g as ProgressTrackerStepPanel, f as ProgressTrackerStepPanelProps, d as ProgressTrackerStepProps } from '../adb2e104.js';

package/_internal/components/progress-tracker.js

@@ -0,0 +1,2 @@
+export { a as ProgressTracker, P as ProgressTrackerProvider, b as ProgressTrackerStep, c as ProgressTrackerStepPanel } from '../d737c470.js';
+//# sourceMappingURL=progress-tracker.js.map

package/_internal/components/progress-tracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-tracker.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/progress.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { b as Progress, e as ProgressCircular, d as ProgressCircularProps, c as ProgressCircularSize, g as ProgressLinear, f as ProgressLinearProps, a as ProgressProps, P as ProgressVariant } from '../6b6c99f5.js';

package/_internal/components/progress.js

@@ -0,0 +1,2 @@
+export { a as Progress, b as ProgressCircular, c as ProgressLinear, P as ProgressVariant } from '../43bf2236.js';
+//# sourceMappingURL=progress.js.map

package/_internal/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/radio-button.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as RadioButton, R as RadioButtonProps, c as RadioGroup, b as RadioGroupProps } from '../71e8fb5e.js';

package/_internal/components/radio-button.js

@@ -0,0 +1,2 @@
+export { R as RadioButton, a as RadioGroup } from '../4a5eff83.js';
+//# sourceMappingURL=radio-button.js.map

package/_internal/components/radio-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/select.d.ts

@@ -0,0 +1,7 @@
+import 'react';
+import '../28b656e3.js';
+import '../7c07908e.js';
+import '../cf312aff.js';
+import '../96ac5af6.js';
+export { b as Select, e as SelectMultiple, d as SelectMultipleField, c as SelectMultipleProps, a as SelectProps, S as SelectVariant } from '../ebe0cef1.js';
+import '../51585e5d.js';

package/_internal/components/select.js

@@ -0,0 +1,2 @@
+export { a as Select, c as SelectMultiple, b as SelectMultipleField, S as SelectVariant } from '../d182fae6.js';
+//# sourceMappingURL=select.js.map

package/_internal/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/side-navigation.d.ts

@@ -0,0 +1,7 @@
+import 'react';
+import '../28b656e3.js';
+import '../7c07908e.js';
+import '../cf312aff.js';
+import '../96ac5af6.js';
+export { a as SideNavigation, c as SideNavigationItem, b as SideNavigationItemProps, S as SideNavigationProps } from '../3bfda595.js';
+import '../51585e5d.js';

package/_internal/components/side-navigation.js

@@ -0,0 +1,2 @@
+export { S as SideNavigation, a as SideNavigationItem } from '../2e0ba45f.js';
+//# sourceMappingURL=side-navigation.js.map

package/_internal/components/side-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/skeleton.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as SkeletonCircle, S as SkeletonCircleProps, d as SkeletonRectangle, c as SkeletonRectangleProps, b as SkeletonRectangleVariant, f as SkeletonTypography, e as SkeletonTypographyProps } from '../7d468bfd.js';

package/_internal/components/skeleton.js

@@ -0,0 +1,2 @@
+export { S as SkeletonCircle, b as SkeletonRectangle, a as SkeletonRectangleVariant, c as SkeletonTypography } from '../ff6c8991.js';
+//# sourceMappingURL=skeleton.js.map

package/_internal/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/slider.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Slider, S as SliderProps, c as clamp } from '../39790d2a.js';

package/_internal/components/slider.js

@@ -0,0 +1,2 @@
+export { S as Slider, c as clamp } from '../56827efd.js';
+//# sourceMappingURL=slider.js.map

package/_internal/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/slideshow.d.ts

@@ -0,0 +1,7 @@
+import 'react';
+import '../28b656e3.js';
+import '../7c07908e.js';
+import '../cf312aff.js';
+import '../96ac5af6.js';
+export { g as Slides, f as SlidesProps, a as Slideshow, e as SlideshowControls, d as SlideshowControlsProps, c as SlideshowItem, b as SlideshowItemProps, S as SlideshowProps } from '../bd3b5639.js';
+import '../51585e5d.js';

package/_internal/components/slideshow.js

@@ -0,0 +1,2 @@
+export { c as Slides, S as Slideshow, b as SlideshowControls, a as SlideshowItem } from '../8efb9d06.js';
+//# sourceMappingURL=slideshow.js.map

package/_internal/components/slideshow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slideshow.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/switch.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Switch, S as SwitchProps } from '../dbee763e.js';

package/_internal/components/switch.js

@@ -0,0 +1,2 @@
+export { S as Switch } from '../7b8c2b80.js';
+//# sourceMappingURL=switch.js.map

package/_internal/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/table.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Table, c as TableBody, b as TableBodyProps, g as TableCell, f as TableCellProps, e as TableCellVariant, i as TableHeader, h as TableHeaderProps, T as TableProps, k as TableRow, j as TableRowProps, d as ThOrder } from '../188706f1.js';

package/_internal/components/table.js

@@ -0,0 +1,2 @@
+export { T as Table, a as TableBody, d as TableCell, c as TableCellVariant, e as TableHeader, f as TableRow, b as ThOrder } from '../b70adcf7.js';
+//# sourceMappingURL=table.js.map

package/_internal/components/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/tabs.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+import '../28b656e3.js';
+import '../717ab5c2.js';
+export { f as Tab, d as TabList, b as TabListLayout, c as TabListProps, h as TabPanel, g as TabPanelProps, e as TabProps, a as TabProvider, T as TabProviderProps } from '../0d8b4e37.js';

package/_internal/components/tabs.js

@@ -0,0 +1,2 @@
+export { c as Tab, b as TabList, a as TabListLayout, d as TabPanel, T as TabProvider } from '../9784d7f8.js';
+//# sourceMappingURL=tabs.js.map

package/_internal/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/text-field.d.ts

@@ -0,0 +1,7 @@
+import 'react';
+import '../28b656e3.js';
+import '../7c07908e.js';
+import '../cf312aff.js';
+import '../96ac5af6.js';
+export { a as TextField, T as TextFieldProps } from '../5ebec897.js';
+import '../51585e5d.js';

package/_internal/components/text-field.js

@@ -0,0 +1,2 @@
+export { T as TextField } from '../73d02a65.js';
+//# sourceMappingURL=text-field.js.map

package/_internal/components/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/text.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Text, T as TextProps } from '../8ea3ecc2.js';

package/_internal/components/text.js

@@ -0,0 +1,2 @@
+export { T as Text } from '../757216a1.js';
+//# sourceMappingURL=text.js.map

package/_internal/components/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/thumbnail.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+export { F as FocusPoint, n as ThumbnailAspectRatio, o as ThumbnailSize, p as ThumbnailVariant } from '../28b656e3.js';
+export { a as Thumbnail, T as ThumbnailProps } from '../a07fe032.js';
+export { u as useFocusPointStyle } from '../dd592f2c.js';

package/_internal/components/thumbnail.js

@@ -0,0 +1,3 @@
+export { T as Thumbnail, u as useFocusPointStyle } from '../9dced38c.js';
+export { T as ThumbnailAspectRatio, a as ThumbnailVariant } from '../063bb3df.js';
+//# sourceMappingURL=thumbnail.js.map

package/_internal/components/thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/_internal/components/toolbar.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { a as Toolbar, T as ToolbarProps } from '../b447833b.js';

package/_internal/components/toolbar.js

@@ -0,0 +1,2 @@
+export { T as Toolbar } from '../c1482714.js';
+//# sourceMappingURL=toolbar.js.map

package/_internal/components/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/tooltip.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+import '../28b656e3.js';
+import '../96ac5af6.js';
+export { b as Tooltip, T as TooltipPlacement, a as TooltipProps } from '../51585e5d.js';

package/_internal/components/tooltip.js

@@ -0,0 +1,2 @@
+export { T as Tooltip } from '../2e6810c5.js';
+//# sourceMappingURL=tooltip.js.map

package/_internal/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/uploader.d.ts

@@ -0,0 +1,3 @@
+import 'react';
+import '../28b656e3.js';
+export { c as Uploader, b as UploaderProps, a as UploaderSize, U as UploaderVariant } from '../25352357.js';

package/_internal/components/uploader.js

@@ -0,0 +1,2 @@
+export { a as Uploader, U as UploaderVariant } from '../f722684a.js';
+//# sourceMappingURL=uploader.js.map

package/_internal/components/uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/user-block.d.ts

@@ -0,0 +1,5 @@
+import 'react';
+import '../28b656e3.js';
+import '../ef7b6d28.js';
+import '../a07fe032.js';
+export { b as UserBlock, a as UserBlockProps, U as UserBlockSize } from '../2c279dd8.js';

package/_internal/components/user-block.js

@@ -0,0 +1,2 @@
+export { U as UserBlock } from '../3669449c.js';
+//# sourceMappingURL=user-block.js.map

package/_internal/components/user-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-block.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/d0ab9418.js

@@ -0,0 +1,217 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, c as classnames, a as _extends, S as Size, O as Orientation, T as Theme } from './35c3a78f.js';
+import React, { createContext, useContext, useState, forwardRef, useRef, useMemo } from 'react';
+import { I as Icon, i as mdiChevronUp, j as mdiChevronDown } from './52976f60.js';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import { P as Popover } from './f0edbfd3.js';
+import { P as Placement } from './69ec8e49.js';
+import { T as Text } from './757216a1.js';
+import uniqueId from 'lodash/uniqueId';
+import { T as Tooltip } from './2e6810c5.js';
+
+const ThemeContext = /*#__PURE__*/createContext(undefined);
+
+/** Same as `React.forwardRef` but inferring Ref type from the `as` prop. */
+function forwardRefPolymorphic(render) {
+  return /*#__PURE__*/React.forwardRef(render);
+}
+
+const _excluded = ["className", "icon", "label", "isCurrentPage", "as"];
+
+/** Make `href` required when `as` is `a` */
+
+/**
+ * Navigation item props
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'NavigationItem';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+const NavigationItem = Object.assign(forwardRefPolymorphic((props, ref) => {
+  const {
+      className,
+      icon,
+      label,
+      isCurrentPage,
+      as: Element = 'a'
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useContext(ThemeContext);
+  const [labelElement, setLabelElement] = useState(null);
+  const tooltipLabel = typeof label === 'string' && labelElement && labelElement.offsetWidth < labelElement.scrollWidth ? label : null;
+  const buttonProps = Element === 'button' ? {
+    type: 'button'
+  } : {};
+  return /*#__PURE__*/React.createElement("li", {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme
+    }))
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    label: tooltipLabel,
+    placement: Placement.TOP
+  }, /*#__PURE__*/React.createElement(Element, _extends({
+    className: handleBasicClasses({
+      prefix: `${CLASSNAME}__link`,
+      isSelected: isCurrentPage
+    }),
+    ref: ref,
+    "aria-current": isCurrentPage ? 'page' : undefined
+  }, buttonProps, forwardedProps), icon ? /*#__PURE__*/React.createElement(Icon, {
+    className: `${CLASSNAME}__icon`,
+    icon: icon,
+    size: Size.xs,
+    theme: theme
+  }) : null, /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    truncate: true,
+    className: `${CLASSNAME}__label`,
+    ref: setLabelElement
+  }, label))));
+}), {
+  displayName: COMPONENT_NAME,
+  className: CLASSNAME
+});
+
+const NavigationContext = /*#__PURE__*/createContext({
+  orientation: Orientation.vertical
+});
+
+const _excluded$1 = ["children", "className", "label", "icon"];
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$1 = 'NavigationSection';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
+const NavigationSection = Object.assign( /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      label,
+      icon
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+  const [isOpen, setIsOpen] = useState(false);
+  const buttonRef = useRef(null);
+  const sectionId = useMemo(() => uniqueId('section'), []);
+  const {
+    orientation
+  } = useContext(NavigationContext) || {};
+  const theme = useContext(ThemeContext);
+  const isDropdown = orientation === Orientation.horizontal;
+  return /*#__PURE__*/React.createElement("li", _extends({
+    className: classnames(className, CLASSNAME$1, CLASSNAME, handleBasicClasses({
+      prefix: CLASSNAME,
+      theme
+    })),
+    ref: ref
+  }, forwardedProps), /*#__PURE__*/React.createElement("button", {
+    "aria-controls": sectionId,
+    "aria-expanded": isOpen,
+    className: classnames(`${CLASSNAME}__link`),
+    ref: buttonRef,
+    onClick: event => {
+      setIsOpen(!isOpen);
+      event.stopPropagation();
+    },
+    type: "button"
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+    className: `${CLASSNAME}__icon`,
+    icon: icon,
+    size: Size.xs
+  }) : null, /*#__PURE__*/React.createElement(Text, {
+    as: "span",
+    truncate: true,
+    className: `${CLASSNAME}__label`,
+    ref: ref
+  }, label), /*#__PURE__*/React.createElement(Icon, {
+    className: classnames(`${CLASSNAME}__icon`, `${CLASSNAME$1}__chevron`),
+    icon: isOpen ? mdiChevronUp : mdiChevronDown
+  })), isOpen && (isDropdown ? /*#__PURE__*/React.createElement(Popover, {
+    anchorRef: buttonRef,
+    isOpen: isOpen,
+    placement: Placement.BOTTOM_START,
+    usePortal: false,
+    closeOnClickAway: true,
+    closeOnEscape: true,
+    onClick: () => setIsOpen(false),
+    onClose: () => setIsOpen(false),
+    zIndex: 996
+  }, /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+    value: Theme.light
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: `${CLASSNAME$1}__drawer--popover`,
+    id: sectionId
+  }, /*#__PURE__*/React.createElement(NavigationContext.Provider, {
+    value: {
+      orientation: Orientation.vertical
+    }
+  }, children)))) : /*#__PURE__*/React.createElement("ul", {
+    className: `${CLASSNAME$1}__drawer`,
+    id: sectionId
+  }, children)));
+}), {
+  displayName: COMPONENT_NAME$1,
+  className: CLASSNAME$1
+});
+
+const _excluded$2 = ["children", "className", "theme", "orientation"];
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME$2 = 'Navigation';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2);
+const Navigation = Object.assign(
+/*#__PURE__*/
+// eslint-disable-next-line react/display-name
+forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      theme,
+      orientation
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+    value: theme
+  }, /*#__PURE__*/React.createElement("nav", _extends({
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME$2,
+      theme,
+      orientation
+    })),
+    ref: ref
+  }, forwardedProps), /*#__PURE__*/React.createElement(NavigationContext.Provider, {
+    value: {
+      orientation
+    }
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: `${CLASSNAME$2}__list`
+  }, children))));
+}), {
+  displayName: COMPONENT_NAME$2,
+  className: CLASSNAME$2,
+  defaultProps: {
+    theme: Theme.light,
+    orientation: Orientation.vertical
+  },
+  // Sub components
+  Section: NavigationSection,
+  Item: NavigationItem
+});
+
+export { Navigation as N };
+//# sourceMappingURL=d0ab9418.js.map

package/_internal/d0ab9418.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d0ab9418.js","sources":["../../src/utils/ThemeContext.ts","../../src/utils/forwardRefPolymorphic.ts","../../src/components/navigation/NavigationItem.tsx","../../src/components/navigation/context.tsx","../../src/components/navigation/NavigationSection.tsx","../../src/components/navigation/Navigation.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { Theme } from '..';\n\nexport const ThemeContext = createContext<Theme | undefined>(undefined);\n","import React, { ElementType } from 'react';\nimport { ComponentRef } from '@lumx/react/utils/type';\n\n/** Same as `React.forwardRef` but inferring Ref type from the `as` prop. */\nexport function forwardRefPolymorphic<E extends ElementType, P extends { as?: E }>(\n    render: (props: P, ref: ComponentRef<E>) => React.ReactElement | null,\n) {\n    return React.forwardRef(render as any) as (props: P & { ref?: ComponentRef<E> }) => React.ReactElement | null;\n}\n","import React, { ElementType, ReactNode, useState, useContext } from 'react';\nimport { Icon, Placement, Size, Tooltip, Text } from '@lumx/react';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { ComponentRef, HasClassName, HasPolymorphicAs, HasTheme } from '@lumx/react/utils/type';\nimport classNames from 'classnames';\nimport { forwardRefPolymorphic } from '@lumx/react/utils/forwardRefPolymorphic';\nimport { ThemeContext } from '@lumx/react/utils/ThemeContext';\n\ntype BaseNavigationItemProps = {\n    /* Icon (SVG path). */\n    icon?: string;\n    /** Label content. */\n    label: ReactNode;\n    /** Mark as the current page link */\n    isCurrentPage?: boolean;\n};\n\n/** Make `href` required when `as` is `a` */\ntype RequiredLinkHref<E> = E extends 'a' ? { href: string } : Record<string, unknown>;\n\n/**\n * Navigation item props\n */\nexport type NavigationItemProps<E extends ElementType = 'a'> = HasPolymorphicAs<E> &\n    HasTheme &\n    HasClassName &\n    BaseNavigationItemProps &\n    RequiredLinkHref<E>;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationItem';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationItem = Object.assign(\n    forwardRefPolymorphic(<E extends ElementType = 'a'>(props: NavigationItemProps<E>, ref: ComponentRef<E>) => {\n        const { className, icon, label, isCurrentPage, as: Element = 'a', ...forwardedProps } = props;\n        const theme = useContext(ThemeContext);\n        const [labelElement, setLabelElement] = useState<HTMLSpanElement | null>(null);\n        const tooltipLabel =\n            typeof label === 'string' && labelElement && labelElement.offsetWidth < labelElement.scrollWidth\n                ? label\n                : null;\n\n        const buttonProps = Element === 'button' ? { type: 'button' } : {};\n\n        return (\n            <li\n                className={classNames(\n                    className,\n                    handleBasicClasses({\n                        prefix: CLASSNAME,\n                        theme,\n                    }),\n                )}\n            >\n                <Tooltip label={tooltipLabel} placement={Placement.TOP}>\n                    <Element\n                        className={handleBasicClasses({\n                            prefix: `${CLASSNAME}__link`,\n                            isSelected: isCurrentPage,\n                        })}\n                        ref={ref}\n                        aria-current={isCurrentPage ? 'page' : undefined}\n                        {...buttonProps}\n                        {...forwardedProps}\n                    >\n                        {icon ? (\n                            <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} theme={theme} />\n                        ) : null}\n\n                        <Text as=\"span\" truncate className={`${CLASSNAME}__label`} ref={setLabelElement}>\n                            {label}\n                        </Text>\n                    </Element>\n                </Tooltip>\n            </li>\n        );\n    }),\n    {\n        displayName: COMPONENT_NAME,\n        className: CLASSNAME,\n    },\n);\n","import { createContext } from 'react';\nimport { Orientation } from '..';\n\nexport const NavigationContext = createContext<{ orientation?: Orientation } | undefined>({\n    orientation: Orientation.vertical,\n});\n","import React, { forwardRef, ReactNode, useRef, useState, useMemo, useContext } from 'react';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Icon, Size, Text, Orientation, Popover, Placement, Theme } from '@lumx/react';\nimport uniqueId from 'lodash/uniqueId';\nimport classNames from 'classnames';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { HasClassName } from '@lumx/react/utils/type';\nimport { ThemeContext } from '@lumx/react/utils/ThemeContext';\nimport { CLASSNAME as ITEM_CLASSNAME } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'li'>, HasClassName {\n    /** Items inside the section */\n    children: ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Label content. */\n    label: string | ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationSection';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationSection = Object.assign(\n    forwardRef<HTMLLIElement, NavigationSectionProps>((props, ref) => {\n        const { children, className, label, icon, ...forwardedProps } = props;\n        const [isOpen, setIsOpen] = useState(false);\n        const buttonRef = useRef<HTMLButtonElement>(null);\n        const sectionId = useMemo(() => uniqueId('section'), []);\n        const { orientation } = useContext(NavigationContext) || {};\n        const theme = useContext(ThemeContext);\n        const isDropdown = orientation === Orientation.horizontal;\n        return (\n            <li\n                className={classNames(\n                    className,\n                    CLASSNAME,\n                    ITEM_CLASSNAME,\n                    handleBasicClasses({\n                        prefix: ITEM_CLASSNAME,\n                        theme,\n                    }),\n                )}\n                ref={ref}\n                {...forwardedProps}\n            >\n                <button\n                    aria-controls={sectionId}\n                    aria-expanded={isOpen}\n                    className={classNames(`${ITEM_CLASSNAME}__link`)}\n                    ref={buttonRef}\n                    onClick={(event) => {\n                        setIsOpen(!isOpen);\n                        event.stopPropagation();\n                    }}\n                    type=\"button\"\n                >\n                    {icon ? <Icon className={`${ITEM_CLASSNAME}__icon`} icon={icon} size={Size.xs} /> : null}\n\n                    <Text as=\"span\" truncate className={`${ITEM_CLASSNAME}__label`} ref={ref}>\n                        {label}\n                    </Text>\n                    <Icon\n                        className={classNames(`${ITEM_CLASSNAME}__icon`, `${CLASSNAME}__chevron`)}\n                        icon={isOpen ? mdiChevronUp : mdiChevronDown}\n                    />\n                </button>\n                {isOpen &&\n                    (isDropdown ? (\n                        <Popover\n                            anchorRef={buttonRef}\n                            isOpen={isOpen}\n                            placement={Placement.BOTTOM_START}\n                            usePortal={false}\n                            closeOnClickAway\n                            closeOnEscape\n                            onClick={() => setIsOpen(false)}\n                            onClose={() => setIsOpen(false)}\n                            zIndex={996}\n                        >\n                            <ThemeContext.Provider value={Theme.light}>\n                                <ul className={`${CLASSNAME}__drawer--popover`} id={sectionId}>\n                                    <NavigationContext.Provider value={{ orientation: Orientation.vertical }}>\n                                        {children}\n                                    </NavigationContext.Provider>\n                                </ul>\n                            </ThemeContext.Provider>\n                        </Popover>\n                    ) : (\n                        <ul className={`${CLASSNAME}__drawer`} id={sectionId}>\n                            {children}\n                        </ul>\n                    ))}\n            </li>\n        );\n    }),\n    {\n        displayName: COMPONENT_NAME,\n        className: CLASSNAME,\n    },\n);\n","import React, { forwardRef, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { HasAriaLabelOrLabelledBy, HasClassName, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { Orientation, Theme } from '@lumx/react';\nimport { ThemeContext } from '@lumx/react/utils/ThemeContext';\nimport { NavigationSection } from './NavigationSection';\nimport { NavigationItem } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport type NavigationProps = React.ComponentProps<'nav'> &\n    HasClassName &\n    HasTheme & {\n        /** Content of the navigation. These components should be of type NavigationItem to be rendered */\n        children?: ReactNode;\n        orientation?: Orientation;\n    } & HasAriaLabelOrLabelledBy;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Navigation';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const Navigation = Object.assign(\n    // eslint-disable-next-line react/display-name\n    forwardRef<HTMLElement, NavigationProps>((props, ref) => {\n        const { children, className, theme, orientation, ...forwardedProps } = props;\n        return (\n            <ThemeContext.Provider value={theme}>\n                <nav\n                    className={classNames(\n                        className,\n                        handleBasicClasses({\n                            prefix: CLASSNAME,\n                            theme,\n                            orientation,\n                        }),\n                    )}\n                    ref={ref}\n                    {...forwardedProps}\n                >\n                    <NavigationContext.Provider value={{ orientation }}>\n                        <ul className={`${CLASSNAME}__list`}>{children}</ul>\n                    </NavigationContext.Provider>\n                </nav>\n            </ThemeContext.Provider>\n        );\n    }),\n    {\n        displayName: COMPONENT_NAME,\n        className: CLASSNAME,\n        defaultProps: { theme: Theme.light, orientation: Orientation.vertical },\n        // Sub components\n        Section: NavigationSection,\n        Item: NavigationItem,\n    },\n);\n"],"names":["ThemeContext","createContext","undefined","forwardRefPolymorphic","render","React","forwardRef","COMPONENT_NAME","CLASSNAME","getRootClassName","NavigationItem","Object","assign","props","ref","className","icon","label","isCurrentPage","as","Element","forwardedProps","_objectWithoutProperties","_excluded","theme","useContext","labelElement","setLabelElement","useState","tooltipLabel","offsetWidth","scrollWidth","buttonProps","type","createElement","classNames","handleBasicClasses","prefix","Tooltip","placement","Placement","TOP","_extends","isSelected","Icon","size","Size","xs","Text","truncate","displayName","NavigationContext","orientation","Orientation","vertical","NavigationSection","children","isOpen","setIsOpen","buttonRef","useRef","sectionId","useMemo","uniqueId","isDropdown","horizontal","ITEM_CLASSNAME","onClick","event","stopPropagation","mdiChevronUp","mdiChevronDown","Popover","anchorRef","BOTTOM_START","usePortal","closeOnClickAway","closeOnEscape","onClose","zIndex","Provider","value","Theme","light","id","Navigation","defaultProps","Section","Item"],"mappings":"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"}