@jobber/components 6.85.2 → 6.85.3-CLEANUPre-6d043f4.28

package/dist/InputPassword/index.cjs

@@ -3,6 +3,7 @@
 var InputPassword = require('../InputPassword-cjs.js');
 require('react');
 require('../FormField-cjs.js');
+require('@jobber/hooks');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');

package/dist/InputPassword/index.mjs

@@ -1,6 +1,7 @@
 export { I as InputPassword } from '../InputPassword-es.js';
 import 'react';
 import '../FormField-es.js';
+import '@jobber/hooks';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';

package/dist/InputPassword-cjs.js

@@ -5,6 +5,7 @@ var FormField = require('./FormField-cjs.js');
 require('classnames');
 require('./tslib.es6-cjs.js');
 require('react-hook-form');
+require('@jobber/hooks');
 require('framer-motion');
 require('@jobber/design');
 require('./Button-cjs.js');

package/dist/InputPassword-es.js

@@ -3,6 +3,7 @@ import { k as FormField } from './FormField-es.js';
 import 'classnames';
 import './tslib.es6-es.js';
 import 'react-hook-form';
+import '@jobber/hooks';
 import 'framer-motion';
 import '@jobber/design';
 import './Button-es.js';

package/dist/InputPhoneNumber/InputPhoneNumber.types.d.ts

@@ -1,4 +1,4 @@
-import type { Clearable } from "@jobber/hooks/useShowClear";
+import type { Clearable } from "@jobber/hooks";
 import type { InputMaskProps } from "./InputMask";
 import type { CommonFormFieldProps, FormFieldProps } from "../FormField";
 export interface InputPhoneNumberLegacyProps extends Omit<CommonFormFieldProps, "align">, Pick<FormFieldProps, "autocomplete" | "onEnter" | "onFocus" | "onBlur" | "validations" | "readonly" | "prefix" | "suffix"> {

package/dist/InputPhoneNumber/index.cjs

@@ -7,6 +7,7 @@ var FormField = require('../FormField-cjs.js');
 var reactHookForm = require('react-hook-form');
 require('../Button-cjs.js');
 require('@jobber/design');
+require('@jobber/hooks');
 require('framer-motion');
 require('../Icon-cjs.js');
 require('../Text-cjs.js');

package/dist/InputPhoneNumber/index.mjs

@@ -5,6 +5,7 @@ import { j as useFormFieldWrapperStyles, b as useAtlantisFormFieldName, f as For
 import { useFormContext, useForm } from 'react-hook-form';
 import '../Button-es.js';
 import '@jobber/design';
+import '@jobber/hooks';
 import 'framer-motion';
 import '../Icon-es.js';
 import '../Text-es.js';

package/dist/InputText/InputText.d.ts

@@ -17,7 +17,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly placeholder?: string | undefined;
     readonly size?: ("small" | "large") | undefined;
     readonly value?: (string | number | Date) | undefined;
-    readonly clearable?: import("@jobber/hooks/dist").Clearable | undefined;
+    readonly clearable?: import("@jobber/hooks").Clearable | undefined;
     version?: 1 | undefined;
     onFocus?: ((event?: React.FocusEvent) => void) | undefined;
     onBlur?: ((event?: React.FocusEvent) => void) | undefined;
@@ -51,7 +51,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly placeholder?: string | undefined;
     readonly size?: ("small" | "large") | undefined;
     readonly value?: (string | number | Date) | undefined;
-    readonly clearable?: import("@jobber/hooks/dist").Clearable | undefined;
+    readonly clearable?: import("@jobber/hooks").Clearable | undefined;
     version?: 1 | undefined;
     onFocus?: ((event?: React.FocusEvent) => void) | undefined;
     onBlur?: ((event?: React.FocusEvent) => void) | undefined;

package/dist/InputText/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect = require('../useSafeLayoutEffect-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var FormField = require('../FormField-cjs.js');
 require('classnames');
 var tslib_es6 = require('../tslib.es6-cjs.js');
@@ -34,7 +34,7 @@ require('../_setToString-cjs.js');
  */
 function useTextAreaResize({ rows, value, inputRef, wrapperRef, }) {
     const rowRange = getRowRange(rows);
-    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
+    jobberHooks.useSafeLayoutEffect(() => {
         if (inputRef &&
             inputRef.current instanceof HTMLTextAreaElement &&
             wrapperRef &&
@@ -45,7 +45,7 @@ function useTextAreaResize({ rows, value, inputRef, wrapperRef, }) {
     // When the consumer passes a new controlled value, we need to recheck the size.
     // The timeout ensures the DOM has a enough time to render the new text before
     // we access the height.
-    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
+    jobberHooks.useSafeLayoutEffect(() => {
         setTimeout(() => {
             if (inputRef &&
                 inputRef.current instanceof HTMLTextAreaElement &&

package/dist/InputText/index.mjs

@@ -1,5 +1,5 @@
 import React__default, { forwardRef, useRef, useImperativeHandle, useId } from 'react';
-import { u as useSafeLayoutEffect_1 } from '../useSafeLayoutEffect-es.js';
+import { useSafeLayoutEffect } from '@jobber/hooks';
 import { k as FormField, s as styles, j as useFormFieldWrapperStyles, b as useAtlantisFormFieldName, f as FormFieldWrapper, l as FormFieldPostFix, m as mergeRefs } from '../FormField-es.js';
 import 'classnames';
 import { _ as __rest } from '../tslib.es6-es.js';
@@ -32,7 +32,7 @@ import '../_setToString-es.js';
  */
 function useTextAreaResize({ rows, value, inputRef, wrapperRef, }) {
     const rowRange = getRowRange(rows);
-    useSafeLayoutEffect_1(() => {
+    useSafeLayoutEffect(() => {
         if (inputRef &&
             inputRef.current instanceof HTMLTextAreaElement &&
             wrapperRef &&
@@ -43,7 +43,7 @@ function useTextAreaResize({ rows, value, inputRef, wrapperRef, }) {
     // When the consumer passes a new controlled value, we need to recheck the size.
     // The timeout ensures the DOM has a enough time to render the new text before
     // we access the height.
-    useSafeLayoutEffect_1(() => {
+    useSafeLayoutEffect(() => {
         setTimeout(() => {
             if (inputRef &&
                 inputRef.current instanceof HTMLTextAreaElement &&

package/dist/InputText/useInputTextFormField.d.ts

@@ -59,7 +59,7 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         className: string;
         name: string;
         disabled: boolean | undefined;
-        inputMode: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode: "none" | "text" | "search" | "email" | "decimal" | "tel" | "url" | "numeric" | undefined;
         onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
         onBlur: () => void;
         onFocus: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
@@ -68,7 +68,6 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
         capture?: boolean | "user" | "environment" | undefined;
         checked?: boolean | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         form?: string | undefined;
         formAction?: string | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
         formEncType?: string | undefined;
@@ -97,10 +96,12 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
@@ -123,7 +124,6 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
         autoCorrect?: string | undefined;
         autoSave?: string | undefined;
         color?: string | undefined;
@@ -136,6 +136,8 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -206,7 +208,7 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onChangeCapture?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+        onBeforeInput?: import("react").InputEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInput?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onInputCapture?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
@@ -255,8 +257,6 @@ export declare function useInputTextFormField({ id, name, description, inline, h
         onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onRateChange?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        onResize?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onSeeked?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
         onSeeking?: import("react").ReactEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;

package/dist/InputTime/index.cjs

@@ -9,6 +9,7 @@ require('@jobber/design');
 require('react-hook-form');
 require('../Button-cjs.js');
 var omit = require('../omit-cjs.js');
+require('@jobber/hooks');
 require('framer-motion');
 require('../_commonjsHelpers-cjs.js');
 require('../isObjectLike-cjs.js');

package/dist/InputTime/index.mjs

@@ -1,12 +1,13 @@
 import React__default, { useState, useCallback, useEffect, useRef, useId } from 'react';
 import { _ as __rest } from '../tslib.es6-es.js';
-import { a as debounce } from '../debounce-es.js';
+import { d as debounce } from '../debounce-es.js';
 import { j as useFormFieldWrapperStyles, f as FormFieldWrapper, k as FormField } from '../FormField-es.js';
 import 'classnames';
 import '@jobber/design';
 import 'react-hook-form';
 import '../Button-es.js';
 import { o as omit } from '../omit-es.js';
+import '@jobber/hooks';
 import 'framer-motion';
 import '../_commonjsHelpers-es.js';
 import '../isObjectLike-es.js';

package/dist/InternalChipDismissible-cjs.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var useScrollToActive = require('./useScrollToActive-cjs.js');
 require('./isObjectLike-cjs.js');
+require('@jobber/hooks');
 require('@jobber/design');
 var classnames = require('classnames');
 var floatingUi_react = require('./floating-ui.react-cjs.js');

package/dist/InternalChipDismissible-es.js

@@ -1,6 +1,7 @@
 import React__default, { useEffect } from 'react';
 import { a as useInternalChipDismissibleInput, d as useScrollToActive, b as useInView, c as useRepositionMenu, u as useInternalChipDismissible } from './useScrollToActive-es.js';
 import './isObjectLike-es.js';
+import '@jobber/hooks';
 import '@jobber/design';
 import classnames from 'classnames';
 import { F as FloatingPortal } from './floating-ui.react-es.js';

package/dist/LightBox/index.cjs

@@ -4,13 +4,8 @@ var LightBox = require('../LightBox-cjs.js');
 require('react');
 require('framer-motion');
 require('react-dom');
-require('../useRefocusOnActivator-cjs.js');
-require('../useOnKeyDown-cjs.js');
-require('../useFocusTrap-cjs.js');
-require('../useIsMounted-cjs.js');
-require('../useSafeLayoutEffect-cjs.js');
+require('@jobber/hooks');
 require('classnames');
-require('../useDebounce-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');

package/dist/LightBox/index.mjs

@@ -2,13 +2,8 @@ export { L as LightBox } from '../LightBox-es.js';
 import 'react';
 import 'framer-motion';
 import 'react-dom';
-import '../useRefocusOnActivator-es.js';
-import '../useOnKeyDown-es.js';
-import '../useFocusTrap-es.js';
-import '../useIsMounted-es.js';
-import '../useSafeLayoutEffect-es.js';
+import '@jobber/hooks';
 import 'classnames';
-import '../useDebounce-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';

package/dist/LightBox-cjs.js

@@ -3,76 +3,14 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
-var useRefocusOnActivator = require('./useRefocusOnActivator-cjs.js');
-var useOnKeyDown = require('./useOnKeyDown-cjs.js');
-var useFocusTrap = require('./useFocusTrap-cjs.js');
-var useIsMounted = require('./useIsMounted-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var classnames = require('classnames');
-var useDebounce = require('./useDebounce-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Text = require('./Text-cjs.js');
 var Button = require('./Button-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
 
-var useBreakpoints = {};
-
-var useMediaQuery = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.mediaQueryStore = void 0;
-	exports.useMediaQuery = useMediaQuery;
-	const react_1 = React;
-	exports.mediaQueryStore = {
-	    subscribe(onChange, query) {
-	        const matchMedia = window.matchMedia(query);
-	        matchMedia.addEventListener("change", onChange);
-	        return () => {
-	            matchMedia.removeEventListener("change", onChange);
-	        };
-	    },
-	    getSnapshot(query) {
-	        return () => window.matchMedia(query).matches;
-	    },
-	};
-	function useMediaQuery(query) {
-	    const subscribeMediaQuery = (0, react_1.useCallback)((onChange) => exports.mediaQueryStore.subscribe(onChange, query), [query]);
-	    const matches = (0, react_1.useSyncExternalStore)(subscribeMediaQuery, exports.mediaQueryStore.getSnapshot(query), () => true);
-	    return matches;
-	} 
-} (useMediaQuery));
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.BREAKPOINT_SIZES = void 0;
-	exports.useBreakpoints = useBreakpoints;
-	const useMediaQuery_1 = useMediaQuery;
-	exports.BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
-	/**
-	 * Hook equivalent of CSS media queries with our
-	 * [supported breakpoints](https://atlantis.getjobber.com/design/breakpoints).
-	 */
-	function useBreakpoints() {
-	    const { sm, md, lg, xl } = exports.BREAKPOINT_SIZES;
-	    const extraSmallOnly = (0, useMediaQuery_1.useMediaQuery)(`(max-width: ${sm - 1}px)`);
-	    const smallAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${sm}px)`);
-	    const mediumAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${md}px)`);
-	    const largeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${lg}px)`);
-	    const extraLargeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${xl}px)`);
-	    return {
-	        smallAndUp,
-	        mediumAndUp,
-	        largeAndUp,
-	        extraLargeAndUp,
-	        extraSmallOnly,
-	        smallOnly: smallAndUp && !mediumAndUp,
-	        mediumOnly: mediumAndUp && !largeAndUp,
-	        largeOnly: largeAndUp && !extraLargeAndUp,
-	    };
-	} 
-} (useBreakpoints));
-
 var styles = {"backgroundImage":"i9Tw1T65W-k-","next":"Q8amcRaTGf0-","prev":"W9FVb24yJrk-","buttonHidden":"nsN0TPWsBXI-","buttonVisible":"dkLYp7AD2jE-","lightboxWrapper":"_5p2iAj4JfoE-","toolbar":"rMK4cKdOxFw-","closeButton":"_0m6vb11DgiA-","slideNumber":"kCc68gGuTgg-","image":"yYFVVScosfQ-","imageArea":"UskuwLHR6fg-","captionWrapper":"OGjhge-r-U4-","title":"tZU2g-NYdIs-","blurOverlay":"GKIdLTmvcvQ-","thumbnailBar":"_3TfQLQEE3GQ-","thumbnailImage":"eBMzUOlcfQ4-","thumbnail":"eapm2zruLn8-","selected":"PeLn2u-QB0k-","spinning":"_8tDoqjgfLcw-"};
 
 const swipeConfidenceThreshold = 10000;
@@ -106,21 +44,21 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     const [currentImageIndex, setCurrentImageIndex] = React.useState(imageIndex);
     const [direction, setDirection] = React.useState(0);
     const [mouseIsStationary, setMouseIsStationary] = React.useState(true);
-    const lightboxRef = useFocusTrap.useFocusTrap_2(open);
+    const lightboxRef = jobberHooks.useFocusTrap(open);
     const selectedThumbnailRef = React.useRef(null);
-    const debouncedHandleNext = useDebounce.useDebounce_2(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
-    const debouncedHandlePrevious = useDebounce.useDebounce_2(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
-    const mounted = useIsMounted.useIsMounted_2();
+    const debouncedHandleNext = jobberHooks.useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandlePrevious = jobberHooks.useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
+    const mounted = jobberHooks.useIsMounted();
     const prevOpen = React.useRef(open);
-    useRefocusOnActivator.useRefocusOnActivator_2(open);
-    const handleMouseMovement = useDebounce.useDebounce_2(() => {
+    jobberHooks.useRefocusOnActivator(open);
+    const handleMouseMovement = jobberHooks.useDebounce(() => {
         setMouseIsStationary(true);
     }, MOVEMENT_DEBOUNCE_DELAY);
-    useOnKeyDown.useOnKeyDown_2(handleRequestClose, "Escape");
-    useOnKeyDown.useOnKeyDown_2(debouncedHandlePrevious, {
+    jobberHooks.useOnKeyDown(handleRequestClose, "Escape");
+    jobberHooks.useOnKeyDown(debouncedHandlePrevious, {
         key: "ArrowLeft",
     });
-    useOnKeyDown.useOnKeyDown_2(debouncedHandleNext, {
+    jobberHooks.useOnKeyDown(debouncedHandleNext, {
         key: "ArrowRight",
     });
     React.useEffect(() => {
@@ -208,12 +146,12 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     }
 }
 function PreviousButton({ onClick, hideButton }) {
-    const { mediumAndUp } = useBreakpoints.useBreakpoints();
+    const { mediumAndUp } = jobberHooks.useBreakpoints();
     return (React.createElement("div", { className: `${styles.prev} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
         React.createElement(Button.Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
 }
 function NextButton({ onClick, hideButton }) {
-    const { mediumAndUp } = useBreakpoints.useBreakpoints();
+    const { mediumAndUp } = jobberHooks.useBreakpoints();
     return (React.createElement("div", { className: `${styles.next} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
         React.createElement(Button.Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
 }

package/dist/LightBox-es.js

@@ -1,76 +1,14 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import ReactDOM__default from 'react-dom';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
-import { u as useIsMounted_2 } from './useIsMounted-es.js';
+import { useFocusTrap, useDebounce, useIsMounted, useRefocusOnActivator, useOnKeyDown, useBreakpoints } from '@jobber/hooks';
 import classnames from 'classnames';
-import { u as useDebounce_2 } from './useDebounce-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';
 import { H as Heading } from './Heading-es.js';
 import { A as AtlantisThemeContextProvider } from './AtlantisThemeContext-es.js';
 
-var useBreakpoints = {};
-
-var useMediaQuery = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.mediaQueryStore = void 0;
-	exports.useMediaQuery = useMediaQuery;
-	const react_1 = React__default;
-	exports.mediaQueryStore = {
-	    subscribe(onChange, query) {
-	        const matchMedia = window.matchMedia(query);
-	        matchMedia.addEventListener("change", onChange);
-	        return () => {
-	            matchMedia.removeEventListener("change", onChange);
-	        };
-	    },
-	    getSnapshot(query) {
-	        return () => window.matchMedia(query).matches;
-	    },
-	};
-	function useMediaQuery(query) {
-	    const subscribeMediaQuery = (0, react_1.useCallback)((onChange) => exports.mediaQueryStore.subscribe(onChange, query), [query]);
-	    const matches = (0, react_1.useSyncExternalStore)(subscribeMediaQuery, exports.mediaQueryStore.getSnapshot(query), () => true);
-	    return matches;
-	} 
-} (useMediaQuery));
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.BREAKPOINT_SIZES = void 0;
-	exports.useBreakpoints = useBreakpoints;
-	const useMediaQuery_1 = useMediaQuery;
-	exports.BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
-	/**
-	 * Hook equivalent of CSS media queries with our
-	 * [supported breakpoints](https://atlantis.getjobber.com/design/breakpoints).
-	 */
-	function useBreakpoints() {
-	    const { sm, md, lg, xl } = exports.BREAKPOINT_SIZES;
-	    const extraSmallOnly = (0, useMediaQuery_1.useMediaQuery)(`(max-width: ${sm - 1}px)`);
-	    const smallAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${sm}px)`);
-	    const mediumAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${md}px)`);
-	    const largeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${lg}px)`);
-	    const extraLargeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${xl}px)`);
-	    return {
-	        smallAndUp,
-	        mediumAndUp,
-	        largeAndUp,
-	        extraLargeAndUp,
-	        extraSmallOnly,
-	        smallOnly: smallAndUp && !mediumAndUp,
-	        mediumOnly: mediumAndUp && !largeAndUp,
-	        largeOnly: largeAndUp && !extraLargeAndUp,
-	    };
-	} 
-} (useBreakpoints));
-
 var styles = {"backgroundImage":"i9Tw1T65W-k-","next":"Q8amcRaTGf0-","prev":"W9FVb24yJrk-","buttonHidden":"nsN0TPWsBXI-","buttonVisible":"dkLYp7AD2jE-","lightboxWrapper":"_5p2iAj4JfoE-","toolbar":"rMK4cKdOxFw-","closeButton":"_0m6vb11DgiA-","slideNumber":"kCc68gGuTgg-","image":"yYFVVScosfQ-","imageArea":"UskuwLHR6fg-","captionWrapper":"OGjhge-r-U4-","title":"tZU2g-NYdIs-","blurOverlay":"GKIdLTmvcvQ-","thumbnailBar":"_3TfQLQEE3GQ-","thumbnailImage":"eBMzUOlcfQ4-","thumbnail":"eapm2zruLn8-","selected":"PeLn2u-QB0k-","spinning":"_8tDoqjgfLcw-"};
 
 const swipeConfidenceThreshold = 10000;
@@ -104,21 +42,21 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     const [currentImageIndex, setCurrentImageIndex] = useState(imageIndex);
     const [direction, setDirection] = useState(0);
     const [mouseIsStationary, setMouseIsStationary] = useState(true);
-    const lightboxRef = useFocusTrap_2(open);
+    const lightboxRef = useFocusTrap(open);
     const selectedThumbnailRef = useRef(null);
-    const debouncedHandleNext = useDebounce_2(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
-    const debouncedHandlePrevious = useDebounce_2(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
-    const mounted = useIsMounted_2();
+    const debouncedHandleNext = useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandlePrevious = useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
+    const mounted = useIsMounted();
     const prevOpen = useRef(open);
-    useRefocusOnActivator_2(open);
-    const handleMouseMovement = useDebounce_2(() => {
+    useRefocusOnActivator(open);
+    const handleMouseMovement = useDebounce(() => {
         setMouseIsStationary(true);
     }, MOVEMENT_DEBOUNCE_DELAY);
-    useOnKeyDown_2(handleRequestClose, "Escape");
-    useOnKeyDown_2(debouncedHandlePrevious, {
+    useOnKeyDown(handleRequestClose, "Escape");
+    useOnKeyDown(debouncedHandlePrevious, {
         key: "ArrowLeft",
     });
-    useOnKeyDown_2(debouncedHandleNext, {
+    useOnKeyDown(debouncedHandleNext, {
         key: "ArrowRight",
     });
     useEffect(() => {
@@ -206,12 +144,12 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     }
 }
 function PreviousButton({ onClick, hideButton }) {
-    const { mediumAndUp } = useBreakpoints.useBreakpoints();
+    const { mediumAndUp } = useBreakpoints();
     return (React__default.createElement("div", { className: `${styles.prev} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
         React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowLeft", ariaLabel: "Previous image", onClick: onClick })));
 }
 function NextButton({ onClick, hideButton }) {
-    const { mediumAndUp } = useBreakpoints.useBreakpoints();
+    const { mediumAndUp } = useBreakpoints();
     return (React__default.createElement("div", { className: `${styles.next} ${hideButton ? styles.buttonHidden : styles.buttonVisible}` },
         React__default.createElement(Button, { size: mediumAndUp ? "large" : "small", variation: "subtle", type: "secondary", icon: "arrowRight", ariaLabel: "Next image", onClick: onClick })));
 }

package/dist/List/index.cjs

@@ -21,7 +21,7 @@ require('../Heading-cjs.js');
 require('../Markdown-cjs.js');
 require('../Emphasis-cjs.js');
 require('../Content-cjs.js');
-require('../index-cjs.js');
+require('react/jsx-runtime');
 
 
 

package/dist/List/index.mjs

@@ -19,4 +19,4 @@ import '../Heading-es.js';
 import '../Markdown-es.js';
 import '../Emphasis-es.js';
 import '../Content-es.js';
-import '../index-es.js';
+import 'react/jsx-runtime';

package/dist/Markdown/index.cjs

@@ -8,7 +8,7 @@ require('classnames');
 require('../Emphasis-cjs.js');
 require('../Heading-cjs.js');
 require('../Content-cjs.js');
-require('../index-cjs.js');
+require('react/jsx-runtime');
 require('../_commonjsHelpers-cjs.js');
 
 

package/dist/Markdown/index.mjs

@@ -6,5 +6,5 @@ import 'classnames';
 import '../Emphasis-es.js';
 import '../Heading-es.js';
 import '../Content-es.js';
-import '../index-es.js';
+import 'react/jsx-runtime';
 import '../_commonjsHelpers-es.js';