@jobber/components 4.85.4-CJS-to-ESM.2 → 4.85.4-CJS-to-ESM.5

package/dist/InputTime-ef8af2d9.js

@@ -1,187 +0,0 @@
-import { _ as __rest } from './tslib.es6-c563c1dd.js';
-import React, { useRef, useState, useCallback, useEffect } from 'react';
-import { CivilTime } from '@std-proposal/temporal';
-import debounce from 'lodash/debounce';
-import { F as FormField } from './FormField-f1f405d2.js';
-
-function civilTimeToHTMLTime(civilTime) {
-    if (civilTime == undefined) {
-        return "";
-    }
-    const timeString = civilTime.toString();
-    return timeString.slice(0, 5);
-}
-function htmlTimeToCivilTime(timeString) {
-    try {
-        return CivilTime.fromString(timeString + ":00.000000000");
-    }
-    catch (_a) {
-        return undefined;
-    }
-}
-
-const DEBOUNCE_TIME = 300;
-function useTimePredict({ value, handleChange }) {
-    const IS_12_HOUR_FORMAT = useRef(Intl.DateTimeFormat(navigator.language, {
-        hour: "numeric",
-    }).resolvedOptions().hour12);
-    const [typedTime, setTypedTime] = useState("");
-    const predictTime = useCallback(debounce(() => {
-        if (value)
-            return;
-        handleChange(predictHours(typedTime, IS_12_HOUR_FORMAT.current));
-    }, DEBOUNCE_TIME), [typedTime, value, handleChange]);
-    /**
-     * Predict the hour when user types a number
-     */
-    useEffect(() => {
-        /**
-         * Don't try to predict if the user types 0 as the user would almost always
-         * type another number after 0.
-         */
-        if (typedTime && typedTime !== "0") {
-            predictTime();
-            if ((IS_12_HOUR_FORMAT && typedTime !== "1") || typedTime.length === 2) {
-                // Immediately predict the hour
-                predictTime.flush();
-            }
-        }
-        return predictTime.cancel;
-    }, [typedTime]);
-    /**
-     * Reset typed time when the value changed
-     */
-    useEffect(() => {
-        setTypedTime("");
-    }, [value]);
-    return {
-        setTypedTime,
-    };
-}
-function predictHours(time, is12HourFormat = false) {
-    const today = new Date();
-    const currentHour = today.getHours();
-    const parsedTime = parseInt(time, 10);
-    let predictedTime;
-    if (is12HourFormat) {
-        predictedTime = predict12Hours(parsedTime, currentHour);
-    }
-    else {
-        predictedTime = predict24Hours(time, parsedTime, currentHour);
-    }
-    return formatHour(predictedTime);
-}
-function predict12Hours(parsedTime, currentHour) {
-    /**
-     * We need to predict what the user wants when they type 1 since it could be
-     * 10, 11, 12, or 1.
-     *
-     * If the current hour is over 12PM, we can skip this and go to the next logic.
-     */
-    if (parsedTime === 1 && currentHour < 12) {
-        if (currentHour < 10) {
-            return 10;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 1-5 predicts that the user want that exact hour on the afternoon.
-     */
-    if (parsedTime <= 5) {
-        return parsedTime + 12;
-    }
-    /**
-     * Typing 13-15 predicts that the user want the 2nd number as the minute interval.
-     */
-    if (parsedTime > 12 && parsedTime <= 15) {
-        const timeArray = parsedTime.toString().split("").map(Number); // 13 -> [1, 3]
-        const convertToHoursAndMinutes = timeArray.map((time, i) => {
-            if (i === 0)
-                return time + 12; // 1 -> 13 as 1PM
-            if (i === 1)
-                return time * 10; // 3 -> 30 as 30 minutes
-        });
-        return Number(convertToHoursAndMinutes.join("")); // [13, 30] -> 1330
-    }
-    /**
-     * Anything after 5 will be predicted to be set as AM.
-     */
-    return parsedTime;
-}
-function predict24Hours(time, parsedTime, currentHour) {
-    /**
-     * Typing 1 could be predicted from 10 to 19.
-     * Typing 01 skips this logic and sets the time to 01:00.
-     */
-    if (parsedTime === 1 && time !== "01") {
-        if (currentHour < 10 || currentHour > 19) {
-            return 10;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 2 could be predicted from 20 to 24.
-     * Typing 02 skips this logic and sets the time to 02:00.
-     */
-    if (parsedTime === 2 && time !== "02") {
-        if (currentHour < 20) {
-            return 20;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 24 or 00 is set to midnight. This ensures the time doesn't get set
-     * to 24 as that would be invalid.
-     */
-    if (parsedTime === 24 || time === "00") {
-        return 0;
-    }
-    return parsedTime;
-}
-function formatHour(time) {
-    if (time > 99) {
-        const splitTime = time.toString().split("");
-        if (splitTime.length === 3)
-            splitTime.unshift("0"); // 130 -> 0130
-        splitTime.splice(2, 0, ":"); // 0130 -> 01:30
-        return splitTime.join("");
-    }
-    if (time < 10) {
-        return `0${time}:00`;
-    }
-    return `${time}:00`;
-}
-
-function InputTime(_a) {
-    var { defaultValue, value, onChange } = _a, params = __rest(_a, ["defaultValue", "value", "onChange"]);
-    const ref = useRef(null);
-    const { setTypedTime } = useTimePredict({ value, handleChange });
-    const fieldProps = Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: civilTimeToHTMLTime(defaultValue) })), (!defaultValue && { value: civilTimeToHTMLTime(value) })), params);
-    return (React.createElement(FormField, Object.assign({ inputRef: ref, type: "time" }, fieldProps, { onBlur: handleBlur, onKeyUp: e => {
-            var _a;
-            (_a = fieldProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(fieldProps, e);
-            !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-        } })));
-    function handleChange(newValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(htmlTimeToCivilTime(newValue));
-    }
-    function handleBlur() {
-        var _a;
-        (_a = params.onBlur) === null || _a === void 0 ? void 0 : _a.call(params);
-        // Time inputs doesn't clear the typed value when it's invalid. This should
-        // force it to reset the input value when the typed value is invalid.
-        if (ref.current) {
-            if (!ref.current.checkValidity()) {
-                ref.current.value = "";
-            }
-        }
-    }
-}
-
-export { InputTime as I };

package/dist/InputTime.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var InputTime = require('./InputTime-3c4bdff0.js');
-require('./tslib.es6-754e2961.js');
-require('react');
-require('@std-proposal/temporal');
-require('lodash/debounce');
-require('./FormField-fc30bb1a.js');
-require('react-hook-form');
-require('./style-inject.es-9d2f5f4e.js');
-require('classnames');
-require('@jobber/hooks/useShowClear');
-require('./Button-ec64869e.js');
-require('react-router-dom');
-require('./Icon-405a216c.js');
-require('@jobber/design');
-require('./Typography-fd88fcce.js');
-require('./Text-714f7d14.js');
-require('./InputValidation-4a61254d.js');
-require('framer-motion');
-require('./Spinner-3480bc34.js');
-
-
-
-exports.InputTime = InputTime.InputTime;

package/dist/InputTime.js

@@ -1,19 +0,0 @@
-export { I as InputTime } from './InputTime-ef8af2d9.js';
-import './tslib.es6-c563c1dd.js';
-import 'react';
-import '@std-proposal/temporal';
-import 'lodash/debounce';
-import './FormField-f1f405d2.js';
-import 'react-hook-form';
-import './style-inject.es-a0e1a0ba.js';
-import 'classnames';
-import '@jobber/hooks/useShowClear';
-import './Button-30154871.js';
-import 'react-router-dom';
-import './Icon-22723fe6.js';
-import '@jobber/design';
-import './Typography-52ed1386.js';
-import './Text-c92ddeb3.js';
-import './InputValidation-fe42fc3f.js';
-import 'framer-motion';
-import './Spinner-90081e20.js';

package/dist/InputValidation-4a61254d.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var Text = require('./Text-714f7d14.js');
-var Icon = require('./Icon-405a216c.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var css_248z = ".sc-bFJieXBA- {\n  margin-top: var(--space-smaller);\n}\n\n.xybhC5Y6mk4- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: var(--space-smaller);\n  padding-left: 0;\n}\n\n.xybhC5Y6mk4- > svg {\n  margin-right: var(--space-smaller);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n}\n\n.xybhC5Y6mk4-:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n";
-var styles = {"hasValidationMessage":"sc-bFJieXBA-","message":"xybhC5Y6mk4-"};
-styleInject_es.styleInject(css_248z);
-
-function InputValidation({ message }) {
-    const messages = [message];
-    const variants = {
-        slideOut: { y: "5%", opacity: 0 },
-        slideIn: { y: 0, opacity: 1 },
-    };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, messages && messages.length > 0 && (React__default["default"].createElement(framerMotion.AnimatePresence, { mode: "wait" }, messages.map(msg => (React__default["default"].createElement(framerMotion.motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
-        React__default["default"].createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
-            React__default["default"].createElement(Icon.Icon, { name: "alert", size: "small", color: "critical" }),
-            React__default["default"].createElement(Text.Text, { size: "small", variation: "error" }, msg)))))))));
-}
-
-exports.InputValidation = InputValidation;

package/dist/InputValidation-fe42fc3f.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { T as Text } from './Text-c92ddeb3.js';
-import { I as Icon } from './Icon-22723fe6.js';
-
-var css_248z = ".sc-bFJieXBA- {\n  margin-top: var(--space-smaller);\n}\n\n.xybhC5Y6mk4- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: var(--space-smaller);\n  padding-left: 0;\n}\n\n.xybhC5Y6mk4- > svg {\n  margin-right: var(--space-smaller);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n}\n\n.xybhC5Y6mk4-:focus {\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n";
-var styles = {"hasValidationMessage":"sc-bFJieXBA-","message":"xybhC5Y6mk4-"};
-styleInject(css_248z);
-
-function InputValidation({ message }) {
-    const messages = [message];
-    const variants = {
-        slideOut: { y: "5%", opacity: 0 },
-        slideIn: { y: 0, opacity: 1 },
-    };
-    return (React.createElement(React.Fragment, null, messages && messages.length > 0 && (React.createElement(AnimatePresence, { mode: "wait" }, messages.map(msg => (React.createElement(motion.div, { key: `validation-${msg}`, variants: variants, initial: "slideOut", animate: "slideIn", exit: "slideOut", transition: { duration: 0.2 } },
-        React.createElement("div", { className: styles.message, "aria-live": "assertive", role: "alert", tabIndex: 0 },
-            React.createElement(Icon, { name: "alert", size: "small", color: "critical" }),
-            React.createElement(Text, { size: "small", variation: "error" }, msg)))))))));
-}
-
-export { InputValidation as I };

package/dist/InputValidation.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var InputValidation = require('./InputValidation-4a61254d.js');
-require('react');
-require('framer-motion');
-require('./style-inject.es-9d2f5f4e.js');
-require('./Text-714f7d14.js');
-require('./Typography-fd88fcce.js');
-require('classnames');
-require('./Icon-405a216c.js');
-require('@jobber/design');
-
-
-
-exports.InputValidation = InputValidation.InputValidation;

package/dist/InputValidation.js

@@ -1,9 +0,0 @@
-export { I as InputValidation } from './InputValidation-fe42fc3f.js';
-import 'react';
-import 'framer-motion';
-import './style-inject.es-a0e1a0ba.js';
-import './Text-c92ddeb3.js';
-import './Typography-52ed1386.js';
-import 'classnames';
-import './Icon-22723fe6.js';
-import '@jobber/design';

package/dist/LightBox-3d6e74ba.js

@@ -1,117 +0,0 @@
-'use strict';
-
-var React = require('react');
-var framerMotion = require('framer-motion');
-var ReactDOM = require('react-dom');
-var debounce = require('lodash/debounce');
-var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var useFocusTrap = require('@jobber/hooks/useFocusTrap');
-var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var ButtonDismiss = require('./ButtonDismiss-d7417429.js');
-var Button = require('./Button-ec64869e.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-
-var css_248z = "._3JgBCebdbNU-,\n.JJOBEL7d-10- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  z-index: var(--elevation-base);\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n\n._3JgBCebdbNU- {\n  right: var(--space-base);\n}\n\n.JJOBEL7d-10- {\n  left: var(--space-base);\n}\n\n.fAep1A-0xIU- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--elevation-modal);\n  width: 100%;\n  height: 100%;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.AfUUWErd5S4- {\n  display: -ms-flexbox;\n  display: flex;\n  z-index: var(--elevation-base);\n  padding: var(--space-small) var(--space-base);\n  color: var(--color-text--reverse--secondary);\n  font-size: var(--typography--fontSize-large);\n  background-color: var(--color-surface--reverse);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n\n.jobber-retheme .AfUUWErd5S4- {\n  color: var(--color-text--secondary);\n  background-color: var(--color-surface--background);\n}\n\n.ysUYbBTaORk- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.GSOVtN1Y3IU- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  position: relative;\n  -ms-flex: 1 1 0px;\n      flex: 1 1 0;\n  min-height: 0;\n}\n\n.-V917BdNqSs- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--color-overlay);\n}\n\n.sjwUjzb3a5c- {\n  position: absolute;\n  top: 50%;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n}\n";
-var styles = {"next":"_3JgBCebdbNU-","prev":"JJOBEL7d-10-","lightboxWrapper":"fAep1A-0xIU-","toolbar":"AfUUWErd5S4-","title":"ysUYbBTaORk-","imagesWrapper":"GSOVtN1Y3IU-","overlay":"-V917BdNqSs-","image":"sjwUjzb3a5c-"};
-styleInject_es.styleInject(css_248z);
-
-/* eslint-disable max-statements */
-const swipeConfidenceThreshold = 10000;
-const swipePower = (offset, velocity) => {
-    return Math.abs(offset) * velocity;
-};
-const variants = {
-    enter: (direction) => {
-        return {
-            x: direction > 0 ? 1000 : -1000,
-            opacity: 0,
-        };
-    },
-    center: {
-        zIndex: 1,
-        x: 0,
-        opacity: 1,
-    },
-    exit: (direction) => {
-        return {
-            zIndex: 0,
-            x: direction < 0 ? 1000 : -1000,
-            opacity: 0,
-        };
-    },
-};
-const imageTransition = {
-    x: { type: "spring", stiffness: 300, damping: 30 },
-    opacity: { duration: 0.2 },
-};
-// A little bit more than the transition's duration
-// We're doing this to prevent a bug from framer-motion
-// https://github.com/framer/motion/issues/1769
-const debounceDuration = 250;
-function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
-    const [currentImageIndex, setCurrentImageIndex] = React.useState(imageIndex);
-    const [direction, setDirection] = React.useState(0);
-    const lightboxRef = useFocusTrap.useFocusTrap(open);
-    const debouncedHandleNext = debounce__default["default"](handleMoveNext, debounceDuration);
-    const debouncedHandlePrevious = debounce__default["default"](handleMovePrevious, debounceDuration);
-    useRefocusOnActivator.useRefocusOnActivator(open);
-    useOnKeyDown.useOnKeyDown(handleRequestClose, "Escape");
-    useOnKeyDown.useOnKeyDown(debouncedHandlePrevious, {
-        key: "ArrowLeft",
-    });
-    useOnKeyDown.useOnKeyDown(debouncedHandleNext, {
-        key: "ArrowRight",
-    });
-    React.useEffect(() => {
-        setCurrentImageIndex(imageIndex);
-    }, [imageIndex, open]);
-    const template = (React__default["default"].createElement(React__default["default"].Fragment, null, open && (React__default["default"].createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef },
-        React__default["default"].createElement("div", { className: styles.toolbar },
-            React__default["default"].createElement("span", { className: styles.title }, images[currentImageIndex].title),
-            React__default["default"].createElement(ButtonDismiss.ButtonDismiss, { ariaLabel: "Close", onClick: handleRequestClose })),
-        React__default["default"].createElement("div", { className: styles.imagesWrapper },
-            React__default["default"].createElement(framerMotion.AnimatePresence, { initial: false },
-                React__default["default"].createElement(framerMotion.motion.img, { key: currentImageIndex, variants: variants, src: images[currentImageIndex].url, custom: direction, className: styles.image, style: { y: "-50%" }, initial: "enter", animate: "center", exit: "exit", transition: imageTransition, drag: "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 1, onDragEnd: handleOnDragEnd }))),
-        images.length > 1 && (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(PreviousButton, { onClick: debouncedHandlePrevious }),
-            React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }))),
-        React__default["default"].createElement("div", { className: styles.toolbar }, images[currentImageIndex].caption),
-        React__default["default"].createElement("div", { className: styles.overlay, onClick: handleRequestClose })))));
-    return ReactDOM__default["default"].createPortal(template, document.body);
-    function handleMovePrevious() {
-        setDirection(-1);
-        setCurrentImageIndex((currentImageIndex + images.length - 1) % images.length);
-    }
-    function handleMoveNext() {
-        setDirection(1);
-        setCurrentImageIndex((currentImageIndex + 1) % images.length);
-    }
-    function handleRequestClose() {
-        onRequestClose({ lastPosition: currentImageIndex });
-    }
-    function handleOnDragEnd(event, { offset, velocity }) {
-        const swipe = swipePower(offset.x, velocity.x);
-        if (swipe < -swipeConfidenceThreshold) {
-            handleMoveNext();
-        }
-        else if (swipe > swipeConfidenceThreshold) {
-            handleMovePrevious();
-        }
-    }
-}
-function PreviousButton({ onClick }) {
-    return (React__default["default"].createElement("div", { className: styles.prev },
-        React__default["default"].createElement(Button.Button, { size: "large", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
-}
-function NextButton({ onClick }) {
-    return (React__default["default"].createElement("div", { className: styles.next },
-        React__default["default"].createElement(Button.Button, { size: "large", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
-}
-
-exports.LightBox = LightBox;

package/dist/LightBox-8cc72953.js

@@ -1,109 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
-import ReactDOM from 'react-dom';
-import debounce from 'lodash/debounce';
-import { useRefocusOnActivator } from '@jobber/hooks/useRefocusOnActivator';
-import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
-import { useFocusTrap } from '@jobber/hooks/useFocusTrap';
-import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { B as ButtonDismiss } from './ButtonDismiss-a11eef74.js';
-import { B as Button } from './Button-30154871.js';
-
-var css_248z = "._3JgBCebdbNU-,\n.JJOBEL7d-10- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  z-index: var(--elevation-base);\n  -webkit-transform: translateY(-50%);\n          transform: translateY(-50%);\n}\n\n._3JgBCebdbNU- {\n  right: var(--space-base);\n}\n\n.JJOBEL7d-10- {\n  left: var(--space-base);\n}\n\n.fAep1A-0xIU- {\n  display: -ms-flexbox;\n  display: flex;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: var(--elevation-modal);\n  width: 100%;\n  height: 100%;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-direction: column;\n      flex-direction: column;\n}\n\n.AfUUWErd5S4- {\n  display: -ms-flexbox;\n  display: flex;\n  z-index: var(--elevation-base);\n  padding: var(--space-small) var(--space-base);\n  color: var(--color-text--reverse--secondary);\n  font-size: var(--typography--fontSize-large);\n  background-color: var(--color-surface--reverse);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n\n.jobber-retheme .AfUUWErd5S4- {\n  color: var(--color-text--secondary);\n  background-color: var(--color-surface--background);\n}\n\n.ysUYbBTaORk- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.GSOVtN1Y3IU- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  position: relative;\n  -ms-flex: 1 1 0px;\n      flex: 1 1 0;\n  min-height: 0;\n}\n\n.-V917BdNqSs- {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--color-overlay);\n}\n\n.sjwUjzb3a5c- {\n  position: absolute;\n  top: 50%;\n  max-width: 100%;\n  max-height: 100%;\n  margin: auto;\n}\n";
-var styles = {"next":"_3JgBCebdbNU-","prev":"JJOBEL7d-10-","lightboxWrapper":"fAep1A-0xIU-","toolbar":"AfUUWErd5S4-","title":"ysUYbBTaORk-","imagesWrapper":"GSOVtN1Y3IU-","overlay":"-V917BdNqSs-","image":"sjwUjzb3a5c-"};
-styleInject(css_248z);
-
-/* eslint-disable max-statements */
-const swipeConfidenceThreshold = 10000;
-const swipePower = (offset, velocity) => {
-    return Math.abs(offset) * velocity;
-};
-const variants = {
-    enter: (direction) => {
-        return {
-            x: direction > 0 ? 1000 : -1000,
-            opacity: 0,
-        };
-    },
-    center: {
-        zIndex: 1,
-        x: 0,
-        opacity: 1,
-    },
-    exit: (direction) => {
-        return {
-            zIndex: 0,
-            x: direction < 0 ? 1000 : -1000,
-            opacity: 0,
-        };
-    },
-};
-const imageTransition = {
-    x: { type: "spring", stiffness: 300, damping: 30 },
-    opacity: { duration: 0.2 },
-};
-// A little bit more than the transition's duration
-// We're doing this to prevent a bug from framer-motion
-// https://github.com/framer/motion/issues/1769
-const debounceDuration = 250;
-function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
-    const [currentImageIndex, setCurrentImageIndex] = useState(imageIndex);
-    const [direction, setDirection] = useState(0);
-    const lightboxRef = useFocusTrap(open);
-    const debouncedHandleNext = debounce(handleMoveNext, debounceDuration);
-    const debouncedHandlePrevious = debounce(handleMovePrevious, debounceDuration);
-    useRefocusOnActivator(open);
-    useOnKeyDown(handleRequestClose, "Escape");
-    useOnKeyDown(debouncedHandlePrevious, {
-        key: "ArrowLeft",
-    });
-    useOnKeyDown(debouncedHandleNext, {
-        key: "ArrowRight",
-    });
-    useEffect(() => {
-        setCurrentImageIndex(imageIndex);
-    }, [imageIndex, open]);
-    const template = (React.createElement(React.Fragment, null, open && (React.createElement("div", { className: styles.lightboxWrapper, tabIndex: 0, "aria-label": "Lightbox", key: "Lightbox", ref: lightboxRef },
-        React.createElement("div", { className: styles.toolbar },
-            React.createElement("span", { className: styles.title }, images[currentImageIndex].title),
-            React.createElement(ButtonDismiss, { ariaLabel: "Close", onClick: handleRequestClose })),
-        React.createElement("div", { className: styles.imagesWrapper },
-            React.createElement(AnimatePresence, { initial: false },
-                React.createElement(motion.img, { key: currentImageIndex, variants: variants, src: images[currentImageIndex].url, custom: direction, className: styles.image, style: { y: "-50%" }, initial: "enter", animate: "center", exit: "exit", transition: imageTransition, drag: "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 1, onDragEnd: handleOnDragEnd }))),
-        images.length > 1 && (React.createElement(React.Fragment, null,
-            React.createElement(PreviousButton, { onClick: debouncedHandlePrevious }),
-            React.createElement(NextButton, { onClick: debouncedHandleNext }))),
-        React.createElement("div", { className: styles.toolbar }, images[currentImageIndex].caption),
-        React.createElement("div", { className: styles.overlay, onClick: handleRequestClose })))));
-    return ReactDOM.createPortal(template, document.body);
-    function handleMovePrevious() {
-        setDirection(-1);
-        setCurrentImageIndex((currentImageIndex + images.length - 1) % images.length);
-    }
-    function handleMoveNext() {
-        setDirection(1);
-        setCurrentImageIndex((currentImageIndex + 1) % images.length);
-    }
-    function handleRequestClose() {
-        onRequestClose({ lastPosition: currentImageIndex });
-    }
-    function handleOnDragEnd(event, { offset, velocity }) {
-        const swipe = swipePower(offset.x, velocity.x);
-        if (swipe < -swipeConfidenceThreshold) {
-            handleMoveNext();
-        }
-        else if (swipe > swipeConfidenceThreshold) {
-            handleMovePrevious();
-        }
-    }
-}
-function PreviousButton({ onClick }) {
-    return (React.createElement("div", { className: styles.prev },
-        React.createElement(Button, { size: "large", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
-}
-function NextButton({ onClick }) {
-    return (React.createElement("div", { className: styles.next },
-        React.createElement(Button, { size: "large", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
-}
-
-export { LightBox as L };

package/dist/LightBox.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var LightBox = require('./LightBox-3d6e74ba.js');
-require('react');
-require('framer-motion');
-require('react-dom');
-require('lodash/debounce');
-require('@jobber/hooks/useRefocusOnActivator');
-require('@jobber/hooks/useOnKeyDown');
-require('@jobber/hooks/useFocusTrap');
-require('./style-inject.es-9d2f5f4e.js');
-require('./ButtonDismiss-d7417429.js');
-require('./Button-ec64869e.js');
-require('classnames');
-require('react-router-dom');
-require('./Icon-405a216c.js');
-require('@jobber/design');
-require('./Typography-fd88fcce.js');
-
-
-
-exports.LightBox = LightBox.LightBox;

package/dist/LightBox.js

@@ -1,16 +0,0 @@
-export { L as LightBox } from './LightBox-8cc72953.js';
-import 'react';
-import 'framer-motion';
-import 'react-dom';
-import 'lodash/debounce';
-import '@jobber/hooks/useRefocusOnActivator';
-import '@jobber/hooks/useOnKeyDown';
-import '@jobber/hooks/useFocusTrap';
-import './style-inject.es-a0e1a0ba.js';
-import './ButtonDismiss-a11eef74.js';
-import './Button-30154871.js';
-import 'classnames';
-import 'react-router-dom';
-import './Icon-22723fe6.js';
-import '@jobber/design';
-import './Typography-52ed1386.js';

package/dist/Link.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Link = require('./Link-fd7301ec.js');
-require('react');
-
-
-
-exports.Link = Link.Link;

package/dist/Link.js

@@ -1,2 +0,0 @@
-export { L as Link } from './Link-b41bc1d3.js';
-import 'react';