@jobber/components 6.123.1 → 6.123.2

package/dist/styles.css

@@ -3273,12 +3273,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   cursor: pointer;
 
   transition:
-    background-color 200ms ease-out,
-    box-shadow 200ms ease-out;
+    background-color 200ms ease-out, box-shadow 200ms ease-out;
 
   transition:
-    background-color var(--timing-base) ease-out,
-    box-shadow var(--timing-base) ease-out;
+    background-color var(--timing-base) ease-out, box-shadow var(--timing-base) ease-out;
 }
 
 .M1BgN-oCmKw-:hover {
@@ -5273,9 +5271,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   display: grid;
   padding: calc(8px + 4px) 0;
   padding: calc(var(--space-small) + var(--space-smaller)) 0;
-  gap: 8px;
   grid-gap: 8px;
   grid-gap: var(--space-small);
+  gap: 8px;
   gap: var(--space-small);
   grid-template-columns: auto fit-content(calc(16px * 14));
   grid-template-columns: auto fit-content(calc(var(--base-unit) * 14));
@@ -6105,11 +6103,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
   transition:
-    height var(--sticky-header-transition-properties) 100ms,
-    width var(--sticky-header-transition-properties);
+    height var(--sticky-header-transition-properties) 100ms, width var(--sticky-header-transition-properties);
   transition:
-    height var(--sticky-header-transition-properties) var(--timing-quick),
-    width var(--sticky-header-transition-properties);
+    height var(--sticky-header-transition-properties) var(--timing-quick), width var(--sticky-header-transition-properties);
 }
 
 .rylbmDbzCts-::before {
@@ -6117,11 +6113,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   height: 2px;
   height: var(--border-thick);
   transition:
-    height var(--sticky-header-transition-properties),
-    width var(--sticky-header-transition-properties) 100ms;
+    height var(--sticky-header-transition-properties), width var(--sticky-header-transition-properties) 100ms;
   transition:
-    height var(--sticky-header-transition-properties),
-    width var(--sticky-header-transition-properties) var(--timing-quick);
+    height var(--sticky-header-transition-properties), width var(--sticky-header-transition-properties) var(--timing-quick);
 }
 
 .S2Bu0Rv4w-E- {
@@ -6149,13 +6143,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   transition:
-    opacity 200ms ease-in-out,
-    width 200ms ease-in-out,
-    visibility 200ms ease-in-out;
+    opacity 200ms ease-in-out, width 200ms ease-in-out, visibility 200ms ease-in-out;
   transition:
-    opacity var(--transition-properties),
-    width var(--transition-properties),
-    visibility var(--transition-properties);
+    opacity var(--transition-properties), width var(--transition-properties), visibility var(--transition-properties);
 }
 
 @media not (min-width: 768px) {
@@ -6661,37 +6651,17 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
     /* enable transitions in the drop down */
     .-hmXAsAfH9U-::picker(select) {
       transition:
-        opacity 200ms ease,
-        display 200ms allow-discrete,
-        overlay 200ms allow-discrete,
-        -webkit-transform 200ms ease-out;
+        opacity 200ms ease, display 200ms allow-discrete, overlay 200ms allow-discrete, -webkit-transform 200ms ease-out;
       transition:
-        opacity var(--timing-base) ease,
-        display var(--timing-base) allow-discrete,
-        overlay var(--timing-base) allow-discrete,
-        -webkit-transform var(--timing-base) ease-out;
+        opacity var(--timing-base) ease, display var(--timing-base) allow-discrete, overlay var(--timing-base) allow-discrete, -webkit-transform var(--timing-base) ease-out;
       transition:
-        opacity 200ms ease,
-        transform 200ms ease-out,
-        display 200ms allow-discrete,
-        overlay 200ms allow-discrete;
+        opacity 200ms ease, transform 200ms ease-out, display 200ms allow-discrete, overlay 200ms allow-discrete;
       transition:
-        opacity var(--timing-base) ease,
-        transform var(--timing-base) ease-out,
-        display var(--timing-base) allow-discrete,
-        overlay var(--timing-base) allow-discrete;
+        opacity var(--timing-base) ease, transform var(--timing-base) ease-out, display var(--timing-base) allow-discrete, overlay var(--timing-base) allow-discrete;
       transition:
-        opacity 200ms ease,
-        transform 200ms ease-out,
-        display 200ms allow-discrete,
-        overlay 200ms allow-discrete,
-        -webkit-transform 200ms ease-out;
+        opacity 200ms ease, transform 200ms ease-out, display 200ms allow-discrete, overlay 200ms allow-discrete, -webkit-transform 200ms ease-out;
       transition:
-        opacity var(--timing-base) ease,
-        transform var(--timing-base) ease-out,
-        display var(--timing-base) allow-discrete,
-        overlay var(--timing-base) allow-discrete,
-        -webkit-transform var(--timing-base) ease-out;
+        opacity var(--timing-base) ease, transform var(--timing-base) ease-out, display var(--timing-base) allow-discrete, overlay var(--timing-base) allow-discrete, -webkit-transform var(--timing-base) ease-out;
     }
 
     .-hmXAsAfH9U-::picker-icon {
@@ -7003,7 +6973,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  -webkit-clip-path: inset(50%);
+          clip-path: inset(50%);
   white-space: nowrap;
   border: 0;
 }
@@ -7307,6 +7278,7 @@ h2.react-datepicker__current-month {
   background-color: rgb(28.75, 93.2196969697, 143.75);
 }
 .react-datepicker__day-names {
+  text-align: center;
   white-space: nowrap;
   margin-bottom: -8px;
 }
@@ -7323,6 +7295,12 @@ h2.react-datepicker__current-month {
   text-align: center;
   margin: 0.166rem;
 }
+.react-datepicker__day-name--disabled,
+.react-datepicker__day--disabled,
+.react-datepicker__time-name--disabled {
+  cursor: default;
+  color: #ccc;
+}
 .react-datepicker__day,
 .react-datepicker__month-text,
 .react-datepicker__quarter-text,
@@ -7448,6 +7426,7 @@ h2.react-datepicker__current-month {
 .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
 .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
   background-color: rgb(28.75, 93.2196969697, 143.75);
+  color: #fff;
 }
 .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),
@@ -7960,11 +7939,9 @@ h2.react-datepicker__current-month {
   cursor: pointer;
   outline-color: transparent;
   transition:
-    background-color 200ms ease-out,
-    box-shadow 200ms;
+    background-color 200ms ease-out, box-shadow 200ms;
   transition:
-    background-color var(--timing-base) ease-out,
-    box-shadow var(--timing-base);
+    background-color var(--timing-base) ease-out, box-shadow var(--timing-base);
 }
 
 ._8BfGPs1d3OI-::-webkit-details-marker {
@@ -9067,7 +9044,8 @@ html.atlantisLightBoxActive {
 }
 @supports (scrollbar-color: #000 #000) {
 ._3TfQLQEE3GQ- {
-    scrollbar-width: thin; /* Safari version 18.3: Bug causes this rule to undermine other scrollbar styling  */
+    scrollbar-width: thin;
+    /* Safari version 18.3: Bug causes this rule to undermine other scrollbar styling  */
     scrollbar-color: hsl(198, 35%, 21%) transparent;
     scrollbar-color: var(--color-interactive--subtle) transparent;
 }
@@ -9108,32 +9086,12 @@ html.atlantisLightBoxActive {
   border-radius: var(--radius-small);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
-  transition:
-    border 200ms ease-in,
-    border-radius 100ms ease-in,
-    -webkit-transform 100ms ease-in-out;
-  transition:
-    border var(--timing-base) ease-in,
-    border-radius var(--timing-quick) ease-in,
-    -webkit-transform var(--timing-quick) ease-in-out;
-  transition:
-    border 200ms ease-in,
-    border-radius 100ms ease-in,
-    transform 100ms ease-in-out;
-  transition:
-    border var(--timing-base) ease-in,
-    border-radius var(--timing-quick) ease-in,
-    transform var(--timing-quick) ease-in-out;
-  transition:
-    border 200ms ease-in,
-    border-radius 100ms ease-in,
-    transform 100ms ease-in-out,
-    -webkit-transform 100ms ease-in-out;
-  transition:
-    border var(--timing-base) ease-in,
-    border-radius var(--timing-quick) ease-in,
-    transform var(--timing-quick) ease-in-out,
-    -webkit-transform var(--timing-quick) ease-in-out;
+  transition: border 200ms ease-in, border-radius 100ms ease-in, -webkit-transform 100ms ease-in-out;
+  transition: border var(--timing-base) ease-in, border-radius var(--timing-quick) ease-in, -webkit-transform var(--timing-quick) ease-in-out;
+  transition: border 200ms ease-in, border-radius 100ms ease-in, transform 100ms ease-in-out;
+  transition: border var(--timing-base) ease-in, border-radius var(--timing-quick) ease-in, transform var(--timing-quick) ease-in-out;
+  transition: border 200ms ease-in, border-radius 100ms ease-in, transform 100ms ease-in-out, -webkit-transform 100ms ease-in-out;
+  transition: border var(--timing-base) ease-in, border-radius var(--timing-quick) ease-in, transform var(--timing-quick) ease-in-out, -webkit-transform var(--timing-quick) ease-in-out;
   -ms-flex-negative: 0;
       flex-shrink: 0;
 }
@@ -9318,11 +9276,9 @@ html.atlantisLightBoxActive {
   border-radius: var(--radius-base);
   text-align: center;
   transition:
-    border-color 100ms ease-out,
-    background-color 200ms ease-out;
+    border-color 100ms ease-out, background-color 200ms ease-out;
   transition:
-    border-color var(--timing-quick) ease-out,
-    background-color var(--timing-base) ease-out;
+    border-color var(--timing-quick) ease-out, background-color var(--timing-base) ease-out;
 }
 
 .yT6m1v71VK8-.fCb0O1wAjR0- {
@@ -10415,17 +10371,17 @@ input.oOrjwubmsVA- {
   border-radius: 16px;
   border-radius: var(--radius-large);
   grid-template-columns: repeat(7, 1fr);
-  row-gap: 4px;
   grid-row-gap: 4px;
   grid-row-gap: var(--space-smaller);
+  row-gap: 4px;
   row-gap: var(--space-smaller);
   -webkit-column-gap: 4px;
   -webkit-column-gap: var(--space-smaller);
      -moz-column-gap: 4px;
      -moz-column-gap: var(--space-smaller);
-          column-gap: 4px;
           grid-column-gap: 4px;
           grid-column-gap: var(--space-smaller);
+          column-gap: 4px;
           column-gap: var(--space-smaller);
 }
 
@@ -10543,9 +10499,9 @@ input.oOrjwubmsVA- {
   grid-template-columns: var(--space-largest) 1fr;
   -ms-flex-align: center;
       align-items: center;
-  gap: 8px;
   grid-gap: 8px;
   grid-gap: var(--space-small);
+  gap: 8px;
   gap: var(--space-small);
   margin-bottom: calc(-1 * 1px);
   margin-bottom: calc(-1 * var(--border-base));
@@ -10592,17 +10548,17 @@ input.oOrjwubmsVA- {
     ". . . . . . ."
     ". . . . . . ."
     ". . . lastday lastday lastday lastday";
-  row-gap: 4px;
   grid-row-gap: 4px;
   grid-row-gap: var(--space-smaller);
+  row-gap: 4px;
   row-gap: var(--space-smaller);
   -webkit-column-gap: 4px;
   -webkit-column-gap: var(--space-smaller);
      -moz-column-gap: 4px;
      -moz-column-gap: var(--space-smaller);
-          column-gap: 4px;
           grid-column-gap: 4px;
           grid-column-gap: var(--space-smaller);
+          column-gap: 4px;
           column-gap: var(--space-smaller);
 }
 
@@ -10762,11 +10718,9 @@ input.oOrjwubmsVA- {
   -ms-flex-pack: center;
       justify-content: center;
   transition:
-    background-color 300ms ease-out,
-    color 300ms ease-out;
+    background-color 300ms ease-out, color 300ms ease-out;
   transition:
-    background-color var(--timing-slow) ease-out,
-    color var(--timing-slow) ease-out;
+    background-color var(--timing-slow) ease-out, color var(--timing-slow) ease-out;
 }
 
 .FDDKTZkTdfM- input[type="radio"]:checked + label {
@@ -10903,25 +10857,17 @@ input.oOrjwubmsVA- {
   padding: var(--sideDrawer--base-padding);
   background-color: var(--sideDrawer--background);
   transition:
-    box-shadow 200ms ease-in-out,
-    -webkit-filter 200ms ease-in-out;
+    box-shadow 200ms ease-in-out, -webkit-filter 200ms ease-in-out;
   transition:
-    box-shadow var(--timing-base) ease-in-out,
-    -webkit-filter var(--timing-base) ease-in-out;
+    box-shadow var(--timing-base) ease-in-out, -webkit-filter var(--timing-base) ease-in-out;
   transition:
-    box-shadow 200ms ease-in-out,
-    filter 200ms ease-in-out;
+    box-shadow 200ms ease-in-out, filter 200ms ease-in-out;
   transition:
-    box-shadow var(--timing-base) ease-in-out,
-    filter var(--timing-base) ease-in-out;
+    box-shadow var(--timing-base) ease-in-out, filter var(--timing-base) ease-in-out;
   transition:
-    box-shadow 200ms ease-in-out,
-    filter 200ms ease-in-out,
-    -webkit-filter 200ms ease-in-out;
+    box-shadow 200ms ease-in-out, filter 200ms ease-in-out, -webkit-filter 200ms ease-in-out;
   transition:
-    box-shadow var(--timing-base) ease-in-out,
-    filter var(--timing-base) ease-in-out,
-    -webkit-filter var(--timing-base) ease-in-out;
+    box-shadow var(--timing-base) ease-in-out, filter var(--timing-base) ease-in-out, -webkit-filter var(--timing-base) ease-in-out;
 }
 
 .LuqC0RF-R1U- {
@@ -11061,31 +11007,17 @@ input.oOrjwubmsVA- {
   -webkit-transform: translateX(-8px);
           transform: translateX(-8px);
   transition:
-    width 200ms ease-in-out,
-    opacity 200ms ease-in-out,
-    -webkit-transform 200ms ease-in-out;
+    width 200ms ease-in-out, opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
   transition:
-    width var(--transition),
-    opacity var(--transition),
-    -webkit-transform var(--transition);
+    width var(--transition), opacity var(--transition), -webkit-transform var(--transition);
   transition:
-    width 200ms ease-in-out,
-    transform 200ms ease-in-out,
-    opacity 200ms ease-in-out;
+    width 200ms ease-in-out, transform 200ms ease-in-out, opacity 200ms ease-in-out;
   transition:
-    width var(--transition),
-    transform var(--transition),
-    opacity var(--transition);
+    width var(--transition), transform var(--transition), opacity var(--transition);
   transition:
-    width 200ms ease-in-out,
-    transform 200ms ease-in-out,
-    opacity 200ms ease-in-out,
-    -webkit-transform 200ms ease-in-out;
+    width 200ms ease-in-out, transform 200ms ease-in-out, opacity 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
   transition:
-    width var(--transition),
-    transform var(--transition),
-    opacity var(--transition),
-    -webkit-transform var(--transition);
+    width var(--transition), transform var(--transition), opacity var(--transition), -webkit-transform var(--transition);
 }
 
 .XOqA4Hw6S6g-.b4VHPS-RG34- {

package/dist/unstyledPrimitives/index.mjs

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { u as useStableCallback, e as useIsoLayoutEffect, f as useId, S as SafeReact, g as useAnimationFrame, h as useTimeout, i as isMouseLikePointerType, j as isTypeableElement, k as createChangeEventDetails, l as isClickLikeEvent, t as triggerPress, m as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, n as useFloatingTree, o as getFloatingFocusElement, p as useValueAsRef, q as isTypeableCombobox, r as isIndexOutOfListBounds, s as getMinListIndex, v as getMaxListIndex, w as activeElement, x as ownerDocument, y as contains, z as stopEvent, A as listNavigation, B as createGridCellMap, C as isListIndexDisabled, E as getGridNavigatedIndex, G as getGridCellIndices, H as getGridCellIndexOfCorner, I as ARROW_DOWN, J as ARROW_LEFT, K as ARROW_RIGHT, L as findNonDisabledListIndex, M as getTarget, N as focusOut, O as enqueueFocus, Q as isVirtualClick, R as isVirtualPointerEvent, T as ARROW_UP, U as isElementVisible, V as useDialogRootContext, W as closePress, X as useTriggerDataForwarding, Y as useInteractions, Z as CLICK_TRIGGER_IDENTIFIER, _ as triggerOpenStateMapping, $ as CommonPopupDataAttributes, a0 as popupStateMapping, a1 as transitionStatusMapping, a2 as useDialogPortalContext, a3 as DialogStore, a4 as imperativeAction, a5 as createSelector, a6 as useControlled, a7 as useStore, a8 as useTransitionStatus, a9 as useOpenInteractionType, aa as createGenericEventDetails, ab as inputClear, ac as inputChange, ad as outsidePress, ae as itemPress, af as useOpenChangeComplete, ag as useValueChanged, ah as inputPress, ai as useDismiss, aj as useOnFirstRender, ak as none, al as visuallyHiddenInput, am as visuallyHidden, an as Store, ao as pressableTriggerOpenStateMapping, ap as isAndroid, aq as isFirefox, ar as escapeKey, as as clearPress, at as FloatingPortal, au as DISABLED_TRANSITIONS_STYLE, av as useScrollLock, aw as InternalBackdrop, ax as inertValue, ay as DROPDOWN_COLLISION_AVOIDANCE, az as FloatingFocusManager, aA as chipRemovePress, aB as useDrawerProviderContext, aC as DrawerBackdropCssVars, aD as DrawerPopupCssVars, aE as DrawerProviderContext, aF as clamp$1, aG as useDrawerRootContext, aH as useTriggerRegistration, aI as DrawerPopupDataAttributes, aJ as swipe, aK as useDrawerSnapPoints, aL as DrawerViewportContext, aM as BASE_UI_SWIPE_IGNORE_SELECTOR, aN as TransitionStatusDataAttributes, aO as DRAWER_CONTENT_ATTRIBUTE, a as DrawerBackdrop, c as DrawerContent, b as DrawerPopup, D as DrawerPortal, d as DrawerRoot } from '../DrawerRoot-es.js';
+import { u as useStableCallback, e as useIsoLayoutEffect, f as useId, S as SafeReact, t as triggerPress, g as useAnimationFrame, h as useTimeout, i as isMouseLikePointerType, j as isClickLikeEvent, k as createChangeEventDetails, l as isTypeableElement, m as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, n as useFloatingTree, o as getFloatingFocusElement, p as useValueAsRef, q as isTypeableCombobox, r as enqueueFocus, s as isIndexOutOfListBounds, v as getMinListIndex, w as getMaxListIndex, x as activeElement, y as ownerDocument, z as contains, A as stopEvent, B as listNavigation, C as createGridCellMap, E as isListIndexDisabled, G as getGridNavigatedIndex, H as getGridCellIndexOfCorner, I as ARROW_DOWN, J as ARROW_LEFT, K as ARROW_RIGHT, L as getGridCellIndices, M as findNonDisabledListIndex, N as getTarget, O as focusOut, Q as isVirtualClick, R as isVirtualPointerEvent, T as ARROW_UP, U as isElementVisible, V as useDialogRootContext, W as closePress, X as useTriggerDataForwarding, Y as useInteractions, Z as CLICK_TRIGGER_IDENTIFIER, _ as triggerOpenStateMapping, $ as CommonPopupDataAttributes, a0 as useDialogPortalContext, a1 as transitionStatusMapping, a2 as popupStateMapping, a3 as DialogStore, a4 as imperativeAction, a5 as createSelector, a6 as useControlled, a7 as Store, a8 as useStore, a9 as useTransitionStatus, aa as useOpenInteractionType, ab as createGenericEventDetails, ac as inputClear, ad as inputChange, ae as outsidePress, af as itemPress, ag as none, ah as useOpenChangeComplete, ai as useValueChanged, aj as useDismiss, ak as useOnFirstRender, al as visuallyHiddenInput, am as visuallyHidden, an as inputPress, ao as pressableTriggerOpenStateMapping, ap as isFirefox, aq as escapeKey, ar as isAndroid, as as clearPress, at as FloatingPortal, au as DISABLED_TRANSITIONS_STYLE, av as DROPDOWN_COLLISION_AVOIDANCE, aw as useScrollLock, ax as InternalBackdrop, ay as inertValue, az as FloatingFocusManager, aA as chipRemovePress, aB as useDrawerProviderContext, aC as DrawerBackdropCssVars, aD as DrawerPopupCssVars, aE as DrawerProviderContext, aF as clamp$1, aG as useDrawerRootContext, aH as useTriggerRegistration, aI as DrawerPopupDataAttributes, aJ as swipe, aK as useDrawerSnapPoints, aL as TransitionStatusDataAttributes, aM as DrawerViewportContext, aN as BASE_UI_SWIPE_IGNORE_SELECTOR, aO as DRAWER_CONTENT_ATTRIBUTE, a as DrawerBackdrop, c as DrawerContent, b as DrawerPopup, D as DrawerPortal, d as DrawerRoot } from '../DrawerRoot-es.js';
 import { a as useRefWithInit, f as formatErrorMessage, m as mergeProps, c as makeEventPreventable, E as EMPTY_OBJECT, u as useRenderElement, N as NOOP, d as EMPTY_ARRAY, b as useMergedRefs } from '../useRenderElement-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
-import { a as isHTMLElement, b as isElement, n as evaluate, z as getPaddingObject, y as getAlignmentAxis, v as getAlignment, C as getAxisLength, B as clamp, o as getSide, p as getSideAxis, l as getComputedStyle, I as getWindow } from '../index.esm-es.js';
-import { u as useFloating$1, h as hide$1, f as flip, d as size, b as autoUpdate, o as offset, s as shift, l as limitShift } from '../floating-ui.react-dom-es.js';
+import { a as isHTMLElement, b as isElement, r as evaluate, s as getPaddingObject, o as getAlignmentAxis, q as getAlignment, B as getAxisLength, C as clamp, n as getSideAxis, p as getSide, m as getComputedStyle, J as getWindow } from '../index.esm-es.js';
+import { u as useFloating$1, h as hide$1, o as offset, f as flip, s as shift, l as limitShift, d as size, a as autoUpdate } from '../floating-ui.react-dom-es.js';
 import { S as Separator } from '../Separator-es.js';
 import '../index-es.js';
 

package/dist/useScrollToActive-cjs.js

@@ -174,7 +174,7 @@ function baseOrderBy$1(collection, iteratees, orders) {
       if (isArray(iteratee)) {
         return function(value) {
           return baseGet(value, iteratee.length === 1 ? iteratee[0] : iteratee);
-        }
+        };
       }
       return iteratee;
     });

package/dist/useScrollToActive-es.js

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
 import { a as _arrayMap, b as _baseGet } from './_getAllKeys-es.js';
 import { _ as _baseEach, a as _baseIteratee } from './_baseEach-es.js';
-import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-es.js';
+import { i as isArrayLike_1, a as isArray_1, k as _baseUnary } from './isTypedArray-es.js';
 import { i as isSymbol_1 } from './isSymbol-es.js';
 import { i as identity_1 } from './identity-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
@@ -12,7 +12,7 @@ import { a as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useFloating } from './floating-ui.react-es.js';
 import { c as calculateMaxHeight } from './maxHeight-es.js';
-import { o as offset, f as flip, d as size, b as autoUpdate } from './floating-ui.react-dom-es.js';
+import { a as autoUpdate, o as offset, f as flip, d as size } from './floating-ui.react-dom-es.js';
 
 var baseEach = _baseEach,
     isArrayLike = isArrayLike_1;
@@ -172,7 +172,7 @@ function baseOrderBy$1(collection, iteratees, orders) {
       if (isArray(iteratee)) {
         return function(value) {
           return baseGet(value, iteratee.length === 1 ? iteratee[0] : iteratee);
-        }
+        };
       }
       return iteratee;
     });
@@ -231,7 +231,7 @@ var baseFlatten = _baseFlatten,
  * _.sortBy(users, ['user', 'age']);
  * // => objects for [['barney', 34], ['barney', 36], ['fred', 30], ['fred', 48]]
  */
-var sortBy = baseRest(function(collection, iteratees) {
+var sortBy$1 = baseRest(function(collection, iteratees) {
   if (collection == null) {
     return [];
   }
@@ -244,9 +244,9 @@ var sortBy = baseRest(function(collection, iteratees) {
   return baseOrderBy(collection, baseFlatten(iteratees, 1), []);
 });
 
-var sortBy_1 = sortBy;
+var sortBy_1 = sortBy$1;
 
-var sortBy$1 = /*@__PURE__*/getDefaultExportFromCjs(sortBy_1);
+var sortBy = /*@__PURE__*/getDefaultExportFromCjs(sortBy_1);
 
 /**
  * Recursively finds a focusable element (div or button) in the specified direction
@@ -271,7 +271,7 @@ function useInternalChipDismissible({ children, selected, onChange, onClick, onC
     const [wrapperElement, setWrapperElement] = useState(null);
     const chipOptions = children.map(chip => chip.props);
     const visibleChipOptions = chipOptions.filter(chip => selected.includes(chip.value));
-    const sortedVisibleChipOptions = sortBy$1(visibleChipOptions, chip => selected.indexOf(chip.value));
+    const sortedVisibleChipOptions = sortBy(visibleChipOptions, chip => selected.indexOf(chip.value));
     const availableChipOptions = chipOptions.filter(chip => !selected.includes(chip.value));
     const { liveAnnounce } = useLiveAnnounce();
     const actions = {
@@ -579,4 +579,4 @@ function useScrollToActive(index) {
     return ref;
 }
 
-export { useInternalChipDismissibleInput as a, useInView as b, useRepositionMenu as c, useScrollToActive as d, useInternalChipDismissible as u };
+export { useInternalChipDismissible as a, useInternalChipDismissibleInput as b, useRepositionMenu as c, useScrollToActive as d, useInView as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.123.1",
+  "version": "6.123.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -472,19 +472,19 @@
     }
   },
   "scripts": {
-    "build": "npm run build:pre && rollup --config && npm run build:post",
-    "build:pre": "npm run css:types:build && PREBUILD_CSS=true rollup --config && cp dist/styles.css ./styles.css.backup && npm run clean",
+    "build": "pnpm run build:pre && rollup --config && pnpm run build:post",
+    "build:pre": "pnpm run css:types:build && PREBUILD_CSS=true rollup --config && cp dist/styles.css ./styles.css.backup && pnpm run clean",
     "build:post": "mv ./styles.css.backup dist/styles.css",
-    "bootstrap": "npm run clean; npm run build",
+    "bootstrap": "pnpm run clean && pnpm run build",
     "clean": "rm -rf dist/* tsconfig.rollup.tsbuildinfo",
     "css:types:watch": "tcm -w -p \"**/*.module.css\" src",
     "css:types:build": "tcm -p \"**/*.module.css\" src",
     "entryPoints:build": "ts-node --project ../../tsconfig.bin.json ../../scripts/entryPoints.ts",
-    "entryPoints:clean": "npm run entryPoints:build clean",
-    "prepack": "npm run entryPoints:build",
-    "postpack": "npm run entryPoints:clean",
-    "watch": "concurrently -k -n rollup,css -c yellow,magenta \"rollup -c rollup.config.mjs --watch\" \"npm run css:types:watch\"",
-    "storybook": "concurrently -k -n storybook,css -c blue,magenta \"storybook dev -p 6007 --disable-telemetry\" \"npm run css:types:watch\"",
+    "entryPoints:clean": "pnpm run entryPoints:build clean",
+    "prepack": "pnpm run entryPoints:build",
+    "postpack": "pnpm run entryPoints:clean",
+    "watch": "concurrently -k -n rollup,css -c yellow,magenta \"rollup -c rollup.config.mjs --watch\" \"pnpm run css:types:watch\"",
+    "storybook": "concurrently -k -n storybook,css -c blue,magenta \"storybook dev -p 6007 --disable-telemetry\" \"pnpm run css:types:watch\"",
     "storybook:build": "storybook build --disable-telemetry"
   },
   "files": [
@@ -497,7 +497,9 @@
   "dependencies": {
     "@base-ui/react": "1.3.0",
     "@floating-ui/react": "^0.27.5",
+    "@floating-ui/utils": "0.2.11",
     "@jobber/formatters": "^0.5.0",
+    "@react-types/overlays": "^3.9.4",
     "@tanstack/react-table": "8.5.13",
     "@types/color": "^3.0.1",
     "@types/lodash": "^4.14.136",
@@ -516,30 +518,45 @@
     "react-hook-form": "^7.52.0",
     "react-markdown": "^10.1.0",
     "react-router-dom": "^5.3.4",
-    "ts-xor": "^1.0.8"
+    "ts-xor": "^1.0.8",
+    "tslib": "^2.8.1"
   },
   "devDependencies": {
+    "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
+    "@jobber/hooks": "2.19.4",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "9.1.19",
-    "@storybook/react-vite": "9.1.19",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-mcp": "^0.4.2",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/react-vite": "10.3.5",
     "@types/glob": "^7.1.1",
+    "@types/node": "^22.10.1",
+    "@vitest/browser-playwright": "^4.1.2",
+    "@vitest/coverage-v8": "^4.1.2",
     "autoprefixer": "^9.5.1",
     "copyfiles": "^2.4.1",
+    "eslint-plugin-storybook": "10.3.5",
     "glob": "^7.1.4",
     "jsdom-testing-mocks": "^1.9.0",
+    "playwright": "1.59.1",
     "postcss": "^8.4.40",
     "postcss-import": "^12.0.1",
     "postcss-preset-env": "^8.3.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-multi-input": "^1.4.1",
     "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "9.1.19",
-    "typed-css-modules": "^0.9.1"
+    "storybook": "10.3.5",
+    "typed-css-modules": "^0.9.1",
+    "vite": "5.3.1",
+    "vitest": "^4.1.2"
   },
   "peerDependencies": {
     "@apollo/client": "^3",
@@ -562,5 +579,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "17d0851c1fe172f2dafb30b9dcb894e4b1c47e34"
+  "gitHead": "2306bc5ca1ed0a56871602085cc3c4223b9d08d8"
 }

package/rollup.config.mjs

@@ -11,6 +11,9 @@ import presetenv from "postcss-preset-env";
 import multiInput from "rollup-plugin-multi-input";
 import nodePolyfills from "rollup-plugin-polyfill-node";
 
+const createMultiInput =
+  typeof multiInput === "function" ? multiInput : multiInput.default;
+
 /**
  * When PREBUILD_CSS is supplied, only build the main index.ts file.
  * This ensures postcss maintains consistent ordering of styles across builds.
@@ -53,7 +56,7 @@ export default {
   plugins: [
     nodePolyfills(),
     nodeResolve(),
-    multiInput.default({ glob: { ignore: ["src/**/docs/index.ts"] } }),
+    createMultiInput({ glob: { ignore: ["src/**/docs/**"] } }),
     typescript({
       tsconfig: "./tsconfig.rollup.json",
       declarationDir: "dist",