@jobber/components 5.7.1 → 5.7.3

package/dist/{isObjectLike-C8BVn0L5.js → isObjectLike-CNGfZnhG.js}

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

package/dist/{isObjectLike-DMv7rkP3.js → isObjectLike-CSAlE5_b.js}

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

package/dist/{isSymbol-Bu0pjdaQ.js → isSymbol-B3AIQ_UC.js}

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

package/dist/{isSymbol-CJUuvcUv.js → isSymbol-D9WQRQXa.js}

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

package/dist/{noop-C1EFXTCa.js → noop-DfO6FlSv.js}

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

package/dist/{noop-CS9EEEma.js → noop-Dp4iBeYO.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-7HnGSPBC.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CeLi1ZFE.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);
 }
@@ -8395,8 +8355,10 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .qI4lWMSNH40- {
   position: relative;
-  border-bottom: solid calc(16px / 16) hsl(200, 13%, 87%);
-  border-bottom: solid var(--border-base) var(--color-border);
+  padding-left: calc(16px * 1);
+  padding-left: var(--public-tab--inset);
+  padding-right: calc(16px * 1);
+  padding-right: var(--public-tab--inset);
 }
 
 .xohIah5wcoE-:after,
@@ -8405,17 +8367,22 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   position: absolute;
   top: 0;
   bottom: 0;
-  width: 24px;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  width: calc(16px * 1.5);
+  width: var(--space-large);
 }
 
 .xohIah5wcoE-:after {
-  right: 0;
+  right: calc(16px * 1);
+  right: var(--public-tab--inset);
   box-shadow: inset -16px 0 16px -16px rgba(0, 0, 0, 0.25);
   box-shadow: inset -16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
 }
 
 .qnY4S9sz-8g-:before {
-  left: 0;
+  left: calc(16px * 1);
+  left: var(--public-tab--inset);
   box-shadow: inset 16px 0 16px -16px rgba(0, 0, 0, 0.25);
   box-shadow: inset 16px 0 16px -16px rgba(var(--color-black--rgb), 0.25);
 }
@@ -8427,8 +8394,13 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   margin-bottom: calc(-1 * (16px / 16));
   margin-bottom: calc(-1 * calc(16px / 16));
   margin-bottom: calc(-1 * var(--border-base));
+  padding: 0;
+  border-bottom: solid calc(16px / 16) hsl(200, 13%, 87%);
+  border-bottom: solid var(--border-base) var(--color-border);
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
+  gap: calc(16px * 1.5);
+  gap: var(--space-large);
 }
 
 ul.wdW31G8Trag- {
@@ -8439,48 +8411,56 @@ ul.wdW31G8Trag- {
 .wdW31G8Trag- li {
   display: -ms-flexbox;
   display: flex;
+  position: relative;
   list-style: none;
+  -ms-flex: 0 0 fit-content;
+      flex: 0 0 fit-content;
 }
 
 .MO7CXQ8xJXo- {
-  -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
   height: calc((16px * 2) + (16px / 2));
   height: calc(calc(16px * 2) + calc(16px / 2));
   height: var(--tab--height);
   margin: 0;
-  padding-left: calc(16px * 1);
-  padding-left: var(--public-tab--inset);
-  padding-right: calc(16px * 1);
-  padding-right: var(--public-tab--inset);
-  border: solid calc(16px / 16) hsl(200, 13%, 87%);
-  border: solid var(--border-base) var(--color-border);
-  border-left-width: 0;
+  padding: calc(16px / 4) calc(16px / 2);
+  padding: var(--space-smaller) var(--space-small);
+  border: none;
   outline: none;
+  color: hsl(197, 15%, 45%);
+  color: var(--color-text--secondary);
   background: rgba(255, 255, 255, 1);
   background: var(--color-surface);
   cursor: pointer;
   transition: all 200ms;
   transition: all var(--timing-base);
+  -ms-flex: 0 0 auto;
+      flex: 0 0 auto;
 }
 
-.MO7CXQ8xJXo-:hover,
-.MO7CXQ8xJXo-:focus {
-  background-color: hsl(53, 21%, 93%);
-  background-color: var(--color-surface--hover);
+.MO7CXQ8xJXo-.kqof65gyv7g-,
+.MO7CXQ8xJXo-:not(.kqof65gyv7g-):hover,
+.MO7CXQ8xJXo-:not(.kqof65gyv7g-):focus {
+  color: hsl(197, 90%, 12%);
+  color: var(--color-heading);
 }
 
-.MO7CXQ8xJXo-:focus span {
-  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) hsl(198, 12%, 57%);
-  box-shadow: var(--shadow-focus);
+.MO7CXQ8xJXo-:not(.kqof65gyv7g-):focus-within {
+  outline: none;
+  background: hsl(53, 21%, 93%);
+  background: var(--color-surface--hover);
 }
 
-.kqof65gyv7g- {
-  border-top-color: hsl(107, 58%, 33%);
-  border-top-color: var(--color-interactive);
-  border-bottom-color: rgba(255, 255, 255, 1);
-  border-bottom-color: var(--color-surface);
+.kqof65gyv7g-::after {
+  content: " ";
+  display: block;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: calc(16px / 4);
+  height: var(--space-smaller);
+  background-color: hsl(107, 58%, 33%);
+  background-color: var(--color-interactive);
 }
 
 .kqof65gyv7g-:focus {

package/dist/{useActiveLayout-Bff7QmWG.js → useActiveLayout-BQssRuPJ.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-BjlYJj_m.js';
-import { u as useDataListContext } from './DataListContext-C6THwi_D.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-C8UVAu4U.js';
+import { u as useDataListContext } from './DataListContext-Cqh8qf6b.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useActiveLayout-C7CT7ZnR.js → useActiveLayout-C15gDPpC.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-BHph8mkd.js');
-var DataListContext = require('./DataListContext-DKsEgTdw.js');
+var useResponsiveSizing = require('./useResponsiveSizing-CLHTNl53.js');
+var DataListContext = require('./DataListContext-CmYRd_fb.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useAssert-DvJYxOJz.js → useAssert-BYFOpAQ2.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-7HnGSPBC.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DxRyKYoI.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-CeLi1ZFE.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-IUYx4DDJ.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-BEetFyK6.js → useAssert-LkoMImw7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-C4JEmu6q.js');
-var _polyfillNode_process = require('./_polyfill-node.process-8h0cucTg.js');
+var _commonjsHelpers = require('./_commonjsHelpers-pBNrFnxS.js');
+var _polyfillNode_process = require('./_polyfill-node.process-CeEVbLhj.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-BQ8PJB7T.js → useBatchSelect-BAx97RVe.js}

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

package/dist/{useBatchSelect-Cb4VI0SM.js → useBatchSelect-Bm3ZmS_F.js}

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

package/dist/useFormFieldFocus-DCnB26B0.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-DxdBwh_q.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-BP-PXkst.js → useIsMounted--9X36-6F.js}

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

package/dist/{useIsMounted-qY-fClyz.js → useIsMounted-BsdKlPG6.js}

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

package/dist/{useResizeObserver-Cjpm8rmz.js → useResizeObserver-CAlK0CPD.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-7HnGSPBC.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-CeLi1ZFE.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-C_8MNZvc.js';
-import { b as isObject_1 } from './isObjectLike-DMv7rkP3.js';
+import { a as debounce_1 } from './debounce-DAAf3zL9.js';
+import { b as isObject_1 } from './isObjectLike-CSAlE5_b.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-DBzZI22o.js → useResizeObserver-CKc_OMZG.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-C4JEmu6q.js');
+var _commonjsHelpers = require('./_commonjsHelpers-pBNrFnxS.js');
 var React = require('react');
-var debounce$1 = require('./debounce-BAc8jx9V.js');
-var isObjectLike = require('./isObjectLike-C8BVn0L5.js');
+var debounce$1 = require('./debounce-D8WfY9H1.js');
+var isObjectLike = require('./isObjectLike-CNGfZnhG.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-BjlYJj_m.js → useResponsiveSizing-C8UVAu4U.js}

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

package/dist/{useResponsiveSizing-BHph8mkd.js → useResponsiveSizing-CLHTNl53.js}

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

package/dist/{useScrollToActive-BTdYUxqM.js → useScrollToActive-B7eiCTBU.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-7HnGSPBC.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-FRc8EFQ1.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CpcRcQ-4.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-C5vDn--3.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-DelIXH9j.js';
-import { i as isSymbol_1 } from './isSymbol-Bu0pjdaQ.js';
-import { b as isObject_1 } from './isObjectLike-DMv7rkP3.js';
-import { d as debounce } from './debounce-C_8MNZvc.js';
-import { I as Icon } from './Icon-ai_18uv4.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CeLi1ZFE.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-CNWq8z6f.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-DXdS4fK8.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-BOP_Mv5c.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-DTZqIsID.js';
+import { i as isSymbol_1 } from './isSymbol-B3AIQ_UC.js';
+import { b as isObject_1 } from './isObjectLike-CSAlE5_b.js';
+import { d as debounce } from './debounce-DAAf3zL9.js';
+import { I as Icon } from './Icon-DuAFakqK.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-DsArxgBp.js → useScrollToActive-D5KmnLXS.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-C4JEmu6q.js');
-var _setToString = require('./_setToString-C6M-aD9D.js');
-var _defineProperty = require('./_defineProperty-DrAbYmsv.js');
-var _baseEach = require('./_baseEach-Bq9NDzZl.js');
-var _getTag = require('./_getTag-DwmeAl13.js');
-var isSymbol$1 = require('./isSymbol-CJUuvcUv.js');
-var isObjectLike = require('./isObjectLike-C8BVn0L5.js');
-var debounce = require('./debounce-BAc8jx9V.js');
-var Icon = require('./Icon-Ck_dfBWF.js');
+var _commonjsHelpers = require('./_commonjsHelpers-pBNrFnxS.js');
+var _setToString = require('./_setToString-CGVUo9zT.js');
+var _defineProperty = require('./_defineProperty-uX7HROij.js');
+var _baseEach = require('./_baseEach-CldLG63Z.js');
+var _getTag = require('./_getTag-XyjYhQwv.js');
+var isSymbol$1 = require('./isSymbol-D9WQRQXa.js');
+var isObjectLike = require('./isObjectLike-CNGfZnhG.js');
+var debounce = require('./debounce-D8WfY9H1.js');
+var Icon = require('./Icon-CpwvlgqQ.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.7.1",
+  "version": "5.7.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -404,7 +404,7 @@
   "dependencies": {
     "@jobber/design": "^0.60.1",
     "@jobber/formatters": "^0.3.0",
-    "@jobber/hooks": "^2.9.7",
+    "@jobber/hooks": "^2.9.8",
     "@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": "9852da9f137a8ddd2f6b63f46e227e6647a8864d"
+  "gitHead": "d589b2ab8c2f8e23a879f1fd3db475f035721749"
 }