@jobber/components 9.5.3 → 9.6.0

package/dist/getMappedBreakpointWidth-cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+const AtlantisBreakpoints = {
+    xs: 0,
+    sm: 490,
+    md: 768,
+    lg: 1080,
+    xl: 1440,
+};
+const getMappedBreakpointWidth = (maxWidth) => {
+    if (typeof maxWidth === "number") {
+        return `${maxWidth}px`;
+    }
+    if (AtlantisBreakpoints[maxWidth]) {
+        return (AtlantisBreakpoints[maxWidth] + "px");
+    }
+    return maxWidth;
+};
+
+exports.AtlantisBreakpoints = AtlantisBreakpoints;
+exports.getMappedBreakpointWidth = getMappedBreakpointWidth;

package/dist/getMappedBreakpointWidth-es.js

@@ -0,0 +1,18 @@
+const AtlantisBreakpoints = {
+    xs: 0,
+    sm: 490,
+    md: 768,
+    lg: 1080,
+    xl: 1440,
+};
+const getMappedBreakpointWidth = (maxWidth) => {
+    if (typeof maxWidth === "number") {
+        return `${maxWidth}px`;
+    }
+    if (AtlantisBreakpoints[maxWidth]) {
+        return (AtlantisBreakpoints[maxWidth] + "px");
+    }
+    return maxWidth;
+};
+
+export { AtlantisBreakpoints as A, getMappedBreakpointWidth as g };

package/dist/index.cjs

@@ -11,6 +11,7 @@ var Button = require('./Button-cjs.js');
 var ButtonDismiss = require('./ButtonDismiss-cjs.js');
 var Card = require('./Card-cjs.js');
 var Cluster = require('./Cluster-cjs.js');
+var Combobox = require('./Combobox-cjs.js');
 var Container = require('./Container-cjs.js');
 var Cover = require('./Cover-cjs.js');
 var Checkbox = require('./Checkbox-cjs.js');
@@ -103,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');
@@ -114,6 +113,19 @@ require('color');
 require('./tslib.es6-cjs.js');
 require('react-router-dom');
 require('./getMappedAtlantisSpaceToken-cjs.js');
+require('./getMappedBreakpointWidth-cjs.js');
+require('./buttonRenderAdapter-cjs.js');
+require('./useRenderElement-cjs.js');
+require('./ComboboxPrimitive-cjs.js');
+require('./mergeClassName-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('./HelperText-cjs.js');
+require('./FieldDescription-cjs.js');
 require('./useChildComponent-cjs.js');
 require('./InternalChipDismissible-cjs.js');
 require('./useScrollToActive-cjs.js');
@@ -170,18 +182,13 @@ require('./DataListLoadMore-cjs.js');
 require('./DataListAction-cjs.js');
 require('./DataListLayoutActions-cjs.js');
 require('./DataListStatusBar-cjs.js');
-require('./buttonRenderAdapter-cjs.js');
-require('./useRenderElement-cjs.js');
 require('./ScrollAreaViewport-cjs.js');
-require('./useScrollLock-cjs.js');
 require('./scrollEdges-cjs.js');
 require('./OverlaySeparator-cjs.js');
 require('./Separator-cjs.js');
 require('./BottomSheet-cjs.js');
-require('./HelperText-cjs.js');
 require('./SelectPrimitive-cjs.js');
 require('./SelectGroupLabel-cjs.js');
-require('./useCompositeListItem-cjs.js');
 require('./DrawerTitle-cjs.js');
 require('./DrawerDescription-cjs.js');
 require('./nestedEscape-cjs.js');
@@ -190,10 +197,7 @@ require('filesize');
 require('./GridCell-cjs.js');
 require('./FormFieldPostFix-cjs.js');
 require('axios');
-require('./FieldDescription-cjs.js');
-require('./useLabel-cjs.js');
 require('./NumberFieldInput-cjs.js');
-require('./stringifyLocale-cjs.js');
 require('./MenuSubmenuTrigger-cjs.js');
 require('./AtlantisPortalContent-cjs.js');
 require('@jobber/formatters');
@@ -231,6 +235,7 @@ exports.useButtonStyles = Button.useButtonStyles;
 exports.ButtonDismiss = ButtonDismiss.ButtonDismiss;
 exports.Card = Card.Card;
 exports.Cluster = Cluster.Cluster;
+exports.Combobox = Combobox.Combobox;
 exports.Container = Container.Container;
 exports.Cover = Cover.Cover;
 exports.Checkbox = Checkbox.Checkbox;

package/dist/index.d.mts

@@ -9,6 +9,7 @@ export * from "./Button";
 export * from "./ButtonDismiss";
 export * from "./Card";
 export * from "./Cluster";
+export * from "./Combobox";
 export * from "./Container";
 export * from "./Cover";
 export * from "./Checkbox";

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from "./Button";
 export * from "./ButtonDismiss";
 export * from "./Card";
 export * from "./Cluster";
+export * from "./Combobox";
 export * from "./Container";
 export * from "./Cover";
 export * from "./Checkbox";

package/dist/index.mjs

@@ -9,6 +9,7 @@ export { B as Button, a as useButtonContext, u as useButtonStyles } from './Butt
 export { B as ButtonDismiss } from './ButtonDismiss-es.js';
 export { C as Card } from './Card-es.js';
 export { C as Cluster } from './Cluster-es.js';
+export { C as Combobox } from './Combobox-es.js';
 export { C as Container } from './Container-es.js';
 export { C as Cover } from './Cover-es.js';
 export { C as Checkbox } from './Checkbox-es.js';
@@ -101,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';
@@ -112,6 +111,19 @@ import 'color';
 import './tslib.es6-es.js';
 import 'react-router-dom';
 import './getMappedAtlantisSpaceToken-es.js';
+import './getMappedBreakpointWidth-es.js';
+import './buttonRenderAdapter-es.js';
+import './useRenderElement-es.js';
+import './ComboboxPrimitive-es.js';
+import './mergeClassName-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 './HelperText-es.js';
+import './FieldDescription-es.js';
 import './useChildComponent-es.js';
 import './InternalChipDismissible-es.js';
 import './useScrollToActive-es.js';
@@ -168,18 +180,13 @@ import './DataListLoadMore-es.js';
 import './DataListAction-es.js';
 import './DataListLayoutActions-es.js';
 import './DataListStatusBar-es.js';
-import './buttonRenderAdapter-es.js';
-import './useRenderElement-es.js';
 import './ScrollAreaViewport-es.js';
-import './useScrollLock-es.js';
 import './scrollEdges-es.js';
 import './OverlaySeparator-es.js';
 import './Separator-es.js';
 import './BottomSheet-es.js';
-import './HelperText-es.js';
 import './SelectPrimitive-es.js';
 import './SelectGroupLabel-es.js';
-import './useCompositeListItem-es.js';
 import './DrawerTitle-es.js';
 import './DrawerDescription-es.js';
 import './nestedEscape-es.js';
@@ -188,10 +195,7 @@ import 'filesize';
 import './GridCell-es.js';
 import './FormFieldPostFix-es.js';
 import 'axios';
-import './FieldDescription-es.js';
-import './useLabel-es.js';
 import './NumberFieldInput-es.js';
-import './stringifyLocale-es.js';
 import './MenuSubmenuTrigger-es.js';
 import './AtlantisPortalContent-es.js';
 import '@jobber/formatters';

package/dist/mergeClassName-cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var classnames = require('classnames');
+
+function mergeClassName(baseClassName, className) {
+    if (typeof className === "function") {
+        return (state) => classnames(baseClassName, className(state));
+    }
+    return classnames(baseClassName, className);
+}
+
+exports.mergeClassName = mergeClassName;

package/dist/mergeClassName-es.js

@@ -0,0 +1,10 @@
+import classnames from 'classnames';
+
+function mergeClassName(baseClassName, className) {
+    if (typeof className === "function") {
+        return (state) => classnames(baseClassName, className(state));
+    }
+    return classnames(baseClassName, className);
+}
+
+export { mergeClassName as m };

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/ComboboxPrimitive.d.ts

@@ -8,7 +8,7 @@ declare function ComboboxInput({ className, ...inputProps }: ComboboxPrimitiveIn
 declare function ComboboxInputGroup({ className, ...inputGroupProps }: ComboboxPrimitiveInputGroupProps): React.JSX.Element;
 declare function ComboboxTrigger({ className, render, ...triggerProps }: ComboboxPrimitiveTriggerProps): React.JSX.Element;
 declare function ComboboxList({ className, ...listProps }: ComboboxPrimitiveListProps): React.JSX.Element;
-declare function ComboboxStatus(props: ComboboxPrimitiveStatusProps): React.JSX.Element;
+declare function ComboboxStatus({ className, ...statusProps }: ComboboxPrimitiveStatusProps): React.JSX.Element;
 declare function ComboboxPortal(props: ComboboxPrimitivePortalProps): React.JSX.Element;
 declare function ComboboxBackdrop({ className, ...backdropProps }: ComboboxPrimitiveBackdropProps): React.JSX.Element;
 declare function ComboboxPositioner({ className, sideOffset, ...positionerProps }: ComboboxPrimitivePositionerProps): React.JSX.Element;
@@ -25,7 +25,7 @@ declare function ComboboxChipRemove({ className, ...chipRemoveProps }: ComboboxP
 declare function ComboboxRow({ className, ...rowProps }: ComboboxPrimitiveRowProps): React.JSX.Element;
 declare function ComboboxCollection(props: ComboboxPrimitiveCollectionProps): React.JSX.Element;
 declare function ComboboxEmpty({ className, ...emptyProps }: ComboboxPrimitiveEmptyProps): React.JSX.Element;
-declare function ComboboxClear({ className, ...clearProps }: ComboboxPrimitiveClearProps): React.JSX.Element;
+declare function ComboboxClear({ className, render, ...clearProps }: ComboboxPrimitiveClearProps): React.JSX.Element;
 declare function ComboboxSeparator({ className, ...separatorProps }: ComboboxPrimitiveSeparatorProps): React.JSX.Element;
 declare const useFilter: typeof BaseCombobox.useFilter;
 declare const useFilteredItems: typeof BaseCombobox.useFilteredItems;

package/dist/primitives/ComboboxPrimitive/index.cjs

@@ -3,24 +3,23 @@
 var ComboboxPrimitive = require('../../ComboboxPrimitive-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react');
-require('classnames');
 require('../../buttonRenderAdapter-cjs.js');
 require('../../Button-cjs.js');
 require('react-router-dom');
+require('classnames');
 require('../../Icon-cjs.js');
 require('@jobber/design');
 require('../../Typography-cjs.js');
 require('../../useRenderElement-cjs.js');
-require('../../ComboboxChipRemove-cjs.js');
+require('../../mergeClassName-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

@@ -1,21 +1,20 @@
 export { C as ComboboxPrimitive } from '../../ComboboxPrimitive-es.js';
 import '../../tslib.es6-es.js';
 import 'react';
-import 'classnames';
 import '../../buttonRenderAdapter-es.js';
 import '../../Button-es.js';
 import 'react-router-dom';
+import 'classnames';
 import '../../Icon-es.js';
 import '@jobber/design';
 import '../../Typography-es.js';
 import '../../useRenderElement-es.js';
-import '../../ComboboxChipRemove-es.js';
+import '../../mergeClassName-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

@@ -4,6 +4,7 @@ var SelectPrimitive = require('../../SelectPrimitive-cjs.js');
 require('../../tslib.es6-cjs.js');
 require('react');
 require('classnames');
+require('../../mergeClassName-cjs.js');
 require('../../Icon-cjs.js');
 require('@jobber/design');
 require('../../OverlaySeparator-cjs.js');
@@ -11,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

@@ -2,6 +2,7 @@ export { S as SelectPrimitive } from '../../SelectPrimitive-es.js';
 import '../../tslib.es6-es.js';
 import 'react';
 import 'classnames';
+import '../../mergeClassName-es.js';
 import '../../Icon-es.js';
 import '@jobber/design';
 import '../../OverlaySeparator-es.js';
@@ -9,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,14 +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('../ComboboxChipRemove-cjs.js');
+require('../mergeClassName-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,14 +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 '../ComboboxChipRemove-es.js';
+import '../mergeClassName-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 };