@jobber/components 6.25.0 → 6.26.1

package/dist/AnimatedPresence-es.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, Children } from 'react';
+import React__default, { useState, useEffect, Children } from 'react';
 import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
 import { tokens } from '@jobber/design';
 
@@ -67,9 +67,9 @@ const transitions = {
 function AnimatedPresence(props) {
     const shouldReduceMotion = useReducedMotion();
     if (shouldReduceMotion) {
-        return React.createElement(React.Fragment, null, props.children);
+        return React__default.createElement(React__default.Fragment, null, props.children);
     }
-    return React.createElement(InternalAnimatedPresence, Object.assign({}, props));
+    return React__default.createElement(InternalAnimatedPresence, Object.assign({}, props));
 }
 function InternalAnimatedPresence({ transition = "fromTop", initial = false, children, }) {
     const transitionVariation = transitions[transition];
@@ -82,7 +82,7 @@ function InternalAnimatedPresence({ transition = "fromTop", initial = false, chi
     useEffect(() => {
         setLastChildIndex(childCount - 1);
     }, [childCount]);
-    return (React.createElement(AnimatePresence, { initial: initial, mode: "popLayout" }, Children.map(children, (child, i) => child && (React.createElement(motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
+    return (React__default.createElement(AnimatePresence, { initial: initial, mode: "popLayout" }, Children.map(children, (child, i) => child && (React__default.createElement(motion.div, { layout: true, variants: transitionVariation, initial: hasInitialTransition ? "initial" : "hidden", animate: "visible", exit: "hidden", transition: {
             duration: TIMING_BASE,
             delay: generateDelayTime(i),
         } }, child)))));

package/dist/AnimatedSwitcher-es.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { I as Icon } from './Icon-es.js';
 
@@ -45,8 +45,8 @@ function AnimatedSwitcher({ initialChild, switched, switchTo, type = "slideFromB
     const [ref, setRef] = useState(null);
     const isSwitchingBetweenIcons = initialChild.type === Icon && switchTo.type === Icon;
     const { key, transition, child, duration } = getChildData();
-    return (React.createElement(AnimatePresence, { mode: "wait", initial: false },
-        React.createElement(motion.div, { ref: setRef, key: key, variants: transition, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration }, style: { display: getDisplayValue() } }, child)));
+    return (React__default.createElement(AnimatePresence, { mode: "wait", initial: false },
+        React__default.createElement(motion.div, { ref: setRef, key: key, variants: transition, initial: "hidden", animate: "visible", exit: "hidden", transition: { duration }, style: { display: getDisplayValue() } }, child)));
     function getDisplayValue() {
         if (ref === null || ref === void 0 ? void 0 : ref.firstElementChild) {
             return window.getComputedStyle(ref.firstElementChild).display;
@@ -87,7 +87,7 @@ function AnimatedSwitcher({ initialChild, switched, switchTo, type = "slideFromB
     }
 }
 AnimatedSwitcher.Icon = function AnimatedSwitcherIcon({ switchToIcon, switched, initialIcon, }) {
-    return (React.createElement(AnimatedSwitcher, { switched: switched, initialChild: React.createElement(Icon, { name: initialIcon }), switchTo: React.createElement(Icon, { name: switchToIcon }) }));
+    return (React__default.createElement(AnimatedSwitcher, { switched: switched, initialChild: React__default.createElement(Icon, { name: initialIcon }), switchTo: React__default.createElement(Icon, { name: switchToIcon }) }));
 };
 
 export { AnimatedSwitcher as A };

package/dist/AtlantisThemeContext-es.js

@@ -1,5 +1,5 @@
 import { tokens, darkTokens } from '@jobber/design';
-import React, { createContext, useState, useCallback, useEffect, useContext } from 'react';
+import React__default, { createContext, useState, useCallback, useEffect, useContext } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { e as eq_1, b as _Stack } from './identity-es.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
@@ -350,9 +350,9 @@ const actualDarkTokens = merge$1({}, tokens, darkTokens);
 const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
 function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, }) {
     if (dangerouslyOverrideTheme) {
-        return (React.createElement(InternalStaticThemeProvider, { dangerouslyOverrideTheme: dangerouslyOverrideTheme }, children));
+        return (React__default.createElement(InternalStaticThemeProvider, { dangerouslyOverrideTheme: dangerouslyOverrideTheme }, children));
     }
-    return (React.createElement(InternalDynamicThemeProvider, null, children));
+    return (React__default.createElement(InternalDynamicThemeProvider, null, children));
 }
 function InternalDynamicThemeProvider({ children }) {
     var _a;
@@ -371,18 +371,18 @@ function InternalDynamicThemeProvider({ children }) {
             globalThis.window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
         };
     }, [handleThemeChangeEvent]);
-    return (React.createElement(AtlantisThemeContext.Provider, { value: {
+    return (React__default.createElement(AtlantisThemeContext.Provider, { value: {
             theme: internalTheme,
             tokens: currentTokens,
         } }, children));
 }
 function InternalStaticThemeProvider({ dangerouslyOverrideTheme, children, }) {
     const currentTokens = dangerouslyOverrideTheme === "dark" ? actualDarkTokens : tokens;
-    return (React.createElement(AtlantisThemeContext.Provider, { value: {
+    return (React__default.createElement(AtlantisThemeContext.Provider, { value: {
             theme: dangerouslyOverrideTheme,
             tokens: currentTokens,
         } },
-        React.createElement("div", { "data-theme": dangerouslyOverrideTheme, className: styles.staticThemeProviderWrapper }, children)));
+        React__default.createElement("div", { "data-theme": dangerouslyOverrideTheme, className: styles.staticThemeProviderWrapper }, children)));
 }
 function useAtlantisTheme() {
     return useContext(AtlantisThemeContext);

package/dist/Autocomplete-es.js

@@ -1,5 +1,5 @@
 import { _ as __rest, a as __awaiter } from './tslib.es6-es.js';
-import React, { useState, useCallback, useEffect, forwardRef, useMemo, useRef } from 'react';
+import React__default, { useState, useCallback, useEffect, forwardRef, useMemo, useRef } from 'react';
 import classnames from 'classnames';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import { createPortal } from 'react-dom';
@@ -33,26 +33,26 @@ function useRepositionMenu(attachTo, visible = false) {
 }
 
 function BaseAutocompleteMenuWrapperInternal({ setMenuRef, popperStyles, attributes, targetWidth, visible, children, }) {
-    return (React.createElement("div", Object.assign({ className: classnames(styles.options, { [styles.visible]: visible }), ref: setMenuRef, style: Object.assign(Object.assign({}, popperStyles.popper), { width: targetWidth }), "data-elevation": "elevated" }, attributes.popper), children));
+    return (React__default.createElement("div", Object.assign({ className: classnames(styles.options, { [styles.visible]: visible }), ref: setMenuRef, style: Object.assign(Object.assign({}, popperStyles.popper), { width: targetWidth }), "data-elevation": "elevated" }, attributes.popper), children));
 }
 /**
  * Provides a wrapper for the Autocomplete menu that handles positioning and visibility.
  * @param attachTo - The element that the menu should be attached to.
  */
 function useAutocompleteMenu({ attachTo, }) {
-    const [menuRef, setMenuRef] = React.useState(null);
+    const [menuRef, setMenuRef] = React__default.useState(null);
     const AutocompleteMenuWrapper = useCallback(({ children, visible, }) => {
         const menuPopperProps = useRepositionMenu(attachTo, visible);
         useEffect(() => {
             setMenuRef(menuPopperProps.menuRef);
         }, [menuPopperProps.menuRef]);
-        return (React.createElement(BaseAutocompleteMenuWrapper, { attributes: menuPopperProps.attributes, popperStyles: menuPopperProps.styles, setMenuRef: menuPopperProps.setMenuRef, targetWidth: menuPopperProps.targetWidth, visible: visible }, children));
+        return (React__default.createElement(BaseAutocompleteMenuWrapper, { attributes: menuPopperProps.attributes, popperStyles: menuPopperProps.styles, setMenuRef: menuPopperProps.setMenuRef, targetWidth: menuPopperProps.targetWidth, visible: visible }, children));
     }, [attachTo]);
     return { MenuWrapper: AutocompleteMenuWrapper, menuRef };
 }
 function BaseAutocompleteMenuWrapper(props) {
     const mounted = useIsMounted_2();
-    const menu = React.createElement(BaseAutocompleteMenuWrapperInternal, Object.assign({}, props));
+    const menu = React__default.createElement(BaseAutocompleteMenuWrapperInternal, Object.assign({}, props));
     return mounted.current ? createPortal(menu, document.body) : menu;
 }
 
@@ -73,35 +73,35 @@ function isOptionGroup(option) {
  */
 function MenuOption({ isHighlighted, option, onOptionSelect, isSelected, addSeparators, UNSAFE_className = {}, UNSAFE_style = {}, }) {
     if (isOptionGroup(option)) {
-        return (React.createElement(MenuGroupOptions, { UNSAFE_className: UNSAFE_className.groupOption, option: option, UNSAFE_style: UNSAFE_style.groupOption }));
+        return (React__default.createElement(MenuGroupOptions, { UNSAFE_className: UNSAFE_className.groupOption, option: option, UNSAFE_style: UNSAFE_style.groupOption }));
     }
-    return (React.createElement(BaseMenuOption, { UNSAFE_className: UNSAFE_className.option, UNSAFE_style: UNSAFE_style.option, option: option, isHighlighted: isHighlighted, onOptionSelect: onOptionSelect, addSeparators: addSeparators },
-        React.createElement(MenuOptionContent, { option: option, isSelected: isSelected, UNSAFE_className: UNSAFE_className.content, UNSAFE_style: UNSAFE_style.content })));
+    return (React__default.createElement(BaseMenuOption, { UNSAFE_className: UNSAFE_className.option, UNSAFE_style: UNSAFE_style.option, option: option, isHighlighted: isHighlighted, onOptionSelect: onOptionSelect, addSeparators: addSeparators },
+        React__default.createElement(MenuOptionContent, { option: option, isSelected: isSelected, UNSAFE_className: UNSAFE_className.content, UNSAFE_style: UNSAFE_style.content })));
 }
 function MenuOptionContent({ option, isSelected, UNSAFE_className = {}, UNSAFE_style = {}, }) {
     const iconClassName = classnames(styles.icon, UNSAFE_className.icon);
     const textClassName = classnames(styles.text, UNSAFE_className.text);
     const labelClassName = classnames(styles.label, UNSAFE_className.label);
     const detailsClassName = classnames(styles.details, UNSAFE_className.details);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: iconClassName, style: UNSAFE_style.icon }, isSelected && React.createElement(Icon, { name: "checkmark", size: "small" })),
-        React.createElement("div", { className: textClassName, style: UNSAFE_style.text },
-            React.createElement("div", { className: labelClassName, style: UNSAFE_style.label },
-                React.createElement(Text, null, option.label),
-                option.description !== undefined && (React.createElement(Text, { variation: "subdued" }, option.description))),
-            option.details !== undefined && (React.createElement("div", { className: detailsClassName, style: UNSAFE_style.details },
-                React.createElement(Text, null, option.details))))));
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: iconClassName, style: UNSAFE_style.icon }, isSelected && React__default.createElement(Icon, { name: "checkmark", size: "small" })),
+        React__default.createElement("div", { className: textClassName, style: UNSAFE_style.text },
+            React__default.createElement("div", { className: labelClassName, style: UNSAFE_style.label },
+                React__default.createElement(Text, null, option.label),
+                option.description !== undefined && (React__default.createElement(Text, { variation: "subdued" }, option.description))),
+            option.details !== undefined && (React__default.createElement("div", { className: detailsClassName, style: UNSAFE_style.details },
+                React__default.createElement(Text, null, option.details))))));
 }
 /**
  * The rendering of the default MenuGroupOption
  */
 function MenuGroupOptions({ option, UNSAFE_className = {}, UNSAFE_style = {}, }) {
-    return (React.createElement(BaseMenuGroupOption, { UNSAFE_className: UNSAFE_className.heading, UNSAFE_style: UNSAFE_style.heading },
-        React.createElement(Heading, { level: 5 }, option.label)));
+    return (React__default.createElement(BaseMenuGroupOption, { UNSAFE_className: UNSAFE_className.heading, UNSAFE_style: UNSAFE_style.heading },
+        React__default.createElement(Heading, { level: 5 }, option.label)));
 }
 function BaseMenuGroupOption({ children, UNSAFE_className = "", UNSAFE_style = {}, }) {
     const headingClassName = classnames(styles.heading, UNSAFE_className);
-    return (React.createElement("div", { className: headingClassName, style: UNSAFE_style }, children));
+    return (React__default.createElement("div", { className: headingClassName, style: UNSAFE_style }, children));
 }
 /**
  * Renders the base option component. The component takes children and renders them inside a button.
@@ -111,7 +111,7 @@ function BaseMenuOption({ option, isHighlighted, onOptionSelect, addSeparators,
         [styles.active]: isHighlighted,
         [styles.separator]: addSeparators,
     }, UNSAFE_className);
-    return (React.createElement("button", { role: "option", type: "button", className: optionClass, onMouseDown: onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect.bind(undefined, option), style: UNSAFE_style }, children));
+    return (React__default.createElement("button", { role: "option", type: "button", className: optionClass, onMouseDown: onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect.bind(undefined, option), style: UNSAFE_style }, children));
 }
 
 var KeyboardAction;
@@ -202,18 +202,18 @@ function DefaultMenu({ options, selectedOption, onOptionSelect, attachTo, visibl
         visible,
         menuRef,
     });
-    return (React.createElement(BaseAutocompleteMenuWrapper, { setMenuRef, popperStyles, attributes, targetWidth, visible }, options === null || options === void 0 ? void 0 : options.map((option, index) => {
-        return (React.createElement(MenuOption, { key: index, option: option, isHighlighted: index === highlightedIndex, onOptionSelect: onOptionSelect, isSelected: isOptionSelected(selectedOption, option), addSeparators: addSeparators }));
+    return (React__default.createElement(BaseAutocompleteMenuWrapper, { setMenuRef, popperStyles, attributes, targetWidth, visible }, options === null || options === void 0 ? void 0 : options.map((option, index) => {
+        return (React__default.createElement(MenuOption, { key: index, option: option, isHighlighted: index === highlightedIndex, onOptionSelect: onOptionSelect, isSelected: isOptionSelected(selectedOption, option), addSeparators: addSeparators }));
     })));
 }
 
 function Menu({ options, selectedOption, onOptionSelect, inputFocused, attachTo, inputRef, customRenderMenu, }) {
     if (customRenderMenu) {
-        return (React.createElement(CustomMenu, { attachTo: attachTo, inputFocused: inputFocused, inputRef: inputRef, customRenderMenu: customRenderMenu, options: options, onOptionSelect: onOptionSelect, selectedOption: selectedOption }));
+        return (React__default.createElement(CustomMenu, { attachTo: attachTo, inputFocused: inputFocused, inputRef: inputRef, customRenderMenu: customRenderMenu, options: options, onOptionSelect: onOptionSelect, selectedOption: selectedOption }));
     }
     if (!inputFocused || !options.length)
         return null;
-    return (React.createElement(DefaultMenu, { attachTo: attachTo, options: options, onOptionSelect: onOptionSelect, selectedOption: selectedOption, visible: inputFocused }));
+    return (React__default.createElement(DefaultMenu, { attachTo: attachTo, options: options, onOptionSelect: onOptionSelect, selectedOption: selectedOption, visible: inputFocused }));
 }
 /**
  * Renders the custom Menu for the Autocomplete component.
@@ -252,9 +252,9 @@ function AutocompleteInternal(_a, ref) {
         var _a;
         updateInput((_a = value === null || value === void 0 ? void 0 : value.label) !== null && _a !== void 0 ? _a : "");
     }, [value]);
-    return (React.createElement("div", { className: styles.autocomplete, ref: autocompleteRef },
-        React.createElement(InputText, Object.assign({ ref: mergeRefs([ref, inputRef]), autocomplete: false, size: size, value: inputText, onChange: handleInputChange, placeholder: placeholder, onFocus: handleInputFocus, onBlur: handleInputBlur, validations: validations }, inputProps)),
-        React.createElement(Menu, { attachTo: autocompleteRef, inputRef: inputRef, inputFocused: inputFocused, options: options, customRenderMenu: customRenderMenu, selectedOption: value, onOptionSelect: handleMenuChange })));
+    return (React__default.createElement("div", { className: styles.autocomplete, ref: autocompleteRef },
+        React__default.createElement(InputText, Object.assign({ ref: mergeRefs([ref, inputRef]), autocomplete: false, size: size, value: inputText, onChange: handleInputChange, placeholder: placeholder, onFocus: handleInputFocus, onBlur: handleInputBlur, validations: validations }, inputProps)),
+        React__default.createElement(Menu, { attachTo: autocompleteRef, inputRef: inputRef, inputFocused: inputFocused, options: options, customRenderMenu: customRenderMenu, selectedOption: value, onOptionSelect: handleMenuChange })));
     function updateInput(newText) {
         setInputText(newText);
         if (newText === "") {

package/dist/Avatar-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import Color from 'color';
 import { I as Icon } from './Icon-es.js';
@@ -52,16 +52,16 @@ function Avatar({ imageUrl, name, initials, size = "base", color, }) {
         [styles.hasBorder]: imageUrl && color,
         [styles.isDark]: shouldBeDark,
     });
-    return (React.createElement("div", { className: className, style: style, role: imageUrl && "img", "aria-label": name }, !imageUrl && (React.createElement(Initials, { initials: initials, dark: shouldBeDark, iconSize: size }))));
+    return (React__default.createElement("div", { className: className, style: style, role: imageUrl && "img", "aria-label": name }, !imageUrl && (React__default.createElement(Initials, { initials: initials, dark: shouldBeDark, iconSize: size }))));
 }
 function Initials({ initials, dark = false, iconSize = "base", }) {
     if (!initials) {
-        return (React.createElement(Icon, { name: "person", color: dark ? "white" : "blue", size: iconSize }));
+        return (React__default.createElement(Icon, { name: "person", color: dark ? "white" : "blue", size: iconSize }));
     }
     const className = classnames(styles.initials, {
         [styles.smallInitials]: initials.length > 2,
     });
-    return React.createElement("span", { className: className }, initials.substr(0, 3));
+    return React__default.createElement("span", { className: className }, initials.substr(0, 3));
 }
 
 export { Avatar as A };

package/dist/Banner-es.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import classnames from 'classnames';
 import { u as useResizeObserver } from './useResizeObserver-es.js';
 import { s as styles, B as BannerIcon } from './BannerIcon-es.js';
@@ -30,15 +30,15 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
     });
     if (!visible)
         return null;
-    return (React.createElement("div", { className: bannerClassNames, ref: bannerRef, role: type === "error" ? "alert" : "status" },
-        React.createElement("div", { className: styles.bannerContent },
-            bannerIcon && React.createElement(BannerIcon, { icon: bannerIcon, type: type }),
-            React.createElement("div", { className: styles.bannerChildren },
-                React.createElement(BannerChildren, null, children)),
-            primaryAction && (React.createElement("div", { className: styles.bannerAction },
-                React.createElement(Button, Object.assign({}, primaryAction))))),
-        dismissible && (React.createElement("div", { className: styles.closeButton },
-            React.createElement(ButtonDismiss, { ariaLabel: "Dismiss notification", onClick: handleClose })))));
+    return (React__default.createElement("div", { className: bannerClassNames, ref: bannerRef, role: type === "error" ? "alert" : "status" },
+        React__default.createElement("div", { className: styles.bannerContent },
+            bannerIcon && React__default.createElement(BannerIcon, { icon: bannerIcon, type: type }),
+            React__default.createElement("div", { className: styles.bannerChildren },
+                React__default.createElement(BannerChildren, null, children)),
+            primaryAction && (React__default.createElement("div", { className: styles.bannerAction },
+                React__default.createElement(Button, Object.assign({}, primaryAction))))),
+        dismissible && (React__default.createElement("div", { className: styles.closeButton },
+            React__default.createElement(ButtonDismiss, { ariaLabel: "Dismiss notification", onClick: handleClose })))));
     function handleClose() {
         if (typeof controlledVisiblity === "undefined") {
             setShowBanner(!showBanner);
@@ -60,11 +60,11 @@ function getBannerIcon(type) {
 }
 function BannerChildren({ children, }) {
     if (!children)
-        return React.createElement(React.Fragment, null);
+        return React__default.createElement(React__default.Fragment, null);
     if (children && typeof children === "string") {
-        return React.createElement(Text, null, children);
+        return React__default.createElement(Text, null, children);
     }
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
 }
 
 export { Banner as B };

package/dist/BannerIcon-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { I as Icon } from './Icon-es.js';
 
@@ -7,8 +7,8 @@ var styles = {"banner":"ucGelS5nNm0-","notice":"_5VzH3Cz9ps8-","error":"_16jyB9O
 var iconStyles = {"success":"RRQ5CQj05jU-","error":"rLsOR1QiHC8-","warning":"KqPf0zuN2fg-","notice":"M3q29PUUYRM-","spinning":"ad7f3jNTQXM-"};
 
 function BannerIcon({ icon, type }) {
-    return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
-        React.createElement(Icon, { name: icon, color: "surface", size: "small" })));
+    return (React__default.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },
+        React__default.createElement(Icon, { name: icon, color: "surface", size: "small" })));
 }
 
 export { BannerIcon as B, styles as s };

package/dist/Body-es.js

@@ -1,45 +1,45 @@
-import React from 'react';
+import React__default from 'react';
 import { formatCurrency } from '@jobber/formatters';
 import classnames from 'classnames';
 
 var styles$1 = {"table":"_7PagpWEko2U-","row":"_9OHT36DJGCo-","header":"YPDzOWGHgkk-","footer":"cv4Izfe0MWI-","spinning":"SBtILBzIaGI-"};
 
 function Table({ children }) {
-    return React.createElement("table", { className: styles$1.table }, children);
+    return React__default.createElement("table", { className: styles$1.table }, children);
 }
 
 function Row({ children }) {
-    return React.createElement("tr", { className: styles$1.row }, children);
+    return React__default.createElement("tr", { className: styles$1.row }, children);
 }
 
 var styles = {"cell":"EJeK329S0z0-","left":"WUrWSkqXHM4-","center":"Zt8BVgeQWjA-","right":"D-xShQGl-Us-","numeric":"kX0wxCTtfyc-","spinning":"ITB007fAKH8-"};
 
 function Cell({ children, align = "left" }) {
     const className = classnames(styles.cell, styles[align]);
-    return React.createElement("td", { className: className }, children);
+    return React__default.createElement("td", { className: className }, children);
 }
 
 function CellNumeric({ value }) {
-    return (React.createElement(Cell, { align: "right" },
-        React.createElement("span", { className: styles.numeric }, value.toString())));
+    return (React__default.createElement(Cell, { align: "right" },
+        React__default.createElement("span", { className: styles.numeric }, value.toString())));
 }
 
 function CellCurrency({ value, currency = undefined, }) {
-    return React.createElement(CellNumeric, { value: formatCurrency(value, currency) });
+    return React__default.createElement(CellNumeric, { value: formatCurrency(value, currency) });
 }
 
 function Header({ children }) {
-    return (React.createElement("thead", { className: styles$1.header },
-        React.createElement(Row, null, children)));
+    return (React__default.createElement("thead", { className: styles$1.header },
+        React__default.createElement(Row, null, children)));
 }
 
 function Footer({ children }) {
-    return (React.createElement("tfoot", { className: styles$1.footer },
-        React.createElement(Row, null, children)));
+    return (React__default.createElement("tfoot", { className: styles$1.footer },
+        React__default.createElement(Row, null, children)));
 }
 
 function Body({ children }) {
-    return React.createElement("tbody", null, children);
+    return React__default.createElement("tbody", null, children);
 }
 
 export { Body as B, Cell as C, Footer as F, Header as H, Row as R, Table as T, CellNumeric as a, CellCurrency as b };

package/dist/Box-es.js

@@ -1,5 +1,5 @@
 import { _ as __rest } from './tslib.es6-es.js';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 
 var borderStyles = {"border":"Y4Fm1wA7Z6c-","border-base":"GWX6qFcouh8-","border-top":"_20qfwUymZHI-","border-right":"_80vVV1kYAXU-","border-bottom":"_3yLCo9rAEyY-","border-left":"Sejzll1Lw3U-","spinning":"hgVY5aoAemU-"};
@@ -121,7 +121,7 @@ var radiusStyles = {"radius-small":"kCKg-JJTRO8-","radius-base":"_235nMwtuWSw-",
 
 function Box(_a) {
     var { alignItems, alignSelf, as: Tag = "div", background, border, borderColor, children, direction, gap, height = "auto", justifyContent, margin, overflow, padding, position = "relative", preserveWhiteSpace, radius, width = "auto" } = _a, props = __rest(_a, ["alignItems", "alignSelf", "as", "background", "border", "borderColor", "children", "direction", "gap", "height", "justifyContent", "margin", "overflow", "padding", "position", "preserveWhiteSpace", "radius", "width"]);
-    return (React.createElement(Tag, Object.assign({}, props, { className: classnames(styles.box, preserveWhiteSpace && styles["preserve-white-space"], getPaddingClassNames(padding), getMarginClassNames(margin), getHeightClassName(height), getWidthClassName(width), getBorderClassNames(border), radius && radiusStyles[`radius-${radius}`], gap && gapStyles[`gap-${gap}`]), style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getPaddingVars(padding)), getMarginVars(margin)), getHeightVars(height)), getWidthVars(width)), getBorderVars(border)), (background && { backgroundColor: `var(--color-${background})` })), (borderColor && { borderColor: `var(--color-${borderColor})` })), { alignItems,
+    return (React__default.createElement(Tag, Object.assign({}, props, { className: classnames(styles.box, preserveWhiteSpace && styles["preserve-white-space"], getPaddingClassNames(padding), getMarginClassNames(margin), getHeightClassName(height), getWidthClassName(width), getBorderClassNames(border), radius && radiusStyles[`radius-${radius}`], gap && gapStyles[`gap-${gap}`]), style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getPaddingVars(padding)), getMarginVars(margin)), getHeightVars(height)), getWidthVars(width)), getBorderVars(border)), (background && { backgroundColor: `var(--color-${background})` })), (borderColor && { borderColor: `var(--color-${borderColor})` })), { alignItems,
             alignSelf, flexDirection: direction, justifyContent,
             overflow,
             position }) }), children));

package/dist/Button-es.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React__default, { createContext, useContext } from 'react';
 import { Link } from 'react-router-dom';
 import classnames from 'classnames';
 import { _ as __rest } from './tslib.es6-es.js';
@@ -11,7 +11,7 @@ const ButtonContext = createContext({
     size: "base",
 });
 function ButtonProvider({ children, size = "base", }) {
-    return (React.createElement(ButtonContext.Provider, { value: { size } }, children));
+    return (React__default.createElement(ButtonContext.Provider, { value: { size } }, children));
 }
 function useButton() {
     return useContext(ButtonContext);
@@ -38,10 +38,10 @@ function useButtonStyles({ size: sizeProp, disabled, fullWidth, loading, variati
  * @deprecated Used composed solution instead
  */
 function ButtonContent({ label, icon, size = "base", iconOnRight = false, }) {
-    return (React.createElement(React.Fragment, null,
-        icon && !iconOnRight && React.createElement(ButtonIcon, { name: icon, size: size }),
-        label && React.createElement(ButtonLabel, { size: size }, label),
-        icon && iconOnRight && React.createElement(ButtonIcon, { name: icon, size: size })));
+    return (React__default.createElement(React__default.Fragment, null,
+        icon && !iconOnRight && React__default.createElement(ButtonIcon, { name: icon, size: size }),
+        label && React__default.createElement(ButtonLabel, { size: size }, label),
+        icon && iconOnRight && React__default.createElement(ButtonIcon, { name: icon, size: size })));
 }
 function getTypeSizes(size) {
     switch (size) {
@@ -57,19 +57,19 @@ function ButtonIcon(_a) {
     var { size: sizeProp } = _a, props = __rest(_a, ["size"]);
     const { size: contextSize } = useButton();
     const size = sizeProp || contextSize;
-    return React.createElement(Icon, Object.assign({}, props, { size: size }));
+    return React__default.createElement(Icon, Object.assign({}, props, { size: size }));
 }
 function ButtonLabel(_a) {
     var { element = "span", fontWeight = "semiBold", fontFamily = "base", size: sizeProp } = _a, props = __rest(_a, ["element", "fontWeight", "fontFamily", "size"]);
     const { size: contextSize } = useButton();
     const size = sizeProp || contextSize;
-    return (React.createElement(Typography, Object.assign({ element: element, fontWeight: fontWeight, fontFamily: fontFamily, size: getTypeSizes(size) }, props)));
+    return (React__default.createElement(Typography, Object.assign({ element: element, fontWeight: fontWeight, fontFamily: fontFamily, size: getTypeSizes(size) }, props)));
 }
 
 function Button(props) {
     const { size } = props;
-    return (React.createElement(ButtonProvider, { size: size },
-        React.createElement(ButtonWrapper, Object.assign({}, props))));
+    return (React__default.createElement(ButtonProvider, { size: size },
+        React__default.createElement(ButtonWrapper, Object.assign({}, props))));
 }
 function ButtonWrapper(props) {
     const { ariaControls, ariaHaspopup, ariaExpanded, ariaLabel, disabled = false, external, id, name, onClick, onMouseDown, role, value, submit, to, url, } = props;
@@ -77,12 +77,12 @@ function ButtonWrapper(props) {
     const buttonType = submit ? "submit" : "button";
     const tagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ className: combined, disabled,
         id }, (submit && { name, value })), (!disabled && { href: url })), (!disabled && { onClick: onClick })), (!disabled && { onMouseDown: onMouseDown })), (external && { target: "_blank" })), (url === undefined && to === undefined && { type: buttonType })), { "aria-controls": ariaControls, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-label": ariaLabel, role: role });
-    const buttonInternals = props.children || React.createElement(ButtonContent, Object.assign({}, props));
+    const buttonInternals = props.children || React__default.createElement(ButtonContent, Object.assign({}, props));
     if (to) {
-        return (React.createElement(Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
+        return (React__default.createElement(Link, Object.assign({}, tagProps, { to: to }), buttonInternals));
     }
     const Tag = url ? "a" : "button";
-    return React.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
+    return React__default.createElement(Tag, Object.assign({}, tagProps), buttonInternals);
 }
 Button.Label = ButtonLabel;
 Button.Icon = ButtonIcon;

package/dist/ButtonDismiss-es.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React__default from 'react';
 import { B as Button } from './Button-es.js';
 import 'classnames';
 
 function ButtonDismiss({ onClick, ariaLabel }) {
-    return (React.createElement(Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));
+    return (React__default.createElement(Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));
 }
 
 export { ButtonDismiss as B };

package/dist/Card-es.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import classnames from 'classnames';
 import { H as Heading } from './Heading-es.js';
 import { B as Button } from './Button-es.js';
@@ -18,7 +18,7 @@ const SPACEBAR_KEY = " ";
  */
 function CardClickable({ className, onClick, children, }) {
     const cardRef = useRef();
-    return (React.createElement("div", { ref: cardRef, "data-testid": "clickable-card", className: className, onClick: onClick, onKeyUp: handleKeyup, onKeyDown: handleKeyDown, role: "button", tabIndex: 0 }, children));
+    return (React__default.createElement("div", { ref: cardRef, "data-testid": "clickable-card", className: className, onClick: onClick, onKeyUp: handleKeyup, onKeyDown: handleKeyDown, role: "button", tabIndex: 0 }, children));
     function isCardFocused() {
         return document.activeElement === cardRef.current;
     }
@@ -43,43 +43,43 @@ function CardClickable({ className, onClick, children, }) {
  */
 function CardHeader({ title, header, }) {
     const heading = title || header;
-    if (React.isValidElement(heading))
-        return React.createElement(React.Fragment, null, heading);
+    if (React__default.isValidElement(heading))
+        return React__default.createElement(React__default.Fragment, null, heading);
     if (heading) {
         const titleString = typeof heading === "string"
             ? heading
             : heading.title;
-        return (React.createElement("div", { className: styles.header },
-            titleString && React.createElement(Heading, { level: 2 }, titleString),
+        return (React__default.createElement("div", { className: styles.header },
+            titleString && React__default.createElement(Heading, { level: 2 }, titleString),
             typeof heading === "object" &&
                 renderHeaderAction(heading === null || heading === void 0 ? void 0 : heading.action)));
     }
-    return React.createElement(React.Fragment, null);
+    return React__default.createElement(React__default.Fragment, null);
 }
 function renderHeaderAction(action) {
     if ((action === null || action === void 0 ? void 0 : action.type) === Button) {
         const props = Object.assign(Object.assign({ type: "tertiary" }, action.props), { size: "small" });
-        return action && React.createElement(Button, Object.assign({}, props));
+        return action && React__default.createElement(Button, Object.assign({}, props));
     }
     if ((action === null || action === void 0 ? void 0 : action.type) === Menu) {
-        return action && React.createElement(Menu, Object.assign({}, action.props));
+        return action && React__default.createElement(Menu, Object.assign({}, action.props));
     }
-    return React.createElement(React.Fragment, null);
+    return React__default.createElement(React__default.Fragment, null);
 }
 
 function Card({ accent, header, children, onClick, title, url, external = false, elevation = "none", }) {
     const className = classnames(styles.card, accent && styles.accent, (url || onClick) && styles.clickable, accent && colors[accent], elevation !== "none" && elevations[`${elevation}Elevation`]);
-    const cardContent = (React.createElement(React.Fragment, null,
-        React.createElement(CardHeader, { title: title, header: header }),
+    const cardContent = (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(CardHeader, { title: title, header: header }),
         children));
     if (onClick) {
-        return (React.createElement(CardClickable, { className: className, onClick: onClick }, cardContent));
+        return (React__default.createElement(CardClickable, { className: className, onClick: onClick }, cardContent));
     }
     else if (url) {
-        return (React.createElement("a", Object.assign({ className: className, href: url }, (external && { target: "_blank", rel: "noopener noreferrer" })), cardContent));
+        return (React__default.createElement("a", Object.assign({ className: className, href: url }, (external && { target: "_blank", rel: "noopener noreferrer" })), cardContent));
     }
     else {
-        return React.createElement("div", { className: className }, cardContent);
+        return React__default.createElement("div", { className: className }, cardContent);
     }
 }