@jobber/components 5.4.0 → 5.4.2

package/dist/{isObjectLike-C9V4KzkX.js → isObjectLike-DlRB9NMH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DpQMrXb6.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BwA_WZMJ.js');
 
 /**
  * Checks if `value` is the

package/dist/{isObjectLike-C70Y3lqi.js → isObjectLike-lcD9i727.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-9Wob29NB.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-BlEkfD1Z.js';
 
 /**
  * Checks if `value` is the

package/dist/{isSymbol-Bz1FN_iT.js → isSymbol-BWDBDuT2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$1 = require('./isObjectLike-C9V4KzkX.js');
+var isObjectLike$1 = require('./isObjectLike-DlRB9NMH.js');
 
 var baseGetTag = isObjectLike$1._baseGetTag,
     isObjectLike = isObjectLike$1.isObjectLike_1;

package/dist/{isSymbol-BmmjkP5A.js → isSymbol-Dhe9RDG0.js}

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-C70Y3lqi.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike-lcD9i727.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{noop-DSe3gT3M.js → noop-BzN7sYrl.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-9Wob29NB.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BlEkfD1Z.js';
 
 /**
  * This method returns `undefined`.

package/dist/{noop-BdoNLeqy.js → noop-DEvKrSWt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DpQMrXb6.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BwA_WZMJ.js');
 
 /**
  * This method returns `undefined`.

package/dist/styles.css

@@ -2106,25 +2106,32 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .dT6M9tp1sZc- {
-  --menu-space: var(--space-small);
-  --menu-offset: var(--space-smallest);
-  display: inline-block;
   position: relative;
 }
 
+._9pvjsJS6vsg- {
+  z-index: 6;
+  z-index: var(--elevation-menu);
+}
+
+.G7Nzd9sctos- {
+  display: none;
+}
+
 .Qmxlsj0D3qM- {
-  position: fixed;
-  bottom: 0;
-  left: 0;
+  --menu-space: var(--space-small);
+  --menu-offset: var(--space-smallest);
   z-index: 6;
   z-index: var(--elevation-menu);
-  width: 100%;
   max-height: 72vh;
   box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
       rgba(0, 0, 0, 0.1),
     0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--shadow-base);
+  padding: calc(16px / 2);
   padding: var(--menu-space);
+  padding-bottom: calc(env(safe-area-inset-bottom) + (16px / 2));
+  padding-bottom: calc(env(safe-area-inset-bottom) + calc(16px / 2));
   padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));
   border-radius: 8px 8px 0 0;
   border-radius: var(--radius-base) var(--radius-base) 0 0;
@@ -2134,11 +2141,29 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-color: var(--color-surface);
 }
 
+@media (max-width: 489px) {
+
+.Qmxlsj0D3qM- {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+  }
+
+@media (--small-screens-and-below) {
+
+.Qmxlsj0D3qM- {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+  }
+
 @media (min-width: 490px) {
 
 .Qmxlsj0D3qM- {
-    position: absolute;
-    left: auto;
     width: calc(16px * 12.5);
     width: calc(var(--base-unit) * 12.5);
     padding: var(--menu-space);
@@ -2153,8 +2178,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 @media (--small-screens-and-up) {
 
 .Qmxlsj0D3qM- {
-    position: absolute;
-    left: auto;
     width: calc(16px * 12.5);
     width: calc(var(--base-unit) * 12.5);
     padding: var(--menu-space);
@@ -2166,72 +2189,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
   }
 
-@media (min-width: 490px) {
-
-.QTisUfiHwL4- {
-    bottom: 100%;
-    margin-bottom: var(--menu-offset);
-}
-  }
-
-@media (--small-screens-and-up) {
-
-.QTisUfiHwL4- {
-    bottom: 100%;
-    margin-bottom: var(--menu-offset);
-}
-  }
-
-@media (min-width: 490px) {
-
-.qsch1dlpOHc- {
-    top: 100%;
-    bottom: auto;
-    margin-top: var(--menu-offset);
-}
-  }
-
-@media (--small-screens-and-up) {
-
-.qsch1dlpOHc- {
-    top: 100%;
-    bottom: auto;
-    margin-top: var(--menu-offset);
-}
-  }
-
-@media (min-width: 490px) {
-
-._0xR9-oxWMOU- {
-    right: 0;
-    left: auto;
-}
-  }
-
-@media (--small-screens-and-up) {
-
-._0xR9-oxWMOU- {
-    right: 0;
-    left: auto;
-}
-  }
-
-@media (min-width: 490px) {
-
-.gaZwsdyoG0k- {
-    right: auto;
-    left: 0;
-}
-  }
-
-@media (--small-screens-and-up) {
-
-.gaZwsdyoG0k- {
-    right: auto;
-    left: 0;
-}
-  }
-
 .LaKFjYCLHZc- {
   padding: var(--menu-space) 0;
   border-bottom: calc(16px / 16) solid hsl(200, 13%, 87%);
@@ -2271,9 +2228,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .ZuceCiefKqw-:hover,
-.ZuceCiefKqw-:focus-visible {
+.ZuceCiefKqw-:focus {
   background-color: hsl(53, 21%, 93%);
   background-color: var(--color-surface--hover);
+}
+
+.ZuceCiefKqw-:focus-visible {
   outline-color: hsl(198, 12%, 57%);
   outline-color: var(--color-focus);
 }
@@ -4821,11 +4781,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-color: var(--color-border);
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
-  transition: height var(--sticky-header-transition-properties)
-      100ms,
+  transition:
+    height var(--sticky-header-transition-properties) 100ms,
     width var(--sticky-header-transition-properties);
-  transition: height var(--sticky-header-transition-properties)
-      var(--timing-quick),
+  transition:
+    height var(--sticky-header-transition-properties) var(--timing-quick),
     width var(--sticky-header-transition-properties);
 }
 
@@ -4833,9 +4793,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   width: 100%;
   height: calc(16px / 8);
   height: var(--border-thick);
-  transition: height var(--sticky-header-transition-properties),
+  transition:
+    height var(--sticky-header-transition-properties),
     width var(--sticky-header-transition-properties) 100ms;
-  transition: height var(--sticky-header-transition-properties),
+  transition:
+    height var(--sticky-header-transition-properties),
     width var(--sticky-header-transition-properties) var(--timing-quick);
 }
 
@@ -4864,10 +4826,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   opacity: 0;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
-  transition: opacity 200ms ease-in-out,
-    width 200ms ease-in-out, visibility 200ms ease-in-out;
-  transition: opacity var(--transition-properties),
-    width var(--transition-properties), visibility var(--transition-properties);
+  transition:
+    opacity 200ms ease-in-out,
+    width 200ms ease-in-out,
+    visibility 200ms ease-in-out;
+  transition:
+    opacity var(--transition-properties),
+    width var(--transition-properties),
+    visibility var(--transition-properties);
 }
 
 ._3S1-91v2SYI- {
@@ -6201,8 +6167,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   list-style: none;
   cursor: pointer;
   outline-color: none;
-  transition: background 100ms, box-shadow 200ms;
-  transition: background var(--timing-quick), box-shadow var(--timing-base);
+  transition:
+    background 100ms,
+    box-shadow 200ms;
+  transition:
+    background var(--timing-quick),
+    box-shadow var(--timing-base);
 }
 
 .PMjHZZhHiUY-::-webkit-details-marker {
@@ -6260,6 +6230,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
     margin-top: calc(var(--space-small) * -1);
     opacity: 0;
   }
+
   100% {
     margin-top: 0px;
     opacity: 1;
@@ -6273,6 +6244,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
     margin-top: calc(var(--space-small) * -1);
     opacity: 0;
   }
+
   100% {
     margin-top: 0px;
     opacity: 1;

package/dist/{useActiveLayout-1FtiTns8.js → useActiveLayout-CCtNaiT9.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BIZWcRtV.js');
-var DataListContext = require('./DataListContext-D2URYpb7.js');
+var useResponsiveSizing = require('./useResponsiveSizing-B6wGtX5g.js');
+var DataListContext = require('./DataListContext-D16NAChL.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-1gRkOhr6.js → useActiveLayout-Cit0_Js3.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-Dx52Oo_c.js';
-import { u as useDataListContext } from './DataListContext-Cs3vwPfq.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-Di5cJapL.js';
+import { u as useDataListContext } from './DataListContext-CyU4jeBU.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-C7IKJcrA.js → useAssert-BfArD4zY.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DpQMrXb6.js');
-var _polyfillNode_process = require('./_polyfill-node.process-BxxmQOli.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BwA_WZMJ.js');
+var _polyfillNode_process = require('./_polyfill-node.process-BuCoE5MT.js');
 
 var useAssert$1 = {};
 

package/dist/{useAssert-CCJlRwkp.js → useAssert-TYWDgAXU.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-9Wob29NB.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DULs9xqc.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-BlEkfD1Z.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-xadMkScK.js';
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-DYRo1dhX.js → useBatchSelect-CALxOuDl.js}

@@ -1,4 +1,4 @@
-import { u as useDataListContext } from './DataListContext-Cs3vwPfq.js';
+import { u as useDataListContext } from './DataListContext-CyU4jeBU.js';
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = useDataListContext();

package/dist/{useBatchSelect-Bvn551az.js → useBatchSelect-DBY2Zut8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var DataListContext = require('./DataListContext-D2URYpb7.js');
+var DataListContext = require('./DataListContext-D16NAChL.js');
 
 function useBatchSelect() {
     const { selected, onSelect, onSelectAll } = DataListContext.useDataListContext();

package/dist/useFormFieldFocus-C3TzWej7.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var React = require('react');
+
+function useActiveElement() {
+    const [active, setActive] = React.useState(document === null || document === void 0 ? void 0 : document.activeElement);
+    const handleFocusIn = () => {
+        setActive(document === null || document === void 0 ? void 0 : document.activeElement);
+    };
+    React.useEffect(() => {
+        document === null || document === void 0 ? void 0 : document.addEventListener("focusin", handleFocusIn);
+        return () => {
+            document === null || document === void 0 ? void 0 : document.removeEventListener("focusin", handleFocusIn);
+        };
+    }, []);
+    return active;
+}
+
+const PORTAL_FOCUS_ATTRIBUTE_NAME = "data-atl-maintain-portal-focus";
+const formFieldFocusAttribute = {
+    [PORTAL_FOCUS_ATTRIBUTE_NAME]: "true",
+};
+function useFormFieldFocus(props) {
+    var _a;
+    const [focused, setFocused] = React.useState(false);
+    const activeElement = useActiveElement();
+    const activeElementRef = React.useRef(activeElement);
+    React.useEffect(() => {
+        activeElementRef.current = activeElement;
+    }, [activeElement]);
+    function handleFocusIn() {
+        setFocused(true);
+    }
+    function handleFocusOut() {
+        setTimeout(() => {
+            var _a, _b, _c;
+            const focusedElementWithinWrapper = (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.contains(document.activeElement);
+            const focusException = (_c = activeElementRef.current) === null || _c === void 0 ? void 0 : _c.closest(`[${PORTAL_FOCUS_ATTRIBUTE_NAME}='true']`);
+            if (!focusedElementWithinWrapper && !focusException) {
+                setFocused(false);
+            }
+        }, 1);
+    }
+    React.useEffect(() => {
+        var _a, _b, _c, _d;
+        (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.addEventListener("focusin", handleFocusIn);
+        (_d = (_c = props.wrapperRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.addEventListener("focusout", handleFocusOut);
+        return () => {
+            var _a, _b, _c, _d;
+            (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.removeEventListener("focusin", handleFocusIn);
+            (_d = (_c = props.wrapperRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.removeEventListener("focusout", handleFocusOut);
+        };
+    }, [(_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current]);
+    return {
+        focused,
+    };
+}
+
+exports.formFieldFocusAttribute = formFieldFocusAttribute;
+exports.useFormFieldFocus = useFormFieldFocus;

package/dist/useFormFieldFocus-Dqt3cEzB.js

@@ -0,0 +1,57 @@
+import { useState, useEffect, useRef } from 'react';
+
+function useActiveElement() {
+    const [active, setActive] = useState(document === null || document === void 0 ? void 0 : document.activeElement);
+    const handleFocusIn = () => {
+        setActive(document === null || document === void 0 ? void 0 : document.activeElement);
+    };
+    useEffect(() => {
+        document === null || document === void 0 ? void 0 : document.addEventListener("focusin", handleFocusIn);
+        return () => {
+            document === null || document === void 0 ? void 0 : document.removeEventListener("focusin", handleFocusIn);
+        };
+    }, []);
+    return active;
+}
+
+const PORTAL_FOCUS_ATTRIBUTE_NAME = "data-atl-maintain-portal-focus";
+const formFieldFocusAttribute = {
+    [PORTAL_FOCUS_ATTRIBUTE_NAME]: "true",
+};
+function useFormFieldFocus(props) {
+    var _a;
+    const [focused, setFocused] = useState(false);
+    const activeElement = useActiveElement();
+    const activeElementRef = useRef(activeElement);
+    useEffect(() => {
+        activeElementRef.current = activeElement;
+    }, [activeElement]);
+    function handleFocusIn() {
+        setFocused(true);
+    }
+    function handleFocusOut() {
+        setTimeout(() => {
+            var _a, _b, _c;
+            const focusedElementWithinWrapper = (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.contains(document.activeElement);
+            const focusException = (_c = activeElementRef.current) === null || _c === void 0 ? void 0 : _c.closest(`[${PORTAL_FOCUS_ATTRIBUTE_NAME}='true']`);
+            if (!focusedElementWithinWrapper && !focusException) {
+                setFocused(false);
+            }
+        }, 1);
+    }
+    useEffect(() => {
+        var _a, _b, _c, _d;
+        (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.addEventListener("focusin", handleFocusIn);
+        (_d = (_c = props.wrapperRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.addEventListener("focusout", handleFocusOut);
+        return () => {
+            var _a, _b, _c, _d;
+            (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.removeEventListener("focusin", handleFocusIn);
+            (_d = (_c = props.wrapperRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.removeEventListener("focusout", handleFocusOut);
+        };
+    }, [(_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current]);
+    return {
+        focused,
+    };
+}
+
+export { formFieldFocusAttribute as f, useFormFieldFocus as u };

package/dist/{useIsMounted-COoUpDnC.js → useIsMounted-Bhu6Lxq6.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-Ke-UreLe.js';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-7WC_06jN.js';
 
 var useIsMounted$1 = {};
 

package/dist/{useIsMounted-Bdw2VPX8.js → useIsMounted-DINC1CJ6.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-Bd3MCH4w.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-CzLVUJTc.js');
 
 var useIsMounted$1 = {};
 

package/dist/{useResizeObserver-BmzaLCvR.js → useResizeObserver-Bh1eDeQT.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DpQMrXb6.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BwA_WZMJ.js');
 var React = require('react');
-var debounce$1 = require('./debounce-BSjzQc1s.js');
-var isObjectLike = require('./isObjectLike-C9V4KzkX.js');
+var debounce$1 = require('./debounce-tS3zrQYZ.js');
+var isObjectLike = require('./isObjectLike-DlRB9NMH.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-DmI8qDJd.js → useResizeObserver-Drw72siq.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-9Wob29NB.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BlEkfD1Z.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-b7aZ0VC8.js';
-import { b as isObject_1 } from './isObjectLike-C70Y3lqi.js';
+import { a as debounce_1 } from './debounce-ClFpMKL7.js';
+import { b as isObject_1 } from './isObjectLike-lcD9i727.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-BIZWcRtV.js → useResponsiveSizing-B6wGtX5g.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataList_const = require('./DataList.const-C03MPhFN.js');
+var DataList_const = require('./DataList.const-L0F8AtPE.js');
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useResponsiveSizing-Dx52Oo_c.js → useResponsiveSizing-Di5cJapL.js}

@@ -1,5 +1,5 @@
 import { useCallback, useSyncExternalStore } from 'react';
-import { e as BREAKPOINT_SIZES } from './DataList.const-B746rVXE.js';
+import { e as BREAKPOINT_SIZES } from './DataList.const-CjTyAhOC.js';
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useScrollToActive-CY1pEFyl.js → useScrollToActive-DQvOud4S.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-9Wob29NB.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-Brdzo74S.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-10dMDdQL.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-B1tAerUv.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-D98Jxkb6.js';
-import { i as isSymbol_1 } from './isSymbol-BmmjkP5A.js';
-import { b as isObject_1 } from './isObjectLike-C70Y3lqi.js';
-import { d as debounce } from './debounce-b7aZ0VC8.js';
-import { I as Icon } from './Icon-CNr_esQY.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BlEkfD1Z.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-BYkObq1L.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-0kQ6Otaq.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BIZoFHfR.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-CzJuSXVi.js';
+import { i as isSymbol_1 } from './isSymbol-Dhe9RDG0.js';
+import { b as isObject_1 } from './isObjectLike-lcD9i727.js';
+import { d as debounce } from './debounce-ClFpMKL7.js';
+import { I as Icon } from './Icon-8KKXFsxm.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-PhnNGY8P.js → useScrollToActive-ZYTF__gy.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-DpQMrXb6.js');
-var _setToString = require('./_setToString-DyA8KZOp.js');
-var _defineProperty = require('./_defineProperty-BMeQrPqa.js');
-var _baseEach = require('./_baseEach-D5uvbQ79.js');
-var _getTag = require('./_getTag-D1xoTWwg.js');
-var isSymbol$1 = require('./isSymbol-Bz1FN_iT.js');
-var isObjectLike = require('./isObjectLike-C9V4KzkX.js');
-var debounce = require('./debounce-BSjzQc1s.js');
-var Icon = require('./Icon-BQSAXqG3.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BwA_WZMJ.js');
+var _setToString = require('./_setToString-BiroJ4vI.js');
+var _defineProperty = require('./_defineProperty-BhqkBNiI.js');
+var _baseEach = require('./_baseEach-B4r7ANj-.js');
+var _getTag = require('./_getTag-CBVPk5pM.js');
+var isSymbol$1 = require('./isSymbol-BWDBDuT2.js');
+var isObjectLike = require('./isObjectLike-DlRB9NMH.js');
+var debounce = require('./debounce-tS3zrQYZ.js');
+var Icon = require('./Icon-Bb6V3HaM.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.4.0",
+  "version": "5.4.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -404,7 +404,7 @@
   "dependencies": {
     "@jobber/design": "^0.59.0",
     "@jobber/formatters": "^0.3.0",
-    "@jobber/hooks": "^2.9.5",
+    "@jobber/hooks": "^2.9.6",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "dc84fb83c993bf0e03e707a7958afbb57500b791"
+  "gitHead": "cbdace7ca14e7c13a68f5c22e406bdd20e823d9c"
 }