@jobber/components 4.85.6-CJS-to-ESM.4 → 4.85.6

package/dist/RadioGroup/index.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var RadioGroup = require('../RadioGroup-CL8tcJwY.js');
-require('react');
-require('../style-inject.es-XZHJH68X.js');
-require('../Text-D9gsHxbp.js');
-require('../Typography-Dx8KtnBw.js');
-require('classnames');
-
-
-
-exports.RadioGroup = RadioGroup.RadioGroup;
-exports.RadioOption = RadioGroup.RadioOption;

package/dist/RadioGroup/index.mjs

@@ -1,6 +0,0 @@
-export { R as RadioGroup, a as RadioOption } from '../RadioGroup-CvoMZUNQ.js';
-import 'react';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Text-DEviM1Tv.js';
-import '../Typography-G8pA_xwj.js';
-import 'classnames';

package/dist/RadioGroup-CL8tcJwY.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Text = require('./Text-D9gsHxbp.js');
-
-var css_248z = "._5P8wEHDUdKY- {\n  --radio--checked-thickness: var(--border-thicker);\n  --radio-diameter: var(--space-base);\n  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)\n    var(--color-interactive--hover);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.jobber-retheme ._5P8wEHDUdKY- {\n  --radio--checked-thickness: calc(\n    var(--border-thicker) + var(--space-smallest)\n  );\n  --radio-diameter: calc(var(--space-base) + var(--space-smaller));\n  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule) transparent;\n}\n\n._08ZPdlE98Ko- {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  left: -999vw;\n}\n\n.-PUoLXltVlQ- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-size: var(--typography--fontSize-base);\n  cursor: pointer;\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n._08ZPdlE98Ko- + .-PUoLXltVlQ-::before {\n  content: \"\";\n  display: block;\n  width: var(--radio-diameter);\n  height: var(--radio-diameter);\n  box-sizing: border-box;\n  margin: var(--space-smallest) var(--space-small) 0 0;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: 100%;\n  background-color: var(--color-surface);\n  transition: all var(--timing-quick) ease-out;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n.jobber-retheme ._08ZPdlE98Ko- + .-PUoLXltVlQ-::before {\n  margin-top: 0;\n  border-color: var(--color-border);\n}\n\n._08ZPdlE98Ko-:hover + .-PUoLXltVlQ-::before {\n  border-color: var(--color-interactive);\n}\n\n._08ZPdlE98Ko-:checked + .-PUoLXltVlQ-::before {\n  box-shadow: var(--radio--checked-shadow);\n  border-color: var(--color-interactive--hover);\n  border-width: var(--radio--checked-thickness);\n  background-color: var(--color-interactive);\n}\n\n._08ZPdlE98Ko-:focus-visible:checked + .-PUoLXltVlQ-:before {\n  box-shadow: var(--radio--checked-shadow), var(--shadow-focus);\n}\n\n._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ- {\n  color: var(--color-disabled);\n  cursor: not-allowed;\n}\n\n._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ-::before {\n  border-color: var(--color-disabled--secondary);\n}\n\n.jobber-retheme ._08ZPdlE98Ko-:checked + .-PUoLXltVlQ-::before {\n  border-color: var(--color-interactive);\n  background-color: var(--color-surface);\n}\n\n._08ZPdlE98Ko-[disabled]:checked + .-PUoLXltVlQ-::before {\n  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)\n    var(--color-disabled);\n  border-color: var(--color-disabled);\n}\n\n._8r6qT-6S9EI-,\n.C5SzbO1epLk- {\n  margin-bottom: var(--space-small);\n  padding-left: calc(var(--radio-diameter) + var(--space-small));\n}\n\n.jobber-retheme ._8r6qT-6S9EI-,\n.jobber-retheme .C5SzbO1epLk- {\n  margin-top: calc(var(--space-smaller) * -1);\n}\n\n._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ- + ._8r6qT-6S9EI- > p {\n  color: var(--color-disabled);\n}\n";
-var styles = {"radioGroup":"_5P8wEHDUdKY-","input":"_08ZPdlE98Ko-","label":"-PUoLXltVlQ-","description":"_8r6qT-6S9EI-","children":"C5SzbO1epLk-"};
-styleInject_es.styleInject(css_248z);
-
-/**
- * For rendering props only. To make updates to
- * the real RadioOption, look at InternalRadioOption
- */
-function RadioOption({ children }) {
-    return React.createElement(React.Fragment, null, children);
-}
-function InternalRadioOption({ value, name, label, description, disabled, checked, children, onChange, }) {
-    const inputId = `${value.toString()}_${React.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.Text, { variation: "subdued", size: "small" }, description))),
-        shouldRenderIndependentChildren && (React.createElement("div", { className: styles.children, id: `${inputId}_children` }, children))));
-    function handleChange() {
-        onChange(value);
-    }
-}
-
-function RadioGroup({ children, value, ariaLabel, onChange, name = React.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)))));
-    function handleChange(newValue) {
-        if (newValue !== value) {
-            onChange(newValue);
-        }
-    }
-}
-
-exports.RadioGroup = RadioGroup;
-exports.RadioOption = RadioOption;

package/dist/RadioGroup-CvoMZUNQ.js

@@ -1,39 +0,0 @@
-import React, { useId } from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { T as Text } from './Text-DEviM1Tv.js';
-
-var css_248z = "._5P8wEHDUdKY- {\n  --radio--checked-thickness: var(--border-thicker);\n  --radio-diameter: var(--space-base);\n  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)\n    var(--color-interactive--hover);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.jobber-retheme ._5P8wEHDUdKY- {\n  --radio--checked-thickness: calc(\n    var(--border-thicker) + var(--space-smallest)\n  );\n  --radio-diameter: calc(var(--space-base) + var(--space-smaller));\n  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule) transparent;\n}\n\n._08ZPdlE98Ko- {\n  /* Hide checkbox on UI but not screen readers and still allow focus state */\n  position: absolute;\n  left: -999vw;\n}\n\n.-PUoLXltVlQ- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-size: var(--typography--fontSize-base);\n  cursor: pointer;\n  -ms-flex-align: start;\n      align-items: flex-start;\n}\n\n._08ZPdlE98Ko- + .-PUoLXltVlQ-::before {\n  content: \"\";\n  display: block;\n  width: var(--radio-diameter);\n  height: var(--radio-diameter);\n  box-sizing: border-box;\n  margin: var(--space-smallest) var(--space-small) 0 0;\n  border: var(--border-thick) solid var(--color-interactive);\n  border-radius: 100%;\n  background-color: var(--color-surface);\n  transition: all var(--timing-quick) ease-out;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n\n.jobber-retheme ._08ZPdlE98Ko- + .-PUoLXltVlQ-::before {\n  margin-top: 0;\n  border-color: var(--color-border);\n}\n\n._08ZPdlE98Ko-:hover + .-PUoLXltVlQ-::before {\n  border-color: var(--color-interactive);\n}\n\n._08ZPdlE98Ko-:checked + .-PUoLXltVlQ-::before {\n  box-shadow: var(--radio--checked-shadow);\n  border-color: var(--color-interactive--hover);\n  border-width: var(--radio--checked-thickness);\n  background-color: var(--color-interactive);\n}\n\n._08ZPdlE98Ko-:focus-visible:checked + .-PUoLXltVlQ-:before {\n  box-shadow: var(--radio--checked-shadow), var(--shadow-focus);\n}\n\n._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ- {\n  color: var(--color-disabled);\n  cursor: not-allowed;\n}\n\n._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ-::before {\n  border-color: var(--color-disabled--secondary);\n}\n\n.jobber-retheme ._08ZPdlE98Ko-:checked + .-PUoLXltVlQ-::before {\n  border-color: var(--color-interactive);\n  background-color: var(--color-surface);\n}\n\n._08ZPdlE98Ko-[disabled]:checked + .-PUoLXltVlQ-::before {\n  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)\n    var(--color-disabled);\n  border-color: var(--color-disabled);\n}\n\n._8r6qT-6S9EI-,\n.C5SzbO1epLk- {\n  margin-bottom: var(--space-small);\n  padding-left: calc(var(--radio-diameter) + var(--space-small));\n}\n\n.jobber-retheme ._8r6qT-6S9EI-,\n.jobber-retheme .C5SzbO1epLk- {\n  margin-top: calc(var(--space-smaller) * -1);\n}\n\n._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ- + ._8r6qT-6S9EI- > p {\n  color: var(--color-disabled);\n}\n";
-var styles = {"radioGroup":"_5P8wEHDUdKY-","input":"_08ZPdlE98Ko-","label":"-PUoLXltVlQ-","description":"_8r6qT-6S9EI-","children":"C5SzbO1epLk-"};
-styleInject(css_248z);
-
-/**
- * For rendering props only. To make updates to
- * the real RadioOption, look at InternalRadioOption
- */
-function RadioOption({ children }) {
-    return React.createElement(React.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))));
-    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)))));
-    function handleChange(newValue) {
-        if (newValue !== value) {
-            onChange(newValue);
-        }
-    }
-}
-
-export { RadioGroup as R, RadioOption as a };

package/dist/RecurringSelect/components/index.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var DayOfMonthSelect = require('../../DayOfMonthSelect-UlE6seGW.js');
-require('react');
-require('../../style-inject.es-XZHJH68X.js');
-require('../../RadioGroup-CL8tcJwY.js');
-require('../../Text-D9gsHxbp.js');
-require('../../Typography-Dx8KtnBw.js');
-require('classnames');
-
-
-
-exports.DayOfMonthSelect = DayOfMonthSelect.DayOfMonthSelect;
-exports.MonthlyDayOfWeekSelect = DayOfMonthSelect.MonthlyDayOfWeekSelect;
-exports.MonthlySelect = DayOfMonthSelect.MonthlySelect;
-exports.WeeklySelect = DayOfMonthSelect.WeeklySelect;

package/dist/RecurringSelect/components/index.mjs

@@ -1,7 +0,0 @@
-export { c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, M as MonthlySelect, a as WeeklySelect } from '../../DayOfMonthSelect--s7Ry-jx.js';
-import 'react';
-import '../../style-inject.es-tgCJW-Cu.js';
-import '../../RadioGroup-CvoMZUNQ.js';
-import '../../Text-DEviM1Tv.js';
-import '../../Typography-G8pA_xwj.js';
-import 'classnames';

package/dist/RecurringSelect/index.cjs

@@ -1,36 +0,0 @@
-'use strict';
-
-var RecurringSelect = require('../RecurringSelect-QdDavgCT.js');
-var DayOfMonthSelect = require('../DayOfMonthSelect-UlE6seGW.js');
-require('react');
-require('../Text-D9gsHxbp.js');
-require('../Typography-Dx8KtnBw.js');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-require('../RadioGroup-CL8tcJwY.js');
-require('../Option-CbvjqSHC.js');
-require('../FormField-hCrwUWca.js');
-require('../tslib.es6-ld72nsZq.js');
-require('react-hook-form');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../InputValidation-DIwnbDDv.js');
-require('framer-motion');
-require('../Spinner-DT15aa_r.js');
-require('../InputNumber-B0sa7sL7.js');
-require('../InputGroup-Bljb97cw.js');
-require('../Content-B8Od1cqS.js');
-
-
-
-exports.RecurringSelect = RecurringSelect.RecurringSelect;
-Object.defineProperty(exports, "DurationPeriod", {
-	enumerable: true,
-	get: function () { return DayOfMonthSelect.DurationPeriod; }
-});
-Object.defineProperty(exports, "WeekDay", {
-	enumerable: true,
-	get: function () { return DayOfMonthSelect.WeekDay; }
-});

package/dist/RecurringSelect/index.mjs

@@ -1,22 +0,0 @@
-export { R as RecurringSelect } from '../RecurringSelect-D2F9hWJb.js';
-export { D as DurationPeriod, W as WeekDay } from '../DayOfMonthSelect--s7Ry-jx.js';
-import 'react';
-import '../Text-DEviM1Tv.js';
-import '../Typography-G8pA_xwj.js';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../RadioGroup-CvoMZUNQ.js';
-import '../Option-CK6AzE_2.js';
-import '../FormField-D2Dlrypi.js';
-import '../tslib.es6-Df1SgIEn.js';
-import 'react-hook-form';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../InputValidation-BmgvSw0e.js';
-import 'framer-motion';
-import '../Spinner-BOhyUAA_.js';
-import '../InputNumber-9zWSTnld.js';
-import '../InputGroup-CCJ2rycA.js';
-import '../Content-BknIp35w.js';

package/dist/RecurringSelect-D2F9hWJb.js

@@ -1,74 +0,0 @@
-import React 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--s7Ry-jx.js';
-import { T as Text } from './Text-DEviM1Tv.js';
-import './RadioGroup-CvoMZUNQ.js';
-import 'classnames';
-import './Typography-G8pA_xwj.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { S as Select, a as SelectOption } from './Option-CK6AzE_2.js';
-import { I as InputNumber } from './InputNumber-9zWSTnld.js';
-import { I as InputGroup } from './InputGroup-CCJ2rycA.js';
-import { C as Content } from './Content-BknIp35w.js';
-
-function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
-    switch (recurrenceRule.type) {
-        case DurationPeriod.Week: {
-            const onChangeWeekDays = (next) => {
-                onChange(Object.assign(Object.assign({}, recurrenceRule), { weekDays: next }));
-            };
-            return (React.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 }));
-        }
-        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 }));
-        }
-        default:
-            return React.createElement(React.Fragment, null);
-    }
-}
-
-var css_248z = ".ANBCH37jH0k- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  gap: var(--space-base);\n}\n\n.ZV0GgII8eWQ- {\n  width: 100%;\n}\n";
-var styles = {"container":"ANBCH37jH0k-","fullWidthWrapper":"ZV0GgII8eWQ-"};
-styleInject(css_248z);
-
-function RecurringSelect({ value, disabled = false, onChange, }) {
-    const disabledTextVariation = disabled ? "disabled" : undefined;
-    // we must dynamically populate the select option based on which is selected
-    // because there is no single "month" option, it must always be one of these two
-    const monthlySelectOptionValue = value.type === DurationPeriod.WeekDayOfMonth
-        ? DurationPeriod.WeekDayOfMonth
-        : DurationPeriod.DayOfMonth;
-    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 })));
-    function onChangeInterval(interval) {
-        onChange(Object.assign(Object.assign({}, value), { interval }));
-    }
-    function onChangeType(type) {
-        onChange(Object.assign({ interval: value.interval }, typeInitialStateMap[type]));
-    }
-}
-
-export { RecurringSelect as R };

package/dist/RecurringSelect-QdDavgCT.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DayOfMonthSelect = require('./DayOfMonthSelect-UlE6seGW.js');
-var Text = require('./Text-D9gsHxbp.js');
-require('./RadioGroup-CL8tcJwY.js');
-require('classnames');
-require('./Typography-Dx8KtnBw.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Option = require('./Option-CbvjqSHC.js');
-var InputNumber = require('./InputNumber-B0sa7sL7.js');
-var InputGroup = require('./InputGroup-Bljb97cw.js');
-var Content = require('./Content-B8Od1cqS.js');
-
-function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
-    switch (recurrenceRule.type) {
-        case DayOfMonthSelect.DurationPeriod.Week: {
-            const onChangeWeekDays = (next) => {
-                onChange(Object.assign(Object.assign({}, recurrenceRule), { weekDays: next }));
-            };
-            return (React.createElement(DayOfMonthSelect.WeeklySelect, { disabled: disabled, selectedDays: recurrenceRule.weekDays, onChange: onChangeWeekDays }));
-        }
-        case DayOfMonthSelect.DurationPeriod.WeekDayOfMonth: {
-            const onChangeWeekDayOfMonth = (next) => {
-                onChange(Object.assign(Object.assign({}, recurrenceRule), { dayOfWeek: next }));
-            };
-            return (React.createElement(DayOfMonthSelect.MonthlyDayOfWeekSelect, { disabled: disabled, onChange: onChangeWeekDayOfMonth, selectedWeeks: recurrenceRule.dayOfWeek }));
-        }
-        case DayOfMonthSelect.DurationPeriod.DayOfMonth: {
-            const onChangeDayOfMonth = (next) => {
-                onChange(Object.assign(Object.assign({}, recurrenceRule), { date: next }));
-            };
-            return (React.createElement(DayOfMonthSelect.DayOfMonthSelect, { disabled: disabled, selectedDays: recurrenceRule.date, onChange: onChangeDayOfMonth }));
-        }
-        default:
-            return React.createElement(React.Fragment, null);
-    }
-}
-
-var css_248z = ".ANBCH37jH0k- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  gap: var(--space-base);\n}\n\n.ZV0GgII8eWQ- {\n  width: 100%;\n}\n";
-var styles = {"container":"ANBCH37jH0k-","fullWidthWrapper":"ZV0GgII8eWQ-"};
-styleInject_es.styleInject(css_248z);
-
-function RecurringSelect({ value, disabled = false, onChange, }) {
-    const disabledTextVariation = disabled ? "disabled" : undefined;
-    // we must dynamically populate the select option based on which is selected
-    // because there is no single "month" option, it must always be one of these two
-    const monthlySelectOptionValue = value.type === DayOfMonthSelect.DurationPeriod.WeekDayOfMonth
-        ? DayOfMonthSelect.DurationPeriod.WeekDayOfMonth
-        : DayOfMonthSelect.DurationPeriod.DayOfMonth;
-    const hasExtraFrequencyDescriptor = value.type === DayOfMonthSelect.DurationPeriod.WeekDayOfMonth ||
-        value.type === DayOfMonthSelect.DurationPeriod.DayOfMonth ||
-        value.type === DayOfMonthSelect.DurationPeriod.Week;
-    return (React.createElement(Content.Content, null,
-        React.createElement("div", { className: styles.container },
-            React.createElement(Text.Text, { variation: disabledTextVariation }, "Every"),
-            React.createElement("div", { className: styles.fullWidthWrapper },
-                React.createElement(InputGroup.InputGroup, { flowDirection: "horizontal" },
-                    React.createElement(InputNumber.InputNumber, { disabled: disabled, name: "schedule-recurrence-interval", value: value.interval, min: 1, maxLength: 3, onChange: onChangeInterval }),
-                    React.createElement(Option.Select, { disabled: disabled, value: value.type, onChange: onChangeType, name: "schedule-recurrence-type" },
-                        React.createElement(Option.SelectOption, { value: DayOfMonthSelect.DurationPeriod.Day }, "Day(s)"),
-                        React.createElement(Option.SelectOption, { value: DayOfMonthSelect.DurationPeriod.Week }, "Week(s)"),
-                        React.createElement(Option.SelectOption, { value: monthlySelectOptionValue }, "Month(s)"),
-                        React.createElement(Option.SelectOption, { value: DayOfMonthSelect.DurationPeriod.Year }, "Year(s)")))),
-            hasExtraFrequencyDescriptor && (React.createElement(Text.Text, { variation: disabledTextVariation }, "on"))),
-        DayOfMonthSelect.isMonthly(value) && (React.createElement(DayOfMonthSelect.MonthlySelect, { disabled: disabled, onChange: onChangeType, selectedMonthOption: value.type })),
-        React.createElement(CurrentRecurrenceComponent, { disabled: disabled, recurrenceRule: value, onChange: onChange })));
-    function onChangeInterval(interval) {
-        onChange(Object.assign(Object.assign({}, value), { interval }));
-    }
-    function onChangeType(type) {
-        onChange(Object.assign({ interval: value.interval }, DayOfMonthSelect.typeInitialStateMap[type]));
-    }
-}
-
-exports.RecurringSelect = RecurringSelect;

package/dist/Select/index.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var Option = require('../Option-CbvjqSHC.js');
-require('react');
-require('../FormField-hCrwUWca.js');
-require('../tslib.es6-ld72nsZq.js');
-require('react-hook-form');
-require('../style-inject.es-XZHJH68X.js');
-require('classnames');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../Typography-Dx8KtnBw.js');
-require('../Text-D9gsHxbp.js');
-require('../InputValidation-DIwnbDDv.js');
-require('framer-motion');
-require('../Spinner-DT15aa_r.js');
-
-
-
-exports.Option = Option.SelectOption;
-exports.Select = Option.Select;

package/dist/Select/index.mjs

@@ -1,16 +0,0 @@
-export { a as Option, S as Select } from '../Option-CK6AzE_2.js';
-import 'react';
-import '../FormField-D2Dlrypi.js';
-import '../tslib.es6-Df1SgIEn.js';
-import 'react-hook-form';
-import '../style-inject.es-tgCJW-Cu.js';
-import 'classnames';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../Typography-G8pA_xwj.js';
-import '../Text-DEviM1Tv.js';
-import '../InputValidation-BmgvSw0e.js';
-import 'framer-motion';
-import '../Spinner-BOhyUAA_.js';

package/dist/Spinner/index.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var Spinner = require('../Spinner-DT15aa_r.js');
-require('react');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-
-
-
-exports.Spinner = Spinner.Spinner;

package/dist/Spinner/index.mjs

@@ -1,4 +0,0 @@
-export { S as Spinner } from '../Spinner-BOhyUAA_.js';
-import 'react';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';

package/dist/Spinner-BOhyUAA_.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".uoU-LfjFDv0- {\n  width: var(--space-larger);\n  height: var(--space-larger);\n  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n  border: solid var(--color-blue--light);\n  border-top-color: var(--color-white);\n  border-width: calc(var(--space-small) * 0.75);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--lightest);\n  -webkit-animation-duration: calc(var(--timing-slowest) * 2);\n          animation-duration: calc(var(--timing-slowest) * 2);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _1aCKd5q9u34-;\n          animation-name: _1aCKd5q9u34-;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  will-change: transform;\n}\n\n@-webkit-keyframes _1aCKd5q9u34- {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n@keyframes _1aCKd5q9u34- {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n.cLRQwkSqnhA- {\n  width: var(--space-base);\n  height: var(--space-base);\n  border-width: var(--space-smaller);\n}\n\n.h6O4vDPCWOQ- {\n  display: inline-block;\n  margin-top: calc(var(--space-smaller) * -1);\n  vertical-align: middle;\n}\n";
-var styles = {"spinner":"uoU-LfjFDv0-","animationSpin":"_1aCKd5q9u34-","small":"cLRQwkSqnhA-","inline":"h6O4vDPCWOQ-"};
-styleInject(css_248z);
-
-function Spinner({ size = "base", inline }) {
-    const spinnerStyles = classnames(styles.spinner, {
-        [styles.small]: size === "small",
-        [styles.inline]: inline,
-    });
-    return (React.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": "loading" }));
-}
-
-export { Spinner as S };

package/dist/Spinner-DT15aa_r.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z = ".uoU-LfjFDv0- {\n  width: var(--space-larger);\n  height: var(--space-larger);\n  box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);\n  border: solid var(--color-blue--light);\n  border-top-color: var(--color-white);\n  border-width: calc(var(--space-small) * 0.75);\n  border-radius: var(--radius-circle);\n  background-color: var(--color-blue--lightest);\n  -webkit-animation-duration: calc(var(--timing-slowest) * 2);\n          animation-duration: calc(var(--timing-slowest) * 2);\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: _1aCKd5q9u34-;\n          animation-name: _1aCKd5q9u34-;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n  will-change: transform;\n}\n\n@-webkit-keyframes _1aCKd5q9u34- {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n@keyframes _1aCKd5q9u34- {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  100% {\n    -webkit-transform: rotate(359deg);\n            transform: rotate(359deg);\n  }\n}\n\n.cLRQwkSqnhA- {\n  width: var(--space-base);\n  height: var(--space-base);\n  border-width: var(--space-smaller);\n}\n\n.h6O4vDPCWOQ- {\n  display: inline-block;\n  margin-top: calc(var(--space-smaller) * -1);\n  vertical-align: middle;\n}\n";
-var styles = {"spinner":"uoU-LfjFDv0-","animationSpin":"_1aCKd5q9u34-","small":"cLRQwkSqnhA-","inline":"h6O4vDPCWOQ-"};
-styleInject_es.styleInject(css_248z);
-
-function Spinner({ size = "base", inline }) {
-    const spinnerStyles = classnames(styles.spinner, {
-        [styles.small]: size === "small",
-        [styles.inline]: inline,
-    });
-    return (React.createElement("div", { className: spinnerStyles, role: "alert", "aria-busy": true, "aria-label": "loading" }));
-}
-
-exports.Spinner = Spinner;

package/dist/StatusIndicator/index.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var StatusIndicator = require('../StatusIndicator-DMcPLJ2i.js');
-require('react');
-require('../style-inject.es-XZHJH68X.js');
-
-
-
-exports.StatusIndicator = StatusIndicator.StatusIndicator;

package/dist/StatusIndicator/index.mjs

@@ -1,3 +0,0 @@
-export { S as StatusIndicator } from '../StatusIndicator-DcXKG260.js';
-import 'react';
-import '../style-inject.es-tgCJW-Cu.js';

package/dist/StatusIndicator-DMcPLJ2i.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-
-var css_248z = ".ob7nhx1U-HQ- {\n  display: inline-block;\n  width: var(--statusLabel-icon-diameter);\n  height: var(--statusLabel-icon-diameter);\n  border-radius: 3px;\n  background-color: var(--color-success);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n";
-var styles = {"statusIndicator":"ob7nhx1U-HQ-"};
-styleInject_es.styleInject(css_248z);
-
-function StatusIndicator({ status }) {
-    return (React.createElement("span", { style: { backgroundColor: `var(--color-${status})` }, className: styles.statusIndicator, "data-testid": `ATL-Status-Indicator-${status}` }));
-}
-
-exports.StatusIndicator = StatusIndicator;

package/dist/StatusIndicator-DcXKG260.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".ob7nhx1U-HQ- {\n  display: inline-block;\n  width: var(--statusLabel-icon-diameter);\n  height: var(--statusLabel-icon-diameter);\n  border-radius: 3px;\n  background-color: var(--color-success);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n}\n";
-var styles = {"statusIndicator":"ob7nhx1U-HQ-"};
-styleInject(css_248z);
-
-function StatusIndicator({ status }) {
-    return (React.createElement("span", { style: { backgroundColor: `var(--color-${status})` }, className: styles.statusIndicator, "data-testid": `ATL-Status-Indicator-${status}` }));
-}
-
-export { StatusIndicator as S };

package/dist/StatusLabel/index.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var StatusLabel = require('../StatusLabel-8RoVevu0.js');
-require('react');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-require('../Text-D9gsHxbp.js');
-require('../Typography-Dx8KtnBw.js');
-require('../StatusIndicator-DMcPLJ2i.js');
-
-
-
-exports.StatusLabel = StatusLabel.StatusLabel;

package/dist/StatusLabel/index.mjs

@@ -1,7 +0,0 @@
-export { S as StatusLabel } from '../StatusLabel-BJsnaMk6.js';
-import 'react';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Text-DEviM1Tv.js';
-import '../Typography-G8pA_xwj.js';
-import '../StatusIndicator-DcXKG260.js';

package/dist/StatusLabel-8RoVevu0.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Text = require('./Text-D9gsHxbp.js');
-var StatusIndicator = require('./StatusIndicator-DMcPLJ2i.js');
-
-var css_248z = ":root {\n  --statusLabel-icon-diameter: 10px;\n}\n\n.MB0ycTR4PHg- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  gap: var(--space-small);\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n._0kNfkSPBETw- {\n  -ms-flex-direction: row-reverse;\n      flex-direction: row-reverse;\n}\n\n.fNl6zDhsox0- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  padding-top: var(--space-minuscule);\n}\n";
-var styles = {"statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicator":"fNl6zDhsox0-"};
-styleInject_es.styleInject(css_248z);
-
-function StatusLabel({ label, alignment = "start", status = "inactive", }) {
-    const containerClassNames = classnames(styles.statusLabelRow, alignment === "end" && styles.labelTextEndAligned);
-    return (React.createElement("div", { role: "status", className: containerClassNames },
-        React.createElement("div", { className: styles.statusIndicator },
-            React.createElement(StatusIndicator.StatusIndicator, { status: status })),
-        React.createElement(Text.Text, { size: "small", align: alignment }, label)));
-}
-
-exports.StatusLabel = StatusLabel;

package/dist/StatusLabel-BJsnaMk6.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { T as Text } from './Text-DEviM1Tv.js';
-import { S as StatusIndicator } from './StatusIndicator-DcXKG260.js';
-
-var css_248z = ":root {\n  --statusLabel-icon-diameter: 10px;\n}\n\n.MB0ycTR4PHg- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  gap: var(--space-small);\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n._0kNfkSPBETw- {\n  -ms-flex-direction: row-reverse;\n      flex-direction: row-reverse;\n}\n\n.fNl6zDhsox0- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  padding-top: var(--space-minuscule);\n}\n";
-var styles = {"statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicator":"fNl6zDhsox0-"};
-styleInject(css_248z);
-
-function StatusLabel({ label, alignment = "start", status = "inactive", }) {
-    const containerClassNames = classnames(styles.statusLabelRow, alignment === "end" && styles.labelTextEndAligned);
-    return (React.createElement("div", { role: "status", className: containerClassNames },
-        React.createElement("div", { className: styles.statusIndicator },
-            React.createElement(StatusIndicator, { status: status })),
-        React.createElement(Text, { size: "small", align: alignment }, label)));
-}
-
-export { StatusLabel as S };

package/dist/Switch/index.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var Switch = require('../Switch-CWis2Tw3.js');
-require('react');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-require('../Typography-Dx8KtnBw.js');
-
-
-
-exports.Switch = Switch.Switch;

package/dist/Switch/index.mjs

@@ -1,5 +0,0 @@
-export { S as Switch } from '../Switch-CQA6xnNA.js';
-import 'react';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Typography-G8pA_xwj.js';