@jobber/components 5.4.1 → 5.5.0

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-CGM2rTPN.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-Fc6HSNEa.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DsqpaowR.js';
+export { A as Autocomplete } from './Autocomplete-BccpH-S3.js';
+export { A as Avatar } from './Avatar-CKVoO7zu.js';
+export { B as Banner } from './Banner-Dpf7xZS4.js';
+export { B as Button } from './Button-mYisyT18.js';
+export { B as ButtonDismiss } from './ButtonDismiss-fSnsi0EV.js';
+export { C as Card } from './Card-DlVRDrBJ.js';
+export { C as Checkbox } from './Checkbox-Bse3a26X.js';
+export { C as Chip } from './Chip-kzeAdPKq.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-PEzNJh9g.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-BHnSgi4_.js';
+export { I as Icon } from './Icon-D3rw5fM3.js';
+export { T as Typography } from './Typography-CZ_ettT9.js';
+export { T as Tooltip } from './Tooltip-B-u7qUa2.js';
+export { C as Chips } from './Chips-9RRSvpTa.js';
+export { C as Combobox } from './Combobox-DG6vpZ7o.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-CWUAUmB_.js';
+export { C as ConfirmationModal } from './ConfirmationModal-D_qZ-WZd.js';
+export { C as Content } from './Content-qH37C6gd.js';
+export { C as Countdown } from './Countdown-Bn3FBnTR.js';
+export { D as DataDump } from './DataDump-Cx8ZtZs4.js';
+export { D as DataList } from './DataList-D9BQDQQ7.js';
+export { D as DataTable } from './DataTable-LJeLwWXN.js';
+import './useResizeObserver-C7HxNElw.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-CVFV11cg.js';
+export { D as DescriptionList } from './DescriptionList-qXgX-G7Q.js';
+export { D as Disclosure } from './Disclosure-Cr-TLOOq.js';
+export { D as Divider } from './Divider-DX4VZPth.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-zG1MzTMg.js';
+export { E as Emphasis } from './Emphasis-BNRMDzcD.js';
+export { F as FeatureSwitch } from './FeatureSwitch-tTwA85cA.js';
+export { F as Flex } from './Flex-CZRC1Dgb.js';
+export { F as Form } from './Form-C_EOCJ6M.js';
+export { F as FormField } from './FormField-P2mvPSMp.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-BvK3XAPL.js';
+export { F as FormatEmail } from './FormatEmail-CHm1T3Eq.js';
+export { F as FormatFile } from './FormatFile-Cq__djB_.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DNolNxTq.js';
+export { F as FormatTime } from './FormatTime-CPImytzc.js';
+export { G as Gallery } from './Gallery-CO2IDSja.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-C5ZYzkqp.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-BrIEs_9o.js';
+export { H as Heading } from './Heading-HdDOK8gV.js';
+export { I as InlineLabel } from './InlineLabel-otjTD62r.js';
+export { I as InputAvatar } from './InputAvatar-DTvEVKxq.js';
+export { I as InputDate } from './InputDate-DgkW4gL2.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-BW0BW0hH.js';
+export { I as InputFile, u as updateFiles } from './InputFile-CkWR1WFc.js';
+export { I as InputGroup } from './InputGroup-BgYa9RyU.js';
+export { I as InputNumber } from './InputNumber-DiKuLqPr.js';
+export { I as InputPassword } from './InputPassword-BQPjW_A3.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-B11AF4h9.js';
+export { I as InputText } from './InputText-VaOhDEss.js';
+export { I as InputTime } from './InputTime-CxMW7pdk.js';
+export { I as InputValidation } from './InputValidation-DlR1Wx2u.js';
+export { L as LightBox } from './LightBox-BbGgb0zK.js';
+export { L as Link } from './Link-BxaScLra.js';
+export { L as List, a as ListItem } from './List-KaXZV4Dt.js';
+export { M as Markdown } from './Markdown-26ujAHw6.js';
+export { M as Menu } from './Menu-zwDOnlMA.js';
+export { M as Modal } from './Modal-BVbGiTfn.js';
+export { M as MultiSelect } from './MultiSelect-DlqT1lD2.js';
+export { P as Page } from './Page-BNmD59LL.js';
+export { P as Popover } from './Popover-7dsLtn0U.js';
+export { P as ProgressBar } from './ProgressBar-B3q1OpuF.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-CaPFodOt.js';
+export { R as RecurringSelect } from './RecurringSelect-CMC_08Yp.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-ChbvoYJi.js';
+export { a as Option, S as Select } from './Option-PR8iJsNp.js';
+export { S as Spinner } from './Spinner-DpFD8Zn-.js';
+export { S as StatusIndicator } from './StatusIndicator-C-7sFBvv.js';
+export { S as StatusLabel } from './StatusLabel-lyDgPIcV.js';
+export { S as Switch } from './Switch-DI7bgIHK.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-Djqs8f-7.js';
+export { a as Tab, T as Tabs } from './Tabs-W4Y9Z6EH.js';
+export { T as Text } from './Text-BbEHnY5P.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-AW344dp6.js';
+import './debounce-CvrEvWir.js';
+import './_commonjsHelpers-DHH0wnQ0.js';
+import './isObjectLike-u1Mv8ixB.js';
+import './isSymbol-DdeOWQky.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-ULVBa2uf.js';
-import './useSafeLayoutEffect-ScSrs8an.js';
-import './useIsMounted-Bd33slsf.js';
+import './useOnKeyDown-BXidLJrp.js';
+import './useSafeLayoutEffect-CMPphQ3_.js';
+import './useIsMounted-ftyTgI8D.js';
 import 'color';
-import './BannerIcon-5W1vdrzM.js';
+import './BannerIcon-CKEzMrAI.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-MfD6gEhF.js';
+import './useChildComponent-BtRw7Kak.js';
+import './_polyfill-node.process-fOEovb-M.js';
+import './InternalChipDismissible-BZJq1ORW.js';
+import './useScrollToActive-DpLhxdcs.js';
+import './_setToString-Dhg0kTVX.js';
+import './_defineProperty-Ao5lb8ZL.js';
+import './_getTag-BLtxLarT.js';
+import './_baseEach-DQUb3KPz.js';
+import './ComboboxContent-tFWHEcw1.js';
+import './ComboboxContentSearch-Ct7QrwtP.js';
+import './ComboboxContentList-Bw6wGgYJ.js';
+import './ComboboxOption-utml_cXX.js';
+import './ComboboxLoadMore-zE3eIDOI.js';
+import './ComboboxContentHeader-BFlZNHyI.js';
+import './useRefocusOnActivator-BI5d8qzc.js';
+import './useFocusTrap-BR5OAOwU.js';
+import './ComboboxAction-Ceyw8EEO.js';
+import './ComboboxTrigger-CuaBatbJ.js';
+import './noop-C-MCHgPA.js';
+import './ComboboxActivator-DiNqHlm6.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-Bge92UdM.js';
+import './DataList-BBxPhf2c.js';
+import './DataListTotalCount-C1-kaxBR.js';
+import './DataListLoadingState-GhIOrE-5.js';
+import './DataListContext-XFDEtbBS.js';
+import './useActiveLayout-D806mrQ5.js';
+import './useResponsiveSizing-CKuAKuEg.js';
+import './DataList.const-BVbYKKtF.js';
+import './DataListLayout-C5pmTj5n.js';
+import './DataListItems-DdKG7GSn.js';
+import './DataListLayoutContext--sVE-O8F.js';
+import './DataListItem-CSUSos9B.js';
+import './DataListItemActions-CUEi6OQ4.js';
+import './DataListActions-DJS-aMtZ.js';
+import './DataListOverflowFade-D_zeZ19P.js';
+import './DataList.utils-Cf6qdnMt.js';
+import './DataListTags-fzpiZnWt.js';
+import './DataListHeaderTile-DeGbJYXc.js';
+import './DataListSortingOptions-CyspfiVk.js';
+import './DataListLayoutContext-C2YGo0Mm.js';
+import './DataListItemActionsOverflow-xv6gm16B.js';
+import './DataListActionsMenu-BThVU18j.js';
+import './useBatchSelect-CK0gGLT6.js';
+import './DataListItemClickable-KBchjNsr.js';
+import './DataListHeader-Bn6hjGK4.js';
+import './DataListBulkActions-C-sdHMWv.js';
+import './DataListFilters-Dt3b21BF.js';
+import './DataListSort-30lXB6NO.js';
+import './DataListStickyHeader-Bg-kMli2.js';
+import './DataListSearch-BWW6WiAS.js';
+import './DataListEmptyState-CKpEwfou.js';
+import './DataListLoadMore-CgJmU9Ly.js';
+import './DataListAction-DG9g83Uf.js';
+import './DataListLayoutActions-nDyvPEkE.js';
+import './DataListStatusBar-XODcxQBx.js';
+import './_baseAssignValue-B40oRHfu.js';
+import './useFormFieldFocus-DVdb_fWR.js';
 import 'filesize';
-import './InternalGridCell-CdLEerZ5.js';
+import './InternalGridCell-f-GmqOfJ.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-C1q80ak2.js → isObjectLike-27I8cnaN.js}

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

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

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

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

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

package/dist/{isSymbol-BVPFaUw8.js → isSymbol-DdeOWQky.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-u1Mv8ixB.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{noop-lAzuHCiu.js → noop-C-MCHgPA.js}

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DM1uXIwd.js');
+var _commonjsHelpers = require('./_commonjsHelpers-fODr0AJt.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-Cjid3T-n.js}

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

package/dist/{useActiveLayout-BFBibeZs.js → useActiveLayout-D806mrQ5.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-CKuAKuEg.js';
+import { u as useDataListContext } from './DataListContext-XFDEtbBS.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-c-FoMB7T.js → useAssert-BHnSgi4_.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-DHH0wnQ0.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-fOEovb-M.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-BNi_d0o2.js → useAssert-DquD9pmB.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-fODr0AJt.js');
+var _polyfillNode_process = require('./_polyfill-node.process-C-8BRmA1.js');
 
 var useAssert$1 = {};
 

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

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

package/dist/{useBatchSelect-Byh2XLLU.js → useBatchSelect-CK0gGLT6.js}

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

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

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

package/dist/{useIsMounted-Bd33slsf.js → useIsMounted-ftyTgI8D.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-CMPphQ3_.js';
 
 var useIsMounted$1 = {};
 

package/dist/{useResizeObserver-DYarBxMp.js → useResizeObserver-C7HxNElw.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-DHH0wnQ0.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-CvrEvWir.js';
+import { b as isObject_1 } from './isObjectLike-u1Mv8ixB.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-DM1uXIwd.js');
+var _commonjsHelpers = require('./_commonjsHelpers-fODr0AJt.js');
 var React = require('react');
-var debounce$1 = require('./debounce-CYRZ_34W.js');
-var isObjectLike = require('./isObjectLike-C1q80ak2.js');
+var debounce$1 = require('./debounce-C1uRyQwu.js');
+var isObjectLike = require('./isObjectLike-27I8cnaN.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-DiCANbq8.js → useResponsiveSizing-CIegy9xj.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-CQncKOj5.js');
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useResponsiveSizing-Duxqhmht.js → useResponsiveSizing-CKuAKuEg.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-BVbYKKtF.js';
 
 const mediaQueryStore = {
     subscribe(onChange, query) {

package/dist/{useScrollToActive-CPUR5Wvd.js → useScrollToActive-CpnquQj6.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-fODr0AJt.js');
+var _setToString = require('./_setToString-2ewn0iiR.js');
+var _defineProperty = require('./_defineProperty-CiOp8mo4.js');
+var _baseEach = require('./_baseEach-ByhE1Jfs.js');
+var _getTag = require('./_getTag-C6T09q7k.js');
+var isSymbol$1 = require('./isSymbol-BWMuQk33.js');
+var isObjectLike = require('./isObjectLike-27I8cnaN.js');
+var debounce = require('./debounce-C1uRyQwu.js');
+var Icon = require('./Icon-1yzwwx8b.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/dist/{useScrollToActive-CSczp0XZ.js → useScrollToActive-DpLhxdcs.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-DHH0wnQ0.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-Dhg0kTVX.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-Ao5lb8ZL.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-DQUb3KPz.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-BLtxLarT.js';
+import { i as isSymbol_1 } from './isSymbol-DdeOWQky.js';
+import { b as isObject_1 } from './isObjectLike-u1Mv8ixB.js';
+import { d as debounce } from './debounce-CvrEvWir.js';
+import { I as Icon } from './Icon-D3rw5fM3.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.4.1",
+  "version": "5.5.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -482,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "c2a1e8367d831e492cbf7f194ccb05cdc7f705fa"
+  "gitHead": "0294e78de5171afa237fcbca9a32e2f48559f187"
 }