@jobber/components 5.4.1 → 5.4.2

package/dist/index.mjs

@@ -1,160 +1,160 @@
-export { A as AnimatedPresence } from './AnimatedPresence-Ddc7W_4b.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-BQk21Mx1.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CBfTP2cK.js';
-export { A as Autocomplete } from './Autocomplete-CkagTyRM.js';
-export { A as Avatar } from './Avatar-kODeIzA3.js';
-export { B as Banner } from './Banner-D8ofqo6-.js';
-export { B as Button } from './Button-DYxeLbDP.js';
-export { B as ButtonDismiss } from './ButtonDismiss-Slx87Ng8.js';
-export { C as Card } from './Card-HcBqd5bl.js';
-export { C as Checkbox } from './Checkbox-BmIxzwJy.js';
-export { C as Chip } from './Chip-BJcGRql9.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-BQbi1L1R.js';
+export { A as AnimatedPresence } from './AnimatedPresence-CCuDxPC9.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-CFgZoPkz.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DR77MZEn.js';
+export { A as Autocomplete } from './Autocomplete-D20n2_gt.js';
+export { A as Avatar } from './Avatar-IqiK7ixO.js';
+export { B as Banner } from './Banner-DYSslL0u.js';
+export { B as Button } from './Button-DJQVVE0-.js';
+export { B as ButtonDismiss } from './ButtonDismiss-C4D25Ln_.js';
+export { C as Card } from './Card-f_bQMkNB.js';
+export { C as Checkbox } from './Checkbox-ugVz15Dc.js';
+export { C as Chip } from './Chip-BoKhEDVA.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-Urxz0vKR.js';
 import 'react';
 import 'classnames';
-import './useAssert-c-FoMB7T.js';
-export { I as Icon } from './Icon-CxLh3sV5.js';
-export { T as Typography } from './Typography-D7uTtnuS.js';
-export { T as Tooltip } from './Tooltip-B-Bt26yY.js';
-export { C as Chips } from './Chips-DrZX9GTo.js';
-export { C as Combobox } from './Combobox-BbymHKTR.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-DCNIrWaj.js';
-export { C as ConfirmationModal } from './ConfirmationModal-098r-9nd.js';
-export { C as Content } from './Content-OgtCK6Pd.js';
-export { C as Countdown } from './Countdown-6_kuvtUK.js';
-export { D as DataDump } from './DataDump-8avC5l3_.js';
-export { D as DataList } from './DataList-CkK4g5ax.js';
-export { D as DataTable } from './DataTable-DCDON1kb.js';
-import './useResizeObserver-DYarBxMp.js';
+import './useAssert-TYWDgAXU.js';
+export { I as Icon } from './Icon-8KKXFsxm.js';
+export { T as Typography } from './Typography-BUVIUAC9.js';
+export { T as Tooltip } from './Tooltip-B50E53VM.js';
+export { C as Chips } from './Chips-C-rb2une.js';
+export { C as Combobox } from './Combobox-CHRIiFwd.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-DdsdhWRT.js';
+export { C as ConfirmationModal } from './ConfirmationModal-DmX8OP-7.js';
+export { C as Content } from './Content-4xvXJbLn.js';
+export { C as Countdown } from './Countdown-DeR1asJD.js';
+export { D as DataDump } from './DataDump-B_vLoQnB.js';
+export { D as DataList } from './DataList-BtCgP8hn.js';
+export { D as DataTable } from './DataTable-BYnqbDAb.js';
+import './useResizeObserver-Drw72siq.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-COwqkbUH.js';
-export { D as DescriptionList } from './DescriptionList-Cn1K-3zb.js';
-export { D as Disclosure } from './Disclosure-DU-xSbuR.js';
-export { D as Divider } from './Divider-DDgpkZ8i.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-BRA9WZLS.js';
-export { E as Emphasis } from './Emphasis-BLl8oytx.js';
-export { F as FeatureSwitch } from './FeatureSwitch-BVngmaxd.js';
-export { F as Flex } from './Flex-DsYPN87p.js';
-export { F as Form } from './Form-CbJS9ASz.js';
-export { F as FormField } from './FormField-B6gtEPtt.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-DPjl2GxX.js';
-export { F as FormatEmail } from './FormatEmail-C6-HjfYA.js';
-export { F as FormatFile } from './FormatFile-DNQwGv9w.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-BRhhl7lM.js';
-export { F as FormatTime } from './FormatTime-Q_dP9BlW.js';
-export { G as Gallery } from './Gallery-BDfA6efd.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-l_4rJ-gP.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-CbDR8shF.js';
-export { H as Heading } from './Heading-Cv_fJEXA.js';
-export { I as InlineLabel } from './InlineLabel-B2G_aD3c.js';
-export { I as InputAvatar } from './InputAvatar-B8Gh2kaB.js';
-export { I as InputDate } from './InputDate-sQ4VCRKi.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CiLGPqML.js';
-export { I as InputFile, u as updateFiles } from './InputFile-BFbjLict.js';
-export { I as InputGroup } from './InputGroup-C91g82sJ.js';
-export { I as InputNumber } from './InputNumber-Bk2hETgI.js';
-export { I as InputPassword } from './InputPassword-JXkg7o9l.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-DH1pkgQE.js';
-export { I as InputText } from './InputText-waONyOOj.js';
-export { I as InputTime } from './InputTime-DkNp6i_8.js';
-export { I as InputValidation } from './InputValidation-BY7R422w.js';
-export { L as LightBox } from './LightBox-CXwMqdSk.js';
-export { L as Link } from './Link-X-0h28Ff.js';
-export { L as List, a as ListItem } from './List-nZCnwRgD.js';
-export { M as Markdown } from './Markdown-Clla_B5H.js';
-export { M as Menu } from './Menu-xB_lfeB3.js';
-export { M as Modal } from './Modal-BMaZGyg5.js';
-export { M as MultiSelect } from './MultiSelect-cm6Hiaie.js';
-export { P as Page } from './Page-DNcT66BY.js';
-export { P as Popover } from './Popover-DsXbqnoQ.js';
-export { P as ProgressBar } from './ProgressBar-CGAsvlGM.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-CjfW40pM.js';
-export { R as RecurringSelect } from './RecurringSelect-BbI_z1tz.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-AXr9-NYO.js';
-export { a as Option, S as Select } from './Option-C_QxKJEW.js';
-export { S as Spinner } from './Spinner-CVQaFopU.js';
-export { S as StatusIndicator } from './StatusIndicator-cdYXXIE5.js';
-export { S as StatusLabel } from './StatusLabel-Z3bP_uk6.js';
-export { S as Switch } from './Switch-DMRRjP2I.js';
-export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-CU-SolEJ.js';
-export { a as Tab, T as Tabs } from './Tabs-BPIRQZV_.js';
-export { T as Text } from './Text-DjjGujiC.js';
+export { D as DatePicker } from './DatePicker-D5SVBadT.js';
+export { D as DescriptionList } from './DescriptionList-DV1cKFsr.js';
+export { D as Disclosure } from './Disclosure-BYB5VVAq.js';
+export { D as Divider } from './Divider-CiuO5yLK.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-Cl9D-shC.js';
+export { E as Emphasis } from './Emphasis-CnMqEBsf.js';
+export { F as FeatureSwitch } from './FeatureSwitch-CQskWUhj.js';
+export { F as Flex } from './Flex-DYMK9YNN.js';
+export { F as Form } from './Form-BFV-iRMA.js';
+export { F as FormField } from './FormField-BneBLurL.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-B2JxwfhN.js';
+export { F as FormatEmail } from './FormatEmail-CuHK-37y.js';
+export { F as FormatFile } from './FormatFile-C6Tq_DCj.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-CuOgwEL7.js';
+export { F as FormatTime } from './FormatTime-CbLU0kAs.js';
+export { G as Gallery } from './Gallery-DmyZTTzW.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-C-gTChiy.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-kKRCqTG3.js';
+export { H as Heading } from './Heading-DX1jjqTV.js';
+export { I as InlineLabel } from './InlineLabel-CklK8gsH.js';
+export { I as InputAvatar } from './InputAvatar-zxBSWeCy.js';
+export { I as InputDate } from './InputDate-Bt0mY_Tw.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-B6LR7TkU.js';
+export { I as InputFile, u as updateFiles } from './InputFile-V06iuXz3.js';
+export { I as InputGroup } from './InputGroup-D2-RsVFm.js';
+export { I as InputNumber } from './InputNumber-DtX2l7di.js';
+export { I as InputPassword } from './InputPassword-ivxMohKb.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-xxmRhOMD.js';
+export { I as InputText } from './InputText-BcnP-GlH.js';
+export { I as InputTime } from './InputTime-CsY6rbDQ.js';
+export { I as InputValidation } from './InputValidation-tnxPQH86.js';
+export { L as LightBox } from './LightBox-9ahfgnkP.js';
+export { L as Link } from './Link-D2EmQC_l.js';
+export { L as List, a as ListItem } from './List-CcMdq3t5.js';
+export { M as Markdown } from './Markdown-BZlKvsyD.js';
+export { M as Menu } from './Menu-hDD0_n3m.js';
+export { M as Modal } from './Modal-Bvh77R4C.js';
+export { M as MultiSelect } from './MultiSelect-C-M4xQk0.js';
+export { P as Page } from './Page-Ba86ZlvG.js';
+export { P as Popover } from './Popover-CP8hKxxc.js';
+export { P as ProgressBar } from './ProgressBar-DWxDlLmC.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-D3kxObX_.js';
+export { R as RecurringSelect } from './RecurringSelect-CThflkPA.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-CL3cnT8U.js';
+export { a as Option, S as Select } from './Option-BL_nZfqb.js';
+export { S as Spinner } from './Spinner---cbFcCd.js';
+export { S as StatusIndicator } from './StatusIndicator-BC9fxJhn.js';
+export { S as StatusLabel } from './StatusLabel-C6GRNBWr.js';
+export { S as Switch } from './Switch-DICcaUG1.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-DZ8SYAHb.js';
+export { a as Tab, T as Tabs } from './Tabs-DztGeIp5.js';
+export { T as Text } from './Text-BCmEgJBp.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-_w3f_AZk.js';
-import './debounce-D9L_NtWb.js';
-import './_commonjsHelpers-yArcpwK5.js';
-import './isObjectLike-BO8lA4wb.js';
-import './isSymbol-BVPFaUw8.js';
+import './tslib.es6-DN65qNZS.js';
+import './debounce-ClFpMKL7.js';
+import './_commonjsHelpers-BlEkfD1Z.js';
+import './isObjectLike-lcD9i727.js';
+import './isSymbol-Dhe9RDG0.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-ULVBa2uf.js';
-import './useSafeLayoutEffect-ScSrs8an.js';
-import './useIsMounted-Bd33slsf.js';
+import './useOnKeyDown-t-UhpB2o.js';
+import './useSafeLayoutEffect-7WC_06jN.js';
+import './useIsMounted-Bhu6Lxq6.js';
 import 'color';
-import './BannerIcon-5W1vdrzM.js';
+import './BannerIcon-Cr1k10eQ.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-B33l1gpL.js';
-import './useChildComponent-BDLzDqm1.js';
-import './_polyfill-node.process-DFLENVqw.js';
-import './InternalChipDismissible-QtZ7HEHo.js';
-import './useScrollToActive-CSczp0XZ.js';
-import './_setToString-K1Va1_8m.js';
-import './_defineProperty-D4XY5ojv.js';
-import './_getTag-BhkRtrtL.js';
-import './_baseEach-LJgzfE1B.js';
-import './ComboboxContent-DaZ-XI6w.js';
-import './ComboboxContentSearch-CP5LE4sk.js';
-import './ComboboxContentList-_42unXYX.js';
-import './ComboboxOption-BoLCcplT.js';
-import './ComboboxLoadMore-C-z9Xfev.js';
-import './ComboboxContentHeader-DKe27GUG.js';
-import './useRefocusOnActivator-CpBvvuoG.js';
-import './useFocusTrap-pp-WOxgx.js';
-import './ComboboxAction-CduUot_a.js';
-import './ComboboxTrigger-D6UprKRw.js';
-import './noop-lAzuHCiu.js';
-import './ComboboxActivator-pHoLvGwH.js';
+import './useInView-CMTI-J0M.js';
+import './useChildComponent-DvxTpXTM.js';
+import './_polyfill-node.process-xadMkScK.js';
+import './InternalChipDismissible-BEfp67Vq.js';
+import './useScrollToActive-DQvOud4S.js';
+import './_setToString-BYkObq1L.js';
+import './_defineProperty-0kQ6Otaq.js';
+import './_getTag-CzJuSXVi.js';
+import './_baseEach-BIZoFHfR.js';
+import './ComboboxContent-aF5wLcxQ.js';
+import './ComboboxContentSearch-ButRvx3q.js';
+import './ComboboxContentList-DEM2Cj4j.js';
+import './ComboboxOption-4NlS0P16.js';
+import './ComboboxLoadMore-DyA2Imtj.js';
+import './ComboboxContentHeader-BLYutXuV.js';
+import './useRefocusOnActivator-CiCzAHtv.js';
+import './useFocusTrap-CsPhaFeT.js';
+import './ComboboxAction-Cl009-p8.js';
+import './ComboboxTrigger-CNG9SkM_.js';
+import './noop-BzN7sYrl.js';
+import './ComboboxActivator-r-CFzU94.js';
 import '@std-proposal/temporal';
-import './index-CLyvv20G.js';
-import './DataList-BYhWc9CR.js';
-import './DataListTotalCount-BzApF3dE.js';
-import './DataListLoadingState-7zlAccyV.js';
-import './DataListContext-Dqx3K0VG.js';
-import './useActiveLayout-BFBibeZs.js';
-import './useResponsiveSizing-Duxqhmht.js';
-import './DataList.const-QAh22Cbm.js';
-import './DataListLayout-BSW_6y5q.js';
-import './DataListItems-D8vOuil5.js';
-import './DataListLayoutContext-Cr0mKZSq.js';
-import './DataListItem-CECtcG6b.js';
-import './DataListItemActions-CLS52U-6.js';
-import './DataListActions-DBL8zisY.js';
-import './DataListOverflowFade-CBsKxqpP.js';
-import './DataList.utils-CHyPQuOO.js';
-import './DataListTags-DmJD1gmL.js';
-import './DataListHeaderTile-BgF0_tKD.js';
-import './DataListSortingOptions-BWmGrWho.js';
-import './DataListLayoutContext-DeYKislU.js';
-import './DataListItemActionsOverflow-DlykDvwS.js';
-import './DataListActionsMenu-CuqeO8zI.js';
-import './useBatchSelect-Byh2XLLU.js';
-import './DataListItemClickable-15JzP0EK.js';
-import './DataListHeader-BNL0fNTe.js';
-import './DataListBulkActions-D3S3DU-K.js';
-import './DataListFilters-C9q-XiJ9.js';
-import './DataListSort-NZA0LfLQ.js';
-import './DataListStickyHeader-UmpvXoPJ.js';
-import './DataListSearch-BVOu55Ej.js';
-import './DataListEmptyState-DxGP0S0f.js';
-import './DataListLoadMore-DrmDkzVx.js';
-import './DataListAction-BSEwmLEZ.js';
-import './DataListLayoutActions-BKh7TaTm.js';
-import './DataListStatusBar-DUi4VOah.js';
-import './_baseAssignValue-DcX3aOaS.js';
-import './useFormFieldFocus-Bnt1vsIS.js';
+import './index-Bccev0ct.js';
+import './DataList-DeTUdKxc.js';
+import './DataListTotalCount-BE--Zrik.js';
+import './DataListLoadingState-CNje6Tfl.js';
+import './DataListContext-CyU4jeBU.js';
+import './useActiveLayout-Cit0_Js3.js';
+import './useResponsiveSizing-Di5cJapL.js';
+import './DataList.const-CjTyAhOC.js';
+import './DataListLayout-DZmdKXFI.js';
+import './DataListItems-DtWRKCB4.js';
+import './DataListLayoutContext-CRuQjlBl.js';
+import './DataListItem-DJ3vPIxZ.js';
+import './DataListItemActions-PJA3ny4I.js';
+import './DataListActions-BbpSgSoY.js';
+import './DataListOverflowFade-CTvUuFPy.js';
+import './DataList.utils-CKHBAG6U.js';
+import './DataListTags-D3HvwR4U.js';
+import './DataListHeaderTile-B2T_Dk3T.js';
+import './DataListSortingOptions-CZdw1o6Q.js';
+import './DataListLayoutContext-B-xNSmCX.js';
+import './DataListItemActionsOverflow-CcY2WaXQ.js';
+import './DataListActionsMenu-Cwed3dNg.js';
+import './useBatchSelect-CALxOuDl.js';
+import './DataListItemClickable-f2rFgaHL.js';
+import './DataListHeader-pm8YoWDP.js';
+import './DataListBulkActions-CHEE3jkL.js';
+import './DataListFilters-CRCYSGyC.js';
+import './DataListSort-qRBjmS37.js';
+import './DataListStickyHeader-qpV5LAtg.js';
+import './DataListSearch-DCLwvt_B.js';
+import './DataListEmptyState-BD7Y0YSf.js';
+import './DataListLoadMore-QPPSA_-A.js';
+import './DataListAction-6QAFyj9K.js';
+import './DataListLayoutActions-CCwY9RBm.js';
+import './DataListStatusBar-D9h4up_P.js';
+import './_baseAssignValue-rb-8kOMF.js';
+import './useFormFieldFocus-Dqt3cEzB.js';
 import 'filesize';
-import './InternalGridCell-CdLEerZ5.js';
+import './InternalGridCell-CUZAdCMx.js';
 import 'axios';
 import '@jobber/formatters';

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/styles.css

@@ -4781,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);
 }
 
@@ -4793,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);
 }
 
@@ -4824,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- {
@@ -6161,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 {
@@ -6220,6 +6230,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
     margin-top: calc(var(--space-small) * -1);
     opacity: 0;
   }
+
   100% {
     margin-top: 0px;
     opacity: 1;
@@ -6233,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-DS9qSPFV.js → useActiveLayout-CCtNaiT9.js}

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

package/dist/{useActiveLayout-BFBibeZs.js → useActiveLayout-Cit0_Js3.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-Duxqhmht.js';
-import { u as useDataListContext } from './DataListContext-Dqx3K0VG.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-BNi_d0o2.js → useAssert-BfArD4zY.js}

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

package/dist/{useAssert-c-FoMB7T.js → useAssert-TYWDgAXU.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-yArcpwK5.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-DFLENVqw.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-Byh2XLLU.js → useBatchSelect-CALxOuDl.js}

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DM1uXIwd.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BwA_WZMJ.js');
 var React = require('react');
-var debounce$1 = require('./debounce-CYRZ_34W.js');
-var isObjectLike = require('./isObjectLike-C1q80ak2.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-DYarBxMp.js → useResizeObserver-Drw72siq.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-yArcpwK5.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-D9L_NtWb.js';
-import { b as isObject_1 } from './isObjectLike-BO8lA4wb.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-DiCANbq8.js → useResponsiveSizing-B6wGtX5g.js}

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

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

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

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

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-yArcpwK5.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-K1Va1_8m.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-D4XY5ojv.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-LJgzfE1B.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BhkRtrtL.js';
-import { i as isSymbol_1 } from './isSymbol-BVPFaUw8.js';
-import { b as isObject_1 } from './isObjectLike-BO8lA4wb.js';
-import { d as debounce } from './debounce-D9L_NtWb.js';
-import { I as Icon } from './Icon-CxLh3sV5.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-CPUR5Wvd.js → useScrollToActive-ZYTF__gy.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-DM1uXIwd.js');
-var _setToString = require('./_setToString-COys9Lti.js');
-var _defineProperty = require('./_defineProperty-C0gVyMXO.js');
-var _baseEach = require('./_baseEach-CaGPYt-5.js');
-var _getTag = require('./_getTag-BXNvpAcJ.js');
-var isSymbol$1 = require('./isSymbol-BhKcMs_1.js');
-var isObjectLike = require('./isObjectLike-C1q80ak2.js');
-var debounce = require('./debounce-CYRZ_34W.js');
-var Icon = require('./Icon-ByeN2N4j.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.1",
+  "version": "5.4.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c2a1e8367d831e492cbf7f194ccb05cdc7f705fa"
+  "gitHead": "cbdace7ca14e7c13a68f5c22e406bdd20e823d9c"
 }