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

package/dist/{DatePicker-09b8a606.js → DatePicker-3886d2fd.js}

@@ -1,11 +1,11 @@
 import React, { forwardRef, isValidElement, cloneElement, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
 import ReactDatePicker from 'react-datepicker';
-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';
 import { omit } from 'lodash';
+import { u as useRefocusOnActivator } from './useRefocusOnActivator-6062a5d8.js';
 
 var css_248z = "@charset \"UTF-8\";\n/* stylelint-disable */\n.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {\n  border-color: #ccc;\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  content: \"\";\n  display: block;\n  height: 9px;\n  position: absolute;\n  top: 6px;\n  width: 9px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n  margin-left: -4px;\n  position: absolute;\n  width: 0;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {\n  box-sizing: content-box;\n  position: absolute;\n  border: 8px solid transparent;\n  height: 0;\n  width: 1px;\n  content: \"\";\n  z-index: -1;\n  border-width: 8px;\n  left: -8px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {\n  border-bottom-color: #aeaeae;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n  top: 0;\n  margin-top: -8px;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {\n  border-top: none;\n  border-bottom-color: #f0f0f0;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {\n  top: 0;\n}\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {\n  top: -1px;\n  border-bottom-color: #aeaeae;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n  bottom: 0;\n  margin-bottom: -8px;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {\n  border-bottom: none;\n  border-top-color: #fff;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {\n  bottom: 0;\n}\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {\n  bottom: -1px;\n  border-top-color: #aeaeae;\n}\n.react-datepicker-wrapper {\n  display: inline-block;\n  padding: 0;\n  border: 0;\n  width: 100%;\n}\n.react-datepicker {\n  font-family: \"Helvetica Neue\", helvetica, arial, sans-serif;\n  font-size: 0.8rem;\n  background-color: #fff;\n  color: #000;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  display: inline-block;\n  position: relative;\n}\n.react-datepicker--time-only .react-datepicker__triangle {\n  left: 35px;\n}\n.react-datepicker--time-only .react-datepicker__time-container {\n  border-left: 0;\n}\n.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__triangle {\n  position: absolute;\n  left: 50px;\n}\n.react-datepicker-popper {\n  z-index: 1;\n}\n.react-datepicker-popper[data-placement^=bottom] {\n  padding-top: 10px;\n}\n.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {\n  left: auto;\n  right: 50px;\n}\n.react-datepicker-popper[data-placement^=top] {\n  padding-bottom: 10px;\n}\n.react-datepicker-popper[data-placement^=right] {\n  padding-left: 8px;\n}\n.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {\n  left: auto;\n  right: 42px;\n}\n.react-datepicker-popper[data-placement^=left] {\n  padding-right: 8px;\n}\n.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {\n  left: 42px;\n  right: auto;\n}\n.react-datepicker__header {\n  text-align: center;\n  background-color: #f0f0f0;\n  border-bottom: 1px solid #aeaeae;\n  border-top-left-radius: 0.3rem;\n  padding: 8px 0;\n  position: relative;\n}\n.react-datepicker__header--time {\n  padding-bottom: 8px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n  border-top-left-radius: 0;\n}\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n  border-top-right-radius: 0.3rem;\n}\n.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {\n  display: inline-block;\n  margin: 0 15px;\n}\n.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {\n  margin-top: 0;\n  color: #000;\n  font-weight: bold;\n  font-size: 0.944rem;\n}\n.react-datepicker-time__header {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.react-datepicker__navigation {\n  -ms-flex-align: center;\n      align-items: center;\n  background: none;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n      justify-content: center;\n  text-align: center;\n  cursor: pointer;\n  position: absolute;\n  top: 2px;\n  padding: 0;\n  border: none;\n  z-index: 1;\n  height: 32px;\n  width: 32px;\n  text-indent: -999em;\n  overflow: hidden;\n}\n.react-datepicker__navigation--previous {\n  left: 2px;\n}\n.react-datepicker__navigation--next {\n  right: 2px;\n}\n.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n  right: 85px;\n}\n.react-datepicker__navigation--years {\n  position: relative;\n  top: 0;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__navigation--years-previous {\n  top: 4px;\n}\n.react-datepicker__navigation--years-upcoming {\n  top: -4px;\n}\n.react-datepicker__navigation:hover *::before {\n  border-color: #a6a6a6;\n}\n.react-datepicker__navigation-icon {\n  position: relative;\n  top: -1px;\n  font-size: 20px;\n  width: 0;\n}\n.react-datepicker__navigation-icon--next {\n  left: -2px;\n}\n.react-datepicker__navigation-icon--next::before {\n  -webkit-transform: rotate(45deg);\n          transform: rotate(45deg);\n  left: -7px;\n}\n.react-datepicker__navigation-icon--previous {\n  right: -2px;\n}\n.react-datepicker__navigation-icon--previous::before {\n  -webkit-transform: rotate(225deg);\n          transform: rotate(225deg);\n  right: -7px;\n}\n.react-datepicker__month-container {\n  float: left;\n}\n.react-datepicker__year {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__year-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  max-width: 180px;\n}\n.react-datepicker__year .react-datepicker__year-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n.react-datepicker__month {\n  margin: 0.4rem;\n  text-align: center;\n}\n.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n.react-datepicker__input-time-container {\n  clear: both;\n  width: 100%;\n  float: left;\n  margin: 5px 0 10px 15px;\n  text-align: left;\n}\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n  display: inline-block;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container {\n  display: inline-block;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n  display: inline-block;\n  margin-left: 10px;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n  width: auto;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {\n  -moz-appearance: textfield;\n}\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n  margin-left: 5px;\n  display: inline-block;\n}\n.react-datepicker__time-container {\n  float: right;\n  border-left: 1px solid #aeaeae;\n  width: 85px;\n}\n.react-datepicker__time-container--with-today-button {\n  display: inline;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  position: absolute;\n  right: -87px;\n  top: 0;\n}\n.react-datepicker__time-container .react-datepicker__time {\n  position: relative;\n  background: white;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n  width: 85px;\n  overflow-x: hidden;\n  margin: 0 auto;\n  text-align: center;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n  list-style: none;\n  margin: 0;\n  height: calc(195px + (1.7rem / 2));\n  overflow-y: scroll;\n  padding-right: 0;\n  padding-left: 0;\n  width: 100%;\n  box-sizing: content-box;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {\n  height: 30px;\n  padding: 5px 10px;\n  white-space: nowrap;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {\n  cursor: pointer;\n  background-color: #f0f0f0;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {\n  background-color: #216ba5;\n  color: white;\n  font-weight: bold;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {\n  background-color: #216ba5;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {\n  color: #ccc;\n}\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {\n  cursor: default;\n  background-color: transparent;\n}\n.react-datepicker__week-number {\n  color: #ccc;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n  cursor: pointer;\n}\n.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {\n  border-radius: 0.3rem;\n  background-color: #f0f0f0;\n}\n.react-datepicker__day-names, .react-datepicker__week {\n  white-space: nowrap;\n}\n.react-datepicker__day-names {\n  margin-bottom: -8px;\n}\n.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {\n  color: #000;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {\n  border-radius: 0.3rem;\n  background-color: #216ba5;\n  color: #fff;\n}\n.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {\n  background-color: #1d5d90;\n}\n.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {\n  color: #ccc;\n  pointer-events: none;\n}\n.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {\n  cursor: default;\n  background-color: transparent;\n}\n.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {\n  cursor: pointer;\n}\n.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {\n  border-radius: 0.3rem;\n  background-color: #f0f0f0;\n}\n.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {\n  font-weight: bold;\n}\n.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {\n  border-radius: 0.3rem;\n  background-color: #3dcc4a;\n  color: #fff;\n}\n.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {\n  background-color: #32be3f;\n}\n.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {\n  color: magenta;\n}\n.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {\n  color: green;\n}\n.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {\n  border-radius: 0.3rem;\n  background-color: #216ba5;\n  color: #fff;\n}\n.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {\n  background-color: #1d5d90;\n}\n.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: #bad9f1;\n  color: rgb(0, 0, 0);\n}\n.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {\n  background-color: #1d5d90;\n}\n.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {\n  background-color: rgba(33, 107, 165, 0.5);\n}\n.vl9aI3nIPIc- .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),\n.vl9aI3nIPIc- .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),\n.vl9aI3nIPIc- .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),\n.vl9aI3nIPIc- .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {\n  background-color: #f0f0f0;\n  color: #000;\n}\n.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {\n  cursor: default;\n  color: #ccc;\n}\n.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {\n  background-color: transparent;\n}\n.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {\n  background-color: #216ba5;\n}\n.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {\n  background-color: #f0f0f0;\n}\n.react-datepicker__input-container {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {\n  border: 1px solid transparent;\n  border-radius: 0.3rem;\n  position: relative;\n}\n.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n  border-top-color: #b3b3b3;\n}\n.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {\n  -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n  right: -16px;\n  top: 0;\n}\n.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {\n  background-color: #f0f0f0;\n  position: absolute;\n  width: 50%;\n  left: 25%;\n  top: 30px;\n  z-index: 1;\n  text-align: center;\n  border-radius: 0.3rem;\n  border: 1px solid #aeaeae;\n}\n.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {\n  cursor: pointer;\n}\n.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {\n  height: 150px;\n  overflow-y: scroll;\n}\n.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {\n  line-height: 20px;\n  width: 100%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {\n  border-top-left-radius: 0.3rem;\n  border-top-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {\n  background-color: #ccc;\n}\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n  border-bottom-color: #b3b3b3;\n}\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n  border-top-color: #b3b3b3;\n}\n.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {\n  position: absolute;\n  left: 15px;\n}\n.react-datepicker__close-icon {\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  outline: 0;\n  padding: 0 6px 0 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n}\n.react-datepicker__close-icon::after {\n  cursor: pointer;\n  background-color: #216ba5;\n  color: #fff;\n  border-radius: 50%;\n  height: 16px;\n  width: 16px;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  display: table-cell;\n  vertical-align: middle;\n  content: \"×\";\n}\n.react-datepicker__today-button {\n  background: #f0f0f0;\n  border-top: 1px solid #aeaeae;\n  cursor: pointer;\n  text-align: center;\n  font-weight: bold;\n  padding: 5px 0;\n  clear: left;\n}\n.react-datepicker__portal {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  left: 0;\n  top: 0;\n  -ms-flex-pack: center;\n      justify-content: center;\n  -ms-flex-align: center;\n      align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  z-index: 2147483647;\n}\n.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {\n  width: 3rem;\n  line-height: 3rem;\n}\n@media (max-width: 400px), (max-height: 550px) {\n  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {\n    width: 2rem;\n    line-height: 2rem;\n  }\n}\n.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {\n  font-size: 1.44rem;\n}\n.react-datepicker__children-container {\n  width: 13.8rem;\n  margin: 0.4rem;\n  padding-right: 0.2rem;\n  padding-left: 0.2rem;\n  height: auto;\n}\n.react-datepicker__aria-live {\n  position: absolute;\n  -webkit-clip-path: circle(0);\n          clip-path: circle(0);\n  border: 0;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  width: 1px;\n  white-space: nowrap;\n}\n/* stylelint-enable */\n.jswNs4p7tII- {\n  display: inline-block;\n}\n.WNVBy7I-Vv4- {\n  display: block;\n  width: 100%;\n}\n._8kgzU28z2Eo-.react-datepicker {\n  --datepicker-cell-size: calc(var(--space-base) * 2.375);\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  border-color: rgb(217, 223, 225);\n  border-color: var(--color-border);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n}\n._8kgzU28z2Eo-._1Z7yDS-JQa0- {\n  box-shadow: none;\n}\n.react-datepicker__input-container,\n.react-datepicker-wrapper {\n  max-width: 100%;\n}\n.jswNs4p7tII- .react-datepicker-popper {\n  z-index: 6;\n  z-index: var(--elevation-datepicker);\n}\n._8kgzU28z2Eo- .react-datepicker__header {\n  padding: 0;\n  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);\n  border-bottom: var(--border-base) solid var(--color-border);\n  background: rgba(255, 255, 255, 1);\n  background: var(--color-surface);\n}\n.G2Kz3asqaFQ- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: center;\n      align-items: center;\n}\n._8kgzU28z2Eo- .react-datepicker__day {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  width: var(--datepicker-cell-size);\n  height: var(--datepicker-cell-size);\n  margin: 0;\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  color: rgb(1, 41, 57);\n  color: var(--color-heading);\n  font-size: calc((16px * 1) * 0.875);\n  font-size: calc(calc(16px * 1) * 0.875);\n  font-size: var(--typography--fontSize-base);\n  line-height: inherit;\n  background: rgba(255, 255, 255, 1);\n  background: var(--color-surface);\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n._8kgzU28z2Eo- .react-datepicker__day--highlighted {\n  background: rgb(217, 223, 225);\n  background: var(--color-surface--active);\n}\n._8kgzU28z2Eo- .react-datepicker__day--outside-month {\n  border-radius: 0;\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n  background: rgb(238, 240, 242);\n  background: var(--color-surface--background);\n}\n._8kgzU28z2Eo- .react-datepicker__day--disabled {\n  color: rgb(181, 181, 181);\n  color: var(--color-disabled);\n  cursor: default;\n}\n._8kgzU28z2Eo- .react-datepicker__month {\n  margin: 0;\n}\n._8kgzU28z2Eo- .react-datepicker__day--selected {\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n  background: rgb(125, 176, 14);\n  background: var(--color-interactive);\n}\n._8kgzU28z2Eo- .react-datepicker__day-names {\n  display: -ms-flexbox;\n  display: flex;\n  margin: 0;\n  padding: calc(16px / 8) 0 0;\n  padding: var(--space-smallest) 0 0;\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n  font-size: calc((16px * 1) * 0.75);\n  font-size: calc(calc(16px * 1) * 0.75);\n  font-size: var(--typography--fontSize-small);\n  text-transform: uppercase;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n}\n._8kgzU28z2Eo- .react-datepicker__day-name {\n  width: auto;\n  color: rgb(66, 78, 86);\n  color: var(--color-text);\n  -ms-flex: 1;\n      flex: 1;\n}\n._8kgzU28z2Eo- .react-datepicker__day:hover,\n._8kgzU28z2Eo- .react-datepicker__day:focus {\n  background: rgb(244, 246, 250);\n  background: var(--color-surface--hover);\n}\n._8kgzU28z2Eo- .react-datepicker__day--outside-month:hover,\n._8kgzU28z2Eo- .react-datepicker__day--outside-month:focus {\n  background: rgb(193, 201, 206);\n  background: var(--color-surface--background--hover);\n}\n._8kgzU28z2Eo- .react-datepicker__day:focus {\n  position: relative;\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);\n  box-shadow: var(--shadow-focus);\n  outline: none;\n}\n._8kgzU28z2Eo- .react-datepicker__day--selected:hover,\n._8kgzU28z2Eo- .react-datepicker__day--selected:focus {\n  background: rgb(81, 114, 9);\n  background: var(--color-interactive--hover);\n}\n._8kgzU28z2Eo- .react-datepicker__day--disabled:hover,\n._8kgzU28z2Eo- .react-datepicker__day--disabled:focus {\n  box-shadow: none;\n  background: transparent;\n}\n._8kgzU28z2Eo-\n  .react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,\n._8kgzU28z2Eo-\n  .react-datepicker__day--disabled.react-datepicker__day--outside-month:focus {\n  box-shadow: none;\n  background: rgb(225, 225, 225);\n  background: var(--color-disabled--secondary);\n}\n.D3kDqTSFScU- {\n  margin-top: calc(16px / 16);\n  margin-top: var(--space-minuscule);\n  color: rgb(1, 41, 57);\n  color: var(--color-heading);\n}\n";
 var styles = {"react-datepicker__month--selecting-range":"vl9aI3nIPIc-","datePickerWrapper":"jswNs4p7tII-","fullWidth":"WNVBy7I-Vv4-","datePicker":"_8kgzU28z2Eo-","inline":"_1Z7yDS-JQa0-","header":"G2Kz3asqaFQ-","month":"D3kDqTSFScU-"};

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

@@ -3,11 +3,11 @@
 var React = require('react');
 var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
-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');
 var lodash = require('lodash');
+var useRefocusOnActivator = require('./useRefocusOnActivator-93e430e0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -86,7 +86,7 @@ function DatePicker({ onChange, onMonthChange, activator, inline, selected, read
     });
     const { pickerRef } = useEscapeKeyToCloseDatePicker(open, ref);
     if (smartAutofocus) {
-        hooks.useRefocusOnActivator(open);
+        useRefocusOnActivator.useRefocusOnActivator(open);
         React.useEffect(focusOnSelectedDate, [open]);
     }
     return (React__default["default"].createElement("div", { className: wrapperClassName, ref: ref },

package/dist/Disclosure/index.cjs

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Disclosure = require('../Disclosure-f285a6b6.js');
+var Disclosure = require('../Disclosure-568ed5fa.js');
 require('react');
-require('@jobber/hooks/useResizeObserver');
 require('../style-inject.es-9d2f5f4e.js');
+require('../useResizeObserver-07dac106.js');
+require('use-resize-observer/polyfilled');
+require('lodash');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');

package/dist/Disclosure/index.mjs

@@ -1,7 +1,9 @@
-export { D as Disclosure } from '../Disclosure-1165a958.js';
+export { D as Disclosure } from '../Disclosure-96059f7c.js';
 import 'react';
-import '@jobber/hooks/useResizeObserver';
 import '../style-inject.es-a0e1a0ba.js';
+import '../useResizeObserver-66e52775.js';
+import 'use-resize-observer/polyfilled';
+import 'lodash';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';

package/dist/{Disclosure-f285a6b6.js → Disclosure-568ed5fa.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var useResizeObserver = require('./useResizeObserver-07dac106.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-c45bf216.js');
 
@@ -17,8 +17,8 @@ styleInject_es.styleInject(css_248z);
 function Disclosure({ children, title, defaultOpen = false, }) {
     const [isOpen, setOpen] = React.useState(defaultOpen);
     const [isMounted, setMount] = React.useState(false);
-    const [titleRef, { exactWidth }] = jobberHooks.useResizeObserver();
-    const isBelowBreakpoint = exactWidth && exactWidth < jobberHooks.Breakpoints.small;
+    const [titleRef, { exactWidth }] = useResizeObserver.useResizeObserver();
+    const isBelowBreakpoint = exactWidth && exactWidth < useResizeObserver.Breakpoints.small;
     React.useEffect(() => {
         setMount(true);
     }, []);

package/dist/{Disclosure-1165a958.js → Disclosure-96059f7c.js}

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { useResizeObserver, Breakpoints } from '@jobber/hooks/useResizeObserver';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
+import { u as useResizeObserver, B as Breakpoints } from './useResizeObserver-66e52775.js';
 import { I as Icon } from './Icon-22723fe6.js';
 import { T as Typography } from './Typography-7cc5daf5.js';
 

package/dist/FormField/index.cjs

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-6ff183f8.js');
+var FormField = require('../FormField-9e1a326c.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
 require('../Text-259af966.js');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');

package/dist/FormField/index.mjs

@@ -1,16 +1,16 @@
-export { F as FormField } from '../FormField-8118cfc8.js';
+export { F as FormField } from '../FormField-6a8d8c64.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{FormField-8118cfc8.js → FormField-6a8d8c64.js}

@@ -3,10 +3,10 @@ import React, { useRef, useState, useEffect, useId, useImperativeHandle } from '
 import { useFormContext, useForm, Controller } from 'react-hook-form';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import classnames from 'classnames';
-import { useShowClear } from '@jobber/hooks/useShowClear';
 import { B as Button } from './Button-9ae092b3.js';
 import { I as Icon } from './Icon-22723fe6.js';
 import { T as Text } from './Text-c9162504.js';
+import { u as useShowClear } from './useShowClear-342b660e.js';
 import { I as InputValidation } from './InputValidation-d68fb034.js';
 import { S as Spinner } from './Spinner-5d8359b8.js';
 

package/dist/{FormField-6ff183f8.js → FormField-9e1a326c.js}

@@ -5,10 +5,10 @@ var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var classnames = require('classnames');
-var useShowClear = require('@jobber/hooks/useShowClear');
 var Button = require('./Button-b73a5e01.js');
 var Icon = require('./Icon-405a216c.js');
 var Text = require('./Text-259af966.js');
+var useShowClear = require('./useShowClear-568558fd.js');
 var InputValidation = require('./InputValidation-05e839fa.js');
 var Spinner = require('./Spinner-9d8fc7ff.js');
 

package/dist/FormatFile/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-1081acea.js');
+var FormatFile = require('../FormatFile-a4d61cda.js');
 require('react');
 require('classnames');
 require('filesize');
@@ -12,12 +12,13 @@ require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
-require('../ConfirmationModal-77a52b82.js');
-require('@jobber/hooks/useOnKeyDown');
-require('../Modal-971d30aa.js');
+require('../ConfirmationModal-2b7ffb42.js');
+require('../useOnKeyDown-f281de78.js');
+require('../Modal-a1d78806.js');
 require('react-dom');
 require('framer-motion');
-require('@jobber/hooks');
+require('../useRefocusOnActivator-93e430e0.js');
+require('../useFocusTrap-8ba61b3f.js');
 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-89f1bf3e.js';
+export { F as FormatFile } from '../FormatFile-0107af2b.js';
 import 'react';
 import 'classnames';
 import 'filesize';
@@ -8,12 +8,13 @@ import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
-import '../ConfirmationModal-1f317037.js';
-import '@jobber/hooks/useOnKeyDown';
-import '../Modal-d4c2bcce.js';
+import '../ConfirmationModal-4a0acf4c.js';
+import '../useOnKeyDown-b9f5d527.js';
+import '../Modal-cd3f56c2.js';
 import 'react-dom';
 import 'framer-motion';
-import '@jobber/hooks';
+import '../useRefocusOnActivator-6062a5d8.js';
+import '../useFocusTrap-2cf1fdbc.js';
 import '../Heading-93e755cb.js';
 import '../getAtlantisConfig-5b50057c.js';
 import '../ButtonDismiss-614803be.js';

package/dist/{FormatFile-89f1bf3e.js → FormatFile-0107af2b.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-1f317037.js';
+import { C as ConfirmationModal } from './ConfirmationModal-4a0acf4c.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/{FormatFile-1081acea.js → FormatFile-a4d61cda.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-77a52b82.js');
+var ConfirmationModal = require('./ConfirmationModal-2b7ffb42.js');
 var Glimmer = require('./Glimmer-84dee1ed.js');
 var Icon = require('./Icon-405a216c.js');
 var Typography = require('./Typography-c45bf216.js');

package/dist/Gallery/index.cjs

@@ -2,26 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Gallery = require('../Gallery-c5392b45.js');
+var Gallery = require('../Gallery-ee2ea5dc.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
-require('../LightBox-95403d58.js');
+require('../LightBox-b6e3599a.js');
 require('framer-motion');
 require('react-dom');
 require('lodash');
-require('@jobber/hooks');
+require('../useRefocusOnActivator-93e430e0.js');
+require('../useFocusTrap-8ba61b3f.js');
+require('../useOnKeyDown-f281de78.js');
 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-1081acea.js');
+require('../FormatFile-a4d61cda.js');
 require('filesize');
-require('../ConfirmationModal-77a52b82.js');
-require('@jobber/hooks/useOnKeyDown');
-require('../Modal-971d30aa.js');
+require('../ConfirmationModal-2b7ffb42.js');
+require('../Modal-a1d78806.js');
 require('../Heading-1e8e4bd3.js');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('../Content-e3f7b6fc.js');

package/dist/Gallery/index.mjs

@@ -1,23 +1,24 @@
-export { G as Gallery } from '../Gallery-75b21f84.js';
+export { G as Gallery } from '../Gallery-c070620d.js';
 import 'react';
 import 'classnames';
 import '../style-inject.es-a0e1a0ba.js';
-import '../LightBox-55063871.js';
+import '../LightBox-472f99ab.js';
 import 'framer-motion';
 import 'react-dom';
 import 'lodash';
-import '@jobber/hooks';
+import '../useRefocusOnActivator-6062a5d8.js';
+import '../useFocusTrap-2cf1fdbc.js';
+import '../useOnKeyDown-b9f5d527.js';
 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-89f1bf3e.js';
+import '../FormatFile-0107af2b.js';
 import 'filesize';
-import '../ConfirmationModal-1f317037.js';
-import '@jobber/hooks/useOnKeyDown';
-import '../Modal-d4c2bcce.js';
+import '../ConfirmationModal-4a0acf4c.js';
+import '../Modal-cd3f56c2.js';
 import '../Heading-93e755cb.js';
 import '../getAtlantisConfig-5b50057c.js';
 import '../Content-c4ea919f.js';

package/dist/{Gallery-75b21f84.js → Gallery-c070620d.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-55063871.js';
-import { F as FormatFile } from './FormatFile-89f1bf3e.js';
+import { L as LightBox } from './LightBox-472f99ab.js';
+import { F as FormatFile } from './FormatFile-0107af2b.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-c5392b45.js → Gallery-ee2ea5dc.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-95403d58.js');
-var FormatFile = require('./FormatFile-1081acea.js');
+var LightBox = require('./LightBox-b6e3599a.js');
+var FormatFile = require('./FormatFile-a4d61cda.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-3b80e935.js');
+var Grid = require('../Grid-d9e16996.js');
 require('react');
 require('classnames');
 require('../InternalGridCell-58643b70.js');
 require('../style-inject.es-9d2f5f4e.js');
-require('@jobber/hooks/useAssert');
+require('../useAssert-6ea61ad4.js');
 
 
 

package/dist/Grid/index.mjs

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

package/dist/{Grid-257d509f.js → Grid-28c37497.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/useAssert';
+import { u as useAssert } from './useAssert-bc8ab4dd.js';
 
 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-3b80e935.js → Grid-d9e16996.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 useAssert = require('@jobber/hooks/useAssert');
+var useAssert = require('./useAssert-6ea61ad4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputDate/index.cjs

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputDate = require('../InputDate-7f63ecf4.js');
+var InputDate = require('../InputDate-e304220b.js');
 require('lodash');
 require('react');
-require('../FormField-6ff183f8.js');
+require('../FormField-9e1a326c.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
 require('../Text-259af966.js');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');
-require('../DatePicker-9f303c61.js');
+require('../DatePicker-c449c080.js');
 require('react-datepicker');
-require('@jobber/hooks');
+require('../useRefocusOnActivator-93e430e0.js');
 
 
 

package/dist/InputDate/index.mjs

@@ -1,21 +1,21 @@
-export { I as InputDate } from '../InputDate-ab5f76d7.js';
+export { I as InputDate } from '../InputDate-7fc7f699.js';
 import 'lodash';
 import 'react';
-import '../FormField-8118cfc8.js';
+import '../FormField-6a8d8c64.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';
-import '../DatePicker-09b8a606.js';
+import '../DatePicker-3886d2fd.js';
 import 'react-datepicker';
-import '@jobber/hooks';
+import '../useRefocusOnActivator-6062a5d8.js';

package/dist/{InputDate-ab5f76d7.js → InputDate-7fc7f699.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-09b8a606.js';
+import { F as FormField } from './FormField-6a8d8c64.js';
+import { D as DatePicker } from './DatePicker-3886d2fd.js';
 
 function InputDate(inputProps) {
     const formFieldActionsRef = useRef(null);

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

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

package/dist/InputEmail/index.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputEmail = require('../InputEmail-3103e37c.js');
+var InputEmail = require('../InputEmail-cfb9d300.js');
 require('react');
-require('../FormField-6ff183f8.js');
+require('../FormField-9e1a326c.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
 require('../Text-259af966.js');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');

package/dist/InputEmail/index.mjs

@@ -1,17 +1,17 @@
-export { I as InputEmail, v as validationMessage } from '../InputEmail-88d617d7.js';
+export { I as InputEmail, v as validationMessage } from '../InputEmail-13ab20ed.js';
 import 'react';
-import '../FormField-8118cfc8.js';
+import '../FormField-6a8d8c64.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{InputEmail-88d617d7.js → InputEmail-13ab20ed.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FormField } from './FormField-8118cfc8.js';
+import { F as FormField } from './FormField-6a8d8c64.js';
 
 const validationMessage = "Please enter a valid email";
 function InputEmail(props) {

package/dist/{InputEmail-3103e37c.js → InputEmail-cfb9d300.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-6ff183f8.js');
+var FormField = require('./FormField-9e1a326c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputNumber/index.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputNumber = require('../InputNumber-d451b52e.js');
+var InputNumber = require('../InputNumber-81b2a34d.js');
 require('react');
-require('../FormField-6ff183f8.js');
+require('../FormField-9e1a326c.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
 require('../Text-259af966.js');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');