@jobber/components 6.26.0 → 6.26.1

package/dist/InternalChipDismissible-es.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React__default, { useEffect } from 'react';
 import { a as useInternalChipDismissibleInput, d as useScrollToActive, b as useInView, c as useRepositionMenu, u as useInternalChipDismissible } from './useScrollToActive-es.js';
 import './isObjectLike-es.js';
 import '@jobber/design';
@@ -13,15 +13,15 @@ import { C as Chip, I as InternalChipButton } from './Chip-es.js';
 import './tslib.es6-es.js';
 
 function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
-    return (React.createElement(Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
-        prefix && React.createElement(Chip.Prefix, null, prefix),
-        suffix && React.createElement(Chip.Suffix, null, suffix)));
+    return (React__default.createElement(Chip, { disabled: disabled, invalid: invalid, onKeyDown: onKeyDown, testID: "ATL-InternalChip", ariaLabel: ariaLabel, tabIndex: tabIndex, variation: active ? "base" : "subtle", role: tabIndex !== undefined ? "option" : undefined, onClick: onClick ? (_, ev) => onClick(ev) : undefined, label: label },
+        prefix && React__default.createElement(Chip.Prefix, null, prefix),
+        suffix && React__default.createElement(Chip.Suffix, null, suffix)));
 }
 
 var styles = {"wrapper":"XRnU90M2-fs-","input":"Dq-yFHd1zK0-","menu":"F7CpurjKzBI-","menuList":"J8USVG1tjPs-","menuListOption":"_9SAK31TqNDY-","loadingIndicator":"s5vFJVv0t0Q-","activeOption":"_8d0w-JzgzS4-","spinning":"hDJGLX6kE-U-"};
 
 function InternalChipDismissibleInput(props) {
-    const { activator = React.createElement(Button, { icon: "add", type: "secondary", ariaLabel: "Add" }), attachTo, isLoadingMore = false, onLoadMore, options, } = props;
+    const { activator = React__default.createElement(Button, { icon: "add", type: "secondary", ariaLabel: "Add" }), attachTo, isLoadingMore = false, onLoadMore, options, } = props;
     const { activeIndex, allOptions, hasAvailableOptions, inputRef, menuId, menuOpen, searchValue, generateDescendantId, handleBlur, handleOpenMenu, handleSearchChange, handleCancelBlur, handleEnableBlur, handleSetActiveOnMouseOver, handleKeyDown, handleSelectOption, handleDebouncedSearch, } = useInternalChipDismissibleInput(props);
     const menuRef = useScrollToActive(activeIndex);
     const { ref: visibleChildRef, isInView } = useInView();
@@ -37,27 +37,27 @@ function InternalChipDismissibleInput(props) {
         isInView && onLoadMore && onLoadMore(searchValue);
     }, [isInView]);
     if (!menuOpen) {
-        return React.cloneElement(activator, { onClick: handleOpenMenu });
+        return React__default.cloneElement(activator, { onClick: handleOpenMenu });
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": hasAvailableOptions, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: debounce(handleBlur, 200), onFocus: handleOpenMenu, autoFocus: true }),
-        (hasAvailableOptions || isLoadingMore) && (React.createElement("div", Object.assign({ ref: setPositionedElementRef, className: styles.menu, style: popperStyles.popper }, attributes.popper),
-            React.createElement("div", { ref: menuRef, role: "listbox", id: menuId, className: styles.menuList, "data-testid": "chip-menu" },
-                allOptions.map((option, i) => (React.createElement("button", { key: option.value, role: "option", type: "button", id: generateDescendantId(i), className: classnames(styles.menuListOption, {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": hasAvailableOptions, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: debounce(handleBlur, 200), onFocus: handleOpenMenu, autoFocus: true }),
+        (hasAvailableOptions || isLoadingMore) && (React__default.createElement("div", Object.assign({ ref: setPositionedElementRef, className: styles.menu, style: popperStyles.popper }, attributes.popper),
+            React__default.createElement("div", { ref: menuRef, role: "listbox", id: menuId, className: styles.menuList, "data-testid": "chip-menu" },
+                allOptions.map((option, i) => (React__default.createElement("button", { key: option.value, role: "option", type: "button", id: generateDescendantId(i), className: classnames(styles.menuListOption, {
                         [styles.activeOption]: activeIndex === i,
                     }), onClick: () => handleSelectOption(option), onMouseEnter: handleSetActiveOnMouseOver(i), onMouseDown: handleCancelBlur, onMouseUp: handleEnableBlur },
-                    React.createElement("span", { "aria-hidden": true }, option.prefix),
-                    React.createElement(Text, null, option.label)))),
-                React.createElement("div", { ref: visibleChildRef }),
-                isLoadingMore && (React.createElement("div", { className: styles.loadingIndicator },
-                    React.createElement(Spinner, { size: "small", inline: true }))))))));
+                    React__default.createElement("span", { "aria-hidden": true }, option.prefix),
+                    React__default.createElement(Text, null, option.label)))),
+                React__default.createElement("div", { ref: visibleChildRef }),
+                isLoadingMore && (React__default.createElement("div", { className: styles.loadingIndicator },
+                    React__default.createElement(Spinner, { size: "small", inline: true }))))))));
 }
 
 function InternalChipDismissible(props) {
     const { availableChipOptions, ref: wrapperRef, sortedVisibleChipOptions, handleChipAdd, handleChipClick, handleChipKeyDown, handleChipRemove, handleCustomAdd, handleWrapperKeyDown, } = useInternalChipDismissible(props);
-    return (React.createElement("div", { ref: wrapperRef, className: styles.wrapper, "data-testid": "dismissible-chips", onKeyDown: handleWrapperKeyDown, role: "listbox" },
-        sortedVisibleChipOptions.map(chip => (React.createElement(InternalChip, Object.assign({ key: chip.value }, chip, { onKeyDown: handleChipKeyDown(chip.value), onClick: handleChipClick(chip.value), ariaLabel: `${chip.label}. Press delete or backspace to remove ${chip.label}`, tabIndex: 0, suffix: React.createElement(InternalChipButton, { icon: "remove", invalid: chip.invalid, disabled: chip.disabled, label: chip.label, onClick: handleChipRemove(chip.value) }) })))),
-        React.createElement(InternalChipDismissibleInput, { activator: props.activator, attachTo: wrapperRef, isLoadingMore: props.isLoadingMore, options: availableChipOptions, onOptionSelect: handleChipAdd, onCustomOptionSelect: handleCustomAdd, onSearch: props.onSearch, onLoadMore: props.onLoadMore })));
+    return (React__default.createElement("div", { ref: wrapperRef, className: styles.wrapper, "data-testid": "dismissible-chips", onKeyDown: handleWrapperKeyDown, role: "listbox" },
+        sortedVisibleChipOptions.map(chip => (React__default.createElement(InternalChip, Object.assign({ key: chip.value }, chip, { onKeyDown: handleChipKeyDown(chip.value), onClick: handleChipClick(chip.value), ariaLabel: `${chip.label}. Press delete or backspace to remove ${chip.label}`, tabIndex: 0, suffix: React__default.createElement(InternalChipButton, { icon: "remove", invalid: chip.invalid, disabled: chip.disabled, label: chip.label, onClick: handleChipRemove(chip.value) }) })))),
+        React__default.createElement(InternalChipDismissibleInput, { activator: props.activator, attachTo: wrapperRef, isLoadingMore: props.isLoadingMore, options: availableChipOptions, onOptionSelect: handleChipAdd, onCustomOptionSelect: handleCustomAdd, onSearch: props.onSearch, onLoadMore: props.onLoadMore })));
 }
 
 export { InternalChipDismissible as I, InternalChip as a };

package/dist/LightBox-es.js

@@ -1,6 +1,6 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import ReactDOM from 'react-dom';
+import ReactDOM__default from 'react-dom';
 import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
 import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
 import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
@@ -21,7 +21,7 @@ var useMediaQuery = {};
 	Object.defineProperty(exports, "__esModule", { value: true });
 	exports.mediaQueryStore = void 0;
 	exports.useMediaQuery = useMediaQuery;
-	const react_1 = React;
+	const react_1 = React__default;
 	exports.mediaQueryStore = {
 	    subscribe(onChange, query) {
 	        const matchMedia = window.matchMedia(query);
@@ -137,44 +137,44 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
             inline: "center",
         });
     }, [currentImageIndex]);
-    const template = (React.createElement(React.Fragment, null, open && (React.createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef, onMouseMove: () => {
+    const template = (React__default.createElement(React__default.Fragment, null, open && (React__default.createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef, onMouseMove: () => {
             if (mouseIsStationary) {
                 setMouseIsStationary(false);
             }
             handleMouseMovement();
         } },
-        React.createElement("div", { className: styles.backgroundImage, style: {
+        React__default.createElement("div", { className: styles.backgroundImage, style: {
                 backgroundImage: `url("${images[currentImageIndex].url}")`,
             } }),
-        React.createElement("div", { className: styles.blurOverlay, onClick: handleRequestClose }),
-        React.createElement(AtlantisThemeContextProvider, { dangerouslyOverrideTheme: "dark" },
-            React.createElement("div", { className: styles.toolbar },
-                React.createElement("div", { className: styles.slideNumber },
-                    React.createElement(Text, null, `${currentImageIndex + 1}/${images.length}`)),
-                React.createElement("div", { className: styles.closeButton },
-                    React.createElement(ButtonDismiss, { ariaLabel: "Close", onClick: handleRequestClose })))),
-        React.createElement("div", { className: styles.imageArea },
-            React.createElement(AnimatePresence, { initial: false },
-                React.createElement(motion.img, { key: currentImageIndex, variants: variants, src: images[currentImageIndex].url, custom: direction, className: styles.image, initial: "enter", alt: images[currentImageIndex].alt ||
+        React__default.createElement("div", { className: styles.blurOverlay, onClick: handleRequestClose }),
+        React__default.createElement(AtlantisThemeContextProvider, { dangerouslyOverrideTheme: "dark" },
+            React__default.createElement("div", { className: styles.toolbar },
+                React__default.createElement("div", { className: styles.slideNumber },
+                    React__default.createElement(Text, null, `${currentImageIndex + 1}/${images.length}`)),
+                React__default.createElement("div", { className: styles.closeButton },
+                    React__default.createElement(ButtonDismiss, { ariaLabel: "Close", onClick: handleRequestClose })))),
+        React__default.createElement("div", { className: styles.imageArea },
+            React__default.createElement(AnimatePresence, { initial: false },
+                React__default.createElement(motion.img, { key: currentImageIndex, variants: variants, src: images[currentImageIndex].url, custom: direction, className: styles.image, initial: "enter", alt: images[currentImageIndex].alt ||
                         images[currentImageIndex].title ||
                         "", animate: "center", exit: "exit", transition: imageTransition, drag: "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 1, onDragEnd: handleOnDragEnd }))),
-        images.length > 1 && (React.createElement(React.Fragment, null,
-            React.createElement(PreviousButton, { onClick: debouncedHandlePrevious, hideButton: mouseIsStationary }),
-            React.createElement(NextButton, { onClick: debouncedHandleNext, hideButton: mouseIsStationary }))),
+        images.length > 1 && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(PreviousButton, { onClick: debouncedHandlePrevious, hideButton: mouseIsStationary }),
+            React__default.createElement(NextButton, { onClick: debouncedHandleNext, hideButton: mouseIsStationary }))),
         (images[currentImageIndex].title ||
-            images[currentImageIndex].caption) && (React.createElement("div", { className: styles.captionWrapper },
-            React.createElement(AtlantisThemeContextProvider, { dangerouslyOverrideTheme: "dark" },
-                images[currentImageIndex].title && (React.createElement("div", { className: styles.title },
-                    React.createElement(Heading, { level: 4 }, images[currentImageIndex].title))),
-                images[currentImageIndex].caption && (React.createElement(Text, { size: "large" }, images[currentImageIndex].caption))))),
-        images.length > 1 && (React.createElement("div", { className: styles.thumbnailBar, style: {
+            images[currentImageIndex].caption) && (React__default.createElement("div", { className: styles.captionWrapper },
+            React__default.createElement(AtlantisThemeContextProvider, { dangerouslyOverrideTheme: "dark" },
+                images[currentImageIndex].title && (React__default.createElement("div", { className: styles.title },
+                    React__default.createElement(Heading, { level: 4 }, images[currentImageIndex].title))),
+                images[currentImageIndex].caption && (React__default.createElement(Text, { size: "large" }, images[currentImageIndex].caption))))),
+        images.length > 1 && (React__default.createElement("div", { className: styles.thumbnailBar, style: {
                 "--lightbox--box-sizing": boxSizing,
-            }, "data-testid": "ATL-Thumbnail-Bar" }, images.map((image, index) => (React.createElement("div", { key: index, className: classnames(styles.thumbnail, {
+            }, "data-testid": "ATL-Thumbnail-Bar" }, images.map((image, index) => (React__default.createElement("div", { key: index, className: classnames(styles.thumbnail, {
                 [styles.selected]: index === currentImageIndex,
             }), onClick: () => handleThumbnailClick(index), ref: index === currentImageIndex ? selectedThumbnailRef : null },
-            React.createElement("img", { key: index, src: image.url, alt: image.alt || image.title || "", className: styles.thumbnailImage }))))))))));
+            React__default.createElement("img", { key: index, src: image.url, alt: image.alt || image.title || "", className: styles.thumbnailImage }))))))))));
     return mounted.current
-        ? ReactDOM.createPortal(template, document.body)
+        ? ReactDOM__default.createPortal(template, document.body)
         : template;
     function handleMovePrevious() {
         setDirection(-1);
@@ -208,13 +208,13 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
 }
 function PreviousButton({ onClick, hideButton }) {
     const { mediumAndUp } = useBreakpoints.useBreakpoints();
-    return (React.createElement("div", { className: `${styles.prev} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
-        React.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
+    return (React__default.createElement("div", { className: `${styles.prev} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
+        React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
 }
 function NextButton({ onClick, hideButton }) {
     const { mediumAndUp } = useBreakpoints.useBreakpoints();
-    return (React.createElement("div", { className: `${styles.next} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
-        React.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
+    return (React__default.createElement("div", { className: `${styles.next} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
+        React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
 }
 function togglePrintStyles(open) {
     try {

package/dist/Link-es.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React__default from 'react';
 
 var styles = {"link":"_8oxipSwiMJQ-","spinning":"iU2hXJfEJ-E-"};
 
 function Link({ url, children, ariaLabel, ariaExpanded, external = false, }) {
-    return (React.createElement("a", Object.assign({ href: url }, (external && { target: "_blank" }), (ariaLabel && { "aria-label": ariaLabel }), (ariaExpanded && { "aria-expanded": ariaExpanded }), { className: styles.link }), children));
+    return (React__default.createElement("a", Object.assign({ href: url }, (external && { target: "_blank" }), (ariaLabel && { "aria-label": ariaLabel }), (ariaExpanded && { "aria-expanded": ariaExpanded }), { className: styles.link }), children));
 }
 
 export { Link as L };

package/dist/List-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { _ as _baseEach, a as _baseIteratee, g as get } from './_baseEach-es.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
@@ -131,31 +131,31 @@ function ListItem(props) {
     const actionClasses = classnames(styles$1.action, props.isActive && styles$1.isActive, (props.onClick || props.url) && styles$1.hoverable, props.customRenderItem && !props.customItemStyles && styles$1.customItem);
     const Wrapper = props.url ? "a" : "button";
     const buttonProps = Object.assign({}, (Wrapper === "button" && { role: "button", type: "button" }));
-    return (React.createElement(Wrapper, Object.assign({ id: props.id.toString(), className: actionClasses, href: props.url, onClick: props.onClick }, buttonProps), props.customRenderItem ? (props.customRenderItem(props)) : (React.createElement(DefaultRenderItem, Object.assign({}, props)))));
+    return (React__default.createElement(Wrapper, Object.assign({ id: props.id.toString(), className: actionClasses, href: props.url, onClick: props.onClick }, buttonProps), props.customRenderItem ? (props.customRenderItem(props)) : (React__default.createElement(DefaultRenderItem, Object.assign({}, props)))));
 }
 function DefaultRenderItem(props) {
-    return (React.createElement("div", { className: styles$1.defaultContent },
-        props.icon && (React.createElement("div", { className: styles$1.icon },
-            React.createElement(Icon, { name: props.icon, color: props.iconColor }))),
-        React.createElement("div", { className: styles$1.info },
-            props.title && React.createElement(Heading, { level: 5 }, props.title),
-            props.content && React.createElement(Description, { content: props.content }),
-            props.caption && (React.createElement(Text, { variation: "subdued" },
-                React.createElement(Typography, { element: "span", size: "small", emphasisType: "italic" }, props.caption)))),
-        props.value && (React.createElement("div", { className: styles$1.amount },
-            React.createElement(Text, null,
-                React.createElement(Emphasis, { variation: "bold" }, props.value))))));
+    return (React__default.createElement("div", { className: styles$1.defaultContent },
+        props.icon && (React__default.createElement("div", { className: styles$1.icon },
+            React__default.createElement(Icon, { name: props.icon, color: props.iconColor }))),
+        React__default.createElement("div", { className: styles$1.info },
+            props.title && React__default.createElement(Heading, { level: 5 }, props.title),
+            props.content && React__default.createElement(Description, { content: props.content }),
+            props.caption && (React__default.createElement(Text, { variation: "subdued" },
+                React__default.createElement(Typography, { element: "span", size: "small", emphasisType: "italic" }, props.caption)))),
+        props.value && (React__default.createElement("div", { className: styles$1.amount },
+            React__default.createElement(Text, null,
+                React__default.createElement(Emphasis, { variation: "bold" }, props.value))))));
 }
 function Description({ content }) {
     if (content instanceof Array) {
-        return (React.createElement(React.Fragment, null, content.map((item, i) => (React.createElement(Text, { key: i },
-            React.createElement("span", { className: styles$1.truncate },
-                React.createElement(Markdown, { content: item, basicUsage: true })))))));
+        return (React__default.createElement(React__default.Fragment, null, content.map((item, i) => (React__default.createElement(Text, { key: i },
+            React__default.createElement("span", { className: styles$1.truncate },
+                React__default.createElement(Markdown, { content: item, basicUsage: true })))))));
     }
     else {
-        return (React.createElement(Text, null,
-            React.createElement("span", { className: styles$1.truncate },
-                React.createElement(Markdown, { content: content, basicUsage: true }))));
+        return (React__default.createElement(Text, null,
+            React__default.createElement("span", { className: styles$1.truncate },
+                React__default.createElement(Markdown, { content: content, basicUsage: true }))));
     }
 }
 
@@ -166,17 +166,17 @@ var styles = {"list":"sFlecO8-wnY-","item":"dbZy6dviEis-","section":"vz43PAcPYt0
 function List({ items, customRenderItem, customItemStyles, customRenderSection, customSectionStyles, defaultSectionHeader = "Other", labelledBy, }) {
     const isSectioned = items.some(item => "section" in item && item.section);
     if (isSectioned) {
-        return (React.createElement(SectionedList, { items: items, customRenderItem: customRenderItem, customItemStyles: customItemStyles, customRenderSection: customRenderSection, customSectionStyles: customSectionStyles, defaultSectionHeader: defaultSectionHeader, labelledBy: labelledBy }));
+        return (React__default.createElement(SectionedList, { items: items, customRenderItem: customRenderItem, customItemStyles: customItemStyles, customRenderSection: customRenderSection, customSectionStyles: customSectionStyles, defaultSectionHeader: defaultSectionHeader, labelledBy: labelledBy }));
     }
     else {
-        return (React.createElement(DisplayList, { items: items, customRenderItem: customRenderItem, customItemStyles: customItemStyles, labelledBy: labelledBy }));
+        return (React__default.createElement(DisplayList, { items: items, customRenderItem: customRenderItem, customItemStyles: customItemStyles, labelledBy: labelledBy }));
     }
 }
 function DisplayList({ items, customRenderItem, customItemStyles, labelledBy, }) {
     const omitDefaultStyles = customRenderItem && customItemStyles;
     const itemClassNames = classnames(!omitDefaultStyles && styles.item);
-    return (React.createElement("ul", { className: styles.list, "aria-labelledby": labelledBy }, items.map(item => (React.createElement("li", { key: item.id, className: itemClassNames },
-        React.createElement(ListItem, Object.assign({}, item, { customRenderItem: customRenderItem, customItemStyles: customItemStyles })))))));
+    return (React__default.createElement("ul", { className: styles.list, "aria-labelledby": labelledBy }, items.map(item => (React__default.createElement("li", { key: item.id, className: itemClassNames },
+        React__default.createElement(ListItem, Object.assign({}, item, { customRenderItem: customRenderItem, customItemStyles: customItemStyles })))))));
 }
 function SectionedList({ items, customRenderItem, customItemStyles, customRenderSection, customSectionStyles, defaultSectionHeader, labelledBy, }) {
     const sectionedItems = groupBy$1(items, item => get(item, "section", defaultSectionHeader));
@@ -184,16 +184,16 @@ function SectionedList({ items, customRenderItem, customItemStyles, customRender
     const omitDefaultSectionStyles = customRenderSection && customSectionStyles;
     const itemClassNames = classnames(!omitDefaultStyles && styles.item);
     const sectionHeaderClassNames = classnames(!omitDefaultSectionStyles && sectionStyles.sectionHeader);
-    return (React.createElement("ul", { className: styles.list, "aria-labelledby": labelledBy }, Object.keys(sectionedItems).map(sectionName => {
-        return (React.createElement("li", { key: sectionName, className: classnames(!omitDefaultSectionStyles && styles.section) },
+    return (React__default.createElement("ul", { className: styles.list, "aria-labelledby": labelledBy }, Object.keys(sectionedItems).map(sectionName => {
+        return (React__default.createElement("li", { key: sectionName, className: classnames(!omitDefaultSectionStyles && styles.section) },
             getSectionHeader(sectionName, sectionHeaderClassNames, customRenderSection),
-            React.createElement("ul", { className: styles.list }, sectionedItems[sectionName].map(item => (React.createElement("li", { key: item.id, className: itemClassNames },
-                React.createElement(ListItem, Object.assign({}, item, { customRenderItem: customRenderItem, customItemStyles: customItemStyles }))))))));
+            React__default.createElement("ul", { className: styles.list }, sectionedItems[sectionName].map(item => (React__default.createElement("li", { key: item.id, className: itemClassNames },
+                React__default.createElement(ListItem, Object.assign({}, item, { customRenderItem: customRenderItem, customItemStyles: customItemStyles }))))))));
     })));
 }
 function getSectionHeader(sectionName, sectionHeaderClassNames, customRenderSection) {
-    const sectionHeader = customRenderSection ? (customRenderSection(sectionName)) : (React.createElement(Typography, { element: "h4", fontWeight: "bold", size: "large" }, sectionName));
-    return React.createElement("div", { className: sectionHeaderClassNames }, sectionHeader);
+    const sectionHeader = customRenderSection ? (customRenderSection(sectionName)) : (React__default.createElement(Typography, { element: "h4", fontWeight: "bold", size: "large" }, sectionName));
+    return React__default.createElement("div", { className: sectionHeaderClassNames }, sectionHeader);
 }
 
 export { List as L, ListItem as a };

package/dist/Markdown-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { T as Text } from './Text-es.js';
 import { E as Emphasis } from './Emphasis-es.js';
 import { H as Heading } from './Heading-es.js';
@@ -18554,7 +18554,7 @@ function toReact(context, node, index, parent) {
     options.components && own$1.call(options.components, name)
       ? options.components[name]
       : name;
-  const basic = typeof component === 'string' || component === React.Fragment;
+  const basic = typeof component === 'string' || component === React__default.Fragment;
 
   if (!ReactIs.isValidElementType(component)) {
     throw new TypeError(
@@ -18668,8 +18668,8 @@ function toReact(context, node, index, parent) {
 
   // Ensure no React warnings are emitted for void elements w/ children.
   return children.length > 0
-    ? React.createElement(component, properties, children)
-    : React.createElement(component, properties)
+    ? React__default.createElement(component, properties, children)
+    : React__default.createElement(component, properties)
 }
 
 /**
@@ -18899,14 +18899,14 @@ function ReactMarkdown(options) {
   }
 
   /** @type {ReactElement} */
-  let result = React.createElement(
-    React.Fragment,
+  let result = React__default.createElement(
+    React__default.Fragment,
     {},
     childrenToReact({options, schema: html, listDepth: 0}, hastNode)
   );
 
   if (options.className) {
-    result = React.createElement('div', {className: options.className}, result);
+    result = React__default.createElement('div', {className: options.className}, result);
   }
 
   return result
@@ -18992,9 +18992,9 @@ function Markdown({ content, externalLink, basicUsage, onLinkClick, }) {
         ],
         unwrapDisallowed: true,
     }));
-    const Tag = basicUsage ? React.Fragment : Content;
-    return (React.createElement(Tag, null,
-        React.createElement(ReactMarkdown, Object.assign({}, props, { linkTarget: externalLink ? "_blank" : undefined, components: {
+    const Tag = basicUsage ? React__default.Fragment : Content;
+    return (React__default.createElement(Tag, null,
+        React__default.createElement(ReactMarkdown, Object.assign({}, props, { linkTarget: externalLink ? "_blank" : undefined, components: {
                 p: renderParagraph,
                 strong: renderStrong,
                 em: renderEmphasis,
@@ -19007,23 +19007,23 @@ function Markdown({ content, externalLink, basicUsage, onLinkClick, }) {
             } }), content)));
 }
 function renderParagraph({ children }) {
-    return React.createElement(Text, null, children);
+    return React__default.createElement(Text, null, children);
 }
 function renderStrong({ children }) {
-    return React.createElement(Emphasis, { variation: "bold" }, children);
+    return React__default.createElement(Emphasis, { variation: "bold" }, children);
 }
 function renderEmphasis({ children }) {
-    return React.createElement(Emphasis, { variation: "italic" }, children);
+    return React__default.createElement(Emphasis, { variation: "italic" }, children);
 }
 function renderHeading(level) {
     function buildHeading({ children }) {
-        return React.createElement(Heading, { level: level }, children);
+        return React__default.createElement(Heading, { level: level }, children);
     }
     return buildHeading;
 }
 function renderLink(onLinkClick, externalLink) {
     // eslint-disable-next-line react/display-name
-    return ({ children, href, }) => (React.createElement("a", { href: href, onClick: event => {
+    return ({ children, href, }) => (React__default.createElement("a", { href: href, onClick: event => {
             return onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(event.target);
         }, target: externalLink ? "_blank" : undefined, rel: "noreferrer" }, children));
 }

package/dist/Menu-es.js

@@ -1,11 +1,11 @@
-import React, { useState, useRef, useId } from 'react';
+import React__default, { useState, useRef, useId } from 'react';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
 import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
 import { usePopper } from 'react-popper';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
-import ReactDOM from 'react-dom';
+import ReactDOM__default from 'react-dom';
 import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
 import { B as Button } from './Button-es.js';
 import { T as Typography } from './Typography-es.js';
@@ -16,7 +16,7 @@ var useWindowDimensions$1 = {};
 
 Object.defineProperty(useWindowDimensions$1, "__esModule", { value: true });
 var useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = useWindowDimensions;
-const react_1 = React;
+const react_1 = React__default;
 function getWindowDimensions() {
     if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
         return {
@@ -96,28 +96,28 @@ function Menu({ activator, items }) {
     const positionAttributes = width >= SMALL_SCREEN_BREAKPOINT
         ? Object.assign(Object.assign({}, attributes.popper), { style: popperStyles.popper }) : {};
     if (!activator) {
-        activator = (React.createElement(Button, { fullWidth: true, label: "More Actions", icon: "more", type: "secondary" }));
+        activator = (React__default.createElement(Button, { fullWidth: true, label: "More Actions", icon: "more", type: "secondary" }));
     }
-    return (React.createElement("div", { className: wrapperClasses, onClick: handleParentClick },
-        React.createElement("div", { ref: popperRef }, React.cloneElement(activator, {
+    return (React__default.createElement("div", { className: wrapperClasses, onClick: handleParentClick },
+        React__default.createElement("div", { ref: popperRef }, React__default.cloneElement(activator, {
             onClick: toggle(activator.props.onClick),
             id: buttonID,
             ariaControls: menuID,
             ariaExpanded: visible,
             ariaHaspopup: true,
         })),
-        React.createElement(MenuPortal, null,
-            React.createElement(AnimatePresence, null, visible && (React.createElement(React.Fragment, null,
-                React.createElement(motion.div, { className: styles.overlay, onClick: toggle(), variants: variation, initial: "overlayStartStop", animate: "done", exit: "overlayStartStop", transition: {
+        React__default.createElement(MenuPortal, null,
+            React__default.createElement(AnimatePresence, null, visible && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(motion.div, { className: styles.overlay, onClick: toggle(), variants: variation, initial: "overlayStartStop", animate: "done", exit: "overlayStartStop", transition: {
                         type: "tween",
                         duration: 0.15,
                     } }),
-                React.createElement("div", Object.assign({ ref: setPopperElement, className: styles.popperContainer }, positionAttributes, formFieldFocusAttribute), items.length > 0 && (React.createElement(motion.div, { className: styles.menu, role: "menu", "data-elevation": "elevated", "aria-labelledby": buttonID, id: menuID, onClick: hide, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", custom: state === null || state === void 0 ? void 0 : state.placement, ref: menuRef, transition: {
+                React__default.createElement("div", Object.assign({ ref: setPopperElement, className: styles.popperContainer }, positionAttributes, formFieldFocusAttribute), items.length > 0 && (React__default.createElement(motion.div, { className: styles.menu, role: "menu", "data-elevation": "elevated", "aria-labelledby": buttonID, id: menuID, onClick: hide, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", custom: state === null || state === void 0 ? void 0 : state.placement, ref: menuRef, transition: {
                         type: "tween",
                         duration: 0.25,
-                    } }, items.map((item, key) => (React.createElement("div", { key: key, className: styles.section },
-                    item.header && React.createElement(SectionHeader, { text: item.header }),
-                    item.actions.map(action => (React.createElement(Action, Object.assign({ sectionLabel: item.header, key: action.label }, action))))))))))))))));
+                    } }, items.map((item, key) => (React__default.createElement("div", { key: key, className: styles.section },
+                    item.header && React__default.createElement(SectionHeader, { text: item.header }),
+                    item.actions.map(action => (React__default.createElement(Action, Object.assign({ sectionLabel: item.header, key: action.label }, action))))))))))))))));
     function toggle(callbackPassthrough) {
         return (event) => {
             setVisible(!visible);
@@ -144,19 +144,19 @@ function Menu({ activator, items }) {
     }
 }
 function SectionHeader({ text }) {
-    return (React.createElement("div", { className: styles.sectionHeader, "aria-hidden": true },
-        React.createElement(Typography, { element: "h6", size: "base", textColor: "textSecondary", fontWeight: "regular", textCase: "none" }, text)));
+    return (React__default.createElement("div", { className: styles.sectionHeader, "aria-hidden": true },
+        React__default.createElement(Typography, { element: "h6", size: "base", textColor: "textSecondary", fontWeight: "regular", textCase: "none" }, text)));
 }
 function Action({ label, sectionLabel, icon, destructive, onClick, }) {
     const actionButtonRef = useRef();
     const buttonClasses = classnames(styles.action, {
         [styles.destructive]: destructive,
     });
-    return (React.createElement("button", { role: "menuitem", type: "button", className: buttonClasses, key: label, onClick: onClick, ref: actionButtonRef },
-        icon && (React.createElement("div", null,
-            React.createElement(Icon, { color: destructive ? "destructive" : undefined, name: icon }))),
-        React.createElement(Typography, { element: "span", fontWeight: "semiBold", textColor: "text" },
-            sectionLabel && (React.createElement("span", { className: styles.screenReaderOnly }, sectionLabel)),
+    return (React__default.createElement("button", { role: "menuitem", type: "button", className: buttonClasses, key: label, onClick: onClick, ref: actionButtonRef },
+        icon && (React__default.createElement("div", null,
+            React__default.createElement(Icon, { color: destructive ? "destructive" : undefined, name: icon }))),
+        React__default.createElement(Typography, { element: "span", fontWeight: "semiBold", textColor: "text" },
+            sectionLabel && (React__default.createElement("span", { className: styles.screenReaderOnly }, sectionLabel)),
             label)));
 }
 function MenuPortal({ children }) {
@@ -164,7 +164,7 @@ function MenuPortal({ children }) {
     if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }
-    return ReactDOM.createPortal(children, document.body);
+    return ReactDOM__default.createPortal(children, document.body);
 }
 
 export { Menu as M };

package/dist/Modal-es.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import React__default from 'react';
+import ReactDOM__default from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
@@ -18,17 +18,17 @@ function Modal({ open = false, title, size, dismissible = true, children, primar
     useRefocusOnActivator_2(open);
     const modalRef = useFocusTrap_2(open);
     useOnKeyDown_2(handleRequestClose, "Escape");
-    const template = (React.createElement(AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: styles.container, tabIndex: 0 },
-        React.createElement(motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
-        React.createElement(motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
+    const template = (React__default.createElement(AnimatePresence, null, open && (React__default.createElement("div", { ref: modalRef, role: "dialog", className: styles.container, tabIndex: 0 },
+        React__default.createElement(motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
+        React__default.createElement(motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
                 duration: 0.2,
                 ease: "easeInOut",
             } },
-            title != undefined && (React.createElement(Header, { title: title, dismissible: dismissible, onRequestClose: onRequestClose })),
+            title != undefined && (React__default.createElement(Header, { title: title, dismissible: dismissible, onRequestClose: onRequestClose })),
             children,
-            React.createElement(Actions, { primary: primaryAction, secondary: secondaryAction, tertiary: tertiaryAction }))))));
+            React__default.createElement(Actions, { primary: primaryAction, secondary: secondaryAction, tertiary: tertiaryAction }))))));
     return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
-        ? ReactDOM.createPortal(template, document.body)
+        ? ReactDOM__default.createPortal(template, document.body)
         : template;
     function handleRequestClose() {
         if (open && onRequestClose) {
@@ -37,10 +37,10 @@ function Modal({ open = false, title, size, dismissible = true, children, primar
     }
 }
 function Header({ title, dismissible, onRequestClose }) {
-    return (React.createElement("div", { className: styles.header, "data-testid": "modal-header" },
-        React.createElement(Heading, { level: 2 }, title),
-        dismissible && (React.createElement("div", { className: styles.closeButton },
-            React.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close modal" })))));
+    return (React__default.createElement("div", { className: styles.header, "data-testid": "modal-header" },
+        React__default.createElement(Heading, { level: 2 }, title),
+        dismissible && (React__default.createElement("div", { className: styles.closeButton },
+            React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close modal" })))));
 }
 function Actions({ primary, secondary, tertiary }) {
     const shouldShow = primary != undefined || secondary != undefined || tertiary != undefined;
@@ -50,12 +50,12 @@ function Actions({ primary, secondary, tertiary }) {
     if (tertiary != undefined) {
         tertiary = Object.assign({ type: "secondary", variation: "destructive" }, tertiary);
     }
-    return (React.createElement(React.Fragment, null, shouldShow && (React.createElement("div", { className: styles.actionBar },
-        React.createElement("div", { className: styles.rightAction },
-            primary && React.createElement(Button, Object.assign({}, primary)),
-            secondary && React.createElement(Button, Object.assign({}, secondary))),
-        tertiary && (React.createElement("div", { className: styles.leftAction },
-            React.createElement(Button, Object.assign({}, tertiary))))))));
+    return (React__default.createElement(React__default.Fragment, null, shouldShow && (React__default.createElement("div", { className: styles.actionBar },
+        React__default.createElement("div", { className: styles.rightAction },
+            primary && React__default.createElement(Button, Object.assign({}, primary)),
+            secondary && React__default.createElement(Button, Object.assign({}, secondary))),
+        tertiary && (React__default.createElement("div", { className: styles.leftAction },
+            React__default.createElement(Button, Object.assign({}, tertiary))))))));
 }
 
 export { Modal as M };

package/dist/MultiSelect-es.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback, useEffect } from 'react';
+import React__default, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
 import { Checkbox } from './Checkbox/index.mjs';
 import { T as Text } from './Text-es.js';
@@ -70,16 +70,16 @@ function DropDownMenu({ options, setOptions }) {
         // focus first option
         handleOptionFocus(0);
     }, [menuDiv]);
-    return (React.createElement("ul", { "data-testid": "dropdown-menu", "data-elevation": "elevated", className: styles.dropDownMenuContainer, ref: menuDiv, onKeyDown: handleKeyDown }, options.map((option, index) => {
+    return (React__default.createElement("ul", { "data-testid": "dropdown-menu", "data-elevation": "elevated", className: styles.dropDownMenuContainer, ref: menuDiv, onKeyDown: handleKeyDown }, options.map((option, index) => {
         const optionClass = classnames(styles.option, {
             [styles.active]: index === highlightedIndex,
         });
-        return (React.createElement("li", { key: `${index}-${option.label}`, className: optionClass, onClick: event => {
+        return (React__default.createElement("li", { key: `${index}-${option.label}`, className: optionClass, onClick: event => {
                 event.stopPropagation();
                 event.preventDefault();
                 handleOptionClick(option);
             }, onMouseOver: e => handleOptionHover(e, index) },
-            React.createElement(Checkbox, { label: option.label, checked: option.checked, onFocus: () => setHighlightedIndex(index) })));
+            React__default.createElement(Checkbox, { label: option.label, checked: option.checked, onFocus: () => setHighlightedIndex(index) })));
     })));
     function handlePressUp(event) {
         event.preventDefault();
@@ -153,11 +153,11 @@ function MultiSelect({ defaultLabel, allSelectedLabel, options, onOptionsChange,
             setLabel(selectedLabels.join(", "));
         }
     }, [options]);
-    return (React.createElement("div", { ref: multiSelectContainer, className: styles$1.multiSelectContainer, onKeyDown: handleKeydown },
-        React.createElement("div", { "data-testid": "multi-select", className: multiSelectClass, onClick: handleMenuVisibility, onFocus: () => setFocused(true), onBlur: () => setFocused(false), tabIndex: 0, ref: multiSelectRef, role: "button", "aria-label": `${defaultLabel}: ${label}`, "aria-multiselectable": true, "aria-haspopup": true },
-            React.createElement(Text, null, label),
-            React.createElement(Icon, { name: "arrowDown" })),
-        menuVisible && (React.createElement(DropDownMenu, { options: options, setOptions: onOptionsChange }))));
+    return (React__default.createElement("div", { ref: multiSelectContainer, className: styles$1.multiSelectContainer, onKeyDown: handleKeydown },
+        React__default.createElement("div", { "data-testid": "multi-select", className: multiSelectClass, onClick: handleMenuVisibility, onFocus: () => setFocused(true), onBlur: () => setFocused(false), tabIndex: 0, ref: multiSelectRef, role: "button", "aria-label": `${defaultLabel}: ${label}`, "aria-multiselectable": true, "aria-haspopup": true },
+            React__default.createElement(Text, null, label),
+            React__default.createElement(Icon, { name: "arrowDown" })),
+        menuVisible && (React__default.createElement(DropDownMenu, { options: options, setOptions: onOptionsChange }))));
 }
 
 export { MultiSelect as M };