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

package/dist/DayOfMonthSelect--s7Ry-jx.js

@@ -1,141 +0,0 @@
-import React, { useId } from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { R as RadioGroup, a as RadioOption } from './RadioGroup-CvoMZUNQ.js';
-import { T as Text } from './Text-DEviM1Tv.js';
-
-var css_248z$4 = ".NfsRidfuJts- {\n  display: grid;\n  width: 100%;\n  padding: var(--space-smaller);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-large);\n  grid-template-columns: repeat(7, 1fr);\n  grid-row-gap: var(--space-smaller);\n  row-gap: var(--space-smaller);\n  -webkit-column-gap: var(--space-smaller);\n     -moz-column-gap: var(--space-smaller);\n          grid-column-gap: var(--space-smaller);\n          column-gap: var(--space-smaller);\n}\n";
-var styles$3 = {"container":"NfsRidfuJts-"};
-styleInject(css_248z$4);
-
-var css_248z$3 = ".GXNuQVAsUqs- {\n  position: relative;\n}\n\n/* kept present but hidden for accessibility */\n\n.PtlN3SI-Atc- {\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n          clip-path: inset(50%);\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n}\n\n.VPZ0Os9TY5k- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: var(--space-smaller);\n  border-radius: var(--radius-large);\n  text-align: center;\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background: var(--color-surface);\n  transition: var(--timing-base);\n}\n\n@supports (aspect-ratio: 1/1) {\n  .VPZ0Os9TY5k- {\n    /*\n     * disabling property-no-unknown here as this is a real property\n     * that stylelint just doesn't know about. We may be able to remove\n     * this when we update our stylelint to not care about IE11.\n     */\n    /* stylelint-disable-next-line property-no-unknown */\n    aspect-ratio: 1/1;\n  }\n}\n\n.VPZ0Os9TY5k-:hover {\n  background: var(--color-surface--hover);\n}\n\n.PtlN3SI-Atc-:focus + .VPZ0Os9TY5k- {\n  box-shadow: var(--shadow-focus);\n  background: var(--color-surface--hover);\n}\n\n.PtlN3SI-Atc-:checked + .VPZ0Os9TY5k- {\n  color: var(--color-text--reverse);\n  background: var(--color-interactive);\n}\n\n.PtlN3SI-Atc-:disabled + .VPZ0Os9TY5k- {\n  color: var(--color-disabled);\n  background: var(--color-surface--background);\n  cursor: default;\n}\n\n.PtlN3SI-Atc-:enabled + .VPZ0Os9TY5k- {\n  cursor: pointer;\n}\n\n.PtlN3SI-Atc-:checked:focus + .VPZ0Os9TY5k- {\n  background: var(--color-interactive--hover);\n}\n\n.PtlN3SI-Atc-:checked + .VPZ0Os9TY5k-:hover {\n  background: var(--color-interactive--hover);\n}\n\n.PtlN3SI-Atc-:disabled:checked + .VPZ0Os9TY5k- {\n  color: var(--color-disabled--secondary);\n  background: var(--color-disabled);\n}\n";
-var checkboxStyles = {"checkboxWrapper":"GXNuQVAsUqs-","dayCheckboxInput":"PtlN3SI-Atc-","dayCheckbox":"VPZ0Os9TY5k-"};
-styleInject(css_248z$3);
-
-var WeekDay;
-(function (WeekDay) {
-    WeekDay[WeekDay["Sunday"] = 0] = "Sunday";
-    WeekDay[WeekDay["Monday"] = 1] = "Monday";
-    WeekDay[WeekDay["Tuesday"] = 2] = "Tuesday";
-    WeekDay[WeekDay["Wednesday"] = 3] = "Wednesday";
-    WeekDay[WeekDay["Thursday"] = 4] = "Thursday";
-    WeekDay[WeekDay["Friday"] = 5] = "Friday";
-    WeekDay[WeekDay["Saturday"] = 6] = "Saturday";
-})(WeekDay || (WeekDay = {}));
-var DurationPeriod;
-(function (DurationPeriod) {
-    DurationPeriod["Day"] = "Day";
-    DurationPeriod["Week"] = "Week";
-    DurationPeriod["DayOfMonth"] = "DayOfMonth";
-    DurationPeriod["WeekDayOfMonth"] = "WeekDayOfMonth";
-    DurationPeriod["Year"] = "Year";
-    DurationPeriod["Visit"] = "Visit";
-})(DurationPeriod || (DurationPeriod = {}));
-const typeInitialStateMap = {
-    [DurationPeriod.Day]: {
-        type: DurationPeriod.Day,
-    },
-    [DurationPeriod.Week]: {
-        type: DurationPeriod.Week,
-        weekDays: new Set(),
-    },
-    [DurationPeriod.DayOfMonth]: {
-        type: DurationPeriod.DayOfMonth,
-        date: new Set(),
-    },
-    [DurationPeriod.WeekDayOfMonth]: {
-        type: DurationPeriod.WeekDayOfMonth,
-        dayOfWeek: [
-            new Set(),
-            new Set(),
-            new Set(),
-            new Set(),
-        ],
-    },
-    [DurationPeriod.Year]: {
-        type: DurationPeriod.Year,
-    },
-};
-const isMonthly = (rule) => rule.type === DurationPeriod.WeekDayOfMonth ||
-    rule.type === DurationPeriod.DayOfMonth;
-
-const weekDays = [0, 1, 2, 3, 4, 5, 6];
-function WeeklySelect({ onChange, selectedDays, disabled, }) {
-    const onChangeWeekDays = (event) => {
-        const day = Number(event.currentTarget.value);
-        const next = new Set(Array.from(selectedDays));
-        if (selectedDays.has(day)) {
-            next.delete(day);
-        }
-        else {
-            next.add(day);
-        }
-        onChange(next);
-    };
-    return (React.createElement("div", { className: styles$3.container }, weekDays.map(weekDay => {
-        const isSelected = selectedDays.has(weekDay);
-        const inputId = useId();
-        return (React.createElement("div", { key: `${weekDay}`, className: checkboxStyles.checkboxWrapper },
-            React.createElement("input", { className: checkboxStyles.dayCheckboxInput, disabled: disabled, type: "checkbox", onChange: onChangeWeekDays, id: `weekly-select-${weekDay}${inputId}`, "aria-checked": isSelected, checked: isSelected, value: weekDay }),
-            React.createElement("label", { className: checkboxStyles.dayCheckbox, htmlFor: `weekly-select-${weekDay}${inputId}` }, `${WeekDay[weekDay].substr(0, 1).toUpperCase()}`)));
-    })));
-}
-
-var css_248z$2 = ".PW6L4PJe5TY- div[role=\"radiogroup\"] {\n  -ms-flex-direction: row;\n      flex-direction: row;\n}\n\n.PW6L4PJe5TY- label {\n  margin-right: var(--space-base);\n}\n";
-var styles$2 = {"radioContainer":"PW6L4PJe5TY-"};
-styleInject(css_248z$2);
-
-function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
-    return (React.createElement("div", { className: styles$2.radioContainer },
-        React.createElement(RadioGroup, { ariaLabel: "Monthly Frequency Selector", onChange: onChange, value: selectedMonthOption },
-            React.createElement(RadioOption, { disabled: disabled, value: DurationPeriod.DayOfMonth, label: "Day of month" }),
-            React.createElement(RadioOption, { disabled: disabled, value: DurationPeriod.WeekDayOfMonth, label: "Day of week" }))));
-}
-
-var css_248z$1 = ".pqYw6oCVwO8- {\n  display: grid;\n  grid-template-columns: var(--space-largest) 1fr;\n  -ms-flex-align: center;\n      align-items: center;\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  margin-bottom: calc(-1 * var(--border-base));\n}\n\n.xtCFaHyTmfI- div:nth-of-type(1) :last-child {\n  border-top-right-radius: var(--radius-large);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: var(--radius-large);\n}\n\n.xtCFaHyTmfI- div:nth-of-type(2) :last-child {\n  border-radius: 0;\n}\n\n.xtCFaHyTmfI- div:nth-of-type(3) :last-child {\n  border-radius: 0;\n}\n\n.xtCFaHyTmfI- div:nth-of-type(4) :last-child {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: var(--radius-large);\n  border-bottom-left-radius: var(--radius-large);\n  border-top-left-radius: 0;\n}\n";
-var styles$1 = {"container":"pqYw6oCVwO8-","parentContainer":"xtCFaHyTmfI-"};
-styleInject(css_248z$1);
-
-function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
-    const orderString = ["1st", "2nd", "3rd", "4th"];
-    return (React.createElement("div", { className: styles$1.parentContainer }, selectedWeeks.map((week, index) => {
-        const onChangeWeek = (weekDay) => {
-            const next = [...selectedWeeks];
-            next.splice(index, 1, weekDay);
-            onChange(next);
-        };
-        return (React.createElement("div", { className: styles$1.container, key: `${index}${week}` },
-            React.createElement(Text, null, `${orderString[index]}`),
-            React.createElement("div", null,
-                React.createElement(WeeklySelect, { disabled: disabled, selectedDays: week, onChange: onChangeWeek }))));
-    })));
-}
-
-var css_248z = ".dBbFx0Vu16U- {\n  display: grid;\n  width: 100%;\n  padding: var(--space-smaller);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-large);\n  grid-template-areas:\n    \". . . . . . .\"\n    \". . . . . . .\"\n    \". . . . . . .\"\n    \". . . . . . .\"\n    \". . . lastday lastday lastday lastday\";\n  grid-row-gap: var(--space-smaller);\n  row-gap: var(--space-smaller);\n  -webkit-column-gap: var(--space-smaller);\n     -moz-column-gap: var(--space-smaller);\n          grid-column-gap: var(--space-smaller);\n          column-gap: var(--space-smaller);\n}\n\n.dBbFx0Vu16U- :last-child {\n  grid-area: lastday;\n}\n\n.dBbFx0Vu16U- div:nth-child(n + 1):nth-last-child(-n + 1) label {\n  height: 100%;\n}\n\n@supports (aspect-ratio: unset) {\n  .dBbFx0Vu16U- div:nth-child(n + 1):nth-last-child(-n + 1) label {\n    /*\n    * disabling property-no-unknown here as this is a real property\n    * that stylelint just doesn't know about. We may be able to remove\n    * this when we update our stylelint to not care about IE11.\n    */\n    /* stylelint-disable-next-line property-no-unknown */\n    aspect-ratio: unset;\n  }\n}\n";
-var styles = {"container":"dBbFx0Vu16U-"};
-styleInject(css_248z);
-
-const daysInMonth = [...Array.from({ length: 31 }, (_, i) => i + 1), "LAST"];
-function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {
-    return (React.createElement("div", { className: styles.container }, daysInMonth.map(day => {
-        const isSelected = selectedDays.has(day);
-        const inputId = useId();
-        return (React.createElement("div", { key: `${day}`, className: checkboxStyles.checkboxWrapper },
-            React.createElement("input", { className: checkboxStyles.dayCheckboxInput, disabled: disabled, type: "checkbox", id: `${day}-${inputId}`, onChange: handleChangeDayOfMonth, "aria-checked": isSelected, checked: isSelected, value: day }),
-            React.createElement("label", { className: checkboxStyles.dayCheckbox, htmlFor: `${day}-${inputId}` }, `${day === "LAST" ? "Last day" : day}`)));
-    })));
-    function handleChangeDayOfMonth(event) {
-        const day = event.currentTarget.value === "LAST"
-            ? event.currentTarget.value
-            : +event.currentTarget.value;
-        const next = new Set(selectedDays);
-        if (selectedDays.has(day)) {
-            next.delete(day);
-        }
-        else {
-            next.add(day);
-        }
-        onChange(next);
-    }
-}
-
-export { DurationPeriod as D, MonthlySelect as M, WeekDay as W, WeeklySelect as a, MonthlyDayOfWeekSelect as b, DayOfMonthSelect as c, isMonthly as i, typeInitialStateMap as t };

package/dist/DayOfMonthSelect-UlE6seGW.js

@@ -1,148 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var RadioGroup = require('./RadioGroup-CL8tcJwY.js');
-var Text = require('./Text-D9gsHxbp.js');
-
-var css_248z$4 = ".NfsRidfuJts- {\n  display: grid;\n  width: 100%;\n  padding: var(--space-smaller);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-large);\n  grid-template-columns: repeat(7, 1fr);\n  grid-row-gap: var(--space-smaller);\n  row-gap: var(--space-smaller);\n  -webkit-column-gap: var(--space-smaller);\n     -moz-column-gap: var(--space-smaller);\n          grid-column-gap: var(--space-smaller);\n          column-gap: var(--space-smaller);\n}\n";
-var styles$3 = {"container":"NfsRidfuJts-"};
-styleInject_es.styleInject(css_248z$4);
-
-var css_248z$3 = ".GXNuQVAsUqs- {\n  position: relative;\n}\n\n/* kept present but hidden for accessibility */\n\n.PtlN3SI-Atc- {\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n          clip-path: inset(50%);\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n}\n\n.VPZ0Os9TY5k- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: var(--space-smaller);\n  border-radius: var(--radius-large);\n  text-align: center;\n  -webkit-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  background: var(--color-surface);\n  transition: var(--timing-base);\n}\n\n@supports (aspect-ratio: 1/1) {\n  .VPZ0Os9TY5k- {\n    /*\n     * disabling property-no-unknown here as this is a real property\n     * that stylelint just doesn't know about. We may be able to remove\n     * this when we update our stylelint to not care about IE11.\n     */\n    /* stylelint-disable-next-line property-no-unknown */\n    aspect-ratio: 1/1;\n  }\n}\n\n.VPZ0Os9TY5k-:hover {\n  background: var(--color-surface--hover);\n}\n\n.PtlN3SI-Atc-:focus + .VPZ0Os9TY5k- {\n  box-shadow: var(--shadow-focus);\n  background: var(--color-surface--hover);\n}\n\n.PtlN3SI-Atc-:checked + .VPZ0Os9TY5k- {\n  color: var(--color-text--reverse);\n  background: var(--color-interactive);\n}\n\n.PtlN3SI-Atc-:disabled + .VPZ0Os9TY5k- {\n  color: var(--color-disabled);\n  background: var(--color-surface--background);\n  cursor: default;\n}\n\n.PtlN3SI-Atc-:enabled + .VPZ0Os9TY5k- {\n  cursor: pointer;\n}\n\n.PtlN3SI-Atc-:checked:focus + .VPZ0Os9TY5k- {\n  background: var(--color-interactive--hover);\n}\n\n.PtlN3SI-Atc-:checked + .VPZ0Os9TY5k-:hover {\n  background: var(--color-interactive--hover);\n}\n\n.PtlN3SI-Atc-:disabled:checked + .VPZ0Os9TY5k- {\n  color: var(--color-disabled--secondary);\n  background: var(--color-disabled);\n}\n";
-var checkboxStyles = {"checkboxWrapper":"GXNuQVAsUqs-","dayCheckboxInput":"PtlN3SI-Atc-","dayCheckbox":"VPZ0Os9TY5k-"};
-styleInject_es.styleInject(css_248z$3);
-
-exports.WeekDay = void 0;
-(function (WeekDay) {
-    WeekDay[WeekDay["Sunday"] = 0] = "Sunday";
-    WeekDay[WeekDay["Monday"] = 1] = "Monday";
-    WeekDay[WeekDay["Tuesday"] = 2] = "Tuesday";
-    WeekDay[WeekDay["Wednesday"] = 3] = "Wednesday";
-    WeekDay[WeekDay["Thursday"] = 4] = "Thursday";
-    WeekDay[WeekDay["Friday"] = 5] = "Friday";
-    WeekDay[WeekDay["Saturday"] = 6] = "Saturday";
-})(exports.WeekDay || (exports.WeekDay = {}));
-exports.DurationPeriod = void 0;
-(function (DurationPeriod) {
-    DurationPeriod["Day"] = "Day";
-    DurationPeriod["Week"] = "Week";
-    DurationPeriod["DayOfMonth"] = "DayOfMonth";
-    DurationPeriod["WeekDayOfMonth"] = "WeekDayOfMonth";
-    DurationPeriod["Year"] = "Year";
-    DurationPeriod["Visit"] = "Visit";
-})(exports.DurationPeriod || (exports.DurationPeriod = {}));
-const typeInitialStateMap = {
-    [exports.DurationPeriod.Day]: {
-        type: exports.DurationPeriod.Day,
-    },
-    [exports.DurationPeriod.Week]: {
-        type: exports.DurationPeriod.Week,
-        weekDays: new Set(),
-    },
-    [exports.DurationPeriod.DayOfMonth]: {
-        type: exports.DurationPeriod.DayOfMonth,
-        date: new Set(),
-    },
-    [exports.DurationPeriod.WeekDayOfMonth]: {
-        type: exports.DurationPeriod.WeekDayOfMonth,
-        dayOfWeek: [
-            new Set(),
-            new Set(),
-            new Set(),
-            new Set(),
-        ],
-    },
-    [exports.DurationPeriod.Year]: {
-        type: exports.DurationPeriod.Year,
-    },
-};
-const isMonthly = (rule) => rule.type === exports.DurationPeriod.WeekDayOfMonth ||
-    rule.type === exports.DurationPeriod.DayOfMonth;
-
-const weekDays = [0, 1, 2, 3, 4, 5, 6];
-function WeeklySelect({ onChange, selectedDays, disabled, }) {
-    const onChangeWeekDays = (event) => {
-        const day = Number(event.currentTarget.value);
-        const next = new Set(Array.from(selectedDays));
-        if (selectedDays.has(day)) {
-            next.delete(day);
-        }
-        else {
-            next.add(day);
-        }
-        onChange(next);
-    };
-    return (React.createElement("div", { className: styles$3.container }, weekDays.map(weekDay => {
-        const isSelected = selectedDays.has(weekDay);
-        const inputId = React.useId();
-        return (React.createElement("div", { key: `${weekDay}`, className: checkboxStyles.checkboxWrapper },
-            React.createElement("input", { className: checkboxStyles.dayCheckboxInput, disabled: disabled, type: "checkbox", onChange: onChangeWeekDays, id: `weekly-select-${weekDay}${inputId}`, "aria-checked": isSelected, checked: isSelected, value: weekDay }),
-            React.createElement("label", { className: checkboxStyles.dayCheckbox, htmlFor: `weekly-select-${weekDay}${inputId}` }, `${exports.WeekDay[weekDay].substr(0, 1).toUpperCase()}`)));
-    })));
-}
-
-var css_248z$2 = ".PW6L4PJe5TY- div[role=\"radiogroup\"] {\n  -ms-flex-direction: row;\n      flex-direction: row;\n}\n\n.PW6L4PJe5TY- label {\n  margin-right: var(--space-base);\n}\n";
-var styles$2 = {"radioContainer":"PW6L4PJe5TY-"};
-styleInject_es.styleInject(css_248z$2);
-
-function MonthlySelect({ disabled, onChange, selectedMonthOption, }) {
-    return (React.createElement("div", { className: styles$2.radioContainer },
-        React.createElement(RadioGroup.RadioGroup, { ariaLabel: "Monthly Frequency Selector", onChange: onChange, value: selectedMonthOption },
-            React.createElement(RadioGroup.RadioOption, { disabled: disabled, value: exports.DurationPeriod.DayOfMonth, label: "Day of month" }),
-            React.createElement(RadioGroup.RadioOption, { disabled: disabled, value: exports.DurationPeriod.WeekDayOfMonth, label: "Day of week" }))));
-}
-
-var css_248z$1 = ".pqYw6oCVwO8- {\n  display: grid;\n  grid-template-columns: var(--space-largest) 1fr;\n  -ms-flex-align: center;\n      align-items: center;\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  margin-bottom: calc(-1 * var(--border-base));\n}\n\n.xtCFaHyTmfI- div:nth-of-type(1) :last-child {\n  border-top-right-radius: var(--radius-large);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: var(--radius-large);\n}\n\n.xtCFaHyTmfI- div:nth-of-type(2) :last-child {\n  border-radius: 0;\n}\n\n.xtCFaHyTmfI- div:nth-of-type(3) :last-child {\n  border-radius: 0;\n}\n\n.xtCFaHyTmfI- div:nth-of-type(4) :last-child {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: var(--radius-large);\n  border-bottom-left-radius: var(--radius-large);\n  border-top-left-radius: 0;\n}\n";
-var styles$1 = {"container":"pqYw6oCVwO8-","parentContainer":"xtCFaHyTmfI-"};
-styleInject_es.styleInject(css_248z$1);
-
-function MonthlyDayOfWeekSelect({ disabled, selectedWeeks, onChange, }) {
-    const orderString = ["1st", "2nd", "3rd", "4th"];
-    return (React.createElement("div", { className: styles$1.parentContainer }, selectedWeeks.map((week, index) => {
-        const onChangeWeek = (weekDay) => {
-            const next = [...selectedWeeks];
-            next.splice(index, 1, weekDay);
-            onChange(next);
-        };
-        return (React.createElement("div", { className: styles$1.container, key: `${index}${week}` },
-            React.createElement(Text.Text, null, `${orderString[index]}`),
-            React.createElement("div", null,
-                React.createElement(WeeklySelect, { disabled: disabled, selectedDays: week, onChange: onChangeWeek }))));
-    })));
-}
-
-var css_248z = ".dBbFx0Vu16U- {\n  display: grid;\n  width: 100%;\n  padding: var(--space-smaller);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-large);\n  grid-template-areas:\n    \". . . . . . .\"\n    \". . . . . . .\"\n    \". . . . . . .\"\n    \". . . . . . .\"\n    \". . . lastday lastday lastday lastday\";\n  grid-row-gap: var(--space-smaller);\n  row-gap: var(--space-smaller);\n  -webkit-column-gap: var(--space-smaller);\n     -moz-column-gap: var(--space-smaller);\n          grid-column-gap: var(--space-smaller);\n          column-gap: var(--space-smaller);\n}\n\n.dBbFx0Vu16U- :last-child {\n  grid-area: lastday;\n}\n\n.dBbFx0Vu16U- div:nth-child(n + 1):nth-last-child(-n + 1) label {\n  height: 100%;\n}\n\n@supports (aspect-ratio: unset) {\n  .dBbFx0Vu16U- div:nth-child(n + 1):nth-last-child(-n + 1) label {\n    /*\n    * disabling property-no-unknown here as this is a real property\n    * that stylelint just doesn't know about. We may be able to remove\n    * this when we update our stylelint to not care about IE11.\n    */\n    /* stylelint-disable-next-line property-no-unknown */\n    aspect-ratio: unset;\n  }\n}\n";
-var styles = {"container":"dBbFx0Vu16U-"};
-styleInject_es.styleInject(css_248z);
-
-const daysInMonth = [...Array.from({ length: 31 }, (_, i) => i + 1), "LAST"];
-function DayOfMonthSelect({ selectedDays, disabled, onChange, }) {
-    return (React.createElement("div", { className: styles.container }, daysInMonth.map(day => {
-        const isSelected = selectedDays.has(day);
-        const inputId = React.useId();
-        return (React.createElement("div", { key: `${day}`, className: checkboxStyles.checkboxWrapper },
-            React.createElement("input", { className: checkboxStyles.dayCheckboxInput, disabled: disabled, type: "checkbox", id: `${day}-${inputId}`, onChange: handleChangeDayOfMonth, "aria-checked": isSelected, checked: isSelected, value: day }),
-            React.createElement("label", { className: checkboxStyles.dayCheckbox, htmlFor: `${day}-${inputId}` }, `${day === "LAST" ? "Last day" : day}`)));
-    })));
-    function handleChangeDayOfMonth(event) {
-        const day = event.currentTarget.value === "LAST"
-            ? event.currentTarget.value
-            : +event.currentTarget.value;
-        const next = new Set(selectedDays);
-        if (selectedDays.has(day)) {
-            next.delete(day);
-        }
-        else {
-            next.add(day);
-        }
-        onChange(next);
-    }
-}
-
-exports.DayOfMonthSelect = DayOfMonthSelect;
-exports.MonthlyDayOfWeekSelect = MonthlyDayOfWeekSelect;
-exports.MonthlySelect = MonthlySelect;
-exports.WeeklySelect = WeeklySelect;
-exports.isMonthly = isMonthly;
-exports.typeInitialStateMap = typeInitialStateMap;

package/dist/DescriptionList/index.cjs

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

package/dist/DescriptionList/index.mjs

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

package/dist/DescriptionList-CBeTDl49.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { T as Typography } from './Typography-G8pA_xwj.js';
-
-var css_248z = ".EQDmgmJchDA- {\n  margin: 0;\n}\n\n.DkzfClUGQlc- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  padding: var(--space-small) 0;\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.DkzfClUGQlc-:first-child {\n  padding-top: 0;\n}\n\n.DkzfClUGQlc-:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n.DkzfClUGQlc- dd {\n  min-width: calc(var(--base-unit) * 7.5);\n  box-sizing: border-box;\n  padding-right: var(--space-small);\n  -webkit-margin-start: 0;\n          margin-left: 0;\n  -ms-flex: 1 1 60%;\n      flex: 1 1 60%;\n}\n\n.DkzfClUGQlc- dt {\n  -ms-flex: 1 1 40%;\n      flex: 1 1 40%;\n}\n";
-var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
-styleInject(css_248z);
-
-function DescriptionList({ data }) {
-    return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description]) => (React.createElement("div", { key: term, className: styles.termGroup },
-        React.createElement(Typography, { element: "dt", textColor: "heading", size: "base" }, term),
-        React.createElement(Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
-}
-
-export { DescriptionList as D };

package/dist/DescriptionList-DBENvQT5.js

@@ -1,17 +0,0 @@
-'use strict';
-
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Typography = require('./Typography-Dx8KtnBw.js');
-
-var css_248z = ".EQDmgmJchDA- {\n  margin: 0;\n}\n\n.DkzfClUGQlc- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  padding: var(--space-small) 0;\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.DkzfClUGQlc-:first-child {\n  padding-top: 0;\n}\n\n.DkzfClUGQlc-:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n\n.DkzfClUGQlc- dd {\n  min-width: calc(var(--base-unit) * 7.5);\n  box-sizing: border-box;\n  padding-right: var(--space-small);\n  -webkit-margin-start: 0;\n          margin-left: 0;\n  -ms-flex: 1 1 60%;\n      flex: 1 1 60%;\n}\n\n.DkzfClUGQlc- dt {\n  -ms-flex: 1 1 40%;\n      flex: 1 1 40%;\n}\n";
-var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
-styleInject_es.styleInject(css_248z);
-
-function DescriptionList({ data }) {
-    return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description]) => (React.createElement("div", { key: term, className: styles.termGroup },
-        React.createElement(Typography.Typography, { element: "dt", textColor: "heading", size: "base" }, term),
-        React.createElement(Typography.Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
-}
-
-exports.DescriptionList = DescriptionList;

package/dist/Disclosure/index.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var Disclosure = require('../Disclosure-CWNmDoE_.js');
-require('react');
-require('../useResizeObserver-BwGseyVc.js');
-require('../_commonjsHelpers-B83fTs8d.js');
-require('../debounce-CJA36ltI.js');
-require('../isObjectLike-BUFV4ggG.js');
-require('../isSymbol-DS9vlqp3.js');
-require('../style-inject.es-XZHJH68X.js');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-require('../Typography-Dx8KtnBw.js');
-require('classnames');
-
-
-
-exports.Disclosure = Disclosure.Disclosure;

package/dist/Disclosure/index.mjs

@@ -1,12 +0,0 @@
-export { D as Disclosure } from '../Disclosure-CXQ8I0Xh.js';
-import 'react';
-import '../useResizeObserver-ZgXMUTij.js';
-import '../_commonjsHelpers-E-ZsRS8r.js';
-import '../debounce-D3te8_TG.js';
-import '../isObjectLike-CkQBn_-v.js';
-import '../isSymbol-BB8mecpv.js';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';
-import '../Typography-G8pA_xwj.js';
-import 'classnames';

package/dist/Disclosure-CWNmDoE_.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useResizeObserver = require('./useResizeObserver-BwGseyVc.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Icon = require('./Icon-B9XNdA1T.js');
-var Typography = require('./Typography-Dx8KtnBw.js');
-
-var css_248z = ".WcgASR88I1c- {\n  -webkit-transform-origin: 50% 47.5% 0;\n          transform-origin: 50% 47.5% 0;\n  transition: -webkit-transform var(--timing-quick);\n  transition: transform var(--timing-quick);\n  transition: transform var(--timing-quick), -webkit-transform var(--timing-quick);\n  -ms-flex-preferred-size: 0;\n      flex-basis: 0;\n}\n\n.N-W4pXaLGt4-[open] .WcgASR88I1c- {\n  -webkit-transform: rotateX(180deg);\n          transform: rotateX(180deg);\n}\n\n.PMjHZZhHiUY- {\n  padding: var(--space-smaller) 0 var(--space-smallest) 0;\n  border: none;\n  list-style: none;\n  cursor: pointer;\n  outline-color: none;\n  transition: background var(--timing-quick), box-shadow var(--timing-base);\n}\n\n.PMjHZZhHiUY-::-webkit-details-marker {\n  display: none;\n}\n\n.PMjHZZhHiUY-:hover,\n.PMjHZZhHiUY-:focus {\n  background: var(--color-surface--hover);\n}\n\n.PMjHZZhHiUY-:focus,\n.PMjHZZhHiUY-:active {\n  box-shadow: var(--shadow-focus);\n  border: none;\n  outline: none;\n}\n\n.PMjHZZhHiUY- * {\n  pointer-events: none;\n}\n\n.-E1lerklSHw- {\n  -ms-flex-align: baseline;\n      align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.-E1lerklSHw- h4 {\n  -ms-flex: 1 0 0px;\n      flex: 1 0 0;\n}\n\n.CjRRsbZQp1Y- {\n  display: block;\n  padding: var(--space-small) 0;\n}\n\n.N-W4pXaLGt4-[open] > .CjRRsbZQp1Y- {\n  -webkit-animation: vWj6tOjTVYA- var(--timing-base);\n  animation: vWj6tOjTVYA- var(--timing-base);\n}\n\n@-webkit-keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n\n@keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n";
-var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
-styleInject_es.styleInject(css_248z);
-
-function Disclosure({ children, title, defaultOpen = false, }) {
-    const [isOpen, setOpen] = React.useState(defaultOpen);
-    const [isMounted, setMount] = React.useState(false);
-    const [titleRef, { exactWidth }] = useResizeObserver.useResizeObserver.useResizeObserver();
-    const isBelowBreakpoint = exactWidth && exactWidth < useResizeObserver.useResizeObserver.Breakpoints.small;
-    React.useEffect(() => {
-        setMount(true);
-    }, []);
-    return (React.createElement("details", { open: isOpen, onToggle: onToggle, className: styles.details },
-        React.createElement("summary", { className: styles.summary },
-            React.createElement("div", { className: styles.summaryWrap, ref: titleRef },
-                React.createElement(Typography.Typography, { element: "h4", size: isBelowBreakpoint ? "base" : "large", fontWeight: "bold", textColor: "heading" }, title),
-                React.createElement("span", { className: styles.arrowIconWrapper },
-                    React.createElement(Icon.Icon, { size: "large", name: "arrowDown", color: "green" })))),
-        React.createElement("span", { className: styles.content }, children)));
-    function onToggle(event) {
-        event.preventDefault();
-        const { open: currentToggleState } = event.target;
-        if (!isMounted || currentToggleState === isOpen) {
-            return;
-        }
-        setOpen(!currentToggleState);
-    }
-}
-
-exports.Disclosure = Disclosure;

package/dist/Disclosure-CXQ8I0Xh.js

@@ -1,36 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-ZgXMUTij.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { I as Icon } from './Icon-CoHJokXb.js';
-import { T as Typography } from './Typography-G8pA_xwj.js';
-
-var css_248z = ".WcgASR88I1c- {\n  -webkit-transform-origin: 50% 47.5% 0;\n          transform-origin: 50% 47.5% 0;\n  transition: -webkit-transform var(--timing-quick);\n  transition: transform var(--timing-quick);\n  transition: transform var(--timing-quick), -webkit-transform var(--timing-quick);\n  -ms-flex-preferred-size: 0;\n      flex-basis: 0;\n}\n\n.N-W4pXaLGt4-[open] .WcgASR88I1c- {\n  -webkit-transform: rotateX(180deg);\n          transform: rotateX(180deg);\n}\n\n.PMjHZZhHiUY- {\n  padding: var(--space-smaller) 0 var(--space-smallest) 0;\n  border: none;\n  list-style: none;\n  cursor: pointer;\n  outline-color: none;\n  transition: background var(--timing-quick), box-shadow var(--timing-base);\n}\n\n.PMjHZZhHiUY-::-webkit-details-marker {\n  display: none;\n}\n\n.PMjHZZhHiUY-:hover,\n.PMjHZZhHiUY-:focus {\n  background: var(--color-surface--hover);\n}\n\n.PMjHZZhHiUY-:focus,\n.PMjHZZhHiUY-:active {\n  box-shadow: var(--shadow-focus);\n  border: none;\n  outline: none;\n}\n\n.PMjHZZhHiUY- * {\n  pointer-events: none;\n}\n\n.-E1lerklSHw- {\n  -ms-flex-align: baseline;\n      align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.-E1lerklSHw- h4 {\n  -ms-flex: 1 0 0px;\n      flex: 1 0 0;\n}\n\n.CjRRsbZQp1Y- {\n  display: block;\n  padding: var(--space-small) 0;\n}\n\n.N-W4pXaLGt4-[open] > .CjRRsbZQp1Y- {\n  -webkit-animation: vWj6tOjTVYA- var(--timing-base);\n  animation: vWj6tOjTVYA- var(--timing-base);\n}\n\n@-webkit-keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n\n@keyframes vWj6tOjTVYA- {\n  0% {\n    margin-top: calc(var(--space-small) * -1);\n    opacity: 0;\n  }\n  100% {\n    margin-top: 0px;\n    opacity: 1;\n  }\n}\n";
-var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
-styleInject(css_248z);
-
-function Disclosure({ children, title, defaultOpen = false, }) {
-    const [isOpen, setOpen] = useState(defaultOpen);
-    const [isMounted, setMount] = useState(false);
-    const [titleRef, { exactWidth }] = useResizeObserver.useResizeObserver();
-    const isBelowBreakpoint = exactWidth && exactWidth < useResizeObserver.Breakpoints.small;
-    useEffect(() => {
-        setMount(true);
-    }, []);
-    return (React.createElement("details", { open: isOpen, onToggle: onToggle, className: styles.details },
-        React.createElement("summary", { className: styles.summary },
-            React.createElement("div", { className: styles.summaryWrap, ref: titleRef },
-                React.createElement(Typography, { element: "h4", size: isBelowBreakpoint ? "base" : "large", fontWeight: "bold", textColor: "heading" }, title),
-                React.createElement("span", { className: styles.arrowIconWrapper },
-                    React.createElement(Icon, { size: "large", name: "arrowDown", color: "green" })))),
-        React.createElement("span", { className: styles.content }, children)));
-    function onToggle(event) {
-        event.preventDefault();
-        const { open: currentToggleState } = event.target;
-        if (!isMounted || currentToggleState === isOpen) {
-            return;
-        }
-        setOpen(!currentToggleState);
-    }
-}
-
-export { Disclosure as D };

package/dist/Divider/index.cjs

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

package/dist/Divider/index.mjs

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

package/dist/Divider-DOmpOAKU.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".dH7SqeSo70A- {\n  --divider-width: var(--border-base);\n  --divider-color: var(--color-border);\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n._07xjw8ykfvg- {\n  --divider-width: var(--border-thick);\n  opacity: 0.875;\n}\n\n.TGD22T-KP78- {\n  --divider-width: var(--border-thicker);\n  opacity: 0.625;\n}\n\n.UUndaiRIryU- {\n  --divider-width: var(--border-thickest);\n  opacity: 0.375;\n}\n\n.HzWBc8FoucI- {\n  height: var(--space-minuscule);\n  border-bottom: var(--divider-width) solid var(--divider-color);\n}\n\n.vu46ZKcGBWM- {\n  width: var(--space-miniscule);\n  height: auto;\n  border-right: var(--divider-width) solid var(--divider-color);\n}\n";
-var styles = {"divider":"dH7SqeSo70A-","large":"_07xjw8ykfvg-","larger":"TGD22T-KP78-","largest":"UUndaiRIryU-","horizontal":"HzWBc8FoucI-","vertical":"vu46ZKcGBWM-"};
-styleInject(css_248z);
-
-function Divider({ size = "base", direction = "horizontal", }) {
-    const className = classnames(styles.divider, {
-        [styles.large]: size === "large",
-        [styles.larger]: size === "larger",
-        [styles.largest]: size === "largest",
-        [styles.horizontal]: direction == "horizontal",
-        [styles.vertical]: direction == "vertical",
-    });
-    return React.createElement("div", { className: className, role: "none presentation" });
-}
-
-export { Divider as D };

package/dist/Drawer/index.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var DrawerGrid = require('../DrawerGrid-DM3WKmX6.js');
-require('react');
-require('classnames');
-require('../style-inject.es-XZHJH68X.js');
-require('../Heading-suKDLmO4.js');
-require('../Typography-Dx8KtnBw.js');
-require('../getAtlantisConfig-mcMVqf6m.js');
-require('../ButtonDismiss-l6Kunmen.js');
-require('../Button-D3mW3Hcg.js');
-require('react-router-dom');
-require('../Icon-B9XNdA1T.js');
-require('@jobber/design');
-
-
-
-exports.Drawer = DrawerGrid.Drawer;
-exports.DrawerGrid = DrawerGrid.DrawerGrid;

package/dist/Drawer/index.mjs

@@ -1,12 +0,0 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-Bg9ydPFR.js';
-import 'react';
-import 'classnames';
-import '../style-inject.es-tgCJW-Cu.js';
-import '../Heading-CL3UujY7.js';
-import '../Typography-G8pA_xwj.js';
-import '../getAtlantisConfig-6FPWID0P.js';
-import '../ButtonDismiss-GLptCaNc.js';
-import '../Button-CWVwgwhn.js';
-import 'react-router-dom';
-import '../Icon-CoHJokXb.js';
-import '@jobber/design';

package/dist/DrawerGrid-Bg9ydPFR.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import classnames from 'classnames';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-import { H as Heading } from './Heading-CL3UujY7.js';
-import { B as ButtonDismiss } from './ButtonDismiss-GLptCaNc.js';
-
-var css_248z$1 = ":root {\n  --drawer-width: calc(var(--space-base) * 17.5);\n  --drawer--base-padding: var(--space-base);\n}\n\n.jobber-retheme {\n  --drawer--base-padding: var(--space-large);\n}\n\n.IJAyrFb2GpA- {\n  display: none;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--elevation-modal);\n  overflow: hidden;\n\n  /* SPECIAL CASE:\n     Drawer is primarily used in Jobber Online and is currently used in a layout\n     that rearranges at 640px. For compatibility, this is hardcoded here\n     rather than using the breakpoint custom properties.\n     DO NOT COPY THIS - USE THE BREAKPOINTS DEFINED IN THE @jobber/design package!\n  */\n}\n\n@media (min-width: 640px), print {\n\n.IJAyrFb2GpA- {\n    position: relative;\n    z-index: auto;\n    width: calc(var(--space-base) * 17.5);\n    width: var(--drawer-width);\n}\n  }\n\n@media (--large-screens-and-up) {\n\n.IJAyrFb2GpA- {\n    --drawer-width: calc(var(--space-base) * 26.25);\n}\n  }\n\n.jobber-retheme .IJAyrFb2GpA- {\n  box-shadow: var(--shadow-base);\n  border-top-left-radius: var(--radius-base);\n}\n\n.Hsmk6Pg14PQ- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  border: var(--border-base) solid var(--color-border);\n  background-color: var(--color-surface);\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.jobber-retheme .Hsmk6Pg14PQ- {\n  border-top-left-radius: var(--radius-base);\n}\n\n.DwF3Q9EMPvQ- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.TcdyXiTbnMU- {\n  display: -ms-flexbox;\n  display: flex;\n  padding: var(--space-small) var(--space-base);\n  padding: var(--space-small) var(--drawer--base-padding);\n  background-color: var(--color-surface--background);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.jobber-retheme .TcdyXiTbnMU- {\n  padding: var(--space-base) var(--space-base) 0 var(--space-base);\n  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);\n  background-color: transparent;\n}\n\n.srL7xqEzwhM- {\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  overflow-y: auto;\n}\n\n.p6-yqttoIJI- {\n  width: 100%;\n}\n\n/* Adjust `Content` components public padding to match the cards */\n\n.p6-yqttoIJI- > * {\n  --public-content--padding: var(--drawer--base-padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n.p6-yqttoIJI- > * > * {\n  --public-content--padding: 0;\n}\n";
-var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
-styleInject(css_248z$1);
-
-function Drawer({ title, children, open = true, onRequestClose, id, }) {
-    const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
-    return (React.createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
-        React.createElement("div", { className: styles$1.drawer },
-            React.createElement(Header, { title: title, onRequestClose: onRequestClose }),
-            React.createElement("div", { className: styles$1.contentScroll },
-                React.createElement("div", { className: styles$1.content }, children)))));
-}
-function Header({ title, onRequestClose }) {
-    return (React.createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
-        React.createElement(Heading, { level: 3 }, title),
-        React.createElement(ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
-}
-
-var css_248z = "._50Jq09W07gg- {\n  display: grid;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);\n  grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);\n  grid-template-rows: 1fr;\n}\n";
-var styles = {"drawerGrid":"_50Jq09W07gg-"};
-styleInject(css_248z);
-
-function DrawerGrid({ children }) {
-    return React.createElement("div", { className: styles.drawerGrid }, children);
-}
-
-export { Drawer as D, DrawerGrid as a };

package/dist/DrawerGrid-DM3WKmX6.js

@@ -1,36 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var styleInject_es = require('./style-inject.es-XZHJH68X.js');
-var Heading = require('./Heading-suKDLmO4.js');
-var ButtonDismiss = require('./ButtonDismiss-l6Kunmen.js');
-
-var css_248z$1 = ":root {\n  --drawer-width: calc(var(--space-base) * 17.5);\n  --drawer--base-padding: var(--space-base);\n}\n\n.jobber-retheme {\n  --drawer--base-padding: var(--space-large);\n}\n\n.IJAyrFb2GpA- {\n  display: none;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--elevation-modal);\n  overflow: hidden;\n\n  /* SPECIAL CASE:\n     Drawer is primarily used in Jobber Online and is currently used in a layout\n     that rearranges at 640px. For compatibility, this is hardcoded here\n     rather than using the breakpoint custom properties.\n     DO NOT COPY THIS - USE THE BREAKPOINTS DEFINED IN THE @jobber/design package!\n  */\n}\n\n@media (min-width: 640px), print {\n\n.IJAyrFb2GpA- {\n    position: relative;\n    z-index: auto;\n    width: calc(var(--space-base) * 17.5);\n    width: var(--drawer-width);\n}\n  }\n\n@media (--large-screens-and-up) {\n\n.IJAyrFb2GpA- {\n    --drawer-width: calc(var(--space-base) * 26.25);\n}\n  }\n\n.jobber-retheme .IJAyrFb2GpA- {\n  box-shadow: var(--shadow-base);\n  border-top-left-radius: var(--radius-base);\n}\n\n.Hsmk6Pg14PQ- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  border: var(--border-base) solid var(--color-border);\n  background-color: var(--color-surface);\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.jobber-retheme .Hsmk6Pg14PQ- {\n  border-top-left-radius: var(--radius-base);\n}\n\n.DwF3Q9EMPvQ- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.TcdyXiTbnMU- {\n  display: -ms-flexbox;\n  display: flex;\n  padding: var(--space-small) var(--space-base);\n  padding: var(--space-small) var(--drawer--base-padding);\n  background-color: var(--color-surface--background);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.jobber-retheme .TcdyXiTbnMU- {\n  padding: var(--space-base) var(--space-base) 0 var(--space-base);\n  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);\n  background-color: transparent;\n}\n\n.srL7xqEzwhM- {\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  overflow-y: auto;\n}\n\n.p6-yqttoIJI- {\n  width: 100%;\n}\n\n/* Adjust `Content` components public padding to match the cards */\n\n.p6-yqttoIJI- > * {\n  --public-content--padding: var(--drawer--base-padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n.p6-yqttoIJI- > * > * {\n  --public-content--padding: 0;\n}\n";
-var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
-styleInject_es.styleInject(css_248z$1);
-
-function Drawer({ title, children, open = true, onRequestClose, id, }) {
-    const drawerClassNames = classnames(styles$1.container, open && styles$1.open);
-    return (React.createElement("aside", { className: drawerClassNames, "data-testid": "drawer-container", "aria-label": title, "aria-hidden": !open, id: id },
-        React.createElement("div", { className: styles$1.drawer },
-            React.createElement(Header, { title: title, onRequestClose: onRequestClose }),
-            React.createElement("div", { className: styles$1.contentScroll },
-                React.createElement("div", { className: styles$1.content }, children)))));
-}
-function Header({ title, onRequestClose }) {
-    return (React.createElement("div", { className: styles$1.header, "data-testid": "drawer-header" },
-        React.createElement(Heading.Heading, { level: 3 }, title),
-        React.createElement(ButtonDismiss.ButtonDismiss, { onClick: onRequestClose, ariaLabel: `Close ${title || "drawer"}` })));
-}
-
-var css_248z = "._50Jq09W07gg- {\n  display: grid;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);\n  grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);\n  grid-template-rows: 1fr;\n}\n";
-var styles = {"drawerGrid":"_50Jq09W07gg-"};
-styleInject_es.styleInject(css_248z);
-
-function DrawerGrid({ children }) {
-    return React.createElement("div", { className: styles.drawerGrid }, children);
-}
-
-exports.Drawer = Drawer;
-exports.DrawerGrid = DrawerGrid;