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

package/dist/Chips/index.cjs

@@ -17,10 +17,12 @@ require('../_baseEach-cjs.js');
 require('../_baseFor-cjs.js');
 require('../_isIterateeCall-cjs.js');
 require('../_setToString-cjs.js');
+require('@jobber/hooks');
 require('../debounce-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 require('react-dom');
 require('../maxHeight-cjs.js');
 require('classnames');
@@ -30,14 +32,11 @@ require('../Button-cjs.js');
 require('react-router-dom');
 require('../tslib.es6-cjs.js');
 require('../Spinner-cjs.js');
-require('../useInView-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
 require('framer-motion');
-require('../useSafeLayoutEffect-cjs.js');
-require('../useIsMounted-cjs.js');
 
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React.createElement(InternalChipDismissible.InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(Chip$1.InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));

package/dist/Chips/index.mjs

@@ -15,10 +15,12 @@ import '../_baseEach-es.js';
 import '../_baseFor-es.js';
 import '../_isIterateeCall-es.js';
 import '../_setToString-es.js';
+import '@jobber/hooks';
 import '../debounce-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 import 'react-dom';
 import '../maxHeight-es.js';
 import 'classnames';
@@ -28,14 +30,11 @@ import '../Button-es.js';
 import 'react-router-dom';
 import '../tslib.es6-es.js';
 import '../Spinner-es.js';
-import '../useInView-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
 import 'framer-motion';
-import '../useSafeLayoutEffect-es.js';
-import '../useIsMounted-es.js';
 
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React__default.createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React__default.createElement(InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));

package/dist/Combobox/Combobox.types.d.ts

@@ -109,8 +109,10 @@ export interface ComboboxOptionProps {
      * Advanced: A custom render prop to completely control how this option is rendered.
      * The function receives the option's props, and a boolean indicating if the option is selected.
      */
-    readonly customRender?: (option: Omit<ComboboxOptionProps, "customRender"> & {
+    readonly customRender?: (option: Pick<ComboboxOptionProps, "id" | "label" | "prefix"> & {
         isSelected: boolean;
+        /** Render the default option content. */
+        defaultContent: ReactElement;
     }) => React.ReactNode;
     /**
      * Callback function invoked when the option is clicked.

package/dist/Combobox/components/ComboboxActivator/index.cjs

@@ -10,16 +10,15 @@ require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');
 require('../../../Chip-cjs.js');
-require('../../../useInView-cjs.js');
+require('@jobber/hooks');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
 require('../../../ComboboxProvider-cjs.js');
 require('../../../constants-cjs.js');
 

package/dist/Combobox/components/ComboboxActivator/index.mjs

@@ -8,15 +8,14 @@ import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';
 import '../../../Chip-es.js';
-import '../../../useInView-es.js';
+import '@jobber/hooks';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 import 'react-dom';
 import 'framer-motion';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
 import '../../../ComboboxProvider-es.js';
 import '../../../constants-es.js';

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.cjs

@@ -17,7 +17,7 @@ require('../../../../Icon-cjs.js');
 require('../../../../Flex-cjs.js');
 require('../../../../ComboboxProvider-cjs.js');
 require('../../../../ComboboxLoadMore-cjs.js');
-require('../../../../useInView-cjs.js');
+require('@jobber/hooks');
 
 
 

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.mjs

@@ -15,4 +15,4 @@ import '../../../../Icon-es.js';
 import '../../../../Flex-es.js';
 import '../../../../ComboboxProvider-es.js';
 import '../../../../ComboboxLoadMore-es.js';
-import '../../../../useInView-es.js';
+import '@jobber/hooks';

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.cjs

@@ -2,7 +2,7 @@
 
 var ComboboxLoadMore = require('../../../../ComboboxLoadMore-cjs.js');
 require('react');
-require('../../../../useInView-cjs.js');
+require('@jobber/hooks');
 
 
 

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.mjs

@@ -1,3 +1,3 @@
 export { C as ComboboxLoadMore } from '../../../../ComboboxLoadMore-es.js';
 import 'react';
-import '../../../../useInView-es.js';
+import '@jobber/hooks';

package/dist/Combobox/components/ComboboxContent/index.cjs

@@ -4,6 +4,7 @@ var ComboboxContent = require('../../../ComboboxContent-cjs.js');
 require('react');
 require('classnames');
 require('../../../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 require('react-dom');
 require('../../../ComboboxContentSearch-cjs.js');
 require('../../../Icon-cjs.js');
@@ -21,12 +22,10 @@ require('../../../ComboboxOption-cjs.js');
 require('../../../Flex-cjs.js');
 require('../../../ComboboxProvider-cjs.js');
 require('../../../ComboboxLoadMore-cjs.js');
-require('../../../useInView-cjs.js');
+require('@jobber/hooks');
 require('../../../ComboboxContentHeader-cjs.js');
 require('../../../Button-cjs.js');
 require('react-router-dom');
-require('../../../useRefocusOnActivator-cjs.js');
-require('../../../useFocusTrap-cjs.js');
 require('../../../constants-cjs.js');
 
 

package/dist/Combobox/components/ComboboxContent/index.mjs

@@ -2,6 +2,7 @@ export { C as ComboboxContent } from '../../../ComboboxContent-es.js';
 import 'react';
 import 'classnames';
 import '../../../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 import 'react-dom';
 import '../../../ComboboxContentSearch-es.js';
 import '../../../Icon-es.js';
@@ -19,10 +20,8 @@ import '../../../ComboboxOption-es.js';
 import '../../../Flex-es.js';
 import '../../../ComboboxProvider-es.js';
 import '../../../ComboboxLoadMore-es.js';
-import '../../../useInView-es.js';
+import '@jobber/hooks';
 import '../../../ComboboxContentHeader-es.js';
 import '../../../Button-es.js';
 import 'react-router-dom';
-import '../../../useRefocusOnActivator-es.js';
-import '../../../useFocusTrap-es.js';
 import '../../../constants-es.js';

package/dist/Combobox/components/ComboboxTrigger/index.cjs

@@ -4,7 +4,7 @@ var ComboboxTrigger = require('../../../ComboboxTrigger-cjs.js');
 require('react');
 require('../../../Chip-cjs.js');
 require('classnames');
-require('../../../useInView-cjs.js');
+require('@jobber/hooks');
 require('../../../Avatar-cjs.js');
 require('color');
 require('../../../Icon-cjs.js');
@@ -13,10 +13,9 @@ require('../../../useChildComponent-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('../../../ComboboxProvider-cjs.js');
 

package/dist/Combobox/components/ComboboxTrigger/index.mjs

@@ -2,7 +2,7 @@ export { C as ComboboxTrigger } from '../../../ComboboxTrigger-es.js';
 import 'react';
 import '../../../Chip-es.js';
 import 'classnames';
-import '../../../useInView-es.js';
+import '@jobber/hooks';
 import '../../../Avatar-es.js';
 import 'color';
 import '../../../Icon-es.js';
@@ -11,9 +11,8 @@ import '../../../useChildComponent-es.js';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 import 'react-dom';
 import 'framer-motion';
-import '../../../useSafeLayoutEffect-es.js';
-import '../../../useIsMounted-es.js';
 import '../../../tslib.es6-es.js';
 import '../../../ComboboxProvider-es.js';

package/dist/Combobox/index.cjs

@@ -6,6 +6,7 @@ require('react');
 require('../ComboboxContent-cjs.js');
 require('classnames');
 require('../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 require('react-dom');
 require('../ComboboxContentSearch-cjs.js');
 require('../Icon-cjs.js');
@@ -22,12 +23,10 @@ require('framer-motion');
 require('../ComboboxOption-cjs.js');
 require('../Flex-cjs.js');
 require('../ComboboxLoadMore-cjs.js');
-require('../useInView-cjs.js');
+require('@jobber/hooks');
 require('../ComboboxContentHeader-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
-require('../useRefocusOnActivator-cjs.js');
-require('../useFocusTrap-cjs.js');
 require('../constants-cjs.js');
 require('../ComboboxAction-cjs.js');
 require('../ComboboxTrigger-cjs.js');
@@ -36,11 +35,8 @@ require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
-require('../useSafeLayoutEffect-cjs.js');
-require('../useIsMounted-cjs.js');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
-require('../useDebounce-cjs.js');
 require('../ComboboxActivator-cjs.js');
 
 

package/dist/Combobox/index.mjs

@@ -4,6 +4,7 @@ import 'react';
 import '../ComboboxContent-es.js';
 import 'classnames';
 import '../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 import 'react-dom';
 import '../ComboboxContentSearch-es.js';
 import '../Icon-es.js';
@@ -20,12 +21,10 @@ import 'framer-motion';
 import '../ComboboxOption-es.js';
 import '../Flex-es.js';
 import '../ComboboxLoadMore-es.js';
-import '../useInView-es.js';
+import '@jobber/hooks';
 import '../ComboboxContentHeader-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
-import '../useRefocusOnActivator-es.js';
-import '../useFocusTrap-es.js';
 import '../constants-es.js';
 import '../ComboboxAction-es.js';
 import '../ComboboxTrigger-es.js';
@@ -34,9 +33,6 @@ import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
-import '../useSafeLayoutEffect-es.js';
-import '../useIsMounted-es.js';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
-import '../useDebounce-es.js';
 import '../ComboboxActivator-es.js';

package/dist/Combobox-cjs.js

@@ -7,7 +7,7 @@ var ComboboxProvider = require('./ComboboxProvider-cjs.js');
 var ComboboxTrigger = require('./ComboboxTrigger-cjs.js');
 var ComboboxOption = require('./ComboboxOption-cjs.js');
 var noop = require('./noop-cjs.js');
-var useDebounce = require('./useDebounce-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var ComboboxActivator = require('./ComboboxActivator-cjs.js');
 
 var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
@@ -57,7 +57,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
     const shouldScroll = React.useRef(false);
     const [open, setOpen] = React.useState(false);
     const [searchValue, setSearchValue] = React.useState("");
-    const searchCallback = useDebounce.useDebounce_2((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
+    const searchCallback = jobberHooks.useDebounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
     const { handleClose, handleSelection, handleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
     const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
     return {

package/dist/Combobox-es.js

@@ -5,7 +5,7 @@ import { C as ComboboxContextProvider } from './ComboboxProvider-es.js';
 import { C as ComboboxTrigger } from './ComboboxTrigger-es.js';
 import { C as ComboboxOption } from './ComboboxOption-es.js';
 import { n as noop } from './noop-es.js';
-import { u as useDebounce_2 } from './useDebounce-es.js';
+import { useDebounce } from '@jobber/hooks';
 import { C as ComboboxActivator } from './ComboboxActivator-es.js';
 
 var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
@@ -55,7 +55,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
     const shouldScroll = useRef(false);
     const [open, setOpen] = useState(false);
     const [searchValue, setSearchValue] = useState("");
-    const searchCallback = useDebounce_2((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
+    const searchCallback = useDebounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime);
     const { handleClose, handleSelection, handleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
     const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
     return {

package/dist/ComboboxAction-cjs.js

@@ -8,9 +8,11 @@ var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","sp
 
 function ComboboxAction(props) {
     const { searchValue, handleClose } = React.useContext(ComboboxProvider.ComboboxContext);
-    if (props.visible) {
-        const isVisible = typeof props.visible === "function" && !props.visible({ searchValue });
-        if (isVisible || !props.visible) {
+    if (props.visible !== undefined) {
+        const isVisible = typeof props.visible === "function"
+            ? props.visible({ searchValue })
+            : props.visible;
+        if (!isVisible) {
             return null;
         }
     }

package/dist/ComboboxAction-es.js

@@ -6,9 +6,11 @@ var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","sp
 
 function ComboboxAction(props) {
     const { searchValue, handleClose } = useContext(ComboboxContext);
-    if (props.visible) {
-        const isVisible = typeof props.visible === "function" && !props.visible({ searchValue });
-        if (isVisible || !props.visible) {
+    if (props.visible !== undefined) {
+        const isVisible = typeof props.visible === "function"
+            ? props.visible({ searchValue })
+            : props.visible;
+        if (!isVisible) {
             return null;
         }
     }

package/dist/ComboboxContent-cjs.js

@@ -7,8 +7,7 @@ var ComboboxContentSearch = require('./ComboboxContentSearch-cjs.js');
 var ComboboxContentList = require('./ComboboxContentList-cjs.js');
 var ComboboxContentHeader = require('./ComboboxContentHeader-cjs.js');
 var ComboboxProvider = require('./ComboboxProvider-cjs.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-cjs.js');
-var useFocusTrap = require('./useFocusTrap-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var constants = require('./constants-cjs.js');
 
 var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
@@ -50,8 +49,8 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
     const focusedIndex = React.useRef(null);
     const parentNodeId = floatingUi_react.useFloatingParentNodeId();
     const nodeId = floatingUi_react.useFloatingNodeId();
-    useRefocusOnActivator.useRefocusOnActivator_2(open);
-    const floatingRef = useFocusTrap.useFocusTrap_2(open);
+    jobberHooks.useRefocusOnActivator(open);
+    const floatingRef = jobberHooks.useFocusTrap(open);
     const { floatingStyles, update, context } = floatingUi_react.useFloating({
         nodeId,
         elements: {

package/dist/ComboboxContent-es.js

@@ -1,12 +1,11 @@
 import React__default, { useContext, useRef, useEffect, useMemo } from 'react';
 import classnames from 'classnames';
-import { g as useFloatingParentNodeId, h as useFloatingNodeId, u as useFloating, o as offset, f as flip, b as autoUpdate, c as useDismiss, d as useInteractions, i as FloatingTree, j as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
+import { g as useFloatingParentNodeId, h as useFloatingNodeId, u as useFloating, o as offset, f as flip, c as autoUpdate, a as useDismiss, b as useInteractions, i as FloatingTree, j as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
 import { C as ComboboxContentSearch } from './ComboboxContentSearch-es.js';
 import { C as ComboboxContentList } from './ComboboxContentList-es.js';
 import { C as ComboboxContentHeader } from './ComboboxContentHeader-es.js';
 import { a as ComboboxContext } from './ComboboxProvider-es.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
+import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
 import { C as COMBOBOX_MENU_ID } from './constants-es.js';
 
 var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
@@ -48,8 +47,8 @@ function useComboboxAccessibility(selectionCallback, filteredOptions, optionsLis
     const focusedIndex = useRef(null);
     const parentNodeId = useFloatingParentNodeId();
     const nodeId = useFloatingNodeId();
-    useRefocusOnActivator_2(open);
-    const floatingRef = useFocusTrap_2(open);
+    useRefocusOnActivator(open);
+    const floatingRef = useFocusTrap(open);
     const { floatingStyles, update, context } = useFloating({
         nodeId,
         elements: {

package/dist/ComboboxLoadMore-cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 
 var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 
 function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = useInView.useInView_2();
+    const [inViewRef, isInView] = jobberHooks.useInView();
     React.useEffect(() => {
         isInView && onLoadMore();
     }, [isInView]);

package/dist/ComboboxLoadMore-es.js

@@ -1,10 +1,10 @@
 import React__default, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-es.js';
+import { useInView } from '@jobber/hooks';
 
 var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 
 function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = useInView_2();
+    const [inViewRef, isInView] = useInView();
     useEffect(() => {
         isInView && onLoadMore();
     }, [isInView]);

package/dist/ComboboxOption-cjs.js

@@ -18,7 +18,7 @@ function ComboboxOption(props) {
         selectionHandler === null || selectionHandler === void 0 ? void 0 : selectionHandler({ id, label });
         onClick === null || onClick === void 0 ? void 0 : onClick({ id, label });
     };
-    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: handleClick, className: classnames(styles.option) }, customRender ? (customRender(Object.assign(Object.assign({}, contentProps), { isSelected }))) : (React.createElement(InternalDefaultContent, Object.assign({}, contentProps, { isSelected: isSelected })))));
+    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: handleClick, className: classnames(styles.option) }, customRender ? (customRender(Object.assign(Object.assign({}, contentProps), { isSelected, defaultContent: (React.createElement(InternalDefaultContent, Object.assign({}, contentProps, { isSelected: isSelected }))) }))) : (React.createElement(InternalDefaultContent, Object.assign({}, contentProps, { isSelected: isSelected })))));
 }
 function InternalDefaultContent(props) {
     return (React.createElement(React.Fragment, null,

package/dist/ComboboxOption-es.js

@@ -16,7 +16,7 @@ function ComboboxOption(props) {
         selectionHandler === null || selectionHandler === void 0 ? void 0 : selectionHandler({ id, label });
         onClick === null || onClick === void 0 ? void 0 : onClick({ id, label });
     };
-    return (React__default.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: handleClick, className: classnames(styles.option) }, customRender ? (customRender(Object.assign(Object.assign({}, contentProps), { isSelected }))) : (React__default.createElement(InternalDefaultContent, Object.assign({}, contentProps, { isSelected: isSelected })))));
+    return (React__default.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: handleClick, className: classnames(styles.option) }, customRender ? (customRender(Object.assign(Object.assign({}, contentProps), { isSelected, defaultContent: (React__default.createElement(InternalDefaultContent, Object.assign({}, contentProps, { isSelected: isSelected }))) }))) : (React__default.createElement(InternalDefaultContent, Object.assign({}, contentProps, { isSelected: isSelected })))));
 }
 function InternalDefaultContent(props) {
     return (React__default.createElement(React__default.Fragment, null,

package/dist/ConfirmationModal/index.cjs

@@ -2,13 +2,11 @@
 
 var ConfirmationModal = require('../ConfirmationModal-cjs.js');
 require('react');
-require('../useOnKeyDown-cjs.js');
+require('@jobber/hooks');
 require('../Modal/index.cjs');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('../useRefocusOnActivator-cjs.js');
-require('../useFocusTrap-cjs.js');
 require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
@@ -20,6 +18,7 @@ require('../ButtonDismiss-cjs.js');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../floating-ui.react-cjs.js');
+require('react/jsx-runtime');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
 require('../isObjectLike-cjs.js');
@@ -34,7 +33,6 @@ require('../Content-cjs.js');
 require('../Markdown-cjs.js');
 require('../Text-cjs.js');
 require('../Emphasis-cjs.js');
-require('../index-cjs.js');
 
 
 

package/dist/ConfirmationModal/index.mjs

@@ -1,12 +1,10 @@
 export { C as ConfirmationModal } from '../ConfirmationModal-es.js';
 import 'react';
-import '../useOnKeyDown-es.js';
+import '@jobber/hooks';
 import '../Modal/index.mjs';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '../useRefocusOnActivator-es.js';
-import '../useFocusTrap-es.js';
 import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
@@ -18,6 +16,7 @@ import '../ButtonDismiss-es.js';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
 import '../floating-ui.react-es.js';
+import 'react/jsx-runtime';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
 import '../isObjectLike-es.js';
@@ -32,4 +31,3 @@ import '../Content-es.js';
 import '../Markdown-es.js';
 import '../Text-es.js';
 import '../Emphasis-es.js';
-import '../index-es.js';

package/dist/ConfirmationModal-cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('./useOnKeyDown-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var Modal_index = require('./Modal/index.cjs');
 var Content = require('./Content-cjs.js');
 var Markdown = require('./Markdown-cjs.js');
@@ -53,7 +53,7 @@ const ConfirmationModal = React.forwardRef(function ConfirmationModalInternal({
                 onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    useOnKeyDown.useOnKeyDown_2(handleKeyboardShortcut, ["Escape", "Enter"]);
+    jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React.createElement(Modal_index.Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),

package/dist/ConfirmationModal-es.js

@@ -1,5 +1,5 @@
 import React__default, { forwardRef, useReducer, useImperativeHandle, useEffect } from 'react';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
+import { useOnKeyDown } from '@jobber/hooks';
 import { Modal } from './Modal/index.mjs';
 import { C as Content } from './Content-es.js';
 import { M as Markdown } from './Markdown-es.js';
@@ -51,7 +51,7 @@ const ConfirmationModal = forwardRef(function ConfirmationModalInternal({ title,
                 onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    useOnKeyDown_2(handleKeyboardShortcut, ["Escape", "Enter"]);
+    useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React__default.createElement(Modal, { title: state.title, open: open || state.open, size: size, dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),

package/dist/ContentBlock/index.cjs

@@ -3,12 +3,7 @@
 var ContentBlock = require('../ContentBlock-cjs.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-cjs.js');
-require('../_commonjsHelpers-cjs.js');
-require('../throttle-cjs.js');
-require('../debounce-cjs.js');
-require('../isObjectLike-cjs.js');
-require('../isSymbol-cjs.js');
+require('@jobber/hooks');
 require('../getMappedAtlantisSpaceToken-cjs.js');
 
 

package/dist/ContentBlock/index.mjs

@@ -1,10 +1,5 @@
 export { C as ContentBlock } from '../ContentBlock-es.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-es.js';
-import '../_commonjsHelpers-es.js';
-import '../throttle-es.js';
-import '../debounce-es.js';
-import '../isObjectLike-es.js';
-import '../isSymbol-es.js';
+import '@jobber/hooks';
 import '../getMappedAtlantisSpaceToken-es.js';

package/dist/ContentBlock-cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
 var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
@@ -24,7 +24,7 @@ const getMappedBreakpointWidth = (maxWidth) => {
     return maxWidth;
 };
 
-function ContentBlock({ children, maxWidth = useResizeObserver.useResizeObserver.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+function ContentBlock({ children, maxWidth = jobberHooks.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--content-block-max-width": getMappedBreakpointWidth(maxWidth), "--content-block-gutters": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gutters) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.contentBlock, andText && styles.andText, gutters && styles.gutters, justify === "left" && styles.left, justify === "right" && styles.right, justify === "center" && styles.center, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
 }
 

package/dist/ContentBlock-es.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-es.js';
+import { Breakpoints } from '@jobber/hooks';
 import { g as getMappedAtlantisSpaceToken } from './getMappedAtlantisSpaceToken-es.js';
 
 var styles = {"contentBlock":"rJamQZ6fRes-","left":"bqjXV8MRO-4-","right":"sCMxIxKkFe0-","center":"_2pIQVKvVL1I-","andText":"_6dF2no3aTxw-","gutters":"_8k8YLsatGag-","spinning":"sjMwRWFdKeo-"};
@@ -22,7 +22,7 @@ const getMappedBreakpointWidth = (maxWidth) => {
     return maxWidth;
 };
 
-function ContentBlock({ children, maxWidth = useResizeObserver.Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+function ContentBlock({ children, maxWidth = Breakpoints.smaller, andText, gutters, justify = "left", as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--content-block-max-width": getMappedBreakpointWidth(maxWidth), "--content-block-gutters": getMappedAtlantisSpaceToken(gutters) }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.contentBlock, andText && styles.andText, gutters && styles.gutters, justify === "left" && styles.left, justify === "right" && styles.right, justify === "center" && styles.center, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
 }