@jobber/components 9.9.0 → 9.10.1

package/dist/index.cjs

@@ -104,10 +104,8 @@ require('./keysIn-cjs.js');
 require('./_isIterateeCall-cjs.js');
 require('./_setToString-cjs.js');
 require('./floating-ui.react-cjs.js');
-require('./floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('./floating-ui.react-dom-cjs.js');
 require('./maxHeight-cjs.js');
 require('./mergeRefs-cjs.js');
 require('./filterDataAttributes-cjs.js');
@@ -119,12 +117,12 @@ require('./buttonRenderAdapter-cjs.js');
 require('./useRenderElement-cjs.js');
 require('./ComboboxPrimitive-cjs.js');
 require('./mergeClassName-cjs.js');
-require('./ComboboxChipRemove-cjs.js');
+require('./ComboboxSeparator-cjs.js');
 require('./useScrollLock-cjs.js');
 require('./useCompositeListItem-cjs.js');
 require('./stringifyLocale-cjs.js');
+require('./scrollable-cjs.js');
 require('./useLabel-cjs.js');
-require('./Separator-cjs.js');
 require('./HelperText-cjs.js');
 require('./FieldDescription-cjs.js');
 require('./useChildComponent-cjs.js');
@@ -186,6 +184,7 @@ require('./DataListStatusBar-cjs.js');
 require('./ScrollAreaViewport-cjs.js');
 require('./scrollEdges-cjs.js');
 require('./OverlaySeparator-cjs.js');
+require('./Separator-cjs.js');
 require('./BottomSheet-cjs.js');
 require('./SelectPrimitive-cjs.js');
 require('./SelectGroupLabel-cjs.js');

package/dist/index.mjs

@@ -102,10 +102,8 @@ import './keysIn-es.js';
 import './_isIterateeCall-es.js';
 import './_setToString-es.js';
 import './floating-ui.react-es.js';
-import './floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import './floating-ui.react-dom-es.js';
 import './maxHeight-es.js';
 import './mergeRefs-es.js';
 import './filterDataAttributes-es.js';
@@ -117,12 +115,12 @@ import './buttonRenderAdapter-es.js';
 import './useRenderElement-es.js';
 import './ComboboxPrimitive-es.js';
 import './mergeClassName-es.js';
-import './ComboboxChipRemove-es.js';
+import './ComboboxSeparator-es.js';
 import './useScrollLock-es.js';
 import './useCompositeListItem-es.js';
 import './stringifyLocale-es.js';
+import './scrollable-es.js';
 import './useLabel-es.js';
-import './Separator-es.js';
 import './HelperText-es.js';
 import './FieldDescription-es.js';
 import './useChildComponent-es.js';
@@ -184,6 +182,7 @@ import './DataListStatusBar-es.js';
 import './ScrollAreaViewport-es.js';
 import './scrollEdges-es.js';
 import './OverlaySeparator-es.js';
+import './Separator-es.js';
 import './BottomSheet-es.js';
 import './SelectPrimitive-es.js';
 import './SelectGroupLabel-es.js';

package/dist/primitives/BottomSheet/index.cjs

@@ -13,10 +13,10 @@ require('../../Typography-cjs.js');
 require('../../useRenderElement-cjs.js');
 require('../../ScrollAreaViewport-cjs.js');
 require('../../useScrollLock-cjs.js');
-require('../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../../scrollEdges-cjs.js');
+require('../../scrollable-cjs.js');
 
 
 

package/dist/primitives/BottomSheet/index.mjs

@@ -11,7 +11,7 @@ import '../../Typography-es.js';
 import '../../useRenderElement-es.js';
 import '../../ScrollAreaViewport-es.js';
 import '../../useScrollLock-es.js';
-import '../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../../scrollEdges-es.js';
+import '../../scrollable-es.js';

package/dist/primitives/ComboboxPrimitive/index.cjs

@@ -12,16 +12,14 @@ require('@jobber/design');
 require('../../Typography-cjs.js');
 require('../../useRenderElement-cjs.js');
 require('../../mergeClassName-cjs.js');
-require('../../ComboboxChipRemove-cjs.js');
+require('../../ComboboxSeparator-cjs.js');
 require('../../useScrollLock-cjs.js');
-require('../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../../useCompositeListItem-cjs.js');
-require('../../floating-ui.react-dom-cjs.js');
 require('../../stringifyLocale-cjs.js');
+require('../../scrollable-cjs.js');
 require('../../useLabel-cjs.js');
-require('../../Separator-cjs.js');
 
 
 

package/dist/primitives/ComboboxPrimitive/index.mjs

@@ -10,13 +10,11 @@ import '@jobber/design';
 import '../../Typography-es.js';
 import '../../useRenderElement-es.js';
 import '../../mergeClassName-es.js';
-import '../../ComboboxChipRemove-es.js';
+import '../../ComboboxSeparator-es.js';
 import '../../useScrollLock-es.js';
-import '../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../../useCompositeListItem-es.js';
-import '../../floating-ui.react-dom-es.js';
 import '../../stringifyLocale-es.js';
+import '../../scrollable-es.js';
 import '../../useLabel-es.js';
-import '../../Separator-es.js';

package/dist/primitives/SelectPrimitive/index.cjs

@@ -12,11 +12,9 @@ require('../../Separator-cjs.js');
 require('../../useRenderElement-cjs.js');
 require('../../SelectGroupLabel-cjs.js');
 require('../../useScrollLock-cjs.js');
-require('../../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../../useCompositeListItem-cjs.js');
-require('../../floating-ui.react-dom-cjs.js');
 require('../../scrollEdges-cjs.js');
 
 

package/dist/primitives/SelectPrimitive/index.mjs

@@ -10,9 +10,7 @@ import '../../Separator-es.js';
 import '../../useRenderElement-es.js';
 import '../../SelectGroupLabel-es.js';
 import '../../useScrollLock-es.js';
-import '../../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../../useCompositeListItem-es.js';
-import '../../floating-ui.react-dom-es.js';
 import '../../scrollEdges-es.js';

package/dist/primitives/index.cjs

@@ -18,15 +18,14 @@ require('@jobber/design');
 require('../Typography-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
 require('../scrollEdges-cjs.js');
+require('../scrollable-cjs.js');
 require('../Text-cjs.js');
 require('../mergeClassName-cjs.js');
-require('../ComboboxChipRemove-cjs.js');
+require('../ComboboxSeparator-cjs.js');
 require('../useCompositeListItem-cjs.js');
-require('../floating-ui.react-dom-cjs.js');
 require('../stringifyLocale-cjs.js');
 require('../useLabel-cjs.js');
 require('../SelectGroupLabel-cjs.js');

package/dist/primitives/index.mjs

@@ -16,15 +16,14 @@ import '@jobber/design';
 import '../Typography-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
 import '../scrollEdges-es.js';
+import '../scrollable-es.js';
 import '../Text-es.js';
 import '../mergeClassName-es.js';
-import '../ComboboxChipRemove-es.js';
+import '../ComboboxSeparator-es.js';
 import '../useCompositeListItem-es.js';
-import '../floating-ui.react-dom-es.js';
 import '../stringifyLocale-es.js';
 import '../useLabel-es.js';
 import '../SelectGroupLabel-es.js';

package/dist/scrollEdges-cjs.js

@@ -28,10 +28,7 @@ const ARROW_LEFT = 'ArrowLeft';
 const ARROW_RIGHT = 'ArrowRight';
 const HOME = 'Home';
 const END = 'End';
-const HORIZONTAL_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT]);
-const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
-const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
-const COMPOSITE_KEYS = new Set([...ARROW_KEYS, HOME, END]);
+const COMPOSITE_KEYS = new Set([ARROW_UP, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, HOME, END]);
 
 function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
@@ -51,18 +48,11 @@ const styleDisableScrollbar = {
 };
 if (process.env.NODE_ENV !== "production") styleDisableScrollbar.getElement.displayName = "styleDisableScrollbar.getElement";
 
-/**
- * @internal
- */
 const CSPContext = /*#__PURE__*/React__namespace.createContext(undefined);
 if (process.env.NODE_ENV !== "production") CSPContext.displayName = "CSPContext";
 const DEFAULT_CSP_CONTEXT_VALUE = {
   disableStyleElements: false
 };
-
-/**
- * @internal
- */
 function useCSPContext() {
   return React__namespace.useContext(CSPContext) ?? DEFAULT_CSP_CONTEXT_VALUE;
 }

package/dist/scrollEdges-es.js

@@ -7,10 +7,7 @@ const ARROW_LEFT = 'ArrowLeft';
 const ARROW_RIGHT = 'ArrowRight';
 const HOME = 'Home';
 const END = 'End';
-const HORIZONTAL_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT]);
-const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);
-const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
-const COMPOSITE_KEYS = new Set([...ARROW_KEYS, HOME, END]);
+const COMPOSITE_KEYS = new Set([ARROW_UP, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, HOME, END]);
 
 function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
@@ -30,18 +27,11 @@ const styleDisableScrollbar = {
 };
 if (process.env.NODE_ENV !== "production") styleDisableScrollbar.getElement.displayName = "styleDisableScrollbar.getElement";
 
-/**
- * @internal
- */
 const CSPContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") CSPContext.displayName = "CSPContext";
 const DEFAULT_CSP_CONTEXT_VALUE = {
   disableStyleElements: false
 };
-
-/**
- * @internal
- */
 function useCSPContext() {
   return React.useContext(CSPContext) ?? DEFAULT_CSP_CONTEXT_VALUE;
 }

package/dist/scrollable-cjs.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var useScrollLock = require('./useScrollLock-cjs.js');
+
+function isScrollableY(element, allowOverflowIntent = false) {
+  const {
+    overflowY
+  } = useScrollLock.getComputedStyle(element);
+  if (overflowY !== 'auto' && overflowY !== 'scroll') {
+    return false;
+  }
+  // When `allowOverflowIntent` is true, a container that overflows only once extra space is
+  // added (e.g. drawer keyboard scroll slack) still counts, as long as it has layout size on
+  // the axis.
+  return allowOverflowIntent ? element.clientHeight > 0 : element.scrollHeight > element.clientHeight;
+}
+function isScrollableX(element, allowOverflowIntent = false) {
+  const {
+    overflowX
+  } = useScrollLock.getComputedStyle(element);
+  if (overflowX !== 'auto' && overflowX !== 'scroll') {
+    return false;
+  }
+  return allowOverflowIntent ? element.clientWidth > 0 : element.scrollWidth > element.clientWidth;
+}
+function isScrollable(element, axis, allowOverflowIntent = false) {
+  return axis === 'vertical' ? isScrollableY(element, allowOverflowIntent) : isScrollableX(element, allowOverflowIntent);
+}
+function hasScrollableAncestor(target, root, axes) {
+  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
+  // still walks up to scrollable ancestors in the light DOM.
+  let node = target;
+  while (useScrollLock.isHTMLElement(node) && node !== root && !useScrollLock.isLastTraversableNode(node)) {
+    for (const axis of axes) {
+      if (isScrollable(node, axis)) {
+        return true;
+      }
+    }
+    node = useScrollLock.getParentNode(node);
+  }
+  return false;
+}
+function findScrollableTouchTarget(target, root, axis = 'vertical', allowOverflowIntent = false) {
+  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
+  // still reaches a scrollable ancestor in the light DOM.
+  let node = useScrollLock.isHTMLElement(target) ? target : null;
+  while (useScrollLock.isHTMLElement(node) && node !== root && !useScrollLock.isLastTraversableNode(node)) {
+    if (isScrollable(node, axis, allowOverflowIntent)) {
+      return node;
+    }
+    node = useScrollLock.getParentNode(node);
+  }
+  return isScrollable(root, axis, allowOverflowIntent) ? root : null;
+}
+
+exports.findScrollableTouchTarget = findScrollableTouchTarget;
+exports.hasScrollableAncestor = hasScrollableAncestor;
+exports.isScrollableY = isScrollableY;

package/dist/scrollable-es.js

@@ -0,0 +1,54 @@
+import { g as getComputedStyle, i as isHTMLElement, a as isLastTraversableNode, b as getParentNode } from './useScrollLock-es.js';
+
+function isScrollableY(element, allowOverflowIntent = false) {
+  const {
+    overflowY
+  } = getComputedStyle(element);
+  if (overflowY !== 'auto' && overflowY !== 'scroll') {
+    return false;
+  }
+  // When `allowOverflowIntent` is true, a container that overflows only once extra space is
+  // added (e.g. drawer keyboard scroll slack) still counts, as long as it has layout size on
+  // the axis.
+  return allowOverflowIntent ? element.clientHeight > 0 : element.scrollHeight > element.clientHeight;
+}
+function isScrollableX(element, allowOverflowIntent = false) {
+  const {
+    overflowX
+  } = getComputedStyle(element);
+  if (overflowX !== 'auto' && overflowX !== 'scroll') {
+    return false;
+  }
+  return allowOverflowIntent ? element.clientWidth > 0 : element.scrollWidth > element.clientWidth;
+}
+function isScrollable(element, axis, allowOverflowIntent = false) {
+  return axis === 'vertical' ? isScrollableY(element, allowOverflowIntent) : isScrollableX(element, allowOverflowIntent);
+}
+function hasScrollableAncestor(target, root, axes) {
+  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
+  // still walks up to scrollable ancestors in the light DOM.
+  let node = target;
+  while (isHTMLElement(node) && node !== root && !isLastTraversableNode(node)) {
+    for (const axis of axes) {
+      if (isScrollable(node, axis)) {
+        return true;
+      }
+    }
+    node = getParentNode(node);
+  }
+  return false;
+}
+function findScrollableTouchTarget(target, root, axis = 'vertical', allowOverflowIntent = false) {
+  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
+  // still reaches a scrollable ancestor in the light DOM.
+  let node = isHTMLElement(target) ? target : null;
+  while (isHTMLElement(node) && node !== root && !isLastTraversableNode(node)) {
+    if (isScrollable(node, axis, allowOverflowIntent)) {
+      return node;
+    }
+    node = getParentNode(node);
+  }
+  return isScrollable(root, axis, allowOverflowIntent) ? root : null;
+}
+
+export { findScrollableTouchTarget as f, hasScrollableAncestor as h, isScrollableY as i };

package/dist/styles.css

@@ -11971,10 +11971,30 @@ html.atlantisLightBoxActive {
   grid-column: 2;
   justify-self: center;
 }
-._3DY1o57MHxg- {
+.OunDmtPpa9g- {
   grid-column: 1;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 8px;
+  gap: var(--space-small);
   justify-self: start;
 }
+.TPSJq-8p0vo- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+.vZU6ZSl8QLI-,
+.vubHTSF4aYA- {
+  white-space: nowrap;
+}
+.vubHTSF4aYA- {
+  color: var(--color-text--subdued);
+  font-weight: normal;
+}
 .yYFVVScosfQ- {
   position: absolute;
   width: 100%;