@jobber/components 5.6.1-scottexpl.2 → 5.7.0

package/dist/index.mjs

@@ -1,158 +1,159 @@
-export { A as AnimatedPresence } from './AnimatedPresence-CSBJ-ARn.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-BhYxnWJg.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CF8BWv6W.js';
-export { A as Autocomplete } from './Autocomplete-CxXrGBKa.js';
-export { A as Avatar } from './Avatar-g6FHfFWo.js';
-export { B as Banner } from './Banner-Ca8hekcK.js';
-export { B as Button } from './Button-B1YKZq28.js';
-export { B as ButtonDismiss } from './ButtonDismiss-ynjj1O_e.js';
-export { C as Card } from './Card-RqLbvGKP.js';
-export { C as Checkbox } from './Checkbox-B3Fjt8ps.js';
-export { C as Chip } from './Chip-Cm_lY03U.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-BkUc-U1s.js';
+export { A as AnimatedPresence } from './AnimatedPresence-C3vc0dU8.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher--Aiyr5ds.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-Hz6NQxxk.js';
+export { A as Autocomplete } from './Autocomplete-ry7uPLuc.js';
+export { A as Avatar } from './Avatar-DT5OiEDD.js';
+export { B as Banner } from './Banner-C5Vnqok-.js';
+export { B as Button } from './Button-BSLygSqz.js';
+export { B as ButtonDismiss } from './ButtonDismiss-DNaPRxPe.js';
+export { C as Card } from './Card-r7ts6QFL.js';
+export { C as Checkbox } from './Checkbox-PnK5bB1w.js';
+export { C as Chip } from './Chip-BQbH81G_.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-IpWY1I8x.js';
 import 'react';
 import 'classnames';
-import './useAssert-Bly6QQJ2.js';
-export { I as Icon } from './Icon-CVRuyT02.js';
-export { T as Typography } from './Typography-B9ahEG1C.js';
-export { T as Tooltip } from './Tooltip-urdz-N0K.js';
-export { C as Chips } from './Chips-BjnM1W2E.js';
-export { C as Combobox } from './Combobox-C8i-XAGt.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-BxHar-cw.js';
-export { C as ConfirmationModal } from './ConfirmationModal-JTFeJMM3.js';
-export { C as Content } from './Content-58f8K4SG.js';
-export { C as Countdown } from './Countdown-09BhHF89.js';
-export { D as DataDump } from './DataDump-48i9Hp0t.js';
-export { D as DataList } from './DataList-lPNTCBC3.js';
-export { D as DataTable } from './DataTable-CwQrqJxj.js';
-import './useResizeObserver-CUOQJVJR.js';
+import './useAssert-DC8iaWAu.js';
+export { I as Icon } from './Icon-BKZsPlfI.js';
+export { T as Typography } from './Typography-BX_mg5xj.js';
+export { T as Tooltip } from './Tooltip-DxmPs0Ly.js';
+export { C as Chips } from './Chips-RxumdkT0.js';
+export { C as Combobox } from './Combobox-BDnkagw1.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-BYYmfCPU.js';
+export { C as ConfirmationModal } from './ConfirmationModal-CggsW-MA.js';
+export { C as Content } from './Content-BRmgeoUA.js';
+export { C as Countdown } from './Countdown-Du2Y9HTs.js';
+export { D as DataDump } from './DataDump-1bM275Il.js';
+export { D as DataList } from './DataList-hQ6fnzdp.js';
+export { D as DataTable } from './DataTable-BGHaF-KN.js';
+import './useResizeObserver-L4vre_hA.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-BhW4Y3rB.js';
-export { D as DescriptionList } from './DescriptionList-COH8MDqU.js';
-export { D as Disclosure } from './Disclosure-uIiwGcMK.js';
-export { D as Divider } from './Divider-BkYu8_F4.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-rIkHU69I.js';
-export { E as Emphasis } from './Emphasis-DHmV2sUa.js';
-export { F as FeatureSwitch } from './FeatureSwitch-NNsC6ngj.js';
-export { F as Flex } from './Flex-CP6OukCx.js';
-export { F as Form } from './Form-4fCSRx2m.js';
-export { F as FormField } from './FormField-CYq3ZAO9.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-CVgf2iMH.js';
-export { F as FormatEmail } from './FormatEmail-CHnOk-uM.js';
-export { F as FormatFile } from './FormatFile-BMPjxUUg.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-B2EeSj4s.js';
-export { F as FormatTime } from './FormatTime-dpQvhvEh.js';
-export { G as Gallery } from './Gallery-DnJCQVuZ.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-CCmIHnC9.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-ClUQH1C-.js';
-export { H as Heading } from './Heading-CBG7qXeX.js';
-export { I as InlineLabel } from './InlineLabel-_1HpCjmP.js';
-export { I as InputAvatar } from './InputAvatar-DZAnUyeF.js';
-export { I as InputDate } from './InputDate-I9vL1-qH.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CIfNARe4.js';
-export { I as InputFile, u as updateFiles } from './InputFile-Do8Jh9uc.js';
-export { I as InputGroup } from './InputGroup-BUhKbpIx.js';
-export { I as InputNumber } from './InputNumber-DSq0nkpK.js';
-export { I as InputPassword } from './InputPassword-D71YHpT9.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-BpYMMYpF.js';
-export { I as InputText } from './InputText-B1UEZX7G.js';
-export { I as InputTime } from './InputTime-XDbdeL_O.js';
-export { I as InputValidation } from './InputValidation-D1xlvt5I.js';
-export { L as LightBox } from './LightBox-CF8cuw09.js';
-export { L as Link } from './Link-JGD3dErM.js';
-export { L as List, a as ListItem } from './List-MmP1aIeu.js';
-export { M as Markdown } from './Markdown-DyZZBMG7.js';
-export { M as Menu } from './Menu-8lyJM906.js';
-export { M as Modal } from './Modal-CfMx5bI-.js';
-export { M as MultiSelect } from './MultiSelect-6YbdxPPH.js';
-export { P as Page } from './Page-Dilcrwv4.js';
-export { P as Popover } from './Popover-B_vG5Voq.js';
-export { P as ProgressBar } from './ProgressBar-BKL-tOfE.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-BV_Vfn1J.js';
-export { R as RecurringSelect } from './RecurringSelect-F3wqFKrf.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-Boo-_noE.js';
-export { a as Option, S as Select } from './Option-CvcSRGpo.js';
-export { S as Spinner } from './Spinner-CPA8hn8A.js';
-export { S as StatusIndicator } from './StatusIndicator-C3eJfmPs.js';
-export { S as StatusLabel } from './StatusLabel-Cy--nVaY.js';
-export { S as Switch } from './Switch-DKrP3uOA.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-DUosCZ4K.js';
-export { a as Tab, T as Tabs } from './Tabs-BcC28wOu.js';
-export { T as Text } from './Text-enSpZyGx.js';
+export { D as DatePicker } from './DatePicker-CwhB0Z6j.js';
+export { D as DescriptionList } from './DescriptionList-BHydcjlt.js';
+export { D as Disclosure } from './Disclosure-D3xkcbee.js';
+export { D as Divider } from './Divider-Bs_HLFx_.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CyBUXvwU.js';
+export { E as Emphasis } from './Emphasis-D5MxOc1y.js';
+export { F as FeatureSwitch } from './FeatureSwitch-DUpvbitI.js';
+export { F as Flex } from './Flex-CNf4Z8bv.js';
+export { F as Form } from './Form-D-A5xdGR.js';
+export { F as FormField } from './FormField-DB_5_BRL.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-wXcK2quO.js';
+export { F as FormatEmail } from './FormatEmail-C8lEFg8x.js';
+export { F as FormatFile } from './FormatFile-CmYM0ll1.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-VcIN4vC0.js';
+export { F as FormatTime } from './FormatTime-56vNkJcP.js';
+export { G as Gallery } from './Gallery-BbV3VTN1.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-CHEJ93RS.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-CH0EM0qa.js';
+export { H as Heading } from './Heading-Jj-7WSH9.js';
+export { I as InlineLabel } from './InlineLabel-C6-GwPj_.js';
+export { I as InputAvatar } from './InputAvatar-DBkxdvRN.js';
+export { I as InputDate } from './InputDate-CkwhS9gm.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-BScFs0UD.js';
+export { I as InputFile, u as updateFiles } from './InputFile-BocfvPde.js';
+export { I as InputGroup } from './InputGroup-io_h2Rv_.js';
+export { I as InputNumber } from './InputNumber-CR-0cJRL.js';
+export { I as InputPassword } from './InputPassword-AnSmFc0Z.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-D5A0FO-T.js';
+export { I as InputText } from './InputText-3DzE0O3c.js';
+export { I as InputTime } from './InputTime-BdX9aygR.js';
+export { I as InputValidation } from './InputValidation-BzDTXY1E.js';
+export { L as LightBox } from './LightBox-Bhm5nbMk.js';
+export { L as Link } from './Link-CDQ6JQTE.js';
+export { L as List, a as ListItem } from './List-Dm8UF7M5.js';
+export { M as Markdown } from './Markdown-DP6YQI_U.js';
+export { M as Menu } from './Menu-3Vj-2vtN.js';
+export { M as Modal } from './Modal-CJlD9eO-.js';
+export { M as MultiSelect } from './MultiSelect-DseKgQ6-.js';
+export { P as Page } from './Page-9sfWJklX.js';
+export { P as Popover } from './Popover-DIf1YelU.js';
+export { P as ProgressBar } from './ProgressBar-JeriBl0R.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-DgEign-C.js';
+export { R as RecurringSelect } from './RecurringSelect-DETgIp93.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-D5zusH5U.js';
+export { a as Option, S as Select } from './Option-ChaHdZJ4.js';
+export { S as Spinner } from './Spinner-Bvw5ur8p.js';
+export { S as StatusIndicator } from './StatusIndicator-Cs4cEI8M.js';
+export { S as StatusLabel } from './StatusLabel-tHDx3FnP.js';
+export { S as Switch } from './Switch-C7dCdwpa.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-CPEelVbU.js';
+export { a as Tab, T as Tabs } from './Tabs-gtI8TRGs.js';
+export { T as Text } from './Text-DCqLvu1Q.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-CV58kYpM.js';
-import './debounce-CGrZNQEw.js';
-import './_commonjsHelpers-D9yiClwh.js';
-import './isObjectLike-Bv_ZRhK4.js';
-import './isSymbol-Dd42xHc-.js';
+import './tslib.es6-1ZZKXzKr.js';
+import './debounce-B1MDkuEt.js';
+import './_commonjsHelpers-Cs5fPKD0.js';
+import './isObjectLike-CrKAcSfk.js';
+import './isSymbol-CbIzs5Qv.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-BjUFt5ei.js';
-import './useSafeLayoutEffect-C09lUDz-.js';
-import './useIsMounted-kmJN6NMs.js';
+import './useOnKeyDown-T0dBVf1U.js';
+import './useSafeLayoutEffect-C9fX-bpo.js';
+import './useIsMounted-CtMQYeYY.js';
 import 'color';
-import './BannerIcon-D7cP4Xga.js';
+import './BannerIcon-CWWmI3ae.js';
+import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-CIHD5GR2.js';
-import './useChildComponent-DH2t9coN.js';
-import './_polyfill-node.process-fC74P1H7.js';
-import './InternalChipDismissible-BE_lfyo3.js';
-import './useScrollToActive-B8Crw-bn.js';
-import './_setToString-CY05Ct1k.js';
-import './_defineProperty-C4T-njDu.js';
-import './_getTag-CuGXD3RS.js';
-import './_baseEach-Dq_QIda0.js';
-import './ComboboxContent-BijjAVop.js';
-import './ComboboxContentSearch-D85ne38W.js';
-import './ComboboxContentList-BbNXDDrz.js';
-import './ComboboxOption-B8mamhx9.js';
-import './ComboboxLoadMore-DzbwJbVK.js';
-import './ComboboxContentHeader-BiwV6l1Y.js';
-import './useRefocusOnActivator-54zQpJo_.js';
-import './useFocusTrap-CY1gtJEX.js';
-import './ComboboxAction-BpKcGXJz.js';
-import './ComboboxTrigger-CW7KiZ9y.js';
-import './noop-D9ZbRpR7.js';
-import './ComboboxActivator-DKl5DSd4.js';
+import './useInView-CaIzzaul.js';
+import './useChildComponent-BxidsIz7.js';
+import './_polyfill-node.process-Cr-7dmTQ.js';
+import './InternalChipDismissible-R9nPwpmQ.js';
+import './useScrollToActive-BMf-r2Mm.js';
+import './_setToString-DIBQq-9o.js';
+import './_defineProperty-CKTTWL2s.js';
+import './_getTag-JcoUsuvz.js';
+import './_baseEach-C2TS1qqu.js';
+import './ComboboxContent-DNhp256E.js';
+import './ComboboxContentSearch-CB046SWU.js';
+import './ComboboxContentList-LWJuE_pb.js';
+import './ComboboxOption-CxS7xgn-.js';
+import './ComboboxLoadMore-IdGj6IWM.js';
+import './ComboboxContentHeader-G82cXGe8.js';
+import './useRefocusOnActivator-Bo1WSepH.js';
+import './useFocusTrap-ClcGqJUd.js';
+import './ComboboxAction-KlF9RcJr.js';
+import './ComboboxTrigger-Bbd_yelX.js';
+import './noop-B1O4h89Y.js';
+import './ComboboxActivator-CcvyMtiv.js';
 import '@std-proposal/temporal';
-import './index-BkYngoD-.js';
-import './DataList-BxQfDqr0.js';
-import './DataListTotalCount-mrXMskV1.js';
-import './DataListLoadingState-DL2sWyh8.js';
-import './DataListContext-lw4PZR5X.js';
-import './useActiveLayout-BXjEo4mY.js';
-import './useResponsiveSizing-BLZN0-6l.js';
-import './DataList.const-cNCny-5u.js';
-import './DataListLayout-jo4uH91g.js';
-import './DataListItems-zPGX6mUL.js';
-import './DataListLayoutContext-BwcgPm2d.js';
-import './DataListItem-Cn4hP-TG.js';
-import './DataListItemActions-DFxW8mOO.js';
-import './DataListActions-YwstVw_9.js';
-import './DataListOverflowFade-BQdFzNUW.js';
-import './DataList.utils-DQG7_A02.js';
-import './DataListTags-CdEilhWK.js';
-import './DataListHeaderTile-DxF7iVsG.js';
-import './DataListSortingOptions-BSe_imM9.js';
-import './DataListLayoutContext-Ddh7TVYi.js';
-import './DataListItemActionsOverflow-tpcdl_G-.js';
-import './DataListActionsMenu-DSMeNBwY.js';
-import './useBatchSelect-frISDl37.js';
-import './DataListItemClickable-dpSqenRA.js';
-import './DataListHeader-DMOxGAJF.js';
-import './DataListBulkActions-CrzVr32V.js';
-import './DataListFilters-CZvtkPhN.js';
-import './DataListSort-0510C1q2.js';
-import './DataListStickyHeader-CFrLZYz4.js';
-import './DataListSearch-C6KC_7D7.js';
-import './DataListEmptyState-DnbiEo6m.js';
-import './DataListLoadMore-OOpSjFuv.js';
-import './DataListAction-BH455b2W.js';
-import './DataListLayoutActions-Dltify_e.js';
-import './DataListStatusBar-BbCKjUSD.js';
-import './_baseAssignValue-B1v8odfY.js';
+import './index-DSTbKf8H.js';
+import './DataList-CCK_6DDr.js';
+import './DataListTotalCount-DCNtsR5N.js';
+import './DataListLoadingState-BR0_6WRP.js';
+import './DataListContext-CdIQXhEd.js';
+import './useActiveLayout-DrrP26cx.js';
+import './useResponsiveSizing-BezTsUta.js';
+import './DataList.const-MFNfmgjb.js';
+import './DataListLayout-BJkas579.js';
+import './DataListItems-C3FeQJKV.js';
+import './DataListLayoutContext-QSITvRIl.js';
+import './DataListItem-D4bQiMBL.js';
+import './DataListItemActions-exEcm31g.js';
+import './DataListActions-DJiH8vEk.js';
+import './DataListOverflowFade-Cuu5zrQ7.js';
+import './DataList.utils-BhLxTZGy.js';
+import './DataListTags-DL7X3HqS.js';
+import './DataListHeaderTile-BtrVhYA-.js';
+import './DataListSortingOptions-BzrqPZxp.js';
+import './DataListLayoutContext-YgBOg_ki.js';
+import './DataListItemActionsOverflow-DdnB1ejt.js';
+import './DataListActionsMenu-BLI_QYSO.js';
+import './useBatchSelect-BbAJ_MDR.js';
+import './DataListItemClickable-DKtidmFe.js';
+import './DataListHeader-CV7Wi7lm.js';
+import './DataListBulkActions-CaGuSk55.js';
+import './DataListFilters-DiKpKPFn.js';
+import './DataListSort-DkzdYhul.js';
+import './DataListStickyHeader-NIyJQ9Od.js';
+import './DataListSearch-BT2uBxT2.js';
+import './DataListEmptyState-C3651B3J.js';
+import './DataListLoadMore-D3LLtTxZ.js';
+import './DataListAction-B-Qgr5ib.js';
+import './DataListLayoutActions-BFAaOV38.js';
+import './DataListStatusBar-B7-_xuLu.js';
+import './_baseAssignValue-DxSL2T5u.js';
 import 'filesize';
-import './InternalGridCell-DtvAp88h.js';
+import './InternalGridCell-QTJbyBRV.js';
 import 'axios';
 import '@jobber/formatters';

package/dist/{isObjectLike-WnCnyMJ4.js → isObjectLike-BiPRjz-8.js}

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

package/dist/{isObjectLike-Bv_ZRhK4.js → isObjectLike-CrKAcSfk.js}

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

package/dist/{isSymbol-BeHJ_gGU.js → isSymbol-BOzJjjtA.js}

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

package/dist/{isSymbol-Dd42xHc-.js → isSymbol-CbIzs5Qv.js}

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

package/dist/{noop-D9ZbRpR7.js → noop-B1O4h89Y.js}

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

package/dist/{noop-EX_EmIGG.js → noop-CzRidzI2.js}

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

package/dist/styles.css

@@ -7788,6 +7788,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   --popover--padding: var(--space-base);
   --popover--width: calc(var(--base-unit) * 21.875);
   --dismiss--button-padding: calc(var(--base-unit) / 4);
+  --popover--position--offset: -7px;
 }
 
 .oSlK4rLUvzE- {
@@ -7864,7 +7865,8 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="top"] > .LJCpn0zf1e8- {
-  padding-bottom: -5px;
+  bottom: -7px;
+  bottom: var(--popover--position--offset);
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="top"] > .LJCpn0zf1e8-::before {
@@ -7873,11 +7875,13 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="bottom"] > .LJCpn0zf1e8- {
-  padding-top: -7px;
+  top: -7px;
+  top: var(--popover--position--offset);
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="left"] > .LJCpn0zf1e8- {
-  padding-right: -5px;
+  right: -7px;
+  right: var(--popover--position--offset);
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="left"] > .LJCpn0zf1e8-::before {
@@ -7886,7 +7890,8 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="right"] > .LJCpn0zf1e8- {
-  padding-left: -7px;
+  left: -7px;
+  left: var(--popover--position--offset);
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="right"] > .LJCpn0zf1e8-::before {

package/dist/{useActiveLayout-MiLGsVqE.js → useActiveLayout-BtY0bJpZ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var useResponsiveSizing = require('./useResponsiveSizing-CiSkYuzS.js');
-var DataListContext = require('./DataListContext-CXi81oQq.js');
+var useResponsiveSizing = require('./useResponsiveSizing-B10zgg8D.js');
+var DataListContext = require('./DataListContext-DeSltI7W.js');
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = DataListContext.useDataListContext();

package/dist/{useActiveLayout-BXjEo4mY.js → useActiveLayout-DrrP26cx.js}

@@ -1,5 +1,5 @@
-import { u as useResponsiveSizing } from './useResponsiveSizing-BLZN0-6l.js';
-import { u as useDataListContext } from './DataListContext-lw4PZR5X.js';
+import { u as useResponsiveSizing } from './useResponsiveSizing-BezTsUta.js';
+import { u as useDataListContext } from './DataListContext-CdIQXhEd.js';
 
 function useActiveLayout() {
     const { layoutBreakpoints, layouts } = useDataListContext();

package/dist/{useAssert-Bly6QQJ2.js → useAssert-DC8iaWAu.js}

@@ -1,5 +1,5 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-D9yiClwh.js';
-import { _ as _polyfillNode_process } from './_polyfill-node.process-fC74P1H7.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal } from './_commonjsHelpers-Cs5fPKD0.js';
+import { _ as _polyfillNode_process } from './_polyfill-node.process-Cr-7dmTQ.js';
 
 var useAssert$1 = {};
 

package/dist/{useAssert-hWxuszLA.js → useAssert-gk_c1-Ww.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D-T8eS3_.js');
-var _polyfillNode_process = require('./_polyfill-node.process-Cr0K9fGT.js');
+var _commonjsHelpers = require('./_commonjsHelpers-C_EOMby-.js');
+var _polyfillNode_process = require('./_polyfill-node.process-Id9NUJ3G.js');
 
 var useAssert$1 = {};
 

package/dist/{useBatchSelect-CaWl5a3W.js → useBatchSelect-3_WuZIc8.js}

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

package/dist/{useBatchSelect-frISDl37.js → useBatchSelect-BbAJ_MDR.js}

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

package/dist/{useIsMounted-BzcFD0yp.js → useIsMounted-CgHir4aT.js}

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

package/dist/{useIsMounted-kmJN6NMs.js → useIsMounted-CtMQYeYY.js}

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

package/dist/{useResizeObserver-CLouCPwV.js → useResizeObserver-Bth_OS1r.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D-T8eS3_.js');
+var _commonjsHelpers = require('./_commonjsHelpers-C_EOMby-.js');
 var React = require('react');
-var debounce$1 = require('./debounce-D6X-0ySy.js');
-var isObjectLike = require('./isObjectLike-WnCnyMJ4.js');
+var debounce$1 = require('./debounce-vvpUJIQH.js');
+var isObjectLike = require('./isObjectLike-BiPRjz-8.js');
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResizeObserver-CUOQJVJR.js → useResizeObserver-L4vre_hA.js}

@@ -1,7 +1,7 @@
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-D9yiClwh.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-Cs5fPKD0.js';
 import React from 'react';
-import { a as debounce_1 } from './debounce-CGrZNQEw.js';
-import { b as isObject_1 } from './isObjectLike-Bv_ZRhK4.js';
+import { a as debounce_1 } from './debounce-B1MDkuEt.js';
+import { b as isObject_1 } from './isObjectLike-CrKAcSfk.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/{useResponsiveSizing-CiSkYuzS.js → useResponsiveSizing-B10zgg8D.js}

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

package/dist/{useResponsiveSizing-BLZN0-6l.js → useResponsiveSizing-BezTsUta.js}

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

package/dist/{useScrollToActive-B8Crw-bn.js → useScrollToActive-BMf-r2Mm.js}

@@ -1,13 +1,13 @@
 import React, { useRef, useId, useState, useEffect } from 'react';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-D9yiClwh.js';
-import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-CY05Ct1k.js';
-import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-C4T-njDu.js';
-import { _ as _baseEach, a as _baseIteratee } from './_baseEach-Dq_QIda0.js';
-import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-CuGXD3RS.js';
-import { i as isSymbol_1 } from './isSymbol-Dd42xHc-.js';
-import { b as isObject_1 } from './isObjectLike-Bv_ZRhK4.js';
-import { d as debounce } from './debounce-CGrZNQEw.js';
-import { I as Icon } from './Icon-CVRuyT02.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-Cs5fPKD0.js';
+import { _ as _overRest, a as _setToString, b as _baseFlatten } from './_setToString-DIBQq-9o.js';
+import { b as _arrayMap, c as _baseGet, i as identity_1, e as eq_1, d as _isIndex } from './_defineProperty-CKTTWL2s.js';
+import { _ as _baseEach, a as _baseIteratee } from './_baseEach-C2TS1qqu.js';
+import { c as isArrayLike_1, g as _baseUnary, b as isArray_1 } from './_getTag-JcoUsuvz.js';
+import { i as isSymbol_1 } from './isSymbol-CbIzs5Qv.js';
+import { b as isObject_1 } from './isObjectLike-CrKAcSfk.js';
+import { d as debounce } from './debounce-B1MDkuEt.js';
+import { I as Icon } from './Icon-BKZsPlfI.js';
 import { usePopper } from 'react-popper';
 
 var baseEach = _baseEach,

package/dist/{useScrollToActive-BiDwGpMV.js → useScrollToActive-BfEjgCkd.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var _commonjsHelpers = require('./_commonjsHelpers-D-T8eS3_.js');
-var _setToString = require('./_setToString-Z1YoE9qu.js');
-var _defineProperty = require('./_defineProperty-C5Uy9HOg.js');
-var _baseEach = require('./_baseEach-BHuofpy7.js');
-var _getTag = require('./_getTag-p2SpUbPc.js');
-var isSymbol$1 = require('./isSymbol-BeHJ_gGU.js');
-var isObjectLike = require('./isObjectLike-WnCnyMJ4.js');
-var debounce = require('./debounce-D6X-0ySy.js');
-var Icon = require('./Icon-BT-JIeMu.js');
+var _commonjsHelpers = require('./_commonjsHelpers-C_EOMby-.js');
+var _setToString = require('./_setToString-DyAusMON.js');
+var _defineProperty = require('./_defineProperty-CNBeZVq0.js');
+var _baseEach = require('./_baseEach-IuV8cLgp.js');
+var _getTag = require('./_getTag-DTbHLT40.js');
+var isSymbol$1 = require('./isSymbol-BOzJjjtA.js');
+var isObjectLike = require('./isObjectLike-BiPRjz-8.js');
+var debounce = require('./debounce-vvpUJIQH.js');
+var Icon = require('./Icon-CdMHRQyR.js');
 var reactPopper = require('react-popper');
 
 var baseEach = _baseEach._baseEach,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "5.6.1-scottexpl.2+7dde6e2a",
+  "version": "5.7.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -402,7 +402,7 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.59.0",
+    "@jobber/design": "^0.60.0",
     "@jobber/formatters": "^0.3.0",
     "@jobber/hooks": "^2.9.7",
     "@popperjs/core": "^2.0.6",
@@ -411,6 +411,8 @@
     "@types/color": "^3.0.1",
     "@types/lodash": "^4.14.136",
     "@types/react-datepicker": "^4.8.0",
+    "@types/react-router": "5.1.7",
+    "@types/react-router-dom": "^5.3.3",
     "axios": "^1.6.0",
     "classnames": "^2.3.2",
     "color": "^3.1.2",
@@ -423,6 +425,7 @@
     "react-hook-form": "^7.43.7",
     "react-markdown": "^8.0.3",
     "react-popper": "^2.2.5",
+    "react-router-dom": "^5.3.4",
     "time-input-polyfill": "^1.0.7",
     "ts-xor": "^1.0.8"
   },
@@ -471,6 +474,7 @@
     "react-dom": "^18",
     "react-hook-form": "^7",
     "react-popper": "^2",
+    "react-router-dom": "^6",
     "zxcvbn": "^4"
   },
   "browserslist": [
@@ -478,5 +482,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "7dde6e2ab57eaeac47ade18293ce498376e8f8f1"
+  "gitHead": "e83c14a0a2ae18751ae86e8c99d190db03ad71bd"
 }