@jobber/components 4.85.4-CJS-to-ESM.25 → 4.85.4-CJS-to-ESM.28

package/dist/{DataListItem-e2c6c065.js → DataListItem-d6cc368d.js}

@@ -2,10 +2,10 @@ import React, { Children, useMemo, isValidElement, useState } from 'react';
 import { AnimatePresence } from 'framer-motion';
 import classnames from 'classnames';
 import { u as useDataListLayoutContext } from './DataListLayoutContext-cc933c85.js';
-import { I as InternalDataListItemActions } from './DataListItemActions-bfa43c39.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-cce1bd30.js';
+import { I as InternalDataListItemActions } from './DataListItemActions-31f5a1b2.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-02a302ce.js';
 import { D as DataListLayoutActionsContext } from './DataListLayoutContext-9237afd1.js';
-import { d as generateListItemElement } from './DataList.utils-e92a1f35.js';
+import { d as generateListItemElement } from './DataList.utils-1ecc4081.js';
 import { C as Checkbox } from './Checkbox-3ff9f47a.js';
 import { u as useBatchSelect } from './useBatchSelect-832c3ad9.js';
 import { s as styles } from './DataList-1e0e9426.js';

package/dist/{DataListItem-67393c1a.js → DataListItem-dba1aa6b.js}

@@ -4,10 +4,10 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 var DataListLayoutContext = require('./DataListLayoutContext-9b78649d.js');
-var DataListItemActions = require('./DataListItemActions-00b37209.js');
-var DataListActionsMenu = require('./DataListActionsMenu-cfcd5d21.js');
+var DataListItemActions = require('./DataListItemActions-a34a91b9.js');
+var DataListActionsMenu = require('./DataListActionsMenu-fcf19016.js');
 var DataListLayoutContext$1 = require('./DataListLayoutContext-39a0d016.js');
-var DataList_utils = require('./DataList.utils-fdfc6ac5.js');
+var DataList_utils = require('./DataList.utils-61358386.js');
 var Checkbox = require('./Checkbox-787e2e47.js');
 var useBatchSelect = require('./useBatchSelect-63f6eb7e.js');
 var DataList = require('./DataList-b5f0a522.js');

package/dist/{DataListItemActions-bfa43c39.js → DataListItemActions-31f5a1b2.js}

@@ -2,7 +2,7 @@ import React from 'react';
 import { motion } from 'framer-motion';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import { T as TRANSITION_DURATION_IN_SECONDS, f as TRANSITION_DELAY_IN_SECONDS } from './DataList.const-3ae7ceef.js';
-import { D as DataListActions } from './DataListActions-14f50e6e.js';
+import { D as DataListActions } from './DataListActions-476aabad.js';
 
 var css_248z = ".jHcHGQ-HDbk- {\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  top: calc((16px / 2) * -1);\n  top: calc(calc(16px / 2) * -1);\n  top: calc(var(--space-small) * -1);\n  right: 0;\n  z-index: 6;\n  z-index: var(--elevation-menu);\n  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n      rgba(0, 0, 0, 0.1),\n    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-base);\n  padding: calc(16px / 4);\n  padding: var(--space-smaller);\n  border: calc(16px / 16) solid rgb(217, 223, 225);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(16px / 2);\n  border-radius: var(--radius-larger);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  gap: calc(16px / 4);\n  gap: var(--space-smaller);\n}\n\n.jobber-retheme .jHcHGQ-HDbk- {\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n}\n";
 var styles = {"menu":"jHcHGQ-HDbk-"};

package/dist/{DataListItemActions-00b37209.js → DataListItemActions-a34a91b9.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var DataList_const = require('./DataList.const-c05b47de.js');
-var DataListActions = require('./DataListActions-5f46e65c.js');
+var DataListActions = require('./DataListActions-37110a26.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{DataListItemActionsOverflow-9c491ed9.js → DataListItemActionsOverflow-43ca6381.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var Button = require('./Button-b73a5e01.js');
 var Tooltip = require('./Tooltip-ef3d6ef4.js');
-var DataListActionsMenu = require('./DataListActionsMenu-cfcd5d21.js');
+var DataListActionsMenu = require('./DataListActionsMenu-fcf19016.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{DataListItemActionsOverflow-6004ba59.js → DataListItemActionsOverflow-a5aab6a9.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { B as Button } from './Button-9ae092b3.js';
 import { T as Tooltip } from './Tooltip-d1fc7e74.js';
-import { D as DataListActionsMenu } from './DataListActionsMenu-cce1bd30.js';
+import { D as DataListActionsMenu } from './DataListActionsMenu-02a302ce.js';
 
 function DataListItemActionsOverflow({ actions, }) {
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });

package/dist/{DataListItems-696c15c6.js → DataListItems-aa383bd7.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var DataListContext = require('./DataListContext-9f0a3eff.js');
 var DataListLayoutContext = require('./DataListLayoutContext-9b78649d.js');
-var DataListItem = require('./DataListItem-67393c1a.js');
+var DataListItem = require('./DataListItem-dba1aa6b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{DataListItems-65255798.js → DataListItems-bd80dd88.js}

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { u as useDataListContext } from './DataListContext-0a20c6ef.js';
 import { D as DataListLayoutContext } from './DataListLayoutContext-cc933c85.js';
-import { D as DataListItem } from './DataListItem-e2c6c065.js';
+import { D as DataListItem } from './DataListItem-d6cc368d.js';
 
 function DataListItems({ size = "xs", }) {
     const { data, layouts } = useDataListContext();

package/dist/{DataListLayout-ca2cea99.js → DataListLayout-0681fe4d.js}

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { D as DataListItems } from './DataListItems-65255798.js';
+import { D as DataListItems } from './DataListItems-bd80dd88.js';
 import { u as useDataListContext } from './DataListContext-0a20c6ef.js';
 import { u as useActiveLayout } from './useActiveLayout-c886319d.js';
 

package/dist/{DataListLayout-53196d76.js → DataListLayout-72b17c88.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataListItems = require('./DataListItems-696c15c6.js');
+var DataListItems = require('./DataListItems-aa383bd7.js');
 var DataListContext = require('./DataListContext-9f0a3eff.js');
 var useActiveLayout = require('./useActiveLayout-f9e01ba4.js');
 

package/dist/{DataListLayoutActions-1061c1f6.js → DataListLayoutActions-12c7a824.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var DataListContext = require('./DataListContext-9f0a3eff.js');
 var DataListLayoutContext = require('./DataListLayoutContext-9b78649d.js');
-var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-9c491ed9.js');
+var DataListItemActionsOverflow = require('./DataListItemActionsOverflow-43ca6381.js');
 var Glimmer = require('./Glimmer-84dee1ed.js');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 

package/dist/{DataListLayoutActions-9af1c4b3.js → DataListLayoutActions-cb050d09.js}

@@ -1,7 +1,7 @@
 import React, { Children, useEffect } from 'react';
 import { u as useDataListContext } from './DataListContext-0a20c6ef.js';
 import { u as useDataListLayoutContext } from './DataListLayoutContext-cc933c85.js';
-import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-6004ba59.js';
+import { D as DataListItemActionsOverflow } from './DataListItemActionsOverflow-a5aab6a9.js';
 import { G as Glimmer } from './Glimmer-aea7f8ae.js';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 

package/dist/{DataListSort-23a9cd8a.js → DataListSort-4b2578d2.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { u as useDataListContext } from './DataListContext-0a20c6ef.js';
-import { C as Combobox } from './Combobox-bf052a61.js';
+import { C as Combobox } from './Combobox-81f4f510.js';
 import './ComboboxProvider-32666af1.js';
 import { C as Chip } from './Chip-0e37aa92.js';
 import './tslib.es6-c563c1dd.js';

package/dist/{DataListSort-d7be36c7.js → DataListSort-a8db9f9f.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var DataListContext = require('./DataListContext-9f0a3eff.js');
-var Combobox = require('./Combobox-54ab7206.js');
+var Combobox = require('./Combobox-11db3d7a.js');
 require('./ComboboxProvider-dd21fe88.js');
 var Chip = require('./Chip-36397442.js');
 require('./tslib.es6-754e2961.js');

package/dist/{DataListSortingOptions-4694941c.js → DataListSortingOptions-17adf6b3.js}

@@ -1,8 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
+var hooks = require('@jobber/hooks');
 var Icon = require('./Icon-405a216c.js');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 
@@ -15,8 +14,8 @@ var styles = {"optionsList":"thBUfVNaigs-","option":"QaXuqbVjG04-"};
 styleInject_es.styleInject(css_248z);
 
 function DataListSortingOptions({ options, selectedOption, onSelectChange, onClose, optionsListRef, dataListHeaderTileRef, }) {
-    useRefocusOnActivator.useRefocusOnActivator(!optionsListRef.current);
-    useOnKeyDown.useOnKeyDown(() => onClose(), "Escape");
+    hooks.useRefocusOnActivator(!optionsListRef.current);
+    hooks.useOnKeyDown(() => onClose(), "Escape");
     React.useEffect(() => {
         document.addEventListener("mousedown", handleClickOutside);
         return () => {

package/dist/{DataListSortingOptions-8a64205a.js → DataListSortingOptions-3168b700.js}

@@ -1,6 +1,5 @@
 import React, { useEffect } from 'react';
-import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
-import { useRefocusOnActivator } from '@jobber/hooks/useRefocusOnActivator';
+import { useRefocusOnActivator, useOnKeyDown } from '@jobber/hooks';
 import { I as Icon } from './Icon-22723fe6.js';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 

package/dist/{DataListStatusBar-107faa9f.js → DataListStatusBar-3aba9b47.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { g as getCompoundComponent } from './DataList.utils-e92a1f35.js';
+import { g as getCompoundComponent } from './DataList.utils-1ecc4081.js';
 import { u as useDataListContext } from './DataListContext-0a20c6ef.js';
 
 // This component is meant to capture the props of the DataList.Filters

package/dist/{DataListStatusBar-0b518531.js → DataListStatusBar-4cb157c5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var DataList_utils = require('./DataList.utils-fdfc6ac5.js');
+var DataList_utils = require('./DataList.utils-61358386.js');
 var DataListContext = require('./DataListContext-9f0a3eff.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/DatePicker/index.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-98a41eea.js');
+var DatePicker = require('../DatePicker-9f303c61.js');
 require('react');
 require('classnames');
 require('react-datepicker');
-require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Typography-c45bf216.js');
 require('../Button-b73a5e01.js');

package/dist/DatePicker/index.mjs

@@ -1,8 +1,8 @@
-export { D as DatePicker } from '../DatePicker-87276c4c.js';
+export { D as DatePicker } from '../DatePicker-09b8a606.js';
 import 'react';
 import 'classnames';
 import 'react-datepicker';
-import '@jobber/hooks/useRefocusOnActivator';
+import '@jobber/hooks';
 import '../style-inject.es-a0e1a0ba.js';
 import '../Typography-7cc5daf5.js';
 import '../Button-9ae092b3.js';

package/dist/{DatePicker-87276c4c.js → DatePicker-09b8a606.js}

@@ -1,7 +1,7 @@
 import React, { forwardRef, isValidElement, cloneElement, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
 import ReactDatePicker from 'react-datepicker';
-import { useRefocusOnActivator } from '@jobber/hooks/useRefocusOnActivator';
+import { useRefocusOnActivator } from '@jobber/hooks';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import { T as Typography } from './Typography-7cc5daf5.js';
 import { B as Button } from './Button-9ae092b3.js';

package/dist/{DatePicker-98a41eea.js → DatePicker-9f303c61.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
-var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
+var hooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Typography = require('./Typography-c45bf216.js');
 var Button = require('./Button-b73a5e01.js');
@@ -86,7 +86,7 @@ function DatePicker({ onChange, onMonthChange, activator, inline, selected, read
     });
     const { pickerRef } = useEscapeKeyToCloseDatePicker(open, ref);
     if (smartAutofocus) {
-        useRefocusOnActivator.useRefocusOnActivator(open);
+        hooks.useRefocusOnActivator(open);
         React.useEffect(focusOnSelectedDate, [open]);
     }
     return (React__default["default"].createElement("div", { className: wrapperClassName, ref: ref },

package/dist/FormatFile/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-f036902d.js');
+var FormatFile = require('../FormatFile-1081acea.js');
 require('react');
 require('classnames');
 require('filesize');
@@ -12,13 +12,12 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
-require('../ConfirmationModal-52e16873.js');
+require('../ConfirmationModal-77a52b82.js');
 require('@jobber/hooks/useOnKeyDown');
-require('../Modal-c336cac6.js');
+require('../Modal-971d30aa.js');
 require('react-dom');
 require('framer-motion');
-require('@jobber/hooks/useRefocusOnActivator');
-require('@jobber/hooks/useFocusTrap');
+require('@jobber/hooks');
 require('../Heading-1e8e4bd3.js');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('../ButtonDismiss-350af163.js');

package/dist/FormatFile/index.mjs

@@ -1,4 +1,4 @@
-export { F as FormatFile } from '../FormatFile-352cc225.js';
+export { F as FormatFile } from '../FormatFile-89f1bf3e.js';
 import 'react';
 import 'classnames';
 import 'filesize';
@@ -8,13 +8,12 @@ import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
-import '../ConfirmationModal-916a1f09.js';
+import '../ConfirmationModal-1f317037.js';
 import '@jobber/hooks/useOnKeyDown';
-import '../Modal-ecd845d2.js';
+import '../Modal-d4c2bcce.js';
 import 'react-dom';
 import 'framer-motion';
-import '@jobber/hooks/useRefocusOnActivator';
-import '@jobber/hooks/useFocusTrap';
+import '@jobber/hooks';
 import '../Heading-93e755cb.js';
 import '../getAtlantisConfig-5b50057c.js';
 import '../ButtonDismiss-614803be.js';

package/dist/{FormatFile-f036902d.js → FormatFile-1081acea.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Button = require('./Button-b73a5e01.js');
-var ConfirmationModal = require('./ConfirmationModal-52e16873.js');
+var ConfirmationModal = require('./ConfirmationModal-77a52b82.js');
 var Glimmer = require('./Glimmer-84dee1ed.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-c45bf216.js');

package/dist/{FormatFile-352cc225.js → FormatFile-89f1bf3e.js}

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import getHumanReadableFileSize from 'filesize';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import { B as Button } from './Button-9ae092b3.js';
-import { C as ConfirmationModal } from './ConfirmationModal-916a1f09.js';
+import { C as ConfirmationModal } from './ConfirmationModal-1f317037.js';
 import { G as Glimmer } from './Glimmer-aea7f8ae.js';
 import { I as Icon } from './Icon-22723fe6.js';
 import { T as Typography } from './Typography-7cc5daf5.js';

package/dist/Gallery/index.cjs

@@ -2,27 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Gallery = require('../Gallery-5ba96c76.js');
+var Gallery = require('../Gallery-c5392b45.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../LightBox-1de3b735.js');
+require('../LightBox-95403d58.js');
 require('framer-motion');
 require('react-dom');
 require('lodash');
-require('@jobber/hooks/useRefocusOnActivator');
-require('@jobber/hooks/useOnKeyDown');
-require('@jobber/hooks/useFocusTrap');
+require('@jobber/hooks');
 require('../ButtonDismiss-350af163.js');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
-require('../FormatFile-f036902d.js');
+require('../FormatFile-1081acea.js');
 require('filesize');
-require('../ConfirmationModal-52e16873.js');
-require('../Modal-c336cac6.js');
+require('../ConfirmationModal-77a52b82.js');
+require('@jobber/hooks/useOnKeyDown');
+require('../Modal-971d30aa.js');
 require('../Heading-1e8e4bd3.js');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('../Content-e3f7b6fc.js');

package/dist/Gallery/index.mjs

@@ -1,24 +1,23 @@
-export { G as Gallery } from '../Gallery-b5df3b89.js';
+export { G as Gallery } from '../Gallery-75b21f84.js';
 import 'react';
 import 'classnames';
 import '../style-inject.es-a0e1a0ba.js';
-import '../LightBox-24ff96f6.js';
+import '../LightBox-55063871.js';
 import 'framer-motion';
 import 'react-dom';
 import 'lodash';
-import '@jobber/hooks/useRefocusOnActivator';
-import '@jobber/hooks/useOnKeyDown';
-import '@jobber/hooks/useFocusTrap';
+import '@jobber/hooks';
 import '../ButtonDismiss-614803be.js';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
-import '../FormatFile-352cc225.js';
+import '../FormatFile-89f1bf3e.js';
 import 'filesize';
-import '../ConfirmationModal-916a1f09.js';
-import '../Modal-ecd845d2.js';
+import '../ConfirmationModal-1f317037.js';
+import '@jobber/hooks/useOnKeyDown';
+import '../Modal-d4c2bcce.js';
 import '../Heading-93e755cb.js';
 import '../getAtlantisConfig-5b50057c.js';
 import '../Content-c4ea919f.js';

package/dist/{Gallery-b5df3b89.js → Gallery-75b21f84.js}

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { L as LightBox } from './LightBox-24ff96f6.js';
-import { F as FormatFile } from './FormatFile-352cc225.js';
+import { L as LightBox } from './LightBox-55063871.js';
+import { F as FormatFile } from './FormatFile-89f1bf3e.js';
 import { B as Button } from './Button-9ae092b3.js';
 
 var css_248z = ".G3D4T8IYmwA-,\n._6sZaxiji5rQ- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n}\n\n._6sZaxiji5rQ- {\n  gap: calc(16px * 1);\n  gap: var(--space-base);\n}\n\n.wh-FkS64oJ0- {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.Idp-BJIbUUs- {\n  width: 56px;\n  height: 56px;\n}\n\n.kOG-STgt5Hs- {\n  width: 168px;\n  height: 168px;\n  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n      rgba(0, 0, 0, 0.1),\n    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-base);\n}\n";

package/dist/{Gallery-5ba96c76.js → Gallery-c5392b45.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var LightBox = require('./LightBox-1de3b735.js');
-var FormatFile = require('./FormatFile-f036902d.js');
+var LightBox = require('./LightBox-95403d58.js');
+var FormatFile = require('./FormatFile-1081acea.js');
 var Button = require('./Button-b73a5e01.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Grid/index.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Grid = require('../Grid-0801beb4.js');
+var Grid = require('../Grid-3b80e935.js');
 require('react');
 require('classnames');
 require('../InternalGridCell-58643b70.js');
 require('../style-inject.es-9d2f5f4e.js');
-require('@jobber/hooks');
+require('@jobber/hooks/useAssert');
 
 
 

package/dist/Grid/index.mjs

@@ -1,6 +1,6 @@
-export { G as GRID_TEST_ID, a as Grid } from '../Grid-62d5435f.js';
+export { G as GRID_TEST_ID, a as Grid } from '../Grid-257d509f.js';
 import 'react';
 import 'classnames';
 import '../InternalGridCell-eca14dd0.js';
 import '../style-inject.es-a0e1a0ba.js';
-import '@jobber/hooks';
+import '@jobber/hooks/useAssert';

package/dist/{Grid-62d5435f.js → Grid-257d509f.js}

@@ -2,7 +2,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { I as InternalGridCell } from './InternalGridCell-eca14dd0.js';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { useAssert } from '@jobber/hooks';
+import { useAssert } from '@jobber/hooks/useAssert';
 
 var css_248z$1 = ".NqFGJV-UF3Q- {\n  display: grid;\n  grid-template-columns: repeat(12, minmax(0, 1fr));\n}\n\n.IZLiiSquUTM- {\n  gap: calc(16px * 1);\n  gap: var(--space-base);\n}\n\n@media (min-width: 768px) {\n  .IZLiiSquUTM- {\n    gap: calc(16px * 1.5);\n    gap: var(--space-large);\n  }\n}\n\n@media (--medium-screens-and-up) {\n  .IZLiiSquUTM- {\n    gap: calc(16px * 1.5);\n    gap: var(--space-large);\n  }\n}\n";
 var styles = {"grid":"NqFGJV-UF3Q-","gap":"IZLiiSquUTM-"};

package/dist/{Grid-0801beb4.js → Grid-3b80e935.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var InternalGridCell = require('./InternalGridCell-58643b70.js');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var hooks = require('@jobber/hooks');
+var useAssert = require('@jobber/hooks/useAssert');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,7 +23,7 @@ styleInject_es.styleInject(css_248z);
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function GridCell(props) {
     // Throw error when <Grid.Cell /> gets used outside of the <Grid />
-    hooks.useAssert(true, "`<Grid.Cell>` can only be used inside of a `<Grid>` component!");
+    useAssert.useAssert(true, "`<Grid.Cell>` can only be used inside of a `<Grid>` component!");
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 }
 

package/dist/InputDate/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputDate = require('../InputDate-50ce61f5.js');
+var InputDate = require('../InputDate-7f63ecf4.js');
 require('lodash');
 require('react');
 require('../FormField-6ff183f8.js');
@@ -20,9 +20,9 @@ require('../Text-259af966.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
-require('../DatePicker-98a41eea.js');
+require('../DatePicker-9f303c61.js');
 require('react-datepicker');
-require('@jobber/hooks/useRefocusOnActivator');
+require('@jobber/hooks');
 
 
 

package/dist/InputDate/index.mjs

@@ -1,4 +1,4 @@
-export { I as InputDate } from '../InputDate-8b3c1b8d.js';
+export { I as InputDate } from '../InputDate-ab5f76d7.js';
 import 'lodash';
 import 'react';
 import '../FormField-8118cfc8.js';
@@ -16,6 +16,6 @@ import '../Text-c9162504.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';
-import '../DatePicker-87276c4c.js';
+import '../DatePicker-09b8a606.js';
 import 'react-datepicker';
-import '@jobber/hooks/useRefocusOnActivator';
+import '@jobber/hooks';

package/dist/{InputDate-50ce61f5.js → InputDate-7f63ecf4.js}

@@ -3,7 +3,7 @@
 var lodash = require('lodash');
 var React = require('react');
 var FormField = require('./FormField-6ff183f8.js');
-var DatePicker = require('./DatePicker-98a41eea.js');
+var DatePicker = require('./DatePicker-9f303c61.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{InputDate-8b3c1b8d.js → InputDate-ab5f76d7.js}

@@ -1,7 +1,7 @@
 import { omit } from 'lodash';
 import React, { useRef } from 'react';
 import { F as FormField } from './FormField-8118cfc8.js';
-import { D as DatePicker } from './DatePicker-87276c4c.js';
+import { D as DatePicker } from './DatePicker-09b8a606.js';
 
 function InputDate(inputProps) {
     const formFieldActionsRef = useRef(null);

package/dist/LightBox/index.cjs

@@ -2,14 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-1de3b735.js');
+var LightBox = require('../LightBox-95403d58.js');
 require('react');
 require('framer-motion');
 require('react-dom');
 require('lodash');
-require('@jobber/hooks/useRefocusOnActivator');
-require('@jobber/hooks/useOnKeyDown');
-require('@jobber/hooks/useFocusTrap');
+require('@jobber/hooks');
 require('../style-inject.es-9d2f5f4e.js');
 require('../ButtonDismiss-350af163.js');
 require('../Button-b73a5e01.js');

package/dist/LightBox/index.mjs

@@ -1,11 +1,9 @@
-export { L as LightBox } from '../LightBox-24ff96f6.js';
+export { L as LightBox } from '../LightBox-55063871.js';
 import 'react';
 import 'framer-motion';
 import 'react-dom';
 import 'lodash';
-import '@jobber/hooks/useRefocusOnActivator';
-import '@jobber/hooks/useOnKeyDown';
-import '@jobber/hooks/useFocusTrap';
+import '@jobber/hooks';
 import '../style-inject.es-a0e1a0ba.js';
 import '../ButtonDismiss-614803be.js';
 import '../Button-9ae092b3.js';

package/dist/{LightBox-24ff96f6.js → LightBox-55063871.js}

@@ -2,9 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import ReactDOM from 'react-dom';
 import { debounce } from 'lodash';
-import { useRefocusOnActivator } from '@jobber/hooks/useRefocusOnActivator';
-import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
-import { useFocusTrap } from '@jobber/hooks/useFocusTrap';
+import { useFocusTrap, useRefocusOnActivator, useOnKeyDown } from '@jobber/hooks';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import { B as ButtonDismiss } from './ButtonDismiss-614803be.js';
 import { B as Button } from './Button-9ae092b3.js';

package/dist/{LightBox-1de3b735.js → LightBox-95403d58.js}

@@ -4,9 +4,7 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
 var lodash = require('lodash');
-var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var useFocusTrap = require('@jobber/hooks/useFocusTrap');
+var hooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var ButtonDismiss = require('./ButtonDismiss-350af163.js');
 var Button = require('./Button-b73a5e01.js');
@@ -56,15 +54,15 @@ const debounceDuration = 250;
 function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
     const [currentImageIndex, setCurrentImageIndex] = React.useState(imageIndex);
     const [direction, setDirection] = React.useState(0);
-    const lightboxRef = useFocusTrap.useFocusTrap(open);
+    const lightboxRef = hooks.useFocusTrap(open);
     const debouncedHandleNext = lodash.debounce(handleMoveNext, debounceDuration);
     const debouncedHandlePrevious = lodash.debounce(handleMovePrevious, debounceDuration);
-    useRefocusOnActivator.useRefocusOnActivator(open);
-    useOnKeyDown.useOnKeyDown(handleRequestClose, "Escape");
-    useOnKeyDown.useOnKeyDown(debouncedHandlePrevious, {
+    hooks.useRefocusOnActivator(open);
+    hooks.useOnKeyDown(handleRequestClose, "Escape");
+    hooks.useOnKeyDown(debouncedHandlePrevious, {
         key: "ArrowLeft",
     });
-    useOnKeyDown.useOnKeyDown(debouncedHandleNext, {
+    hooks.useOnKeyDown(debouncedHandleNext, {
         key: "ArrowRight",
     });
     React.useEffect(() => {