@jobber/components 6.25.0 → 6.26.1

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 };

package/dist/Option-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { k as FormField } from './FormField-es.js';
 import './tslib.es6-es.js';
 import 'react-hook-form';
@@ -8,11 +8,11 @@ import 'classnames';
 import './Button-es.js';
 
 function Select(props) {
-    return React.createElement(FormField, Object.assign({ type: "select" }, props));
+    return React__default.createElement(FormField, Object.assign({ type: "select" }, props));
 }
 
 function SelectOption({ children, disabled, value }) {
-    return (React.createElement("option", { disabled: disabled, value: value }, children));
+    return (React__default.createElement("option", { disabled: disabled, value: value }, children));
 }
 
 export { Select as S, SelectOption as a };

package/dist/Page-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { u as useResizeObserver } from './useResizeObserver-es.js';
 import { H as Heading } from './Heading-es.js';
@@ -30,28 +30,28 @@ function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, child
     if (secondaryAction != undefined) {
         secondaryAction = Object.assign({ type: "secondary", fullWidth: true }, secondaryAction);
     }
-    return (React.createElement("div", { className: pageStyles },
-        React.createElement(Content, null,
-            React.createElement(Content, null,
-                React.createElement("div", { className: titleBarClasses, ref: titleBarRef },
-                    React.createElement("div", null,
-                        titleMetaData ? (React.createElement("div", { className: styles.titleRow },
-                            React.createElement(Heading, { level: 1 }, title),
-                            titleMetaData)) : (React.createElement(Heading, { level: 1 }, title)),
-                        subtitle && (React.createElement("div", { className: styles.subtitle },
-                            React.createElement(Text, { size: "large", variation: "subdued" },
-                                React.createElement(Emphasis, { variation: "bold" },
-                                    React.createElement(Markdown, { content: subtitle, basicUsage: true })))))),
-                    showActionGroup && (React.createElement("div", { className: styles.actionGroup },
-                        primaryAction && (React.createElement("div", { className: styles.primaryAction, ref: primaryAction.ref },
-                            React.createElement(Button, Object.assign({}, getActionProps(primaryAction))))),
-                        secondaryAction && (React.createElement("div", { className: styles.actionButton, ref: secondaryAction.ref },
-                            React.createElement(Button, Object.assign({}, getActionProps(secondaryAction))))),
-                        showMenu && (React.createElement("div", { className: styles.actionButton },
-                            React.createElement(Menu, { items: moreActionsMenu })))))),
-                intro && (React.createElement(Text, { size: "large" },
-                    React.createElement(Markdown, { content: intro, basicUsage: true, externalLink: externalIntroLinks })))),
-            React.createElement(Content, null, children))));
+    return (React__default.createElement("div", { className: pageStyles },
+        React__default.createElement(Content, null,
+            React__default.createElement(Content, null,
+                React__default.createElement("div", { className: titleBarClasses, ref: titleBarRef },
+                    React__default.createElement("div", null,
+                        titleMetaData ? (React__default.createElement("div", { className: styles.titleRow },
+                            React__default.createElement(Heading, { level: 1 }, title),
+                            titleMetaData)) : (React__default.createElement(Heading, { level: 1 }, title)),
+                        subtitle && (React__default.createElement("div", { className: styles.subtitle },
+                            React__default.createElement(Text, { size: "large", variation: "subdued" },
+                                React__default.createElement(Emphasis, { variation: "bold" },
+                                    React__default.createElement(Markdown, { content: subtitle, basicUsage: true })))))),
+                    showActionGroup && (React__default.createElement("div", { className: styles.actionGroup },
+                        primaryAction && (React__default.createElement("div", { className: styles.primaryAction, ref: primaryAction.ref },
+                            React__default.createElement(Button, Object.assign({}, getActionProps(primaryAction))))),
+                        secondaryAction && (React__default.createElement("div", { className: styles.actionButton, ref: secondaryAction.ref },
+                            React__default.createElement(Button, Object.assign({}, getActionProps(secondaryAction))))),
+                        showMenu && (React__default.createElement("div", { className: styles.actionButton },
+                            React__default.createElement(Menu, { items: moreActionsMenu })))))),
+                intro && (React__default.createElement(Text, { size: "large" },
+                    React__default.createElement(Markdown, { content: intro, basicUsage: true, externalLink: externalIntroLinks })))),
+            React__default.createElement(Content, null, children))));
 }
 const getActionProps = (actionProps) => {
     const buttonProps = Object.assign({}, actionProps);

package/dist/Popover-es.js

@@ -1,8 +1,8 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { usePopper } from 'react-popper';
 import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
 import classnames from 'classnames';
-import ReactDOM from 'react-dom';
+import ReactDOM__default from 'react-dom';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 
 var classes = {"popover":"rY8OtuArIi0-","header":"UI1AohefbSo-","dismissButton":"HyA0TM5soDM-","arrow":"uClo-5-xhAc-","spinning":"VA0ROLmpLPs-"};
@@ -19,12 +19,12 @@ function Popover({ onRequestClose, children, attachTo, open, preferredPlacement
     const popoverClassNames = classnames(classes.popover, UNSAFE_className.container);
     const dismissButtonClassNames = classnames(classes.dismissButton, UNSAFE_className.dismissButtonContainer);
     const arrowClassNames = classnames(classes.arrow, UNSAFE_className.arrow);
-    const popoverContent = (React.createElement("div", Object.assign({ role: "dialog", "data-elevation": "elevated", ref: setPopperElement, style: Object.assign(Object.assign({}, popperStyles.popper), ((_a = UNSAFE_style.container) !== null && _a !== void 0 ? _a : {})), className: popoverClassNames }, attributes.popper, { "data-testid": "popover-container" }),
-        React.createElement("div", { className: dismissButtonClassNames, style: (_b = UNSAFE_style.dismissButtonContainer) !== null && _b !== void 0 ? _b : {}, "data-testid": "popover-dismiss-button-container" },
-            React.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close dialog" })),
+    const popoverContent = (React__default.createElement("div", Object.assign({ role: "dialog", "data-elevation": "elevated", ref: setPopperElement, style: Object.assign(Object.assign({}, popperStyles.popper), ((_a = UNSAFE_style.container) !== null && _a !== void 0 ? _a : {})), className: popoverClassNames }, attributes.popper, { "data-testid": "popover-container" }),
+        React__default.createElement("div", { className: dismissButtonClassNames, style: (_b = UNSAFE_style.dismissButtonContainer) !== null && _b !== void 0 ? _b : {}, "data-testid": "popover-dismiss-button-container" },
+            React__default.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: "Close dialog" })),
         children,
-        React.createElement("div", { ref: setArrowElement, className: arrowClassNames, style: Object.assign(Object.assign({}, popperStyles.arrow), ((_c = UNSAFE_style.arrow) !== null && _c !== void 0 ? _c : {})), "data-testid": "popover-arrow" })));
-    return React.createElement(React.Fragment, null, open && ReactDOM.createPortal(popoverContent, document.body));
+        React__default.createElement("div", { ref: setArrowElement, className: arrowClassNames, style: Object.assign(Object.assign({}, popperStyles.arrow), ((_c = UNSAFE_style.arrow) !== null && _c !== void 0 ? _c : {})), "data-testid": "popover-arrow" })));
+    return React__default.createElement(React__default.Fragment, null, open && ReactDOM__default.createPortal(popoverContent, document.body));
 }
 function buildModifiers(arrowElement) {
     const modifiers = [

package/dist/ProgressBar-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 
 var styles = {"ProgressBar":"p9AgTzIbTwY-","SteppedProgressBar":"w8NAw4ZMB6g-","wrapper":"d4oS-DGtcKA-","spinning":"f58JiDXlkHA-"};
@@ -8,10 +8,10 @@ var sizes = {"smaller":"dylWWgubHwM-","small":"z92YJQrscvI-","base":"DKfNM1to61A
 function ProgressBarStepped({ currentStep, totalSteps, percentage, size = "base", }) {
     const steppedProgressBarClassName = classnames(styles.ProgressBar, styles.SteppedProgressBar, sizes[size]);
     const ariaLabel = `progress, ${currentStep} out of ${totalSteps}`;
-    return (React.createElement("div", { role: "progressbar", className: styles.wrapper, "aria-valuenow": percentage, "aria-valuetext": ariaLabel }, Array.from({ length: totalSteps }).map((_, index) => {
+    return (React__default.createElement("div", { role: "progressbar", className: styles.wrapper, "aria-valuenow": percentage, "aria-valuetext": ariaLabel }, Array.from({ length: totalSteps }).map((_, index) => {
         const step = index + 1;
         const value = step <= currentStep ? 100 : 0;
-        return (React.createElement("progress", { key: step, className: steppedProgressBarClassName, value: value, "data-testid": "progress-step" },
+        return (React__default.createElement("progress", { key: step, className: steppedProgressBarClassName, value: value, "data-testid": "progress-step" },
             value,
             "%"));
     })));
@@ -21,9 +21,9 @@ function ProgressBar({ currentStep, totalSteps, size = "base", variation = "prog
     const percentage = (currentStep / totalSteps) * 100;
     const progressBarClassName = classnames(styles.ProgressBar, sizes[size]);
     if (variation === "stepped") {
-        return (React.createElement(ProgressBarStepped, { currentStep: currentStep, totalSteps: totalSteps, percentage: percentage, size: size }));
+        return (React__default.createElement(ProgressBarStepped, { currentStep: currentStep, totalSteps: totalSteps, percentage: percentage, size: size }));
     }
-    return (React.createElement("progress", { className: progressBarClassName, max: totalSteps, value: currentStep },
+    return (React__default.createElement("progress", { className: progressBarClassName, max: totalSteps, value: currentStep },
         percentage,
         "%"));
 }

package/dist/RadioGroup-es.js

@@ -1,4 +1,4 @@
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import { T as Text } from './Text-es.js';
 
 var styles = {"radioGroup":"KZfSK2vhTyI-","input":"w1Rr3bk2t5g-","label":"gN41T07x0l0-","description":"Ke2WKKuvmRo-","children":"JZOA-psW-FI-","spinning":"_54fzkHxkCbs-"};
@@ -8,24 +8,24 @@ var styles = {"radioGroup":"KZfSK2vhTyI-","input":"w1Rr3bk2t5g-","label":"gN41T0
  * the real RadioOption, look at InternalRadioOption
  */
 function RadioOption({ children }) {
-    return React.createElement(React.Fragment, null, children);
+    return React__default.createElement(React__default.Fragment, null, children);
 }
 function InternalRadioOption({ value, name, label, description, disabled, checked, children, onChange, }) {
     const inputId = `${value.toString()}_${useId()}`;
     const shouldRenderIndependentChildren = label && children;
-    return (React.createElement("div", null,
-        React.createElement("input", { onChange: handleChange, type: "radio", name: name, value: value, disabled: disabled, checked: checked, id: inputId, className: styles.input, "aria-describedby": description ? `${inputId}_description` : undefined }),
-        React.createElement("label", { className: styles.label, htmlFor: inputId }, label ? label : children),
-        description && (React.createElement("div", { className: styles.description, id: `${inputId}_description` },
-            React.createElement(Text, { variation: "subdued", size: "small" }, description))),
-        shouldRenderIndependentChildren && (React.createElement("div", { className: styles.children, id: `${inputId}_children` }, children))));
+    return (React__default.createElement("div", null,
+        React__default.createElement("input", { onChange: handleChange, type: "radio", name: name, value: value, disabled: disabled, checked: checked, id: inputId, className: styles.input, "aria-describedby": description ? `${inputId}_description` : undefined }),
+        React__default.createElement("label", { className: styles.label, htmlFor: inputId }, label ? label : children),
+        description && (React__default.createElement("div", { className: styles.description, id: `${inputId}_description` },
+            React__default.createElement(Text, { variation: "subdued", size: "small" }, description))),
+        shouldRenderIndependentChildren && (React__default.createElement("div", { className: styles.children, id: `${inputId}_children` }, children))));
     function handleChange() {
         onChange(value);
     }
 }
 
 function RadioGroup({ children, value, ariaLabel, onChange, name = useId(), }) {
-    return (React.createElement("div", { role: "radiogroup", "aria-label": ariaLabel, className: styles.radioGroup }, React.Children.map(children, option => (React.createElement(InternalRadioOption, Object.assign({ checked: value === option.props.value, name: name, onChange: handleChange }, option.props), option.props.children)))));
+    return (React__default.createElement("div", { role: "radiogroup", "aria-label": ariaLabel, className: styles.radioGroup }, React__default.Children.map(children, option => (React__default.createElement(InternalRadioOption, Object.assign({ checked: value === option.props.value, name: name, onChange: handleChange }, option.props), option.props.children)))));
     function handleChange(newValue) {
         if (newValue !== value) {
             onChange(newValue);

package/dist/RecurringSelect-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-es.js';
 import { T as Text } from './Text-es.js';
 import 'classnames';
@@ -13,22 +13,22 @@ function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange
             const onChangeWeekDays = (next) => {
                 onChange(Object.assign(Object.assign({}, recurrenceRule), { weekDays: next }));
             };
-            return (React.createElement(WeeklySelect, { disabled: disabled, selectedDays: recurrenceRule.weekDays, onChange: onChangeWeekDays }));
+            return (React__default.createElement(WeeklySelect, { disabled: disabled, selectedDays: recurrenceRule.weekDays, onChange: onChangeWeekDays }));
         }
         case DurationPeriod.WeekDayOfMonth: {
             const onChangeWeekDayOfMonth = (next) => {
                 onChange(Object.assign(Object.assign({}, recurrenceRule), { dayOfWeek: next }));
             };
-            return (React.createElement(MonthlyDayOfWeekSelect, { disabled: disabled, onChange: onChangeWeekDayOfMonth, selectedWeeks: recurrenceRule.dayOfWeek }));
+            return (React__default.createElement(MonthlyDayOfWeekSelect, { disabled: disabled, onChange: onChangeWeekDayOfMonth, selectedWeeks: recurrenceRule.dayOfWeek }));
         }
         case DurationPeriod.DayOfMonth: {
             const onChangeDayOfMonth = (next) => {
                 onChange(Object.assign(Object.assign({}, recurrenceRule), { date: next }));
             };
-            return (React.createElement(DayOfMonthSelect, { disabled: disabled, selectedDays: recurrenceRule.date, onChange: onChangeDayOfMonth }));
+            return (React__default.createElement(DayOfMonthSelect, { disabled: disabled, selectedDays: recurrenceRule.date, onChange: onChangeDayOfMonth }));
         }
         default:
-            return React.createElement(React.Fragment, null);
+            return React__default.createElement(React__default.Fragment, null);
     }
 }
 
@@ -44,20 +44,20 @@ function RecurringSelect({ value, disabled = false, onChange, }) {
     const hasExtraFrequencyDescriptor = value.type === DurationPeriod.WeekDayOfMonth ||
         value.type === DurationPeriod.DayOfMonth ||
         value.type === DurationPeriod.Week;
-    return (React.createElement(Content, null,
-        React.createElement("div", { className: styles.container },
-            React.createElement(Text, { variation: disabledTextVariation }, "Every"),
-            React.createElement("div", { className: styles.fullWidthWrapper },
-                React.createElement(InputGroup, { flowDirection: "horizontal" },
-                    React.createElement(InputNumber, { disabled: disabled, name: "schedule-recurrence-interval", value: value.interval, min: 1, maxLength: 3, onChange: onChangeInterval }),
-                    React.createElement(Select, { disabled: disabled, value: value.type, onChange: onChangeType, name: "schedule-recurrence-type" },
-                        React.createElement(SelectOption, { value: DurationPeriod.Day }, "Day(s)"),
-                        React.createElement(SelectOption, { value: DurationPeriod.Week }, "Week(s)"),
-                        React.createElement(SelectOption, { value: monthlySelectOptionValue }, "Month(s)"),
-                        React.createElement(SelectOption, { value: DurationPeriod.Year }, "Year(s)")))),
-            hasExtraFrequencyDescriptor && (React.createElement(Text, { variation: disabledTextVariation }, "on"))),
-        isMonthly(value) && (React.createElement(MonthlySelect, { disabled: disabled, onChange: onChangeType, selectedMonthOption: value.type })),
-        React.createElement(CurrentRecurrenceComponent, { disabled: disabled, recurrenceRule: value, onChange: onChange })));
+    return (React__default.createElement(Content, null,
+        React__default.createElement("div", { className: styles.container },
+            React__default.createElement(Text, { variation: disabledTextVariation }, "Every"),
+            React__default.createElement("div", { className: styles.fullWidthWrapper },
+                React__default.createElement(InputGroup, { flowDirection: "horizontal" },
+                    React__default.createElement(InputNumber, { disabled: disabled, name: "schedule-recurrence-interval", value: value.interval, min: 1, maxLength: 3, onChange: onChangeInterval }),
+                    React__default.createElement(Select, { disabled: disabled, value: value.type, onChange: onChangeType, name: "schedule-recurrence-type" },
+                        React__default.createElement(SelectOption, { value: DurationPeriod.Day }, "Day(s)"),
+                        React__default.createElement(SelectOption, { value: DurationPeriod.Week }, "Week(s)"),
+                        React__default.createElement(SelectOption, { value: monthlySelectOptionValue }, "Month(s)"),
+                        React__default.createElement(SelectOption, { value: DurationPeriod.Year }, "Year(s)")))),
+            hasExtraFrequencyDescriptor && (React__default.createElement(Text, { variation: disabledTextVariation }, "on"))),
+        isMonthly(value) && (React__default.createElement(MonthlySelect, { disabled: disabled, onChange: onChangeType, selectedMonthOption: value.type })),
+        React__default.createElement(CurrentRecurrenceComponent, { disabled: disabled, recurrenceRule: value, onChange: onChange })));
     function onChangeInterval(interval) {
         onChange(Object.assign(Object.assign({}, value), { interval }));
     }

package/dist/SegmentedControl-es.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useCallback, useMemo, useId, forwardRef, Children, useRef } from 'react';
+import React__default, { createContext, useContext, useState, useCallback, useMemo, useId, forwardRef, Children, useRef } from 'react';
 import classnames from 'classnames';
 
 const SegmentedControlContext = createContext({
@@ -22,7 +22,7 @@ function SegmentedControlProvider({ children, selectedValue, onSelectValue, defa
     const currentSelectedOption = isControlled
         ? selectedValue
         : internalSelectedValue;
-    return (React.createElement(SegmentedControlContext.Provider, { value: {
+    return (React__default.createElement(SegmentedControlContext.Provider, { value: {
             handleChange,
             selectedValue: currentSelectedOption,
             segmentedControlName: name,
@@ -33,9 +33,9 @@ function SegmentedControlOption({ value, children, ariaLabel, }) {
     const { selectedValue, handleChange, segmentedControlName } = useSegmentedControl();
     const localChecked = useMemo(() => selectedValue === value, [selectedValue, value]);
     const inputId = `${value.toString()}_${useId()}`;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", { type: "radio", id: inputId, name: segmentedControlName, checked: localChecked, value: value, onChange: handleChange, "aria-label": ariaLabel, tabIndex: localChecked ? 0 : -1 }),
-        React.createElement("label", { htmlFor: inputId }, children)));
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("input", { type: "radio", id: inputId, name: segmentedControlName, checked: localChecked, value: value, onChange: handleChange, "aria-label": ariaLabel, tabIndex: localChecked ? 0 : -1 }),
+        React__default.createElement("label", { htmlFor: inputId }, children)));
 }
 
 var styles = {"container":"FDDKTZkTdfM-","small":"V41prM1xcKI-","large":"DbXvfxdDF-c-","spinning":"iKliBX-y4ec-"};
@@ -46,17 +46,17 @@ const SegmentedControlBase = forwardRef(function SegmentedControlBase({ children
         [styles.small]: size === "small",
         [styles.large]: size === "large",
     });
-    return (React.createElement("div", { ref: ref, className: containerClassNames, role: "radiogroup", style: {
+    return (React__default.createElement("div", { ref: ref, className: containerClassNames, role: "radiogroup", style: {
             "--segmentedControl--option-count": optionCount,
         } },
         children,
-        React.createElement("span", null)));
+        React__default.createElement("span", null)));
 });
 
 function SegmentedControl({ selectedValue, onSelectValue, defaultValue, children, name = useId(), size = "base", }) {
     const container = useRef(null);
-    return (React.createElement(SegmentedControlProvider, { selectedValue: selectedValue, onSelectValue: onSelectValue, defaultValue: defaultValue, name: name },
-        React.createElement(SegmentedControlBase, { ref: container, size: size }, children)));
+    return (React__default.createElement(SegmentedControlProvider, { selectedValue: selectedValue, onSelectValue: onSelectValue, defaultValue: defaultValue, name: name },
+        React__default.createElement(SegmentedControlBase, { ref: container, size: size }, children)));
 }
 SegmentedControl.Option = SegmentedControlOption;
 SegmentedControl.Base = SegmentedControlBase;