@jobber/components 6.26.0 → 6.26.1

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;

package/dist/SideDrawer-es.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useEffect, useState, useId } from 'react';
+import React__default, { createContext, useContext, useEffect, useState, useId } from 'react';
 import { createPortal } from 'react-dom';
 import { AnimatePresence, motion } from 'framer-motion';
 import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
@@ -27,7 +27,7 @@ function SideDrawerActions({ children }) {
     const { actionPortal } = useSideDrawerContext();
     if (!actionPortal)
         return null;
-    return createPortal(React.createElement(React.Fragment, null, children), actionPortal);
+    return createPortal(React__default.createElement(React__default.Fragment, null, children), actionPortal);
 }
 
 function SideDrawerTitle({ children }) {
@@ -35,7 +35,7 @@ function SideDrawerTitle({ children }) {
     if (!titlePortal)
         return null;
     if (typeof children === "string") {
-        return createPortal(React.createElement(Heading, { level: 2 }, children), titlePortal);
+        return createPortal(React__default.createElement(Heading, { level: 2 }, children), titlePortal);
     }
     return createPortal(children, titlePortal);
 }
@@ -59,14 +59,14 @@ function SideDrawerBackButton({ onClick, }) {
     }, []);
     if (!backPortal)
         return null;
-    return createPortal(React.createElement(Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
+    return createPortal(React__default.createElement(Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
 }
 
 function SideDrawerFooter({ children }) {
     const { footerPortal } = useSideDrawerContext();
     if (!footerPortal)
         return null;
-    return createPortal(React.createElement(React.Fragment, null, children), footerPortal);
+    return createPortal(React__default.createElement(React__default.Fragment, null, children), footerPortal);
 }
 
 const variants = {
@@ -110,7 +110,7 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
     const isMounted = useIsMounted_2();
     if (!isMounted.current && !container)
         return null;
-    const SideDrawerRender = (React.createElement(SideDrawerContext.Provider, { value: {
+    const SideDrawerRender = (React__default.createElement(SideDrawerContext.Provider, { value: {
             actionPortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(slots.actions.selector),
             titlePortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(slots.title.selector),
             toolbarPortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(slots.toolbar.selector),
@@ -120,34 +120,34 @@ function SideDrawer({ children, onRequestClose, open, variation = "base", scroll
             registerComponent: key => setComponents(prev => (Object.assign(Object.assign({}, prev), { [key]: true }))),
             unRegisterComponent: key => setComponents(prev => (Object.assign(Object.assign({}, prev), { [key]: false }))),
         } },
-        open && !inline && (React.createElement("button", { className: styles.overlay, "aria-label": "Close", onClick: onRequestClose, type: "button" })),
-        React.createElement(AnimatePresence, { initial: false }, open && (React.createElement(motion.div, { className: classnames(styles.drawer, {
+        open && !inline && (React__default.createElement("button", { className: styles.overlay, "aria-label": "Close", onClick: onRequestClose, type: "button" })),
+        React__default.createElement(AnimatePresence, { initial: false }, open && (React__default.createElement(motion.div, { className: classnames(styles.drawer, {
                 [styles.reverseScroll]: scrollDirection === "reverse",
                 [styles.inline]: inline,
             }, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), ref: setRef, "data-elevation": "elevated", variants: inline ? inlineVariants : variants, initial: "initial", animate: "visible", exit: "hidden", transition: {
                 duration: tokens["timing-base"] / 1000,
             }, style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container },
-            React.createElement("div", { ref: sideDrawerRef, role: "dialog", className: classnames(styles.container, styles.hasShadow, {
+            React__default.createElement("div", { ref: sideDrawerRef, role: "dialog", className: classnames(styles.container, styles.hasShadow, {
                     [styles.subtle]: variation === "subtle",
                 }), tabIndex: 0, onKeyUp: handleKeyUp },
-                React.createElement("div", { className: classnames(styles.header, {
+                React__default.createElement("div", { className: classnames(styles.header, {
                         [styles.hasShadow]: headerShadowRef.current && !noHeaderShadow,
                     }) },
-                    React.createElement(Flex, { template: ["grow", "shrink"], align: "start" },
-                        React.createElement(Flex, { template: ["shrink", "grow"], align: "start", gap: "none" },
-                            React.createElement("div", Object.assign({ className: classnames(styles.backButton, {
+                    React__default.createElement(Flex, { template: ["grow", "shrink"], align: "start" },
+                        React__default.createElement(Flex, { template: ["shrink", "grow"], align: "start", gap: "none" },
+                            React__default.createElement("div", Object.assign({ className: classnames(styles.backButton, {
                                     [styles.backButtonVisible]: components.backButton,
                                 }) }, slots.backButton.attr)),
-                            React.createElement("div", Object.assign({ className: classnames(styles.heading) }, slots.title.attr))),
-                        React.createElement("div", { className: styles.headerActions },
-                            React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.actions.attr)),
-                            React.createElement(Button, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
-                    React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.toolbar.attr))),
-                React.createElement("div", { className: styles.content },
-                    React.createElement("div", { className: styles.headerShadowListener, ref: headerShadowRef }),
+                            React__default.createElement("div", Object.assign({ className: classnames(styles.heading) }, slots.title.attr))),
+                        React__default.createElement("div", { className: styles.headerActions },
+                            React__default.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.actions.attr)),
+                            React__default.createElement(Button, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
+                    React__default.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, slots.toolbar.attr))),
+                React__default.createElement("div", { className: styles.content },
+                    React__default.createElement("div", { className: styles.headerShadowListener, ref: headerShadowRef }),
                     children,
-                    React.createElement("div", { className: styles.footerShadowListener, ref: footerShadowRef })),
-                React.createElement("div", Object.assign({ className: classnames(styles.footer, styles.hideWhenEmpty, {
+                    React__default.createElement("div", { className: styles.footerShadowListener, ref: footerShadowRef })),
+                React__default.createElement("div", Object.assign({ className: classnames(styles.footer, styles.hideWhenEmpty, {
                         [styles.hasShadow]: footerShadowRef.current && !noFooterShadow,
                     }) }, slots.footer.attr))))))));
     if (inline) {

package/dist/Spinner-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 
 var styles = {"spinner":"_6hfmGZoXNyg-","animationSpin":"aT3CETCJ4hQ-","small":"bMfynkzmlL4-","inline":"NA68eWblbLo-","spinning":"aCBq1WrkI4M-"};
@@ -8,7 +8,7 @@ function Spinner({ size = "base", inline }) {
         [styles.small]: size === "small",
         [styles.inline]: inline,
     });
-    return (React.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": "loading" }));
+    return (React__default.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": "loading" }));
 }
 
 export { Spinner as S };

package/dist/StatusIndicator-es.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React__default from 'react';
 
 var styles = {"statusIndicator":"WiSIdMrztSU-","spinning":"HtjGZ9un0j0-"};
 
 function StatusIndicator({ status }) {
-    return (React.createElement("span", { style: { backgroundColor: `var(--color-${status})` }, className: styles.statusIndicator, "data-testid": `ATL-Status-Indicator-${status}` }));
+    return (React__default.createElement("span", { style: { backgroundColor: `var(--color-${status})` }, className: styles.statusIndicator, "data-testid": `ATL-Status-Indicator-${status}` }));
 }
 
 export { StatusIndicator as S };

package/dist/StatusLabel-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { T as Typography } from './Typography-es.js';
 import { S as StatusIndicator } from './StatusIndicator-es.js';
@@ -7,10 +7,10 @@ var styles = {"statusLabelRow":"OADGAhZt8dY-","success":"gQdAtJ0BiSk-","warning"
 
 function StatusLabel({ label, alignment = "start", status = "inactive", }) {
     const containerClassNames = classnames(styles.statusLabelRow, styles[status], alignment === "end" && styles.labelTextEndAligned);
-    return (React.createElement("div", { role: "status", className: containerClassNames },
-        React.createElement("div", { className: styles.statusIndicatorWrapper },
-            React.createElement(StatusIndicator, { status: status })),
-        React.createElement(Typography, { size: "small", align: alignment }, label)));
+    return (React__default.createElement("div", { role: "status", className: containerClassNames },
+        React__default.createElement("div", { className: styles.statusIndicatorWrapper },
+            React__default.createElement(StatusIndicator, { status: status })),
+        React__default.createElement(Typography, { size: "small", align: alignment }, label)));
 }
 
 export { StatusLabel as S };

package/dist/Switch-es.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import classnames from 'classnames';
 import { T as Typography } from './Typography-es.js';
 
@@ -21,13 +21,13 @@ function Switch({ value: providedValue, ariaLabel, name, disabled, onChange, })
         [styles.isChecked]: value,
         [styles.disabled]: disabled,
     });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", { id: name, type: "button", role: "switch", "aria-checked": value, "aria-label": ariaLabel, className: className, onClick: toggleSwitch, disabled: disabled },
-            React.createElement("span", { className: styles.toggle },
-                React.createElement(Label, { as: "On", disabled: disabled }),
-                React.createElement("span", { className: styles.pip }),
-                React.createElement(Label, { as: "Off", disabled: disabled }))),
-        React.createElement("input", { name: name, type: "hidden", value: String(value) })));
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("button", { id: name, type: "button", role: "switch", "aria-checked": value, "aria-label": ariaLabel, className: className, onClick: toggleSwitch, disabled: disabled },
+            React__default.createElement("span", { className: styles.toggle },
+                React__default.createElement(Label, { as: "On", disabled: disabled }),
+                React__default.createElement("span", { className: styles.pip }),
+                React__default.createElement(Label, { as: "Off", disabled: disabled }))),
+        React__default.createElement("input", { name: name, type: "hidden", value: String(value) })));
 }
 function Label({ as, disabled }) {
     const getTextColor = () => {
@@ -39,8 +39,8 @@ function Label({ as, disabled }) {
         }
         return "greyBlue";
     };
-    return (React.createElement("span", { className: styles.label },
-        React.createElement(Typography, { element: "span", textColor: getTextColor(), size: "small", fontWeight: "bold", textCase: "uppercase" }, as)));
+    return (React__default.createElement("span", { className: styles.label },
+        React__default.createElement(Typography, { element: "span", textColor: getTextColor(), size: "small", fontWeight: "bold", textCase: "uppercase" }, as)));
 }
 
 export { Switch as S };

package/dist/Tabs-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 { t as throttle } from './throttle-es.js';
 import { T as Typography } from './Typography-es.js';
@@ -67,7 +67,7 @@ const useArrowKeyNavigation = ({ elementsRef, onActivate, }) => {
 
 function Tabs({ children, defaultTab = 0, activeTab: controlledActiveTab, onTabChange, }) {
     var _a;
-    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
+    const activeTabInitialValue = defaultTab < React__default.Children.count(children) ? defaultTab : 0;
     const [internalActiveTab, setInternalActiveTab] = useState(activeTabInitialValue);
     const activeTab = controlledActiveTab !== undefined ? controlledActiveTab : internalActiveTab;
     const { overflowRight, overflowLeft, tabRow } = useTabsOverflow();
@@ -90,27 +90,27 @@ function Tabs({ children, defaultTab = 0, activeTab: controlledActiveTab, onTabC
         elementsRef: tabRefs,
         onActivate: index => activateTab(index)(),
     });
-    const activeTabProps = (_a = React.Children.toArray(children)[activeTab]) === null || _a === void 0 ? void 0 : _a.props;
+    const activeTabProps = (_a = React__default.Children.toArray(children)[activeTab]) === null || _a === void 0 ? void 0 : _a.props;
     useEffect(() => {
-        if (activeTab > React.Children.count(children) - 1) {
+        if (activeTab > React__default.Children.count(children) - 1) {
             setInternalActiveTab(activeTabInitialValue);
         }
-    }, [React.Children.count(children)]);
-    return (React.createElement("div", { className: styles.tabs },
-        React.createElement("div", { className: overflowClassNames },
-            React.createElement("ul", { role: "tablist", className: styles.tabRow, ref: tabRow, onKeyDown: handleKeyDown }, React.Children.map(children, (tab, index) => (React.createElement(InternalTab, { label: tab.props.label, selected: activeTab === index, activateTab: activateTab(index), onClick: tab.props.onClick, ref: el => (tabRefs.current[index] = el), tabIndex: activeTab === index ? 0 : -1 }))))),
-        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.label }, activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.children)));
+    }, [React__default.Children.count(children)]);
+    return (React__default.createElement("div", { className: styles.tabs },
+        React__default.createElement("div", { className: overflowClassNames },
+            React__default.createElement("ul", { role: "tablist", className: styles.tabRow, ref: tabRow, onKeyDown: handleKeyDown }, React__default.Children.map(children, (tab, index) => (React__default.createElement(InternalTab, { label: tab.props.label, selected: activeTab === index, activateTab: activateTab(index), onClick: tab.props.onClick, ref: el => (tabRefs.current[index] = el), tabIndex: activeTab === index ? 0 : -1 }))))),
+        React__default.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.label }, activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.children)));
 }
 function Tab({ label }) {
-    return React.createElement(React.Fragment, null, label);
+    return React__default.createElement(React__default.Fragment, null, label);
 }
-const InternalTab = React.forwardRef(({ label, selected, activateTab, onClick, tabIndex }, ref) => {
+const InternalTab = React__default.forwardRef(({ label, selected, activateTab, onClick, tabIndex }, ref) => {
     const className = classnames(styles.tab, { [styles.selected]: selected });
-    return (React.createElement("li", { role: "presentation" },
-        React.createElement("button", { type: "button", role: "tab", className: className, onClick: event => {
+    return (React__default.createElement("li", { role: "presentation" },
+        React__default.createElement("button", { type: "button", role: "tab", className: className, onClick: event => {
                 activateTab();
                 onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            }, ref: ref, tabIndex: tabIndex }, typeof label === "string" ? (React.createElement(Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label)) : (label))));
+            }, ref: ref, tabIndex: tabIndex }, typeof label === "string" ? (React__default.createElement(Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label)) : (label))));
 });
 InternalTab.displayName = "InternalTab";
 

package/dist/Text-es.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { T as Typography } from './Typography-es.js';
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
@@ -19,7 +19,7 @@ function Text({ variation = "default", size = "base", align = "start", children,
         larger: 16,
         unlimited: undefined,
     };
-    return (React.createElement(Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align }, children));
+    return (React__default.createElement(Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align }, children));
 }
 
 export { Text as T };