@jobber/components 6.90.4 → 6.91.1

package/dist/AtlantisThemeContext/index.d.ts

@@ -1,3 +1,3 @@
 export { AtlantisThemeContextProvider, atlantisThemeContextDefaultValues, useAtlantisTheme, } from "./AtlantisThemeContext";
-export { THEME_CHANGE_EVENT, type AtlantisThemeContextProviderProps, type AtlantisThemeContextValue, type Theme, type ThemeChangeDetails, } from "./types";
+export { THEME_CHANGE_EVENT, type AtlantisThemeContextProviderProps, type AtlantisThemeContextValue, type Theme, type OverrideTokens, type ThemeChangeDetails, } from "./types";
 export { updateTheme } from "./updateTheme";

package/dist/AtlantisThemeContext-es.js

@@ -6,7 +6,7 @@ import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
 import { _ as _baseFor } from './_baseFor-es.js';
 import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
 import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
-import { a as isObjectLike_1, i as isObject_1 } from './isObjectLike-es.js';
+import { i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
 
 var baseAssignValue = _baseAssignValue,

package/dist/Autocomplete/index.cjs

@@ -4,7 +4,7 @@ var React = require('react');
 var floatingUi_react = require('../floating-ui.react-cjs.js');
 var classnames = require('classnames');
 var design = require('@jobber/design');
-var useDebounce = require('../useDebounce-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var maxHeight = require('../maxHeight-cjs.js');
 var Heading = require('../Heading-cjs.js');
 var Text = require('../Text-cjs.js');
@@ -14,9 +14,6 @@ var InputText_index = require('../InputText/index.cjs');
 var Glimmer = require('../Glimmer-cjs.js');
 var FormField = require('../FormField-cjs.js');
 var tslib_es6 = require('../tslib.es6-cjs.js');
-var useIsMounted = require('../useIsMounted-cjs.js');
-var useSafeLayoutEffect = require('../useSafeLayoutEffect-cjs.js');
-var useOnKeyDown = require('../useOnKeyDown-cjs.js');
 require('react-dom');
 require('react-hook-form');
 require('framer-motion');
@@ -228,12 +225,12 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
 function useAutocomplete(props) {
     const { menu, emptyActions, getOptionLabel: getOptionLabelProp, isOptionEqualToValue, inputValue, onInputChange, value, onChange, multiple, openOnFocus = true, readOnly = false, debounce: debounceMs = 300, } = props;
     // TODO: Clean up the types in these refs by enhancing the type system in useCallbackRef
-    const getOptionLabelPropRef = useDebounce.useCallbackRef_2((opt) => getOptionLabelProp === null || getOptionLabelProp === void 0 ? void 0 : getOptionLabelProp(opt));
+    const getOptionLabelPropRef = jobberHooks.useCallbackRef((opt) => getOptionLabelProp === null || getOptionLabelProp === void 0 ? void 0 : getOptionLabelProp(opt));
     const getOptionLabel = React.useCallback((opt) => {
         const maybe = getOptionLabelPropRef(opt);
         return maybe !== null && maybe !== void 0 ? maybe : opt.label;
     }, [getOptionLabelPropRef]);
-    const isOptionEqualToValueRef = useDebounce.useCallbackRef_2((a, b) => isOptionEqualToValue === null || isOptionEqualToValue === void 0 ? void 0 : isOptionEqualToValue(a, b));
+    const isOptionEqualToValueRef = jobberHooks.useCallbackRef((a, b) => isOptionEqualToValue === null || isOptionEqualToValue === void 0 ? void 0 : isOptionEqualToValue(a, b));
     const equals = React.useCallback((a, b) => {
         const custom = isOptionEqualToValueRef(a, b);
         return custom != null ? custom : getOptionLabel(a) === getOptionLabel(b);
@@ -253,7 +250,7 @@ function useAutocomplete(props) {
     const persistentsHeaders = flatInitial.persistentsHeaders;
     const persistentsFooters = flatInitial.persistentsFooters;
     // Stable wrappers for function props
-    const inputEqualsOptionRef = useDebounce.useCallbackRef_2((text, o) => {
+    const inputEqualsOptionRef = jobberHooks.useCallbackRef((text, o) => {
         const fn = props.inputEqualsOption;
         return fn ? fn(text, o) : undefined;
     });
@@ -267,7 +264,7 @@ function useAutocomplete(props) {
     }, [optionItems, inputEquals, inputValue]);
     const lastInputWasUser = React.useRef(false);
     const [debouncedInputValue, setDebouncedInputValue] = React.useState(inputValue);
-    const debouncedSetter = useDebounce.useDebounce_2(setDebouncedInputValue, debounceMs);
+    const debouncedSetter = jobberHooks.useDebounce(setDebouncedInputValue, debounceMs);
     React.useEffect(() => {
         if (debounceMs === 0) {
             setDebouncedInputValue(inputValue);
@@ -275,7 +272,7 @@ function useAutocomplete(props) {
         }
         debouncedSetter(inputValue);
     }, [inputValue, debounceMs, debouncedSetter]);
-    const filterOptionsRef = useDebounce.useCallbackRef_2((opts, term) => {
+    const filterOptionsRef = jobberHooks.useCallbackRef((opts, term) => {
         const fn = (typeof props.filterOptions === "function"
             ? props.filterOptions
             : undefined) || undefined;
@@ -1023,7 +1020,7 @@ function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
         : {})));
     // While DefaultMenu leverages conditional rendering, CustomMenu is hidden with CSS
     // We need to apply the correct update method to each case
-    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
+    jobberHooks.useSafeLayoutEffect(() => {
         if (cssManagedVisibility && visible && attachTo && refs.floating.current) {
             const cleanup = floatingUi_react.autoUpdate(attachTo, refs.floating.current, update);
             return cleanup;
@@ -1067,7 +1064,7 @@ function useAutocompleteMenu({ attachTo, }) {
     return { MenuWrapper: AutocompleteMenuWrapper, menuRef };
 }
 function BaseAutocompleteMenuWrapper(props) {
-    const mounted = useIsMounted.useIsMounted_2();
+    const mounted = jobberHooks.useIsMounted();
     const menu = React.createElement(BaseAutocompleteMenuWrapperInternal, Object.assign({}, props));
     return mounted.current ? React.createElement(floatingUi_react.FloatingPortal, null, menu) : menu;
 }
@@ -1141,13 +1138,13 @@ exports.KeyboardAction = void 0;
  * Use this hook if you are using components in the menu that aren't MenuOption or BaseMenuOption.
  */
 function useCustomKeyboardNavigation({ onRequestHighlightChange, }) {
-    useOnKeyDown.useOnKeyDown_2((event) => {
+    jobberHooks.useOnKeyDown((event) => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, exports.KeyboardAction.Next);
     }, "ArrowDown");
-    useOnKeyDown.useOnKeyDown_2((event) => {
+    jobberHooks.useOnKeyDown((event) => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, exports.KeyboardAction.Previous);
     }, "ArrowUp");
-    useOnKeyDown.useOnKeyDown_2((event) => {
+    jobberHooks.useOnKeyDown((event) => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, exports.KeyboardAction.Select);
     }, "Enter");
 }
@@ -1259,7 +1256,7 @@ function AutocompleteInternal(_a, ref) {
     const [inputFocused, setInputFocused] = React.useState(false);
     const [inputText, setInputText] = React.useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const [autocompleteRef, setAutocompleteRef] = React.useState(null);
-    const delayedSearch = useDebounce.useDebounce_2(updateSearch, debounceRate);
+    const delayedSearch = jobberHooks.useDebounce(updateSearch, debounceRate);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
         delayedSearch();

package/dist/Autocomplete/index.mjs

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, b as autoUpdate, o as offset, f as flip, e as size, q as useListNavigation, c as useDismiss, d as useInteractions, r as useTransitionStyles, F as FloatingPortal, n as FloatingFocusManager } from '../floating-ui.react-es.js';
+import { u as useFloating, c as autoUpdate, o as offset, f as flip, s as size, q as useListNavigation, a as useDismiss, b as useInteractions, r as useTransitionStyles, F as FloatingPortal, n as FloatingFocusManager } from '../floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
-import { a as useCallbackRef_2, u as useDebounce_2 } from '../useDebounce-es.js';
+import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';
 import { c as calculateMaxHeight } from '../maxHeight-es.js';
 import { H as Heading } from '../Heading-es.js';
 import { T as Text } from '../Text-es.js';
@@ -12,9 +12,6 @@ import { InputText } from '../InputText/index.mjs';
 import { G as Glimmer } from '../Glimmer-es.js';
 import { m as mergeRefs } from '../FormField-es.js';
 import { _ as __rest, a as __awaiter } from '../tslib.es6-es.js';
-import { u as useIsMounted_2 } from '../useIsMounted-es.js';
-import { u as useSafeLayoutEffect_1 } from '../useSafeLayoutEffect-es.js';
-import { u as useOnKeyDown_2 } from '../useOnKeyDown-es.js';
 import 'react-dom';
 import 'react-hook-form';
 import 'framer-motion';
@@ -226,12 +223,12 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
 function useAutocomplete(props) {
     const { menu, emptyActions, getOptionLabel: getOptionLabelProp, isOptionEqualToValue, inputValue, onInputChange, value, onChange, multiple, openOnFocus = true, readOnly = false, debounce: debounceMs = 300, } = props;
     // TODO: Clean up the types in these refs by enhancing the type system in useCallbackRef
-    const getOptionLabelPropRef = useCallbackRef_2((opt) => getOptionLabelProp === null || getOptionLabelProp === void 0 ? void 0 : getOptionLabelProp(opt));
+    const getOptionLabelPropRef = useCallbackRef((opt) => getOptionLabelProp === null || getOptionLabelProp === void 0 ? void 0 : getOptionLabelProp(opt));
     const getOptionLabel = useCallback((opt) => {
         const maybe = getOptionLabelPropRef(opt);
         return maybe !== null && maybe !== void 0 ? maybe : opt.label;
     }, [getOptionLabelPropRef]);
-    const isOptionEqualToValueRef = useCallbackRef_2((a, b) => isOptionEqualToValue === null || isOptionEqualToValue === void 0 ? void 0 : isOptionEqualToValue(a, b));
+    const isOptionEqualToValueRef = useCallbackRef((a, b) => isOptionEqualToValue === null || isOptionEqualToValue === void 0 ? void 0 : isOptionEqualToValue(a, b));
     const equals = useCallback((a, b) => {
         const custom = isOptionEqualToValueRef(a, b);
         return custom != null ? custom : getOptionLabel(a) === getOptionLabel(b);
@@ -251,7 +248,7 @@ function useAutocomplete(props) {
     const persistentsHeaders = flatInitial.persistentsHeaders;
     const persistentsFooters = flatInitial.persistentsFooters;
     // Stable wrappers for function props
-    const inputEqualsOptionRef = useCallbackRef_2((text, o) => {
+    const inputEqualsOptionRef = useCallbackRef((text, o) => {
         const fn = props.inputEqualsOption;
         return fn ? fn(text, o) : undefined;
     });
@@ -265,7 +262,7 @@ function useAutocomplete(props) {
     }, [optionItems, inputEquals, inputValue]);
     const lastInputWasUser = useRef(false);
     const [debouncedInputValue, setDebouncedInputValue] = useState(inputValue);
-    const debouncedSetter = useDebounce_2(setDebouncedInputValue, debounceMs);
+    const debouncedSetter = useDebounce(setDebouncedInputValue, debounceMs);
     useEffect(() => {
         if (debounceMs === 0) {
             setDebouncedInputValue(inputValue);
@@ -273,7 +270,7 @@ function useAutocomplete(props) {
         }
         debouncedSetter(inputValue);
     }, [inputValue, debounceMs, debouncedSetter]);
-    const filterOptionsRef = useCallbackRef_2((opts, term) => {
+    const filterOptionsRef = useCallbackRef((opts, term) => {
         const fn = (typeof props.filterOptions === "function"
             ? props.filterOptions
             : undefined) || undefined;
@@ -1021,7 +1018,7 @@ function useRepositionMenu(attachTo, visible, cssManagedVisibility) {
         : {})));
     // While DefaultMenu leverages conditional rendering, CustomMenu is hidden with CSS
     // We need to apply the correct update method to each case
-    useSafeLayoutEffect_1(() => {
+    useSafeLayoutEffect(() => {
         if (cssManagedVisibility && visible && attachTo && refs.floating.current) {
             const cleanup = autoUpdate(attachTo, refs.floating.current, update);
             return cleanup;
@@ -1065,7 +1062,7 @@ function useAutocompleteMenu({ attachTo, }) {
     return { MenuWrapper: AutocompleteMenuWrapper, menuRef };
 }
 function BaseAutocompleteMenuWrapper(props) {
-    const mounted = useIsMounted_2();
+    const mounted = useIsMounted();
     const menu = React__default.createElement(BaseAutocompleteMenuWrapperInternal, Object.assign({}, props));
     return mounted.current ? React__default.createElement(FloatingPortal, null, menu) : menu;
 }
@@ -1139,13 +1136,13 @@ var KeyboardAction;
  * Use this hook if you are using components in the menu that aren't MenuOption or BaseMenuOption.
  */
 function useCustomKeyboardNavigation({ onRequestHighlightChange, }) {
-    useOnKeyDown_2((event) => {
+    useOnKeyDown((event) => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, KeyboardAction.Next);
     }, "ArrowDown");
-    useOnKeyDown_2((event) => {
+    useOnKeyDown((event) => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, KeyboardAction.Previous);
     }, "ArrowUp");
-    useOnKeyDown_2((event) => {
+    useOnKeyDown((event) => {
         onRequestHighlightChange === null || onRequestHighlightChange === void 0 ? void 0 : onRequestHighlightChange(event, KeyboardAction.Select);
     }, "Enter");
 }
@@ -1257,7 +1254,7 @@ function AutocompleteInternal(_a, ref) {
     const [inputFocused, setInputFocused] = useState(false);
     const [inputText, setInputText] = useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const [autocompleteRef, setAutocompleteRef] = useState(null);
-    const delayedSearch = useDebounce_2(updateSearch, debounceRate);
+    const delayedSearch = useDebounce(updateSearch, debounceRate);
     const inputRef = useRef(null);
     useEffect(() => {
         delayedSearch();

package/dist/Banner/index.cjs

@@ -4,12 +4,7 @@ var Banner = require('../Banner-cjs.js');
 require('../tslib.es6-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('../Icon-cjs.js');
 require('@jobber/design');
 require('../ButtonDismiss-cjs.js');

package/dist/Banner/index.mjs

@@ -2,12 +2,7 @@ export { B as Banner } from '../Banner-es.js';
 import '../tslib.es6-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 '../Icon-es.js';
 import '@jobber/design';
 import '../ButtonDismiss-es.js';

package/dist/Banner-cjs.js

@@ -3,7 +3,7 @@
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var Icon = require('./Icon-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Button = require('./Button-cjs.js');
@@ -58,7 +58,7 @@ function InternalWrapper({ children, icon, dismissButton, UNSAFE_className, UNSA
         small: 320,
         medium: 480,
     };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver.useResizeObserver({
+    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = jobberHooks.useResizeObserver({
         widths: bannerWidths,
     });
     const bannerClassNames = classnames(styles.banner, [styles[type]], {

package/dist/Banner-es.js

@@ -1,7 +1,7 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { createContext, useContext, useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-es.js';
+import { useResizeObserver } from '@jobber/hooks';
 import { I as Icon } from './Icon-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 import { B as Button } from './Button-es.js';
@@ -56,7 +56,7 @@ function InternalWrapper({ children, icon, dismissButton, UNSAFE_className, UNSA
         small: 320,
         medium: 480,
     };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver({
+    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver({
         widths: bannerWidths,
     });
     const bannerClassNames = classnames(styles.banner, [styles[type]], {

package/dist/Card/index.cjs

@@ -12,12 +12,9 @@ require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Menu-cjs.js');
 require('framer-motion');
-require('../useRefocusOnActivator-cjs.js');
+require('@jobber/hooks');
 require('../floating-ui.react-cjs.js');
 require('react-dom');
-require('../useFocusTrap-cjs.js');
-require('../useIsMounted-cjs.js');
-require('../useSafeLayoutEffect-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 

package/dist/Card/index.mjs

@@ -10,11 +10,8 @@ import '../Icon-es.js';
 import '@jobber/design';
 import '../Menu-es.js';
 import 'framer-motion';
-import '../useRefocusOnActivator-es.js';
+import '@jobber/hooks';
 import '../floating-ui.react-es.js';
 import 'react-dom';
-import '../useFocusTrap-es.js';
-import '../useIsMounted-es.js';
-import '../useSafeLayoutEffect-es.js';
 import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';

package/dist/Chip/index.cjs

@@ -4,7 +4,7 @@ var Chip = require('../Chip-cjs.js');
 var ChipDismissible = require('../ChipDismissible-cjs.js');
 require('react');
 require('classnames');
-require('../useInView-cjs.js');
+require('@jobber/hooks');
 require('../Avatar-cjs.js');
 require('color');
 require('../Icon-cjs.js');
@@ -15,8 +15,6 @@ require('../Tooltip-cjs.js');
 require('../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-cjs.js');
-require('../useIsMounted-cjs.js');
 require('../tslib.es6-cjs.js');
 
 

package/dist/Chip/index.mjs

@@ -2,7 +2,7 @@ export { C as Chip } from '../Chip-es.js';
 export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-es.js';
 import 'react';
 import 'classnames';
-import '../useInView-es.js';
+import '@jobber/hooks';
 import '../Avatar-es.js';
 import 'color';
 import '../Icon-es.js';
@@ -13,6 +13,4 @@ import '../Tooltip-es.js';
 import '../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-es.js';
-import '../useIsMounted-es.js';
 import '../tslib.es6-es.js';

package/dist/Chip-cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useInView = require('./useInView-cjs.js');
+var jobberHooks = require('@jobber/hooks');
 var Avatar = require('./Avatar-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useChildComponent = require('./useChildComponent-cjs.js');
@@ -72,8 +72,8 @@ const ChipComponent = React.forwardRef(({ ariaLabel, disabled, heading, invalid,
     });
     const prefix = useChildComponent.useChildComponent(children, d => d.type === ChipPrefix);
     const suffix = useChildComponent.useChildComponent(children, d => d.type === ChipSuffix);
-    const [labelRef, labelFullyVisible] = useInView.useInView_2();
-    const [headingRef, headingFullyVisible] = useInView.useInView_2();
+    const [labelRef, labelFullyVisible] = jobberHooks.useInView();
+    const [headingRef, headingFullyVisible] = jobberHooks.useInView();
     const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
     const chipContent = (React.createElement(React.Fragment, null,
         prefix,

package/dist/Chip-es.js

@@ -1,6 +1,6 @@
 import React__default, { useRef, forwardRef } from 'react';
 import classnames from 'classnames';
-import { u as useInView_2 } from './useInView-es.js';
+import { useInView } from '@jobber/hooks';
 import { A as Avatar } from './Avatar-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useChildComponent } from './useChildComponent-es.js';
@@ -70,8 +70,8 @@ const ChipComponent = forwardRef(({ ariaLabel, disabled, heading, invalid, label
     });
     const prefix = useChildComponent(children, d => d.type === ChipPrefix);
     const suffix = useChildComponent(children, d => d.type === ChipSuffix);
-    const [labelRef, labelFullyVisible] = useInView_2();
-    const [headingRef, headingFullyVisible] = useInView_2();
+    const [labelRef, labelFullyVisible] = useInView();
+    const [headingRef, headingFullyVisible] = useInView();
     const tooltipMessage = getTooltipMessage(labelFullyVisible, headingFullyVisible, label, heading);
     const chipContent = (React__default.createElement(React__default.Fragment, null,
         prefix,

package/dist/Chips/InternalChipDismissible/hooks/index.cjs

@@ -14,6 +14,7 @@ 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');

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -12,6 +12,7 @@ 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';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -15,6 +15,7 @@ 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');
@@ -29,14 +30,11 @@ require('react-router-dom');
 require('../../tslib.es6-cjs.js');
 require('../../Spinner-cjs.js');
 require('../../Chip-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');
 
 
 

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -13,6 +13,7 @@ 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';
@@ -27,11 +28,8 @@ import 'react-router-dom';
 import '../../tslib.es6-es.js';
 import '../../Spinner-es.js';
 import '../../Chip-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';

package/dist/Chips/index.cjs

@@ -17,6 +17,7 @@ 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');
@@ -30,14 +31,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,6 +15,7 @@ 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';
@@ -28,14 +29,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/components/ComboboxActivator/index.cjs

@@ -10,7 +10,7 @@ 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');
@@ -18,8 +18,6 @@ require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 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,7 +8,7 @@ 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';
@@ -16,7 +16,5 @@ import '../../../Tooltip-es.js';
 import '../../../floating-ui.react-es.js';
 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

@@ -21,12 +21,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

@@ -19,10 +19,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');
@@ -15,8 +15,6 @@ require('../../../Tooltip-cjs.js');
 require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-cjs.js');
-require('../../../useIsMounted-cjs.js');
 require('../../../tslib.es6-cjs.js');
 require('../../../ComboboxProvider-cjs.js');