@jobber/components 6.74.0 → 6.75.1

package/dist/Autocomplete/index.cjs

@@ -3,6 +3,7 @@
 var Autocomplete = require('../Autocomplete-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
+require('@jobber/hooks');
 require('classnames');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
@@ -35,8 +36,6 @@ require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
-require('../useDebounce-cjs.js');
-require('../debounce-cjs.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,6 +1,7 @@
 export { A as Autocomplete, d as BaseAutocompleteMenuWrapper, a as BaseMenuGroupOption, B as BaseMenuOption, K as KeyboardAction, M as MenuOption, g as getRequestedIndexChange, f as isOptionGroup, i as isOptionSelected, e as useAutocompleteMenu, b as useCustomKeyboardNavigation, u as useKeyboardNavigation, c as useRepositionMenu } from '../Autocomplete-es.js';
 import '../tslib.es6-es.js';
 import 'react';
+import '@jobber/hooks';
 import 'classnames';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
@@ -33,5 +34,3 @@ import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
-import '../useDebounce-es.js';
-import '../debounce-es.js';

package/dist/Autocomplete-cjs.js

@@ -2,6 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
+var hooks = require('@jobber/hooks');
 var classnames = require('classnames');
 var useIsMounted = require('./useIsMounted-cjs.js');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
@@ -11,7 +12,6 @@ var Text = require('./Text-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useOnKeyDown = require('./useOnKeyDown-cjs.js');
 var InputText_index = require('./InputText/index.cjs');
-var useDebounce = require('./useDebounce-cjs.js');
 var FormField = require('./FormField-cjs.js');
 
 var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
@@ -280,7 +280,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(updateSearch, debounceRate);
+    const delayedSearch = hooks.useDebounce(updateSearch, debounceRate);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
         delayedSearch();

package/dist/Autocomplete-es.js

@@ -1,5 +1,6 @@
 import { _ as __rest, a as __awaiter } from './tslib.es6-es.js';
 import React__default, { useCallback, useEffect, useState, forwardRef, useMemo, useRef } from 'react';
+import { useDebounce } from '@jobber/hooks';
 import classnames from 'classnames';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
 import { b as useFloating, o as offset, i as flip, q as size, d as autoUpdate, h as FloatingPortal } from './floating-ui.react-es.js';
@@ -9,7 +10,6 @@ import { T as Text } from './Text-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useOnKeyDown_2 } from './useOnKeyDown-es.js';
 import { InputText } from './InputText/index.mjs';
-import { u as useDebounce } from './useDebounce-es.js';
 import { m as mergeRefs } from './FormField-es.js';
 
 var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","heading":"PWZL-94hH7k-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};

package/dist/Combobox/index.cjs

@@ -39,11 +39,9 @@ require('../Tooltip-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
 require('../useIsMounted-cjs.js');
 require('react-popper');
-require('../debounce-cjs.js');
-require('../_commonjsHelpers-cjs.js');
-require('../isObjectLike-cjs.js');
-require('../isSymbol-cjs.js');
 require('../noop-cjs.js');
+require('../_commonjsHelpers-cjs.js');
+require('../useDebounce-cjs.js');
 require('../ComboboxActivator-cjs.js');
 
 

package/dist/Combobox/index.mjs

@@ -37,9 +37,7 @@ import '../Tooltip-es.js';
 import '../useSafeLayoutEffect-es.js';
 import '../useIsMounted-es.js';
 import 'react-popper';
-import '../debounce-es.js';
-import '../_commonjsHelpers-es.js';
-import '../isObjectLike-es.js';
-import '../isSymbol-es.js';
 import '../noop-es.js';
+import '../_commonjsHelpers-es.js';
+import '../useDebounce-es.js';
 import '../ComboboxActivator-es.js';

package/dist/Combobox-cjs.js

@@ -6,8 +6,8 @@ var ComboboxAction = require('./ComboboxAction-cjs.js');
 var ComboboxProvider = require('./ComboboxProvider-cjs.js');
 var ComboboxTrigger = require('./ComboboxTrigger-cjs.js');
 var ComboboxOption = require('./ComboboxOption-cjs.js');
-var debounce = require('./debounce-cjs.js');
 var noop = require('./noop-cjs.js');
+var useDebounce = require('./useDebounce-cjs.js');
 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 = React.useCallback(debounce.debounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime), [onSearch, debounceTime]);
+    const searchCallback = useDebounce.useDebounce_2((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

@@ -4,8 +4,8 @@ import { C as ComboboxAction } from './ComboboxAction-es.js';
 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 { d as debounce } from './debounce-es.js';
 import { n as noop } from './noop-es.js';
+import { u as useDebounce_2 } from './useDebounce-es.js';
 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 = useCallback(debounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime), [onSearch, debounceTime]);
+    const searchCallback = useDebounce_2((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/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -43,9 +43,7 @@ require('../../../../../Tooltip-cjs.js');
 require('../../../../../useSafeLayoutEffect-cjs.js');
 require('../../../../../useIsMounted-cjs.js');
 require('react-popper');
-require('../../../../../debounce-cjs.js');
-require('../../../../../isObjectLike-cjs.js');
-require('../../../../../isSymbol-cjs.js');
+require('../../../../../useDebounce-cjs.js');
 require('../../../../../ComboboxActivator-cjs.js');
 
 

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -41,7 +41,5 @@ import '../../../../../Tooltip-es.js';
 import '../../../../../useSafeLayoutEffect-es.js';
 import '../../../../../useIsMounted-es.js';
 import 'react-popper';
-import '../../../../../debounce-es.js';
-import '../../../../../isObjectLike-es.js';
-import '../../../../../isSymbol-es.js';
+import '../../../../../useDebounce-es.js';
 import '../../../../../ComboboxActivator-es.js';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -44,14 +44,13 @@ require('../../../Tooltip-cjs.js');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
 require('react-popper');
-require('../../../debounce-cjs.js');
-require('../../../isObjectLike-cjs.js');
-require('../../../isSymbol-cjs.js');
+require('../../../useDebounce-cjs.js');
 require('../../../ComboboxActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');
 require('../../../DataList.utils-cjs.js');
 require('../../../_getTag-cjs.js');
 require('../../../isTypedArray-cjs.js');
+require('../../../isObjectLike-cjs.js');
 require('../../../DataList.const-cjs.js');
 require('../../../DataListTags-cjs.js');
 require('../../../InlineLabel-cjs.js');

package/dist/DataList/components/DataListFilters/index.mjs

@@ -42,14 +42,13 @@ import '../../../Tooltip-es.js';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
 import 'react-popper';
-import '../../../debounce-es.js';
-import '../../../isObjectLike-es.js';
-import '../../../isSymbol-es.js';
+import '../../../useDebounce-es.js';
 import '../../../ComboboxActivator-es.js';
 import '../../../DataListOverflowFade-es.js';
 import '../../../DataList.utils-es.js';
 import '../../../_getTag-es.js';
 import '../../../isTypedArray-es.js';
+import '../../../isObjectLike-es.js';
 import '../../../DataList.const-es.js';
 import '../../../DataListTags-es.js';
 import '../../../InlineLabel-es.js';

package/dist/DataList/components/DataListSearch/index.cjs

@@ -2,12 +2,9 @@
 
 var DataListSearch = require('../../../DataListSearch-cjs.js');
 require('react');
-require('../../../debounce-cjs.js');
-require('../../../_commonjsHelpers-cjs.js');
-require('../../../isObjectLike-cjs.js');
-require('../../../isSymbol-cjs.js');
 require('classnames');
 require('@jobber/design');
+require('../../../useDebounce-cjs.js');
 require('../../../InputText/index.cjs');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../FormField-cjs.js');
@@ -23,10 +20,13 @@ require('../../../InputValidation-cjs.js');
 require('../../../Spinner-cjs.js');
 require('react-hook-form');
 require('../../../omit-cjs.js');
+require('../../../_commonjsHelpers-cjs.js');
 require('../../../_baseGet-cjs.js');
 require('../../../isTypedArray-cjs.js');
+require('../../../isObjectLike-cjs.js');
 require('../../../identity-cjs.js');
 require('../../../_getTag-cjs.js');
+require('../../../isSymbol-cjs.js');
 require('../../../keysIn-cjs.js');
 require('../../../_baseAssignValue-cjs.js');
 require('../../../_baseFlatten-cjs.js');

package/dist/DataList/components/DataListSearch/index.mjs

@@ -1,11 +1,8 @@
 export { D as DATA_LIST_SEARCH_TEST_ID, a as DataListSearch, I as InternalDataListSearch } from '../../../DataListSearch-es.js';
 import 'react';
-import '../../../debounce-es.js';
-import '../../../_commonjsHelpers-es.js';
-import '../../../isObjectLike-es.js';
-import '../../../isSymbol-es.js';
 import 'classnames';
 import '@jobber/design';
+import '../../../useDebounce-es.js';
 import '../../../InputText/index.mjs';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../FormField-es.js';
@@ -21,10 +18,13 @@ import '../../../InputValidation-es.js';
 import '../../../Spinner-es.js';
 import 'react-hook-form';
 import '../../../omit-es.js';
+import '../../../_commonjsHelpers-es.js';
 import '../../../_baseGet-es.js';
 import '../../../isTypedArray-es.js';
+import '../../../isObjectLike-es.js';
 import '../../../identity-es.js';
 import '../../../_getTag-es.js';
+import '../../../isSymbol-es.js';
 import '../../../keysIn-es.js';
 import '../../../_baseAssignValue-es.js';
 import '../../../_baseFlatten-es.js';

package/dist/DataList/index.cjs

@@ -78,8 +78,7 @@ require('../Chip-cjs.js');
 require('../Avatar-cjs.js');
 require('color');
 require('../useChildComponent-cjs.js');
-require('../debounce-cjs.js');
-require('../isSymbol-cjs.js');
+require('../useDebounce-cjs.js');
 require('../ComboboxActivator-cjs.js');
 require('../DataListOverflowFade-cjs.js');
 require('../DataListStickyHeader-cjs.js');
@@ -91,6 +90,7 @@ require('../InputValidation-cjs.js');
 require('../omit-cjs.js');
 require('../_baseGet-cjs.js');
 require('../identity-cjs.js');
+require('../isSymbol-cjs.js');
 require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');

package/dist/DataList/index.mjs

@@ -76,8 +76,7 @@ import '../Chip-es.js';
 import '../Avatar-es.js';
 import 'color';
 import '../useChildComponent-es.js';
-import '../debounce-es.js';
-import '../isSymbol-es.js';
+import '../useDebounce-es.js';
 import '../ComboboxActivator-es.js';
 import '../DataListOverflowFade-es.js';
 import '../DataListStickyHeader-es.js';
@@ -89,6 +88,7 @@ import '../InputValidation-es.js';
 import '../omit-es.js';
 import '../_baseGet-es.js';
 import '../identity-es.js';
+import '../isSymbol-es.js';
 import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';

package/dist/DataListSearch-cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('./debounce-cjs.js');
 var classnames = require('classnames');
 var design = require('@jobber/design');
+var useDebounce = require('./useDebounce-cjs.js');
 var InputText_index = require('./InputText/index.cjs');
 var DataListContext = require('./DataListContext-cjs.js');
 var DataList_const = require('./DataList.const-cjs.js');
@@ -25,7 +25,7 @@ function InternalDataListSearch() {
     const inputRef = React.useRef(null);
     const [visible, setVisible] = React.useState(false);
     const { searchComponent, filterComponent, sorting, title } = DataListContext.useDataListContext();
-    const debouncedSearch = React.useCallback(debounce.debounce((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, DataList_const.SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
+    const debouncedSearch = useDebounce.useDebounce_2((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, DataList_const.SEARCH_DEBOUNCE_DELAY);
     if (!searchComponent)
         return null;
     const { placeholder, initialValue, value: controlledValue, } = searchComponent.props;

package/dist/DataListSearch-es.js

@@ -1,7 +1,7 @@
-import React__default, { useRef, useState, useCallback } from 'react';
-import { d as debounce } from './debounce-es.js';
+import React__default, { useRef, useState } from 'react';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
+import { u as useDebounce_2 } from './useDebounce-es.js';
 import { InputText } from './InputText/index.mjs';
 import { u as useDataListContext } from './DataListContext-es.js';
 import { S as SEARCH_DEBOUNCE_DELAY } from './DataList.const-es.js';
@@ -23,7 +23,7 @@ function InternalDataListSearch() {
     const inputRef = useRef(null);
     const [visible, setVisible] = useState(false);
     const { searchComponent, filterComponent, sorting, title } = useDataListContext();
-    const debouncedSearch = useCallback(debounce((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, SEARCH_DEBOUNCE_DELAY), [searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props.onSearch]);
+    const debouncedSearch = useDebounce_2((value) => { var _a; return (_a = searchComponent === null || searchComponent === void 0 ? void 0 : searchComponent.props) === null || _a === void 0 ? void 0 : _a.onSearch(value); }, SEARCH_DEBOUNCE_DELAY);
     if (!searchComponent)
         return null;
     const { placeholder, initialValue, value: controlledValue, } = searchComponent.props;

package/dist/Gallery/index.cjs

@@ -12,11 +12,7 @@ require('../useOnKeyDown-cjs.js');
 require('../useFocusTrap-cjs.js');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
-require('../useDebounce-cjs.js');
-require('../debounce-cjs.js');
-require('../_commonjsHelpers-cjs.js');
-require('../isObjectLike-cjs.js');
-require('../isSymbol-cjs.js');
+require('@jobber/hooks');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
@@ -26,8 +22,10 @@ require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../Heading-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
+require('../_commonjsHelpers-cjs.js');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
+require('../isObjectLike-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFor-cjs.js');
 require('../keysIn-cjs.js');

package/dist/Gallery/index.mjs

@@ -10,11 +10,7 @@ import '../useOnKeyDown-es.js';
 import '../useFocusTrap-es.js';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
-import '../useDebounce-es.js';
-import '../debounce-es.js';
-import '../_commonjsHelpers-es.js';
-import '../isObjectLike-es.js';
-import '../isSymbol-es.js';
+import '@jobber/hooks';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
@@ -24,8 +20,10 @@ import '../Typography-es.js';
 import '../Text-es.js';
 import '../Heading-es.js';
 import '../AtlantisThemeContext-es.js';
+import '../_commonjsHelpers-es.js';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
+import '../isObjectLike-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFor-es.js';
 import '../keysIn-es.js';

package/dist/InputNumber/index.cjs

@@ -7711,6 +7711,7 @@ const InputNumberRebuilt = React.forwardRef((props, ref) => {
         },
     }));
     const { align, description, disabled, error, inline, invalid, placeholder, readonly, showMiniLabel = true, size, minValue, maxValue } = props, ariaNumberFieldProps = tslib_es6.__rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readonly", "showMiniLabel", "size", "minValue", "maxValue"]);
+    const stringDescription = typeof description === "string";
     return (React.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, isDisabled: disabled, isInvalid: invalid, isReadOnly: readonly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onChange: handleChange }),
         React.createElement($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },
             React.createElement("div", { className: styles.horizontalWrapper },
@@ -7718,8 +7719,7 @@ const InputNumberRebuilt = React.forwardRef((props, ref) => {
                     React.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, { className: styles.input, placeholder: " " // used for CSS minilabel
                         , ref: inputRef }),
                     React.createElement($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: styles.label }, placeholder)))),
-        description && (React.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" },
-            React.createElement(Text.Text, { size: "small", variation: "subdued" }, description))),
+        description && (React.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" }, stringDescription ? (React.createElement(Text.Text, { size: "small", variation: "subdued" }, description)) : (description))),
         error && (React.createElement($ee014567cb39d3f0$export$f551688fc98f2e09, { className: styles.fieldError },
             React.createElement(Icon.Icon, { color: "critical", name: "alert", size: "small" }),
             React.createElement(Text.Text, { size: "small", variation: "error" }, error)))));

package/dist/InputNumber/index.mjs

@@ -7709,6 +7709,7 @@ const InputNumberRebuilt = forwardRef((props, ref) => {
         },
     }));
     const { align, description, disabled, error, inline, invalid, placeholder, readonly, showMiniLabel = true, size, minValue, maxValue } = props, ariaNumberFieldProps = __rest(props, ["align", "description", "disabled", "error", "inline", "invalid", "placeholder", "readonly", "showMiniLabel", "size", "minValue", "maxValue"]);
+    const stringDescription = typeof description === "string";
     return (React__default.createElement($b91743d66a0ed188$export$63c5fa0b2fdccd2e, Object.assign({}, ariaNumberFieldProps, { className: classnames(styles.container, inline && styles.inline), formatOptions: mergedFormatOptions, isDisabled: disabled, isInvalid: invalid, isReadOnly: readonly, minValue: minValue, maxValue: maxValue, onBlur: e => { var _a; return (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onFocus: e => { var _a; return (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e); }, onChange: handleChange }),
         React__default.createElement($a049562f99e7db0e$export$eb2fcfdbd7ba97d4, { className: classnames(styles.wrapper, align && styles[align], invalid && styles.invalid, disabled && styles.disabled) },
             React__default.createElement("div", { className: styles.horizontalWrapper },
@@ -7716,8 +7717,7 @@ const InputNumberRebuilt = forwardRef((props, ref) => {
                     React__default.createElement($3985021b0ad6602f$export$f5b8910cec6cf069, { className: styles.input, placeholder: " " // used for CSS minilabel
                         , ref: inputRef }),
                     React__default.createElement($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: styles.label }, placeholder)))),
-        description && (React__default.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" },
-            React__default.createElement(Text, { size: "small", variation: "subdued" }, description))),
+        description && (React__default.createElement($514c0188e459b4c0$export$5f1af8db9871e1d6, { className: styles.description, elementType: "div", slot: "description" }, stringDescription ? (React__default.createElement(Text, { size: "small", variation: "subdued" }, description)) : (description))),
         error && (React__default.createElement($ee014567cb39d3f0$export$f551688fc98f2e09, { className: styles.fieldError },
             React__default.createElement(Icon, { color: "critical", name: "alert", size: "small" }),
             React__default.createElement(Text, { size: "small", variation: "error" }, error)))));

package/dist/InputTime/index.mjs

@@ -1,6 +1,6 @@
 import React__default, { useState, useCallback, useEffect, useRef, useId } from 'react';
 import { _ as __rest } from '../tslib.es6-es.js';
-import { d as debounce } from '../debounce-es.js';
+import { a as debounce } from '../debounce-es.js';
 import { j as useFormFieldWrapperStyles, f as FormFieldWrapper, k as FormField } from '../FormField-es.js';
 import '@jobber/design';
 import 'classnames';

package/dist/LightBox/index.cjs

@@ -10,11 +10,7 @@ require('../useFocusTrap-cjs.js');
 require('../useIsMounted-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
 require('classnames');
-require('../useDebounce-cjs.js');
-require('../debounce-cjs.js');
-require('../_commonjsHelpers-cjs.js');
-require('../isObjectLike-cjs.js');
-require('../isSymbol-cjs.js');
+require('@jobber/hooks');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
@@ -25,8 +21,10 @@ require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../Heading-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
+require('../_commonjsHelpers-cjs.js');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
+require('../isObjectLike-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFor-cjs.js');
 require('../keysIn-cjs.js');

package/dist/LightBox/index.mjs

@@ -8,11 +8,7 @@ import '../useFocusTrap-es.js';
 import '../useIsMounted-es.js';
 import '../useSafeLayoutEffect-es.js';
 import 'classnames';
-import '../useDebounce-es.js';
-import '../debounce-es.js';
-import '../_commonjsHelpers-es.js';
-import '../isObjectLike-es.js';
-import '../isSymbol-es.js';
+import '@jobber/hooks';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
@@ -23,8 +19,10 @@ import '../Typography-es.js';
 import '../Text-es.js';
 import '../Heading-es.js';
 import '../AtlantisThemeContext-es.js';
+import '../_commonjsHelpers-es.js';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
+import '../isObjectLike-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFor-es.js';
 import '../keysIn-es.js';

package/dist/LightBox-cjs.js

@@ -8,7 +8,7 @@ var useOnKeyDown = require('./useOnKeyDown-cjs.js');
 var useFocusTrap = require('./useFocusTrap-cjs.js');
 var useIsMounted = require('./useIsMounted-cjs.js');
 var classnames = require('classnames');
-var useDebounce = require('./useDebounce-cjs.js');
+var hooks = require('@jobber/hooks');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Text = require('./Text-cjs.js');
 var Button = require('./Button-cjs.js');
@@ -109,12 +109,12 @@ function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onR
     const [mouseIsStationary, setMouseIsStationary] = React.useState(true);
     const lightboxRef = useFocusTrap.useFocusTrap_2(open);
     const selectedThumbnailRef = React.useRef(null);
-    const debouncedHandleNext = useDebounce.useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
-    const debouncedHandlePrevious = useDebounce.useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandleNext = hooks.useDebounce(handleMoveNext, BUTTON_DEBOUNCE_DELAY);
+    const debouncedHandlePrevious = hooks.useDebounce(handleMovePrevious, BUTTON_DEBOUNCE_DELAY);
     const mounted = useIsMounted.useIsMounted_2();
     const prevOpen = React.useRef(open);
     useRefocusOnActivator.useRefocusOnActivator_2(open);
-    const handleMouseMovement = useDebounce.useDebounce(() => {
+    const handleMouseMovement = hooks.useDebounce(() => {
         setMouseIsStationary(true);
     }, MOVEMENT_DEBOUNCE_DELAY);
     useOnKeyDown.useOnKeyDown_2(handleRequestClose, "Escape");

package/dist/LightBox-es.js

@@ -6,7 +6,7 @@ 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 classnames from 'classnames';
-import { u as useDebounce } from './useDebounce-es.js';
+import { useDebounce } from '@jobber/hooks';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';
 import { T as Text } from './Text-es.js';
 import { B as Button } from './Button-es.js';

package/dist/debounce-es.js

@@ -326,4 +326,4 @@ var debounce_1 = debounce;
 
 var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(debounce_1);
 
-export { debounce_1 as a, debounce$1 as d };
+export { debounce$1 as a, debounce_1 as d };

package/dist/index.cjs

@@ -110,12 +110,10 @@ require('./keysIn-cjs.js');
 require('./_isIterateeCall-cjs.js');
 require('./_setToString-cjs.js');
 require('./tslib.es6-cjs.js');
+require('@jobber/hooks');
 require('./floating-ui.react-cjs.js');
 require('react-dom');
 require('./useOnKeyDown-cjs.js');
-require('./useDebounce-cjs.js');
-require('./debounce-cjs.js');
-require('./isSymbol-cjs.js');
 require('color');
 require('react-router-dom');
 require('./getMappedAtlantisSpaceToken-cjs.js');
@@ -127,7 +125,9 @@ require('./useScrollToActive-cjs.js');
 require('./_baseFlatten-cjs.js');
 require('./_baseGet-cjs.js');
 require('./_getTag-cjs.js');
+require('./isSymbol-cjs.js');
 require('./_baseEach-cjs.js');
+require('./debounce-cjs.js');
 require('react-popper');
 require('./ComboboxContent-cjs.js');
 require('./ComboboxContentSearch-cjs.js');
@@ -141,6 +141,7 @@ require('./constants-cjs.js');
 require('./ComboboxAction-cjs.js');
 require('./ComboboxTrigger-cjs.js');
 require('./noop-cjs.js');
+require('./useDebounce-cjs.js');
 require('./ComboboxActivator-cjs.js');
 require('./index-cjs.js');
 require('./DataList.module-cjs.js');

package/dist/index.mjs

@@ -108,12 +108,10 @@ import './keysIn-es.js';
 import './_isIterateeCall-es.js';
 import './_setToString-es.js';
 import './tslib.es6-es.js';
+import '@jobber/hooks';
 import './floating-ui.react-es.js';
 import 'react-dom';
 import './useOnKeyDown-es.js';
-import './useDebounce-es.js';
-import './debounce-es.js';
-import './isSymbol-es.js';
 import 'color';
 import 'react-router-dom';
 import './getMappedAtlantisSpaceToken-es.js';
@@ -125,7 +123,9 @@ import './useScrollToActive-es.js';
 import './_baseFlatten-es.js';
 import './_baseGet-es.js';
 import './_getTag-es.js';
+import './isSymbol-es.js';
 import './_baseEach-es.js';
+import './debounce-es.js';
 import 'react-popper';
 import './ComboboxContent-es.js';
 import './ComboboxContentSearch-es.js';
@@ -139,6 +139,7 @@ import './constants-es.js';
 import './ComboboxAction-es.js';
 import './ComboboxTrigger-es.js';
 import './noop-es.js';
+import './useDebounce-es.js';
 import './ComboboxActivator-es.js';
 import './index-es.js';
 import './DataList.module-es.js';

package/dist/throttle-es.js

@@ -1,5 +1,5 @@
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
-import { a as debounce_1 } from './debounce-es.js';
+import { d as debounce_1 } from './debounce-es.js';
 import { i as isObject_1 } from './isObjectLike-es.js';
 
 var debounce = debounce_1,