@jobber/components 9.10.0 → 9.10.1

package/dist/Autocomplete/index.cjs

@@ -3,10 +3,8 @@
 var Autocomplete = require('../Autocomplete-cjs.js');
 require('react');
 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('classnames');
 require('@jobber/design');
 require('@jobber/hooks');

package/dist/Autocomplete/index.mjs

@@ -1,10 +1,8 @@
 export { A as Autocomplete } from '../Autocomplete-es.js';
 import 'react';
 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 'classnames';
 import '@jobber/design';
 import '@jobber/hooks';

package/dist/Autocomplete-cjs.js

@@ -6,7 +6,6 @@ var classnames = require('classnames');
 var design = require('@jobber/design');
 var jobberHooks = require('@jobber/hooks');
 var maxHeight = require('./maxHeight-cjs.js');
-var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var Heading = require('./Heading-cjs.js');
 var Text = require('./Text-cjs.js');
 var Typography = require('./Typography-cjs.js');
@@ -137,7 +136,7 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
     const listRef = React.useRef([]);
     const { refs, floatingStyles, context } = floatingUi_react.useFloating({
         placement: "bottom",
-        whileElementsMounted: floatingUi_reactDom.autoUpdate,
+        whileElementsMounted: floatingUi_react.autoUpdate,
         open,
         onOpenChange: (isOpen, _event, reason) => {
             setOpen(isOpen);
@@ -152,9 +151,9 @@ function useAutocompleteListNav({ navigableCount, shouldResetActiveIndexOnClose,
             }
         },
         middleware: [
-            floatingUi_reactDom.offset(MENU_OFFSET),
-            floatingUi_reactDom.flip({ fallbackPlacements: ["top"] }),
-            floatingUi_reactDom.size({
+            floatingUi_react.offset(MENU_OFFSET),
+            floatingUi_react.flip({ fallbackPlacements: ["top"] }),
+            floatingUi_react.size({
                 apply({ availableHeight, rects, elements }) {
                     const maxHeight$1 = maxHeight.calculateMaxHeight(availableHeight, {
                         maxHeight: AUTOCOMPLETE_MAX_HEIGHT,

package/dist/Autocomplete-es.js

@@ -1,10 +1,9 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, k as useClick, g as useListNavigation, c as useDismiss, d as useInteractions, F as FloatingPortal, i as FloatingFocusManager, l as useTransitionStyles } from './floating-ui.react-es.js';
+import { u as useFloating, b as autoUpdate, o as offset, f as flip, m as size, t as useClick, n as useListNavigation, e as useDismiss, g as useInteractions, F as FloatingPortal, q as FloatingFocusManager, v as useTransitionStyles } from './floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce } from '@jobber/hooks';
 import { c as calculateMaxHeight } from './maxHeight-es.js';
-import { b as autoUpdate, o as offset, f as flip, d as size } from './floating-ui.react-dom-es.js';
 import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';
 import { T as Typography } from './Typography-es.js';

package/dist/Card/index.cjs

@@ -14,10 +14,8 @@ require('../Menu-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
 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('../useAtlantisI18n-cjs.js');
 require('../AtlantisContext-cjs.js');
 require('../useFormFieldFocus-cjs.js');
@@ -30,6 +28,7 @@ require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
 require('../useScrollLock-cjs.js');
 require('../scrollEdges-cjs.js');
+require('../scrollable-cjs.js');
 require('../HelperText-cjs.js');
 require('../Text-cjs.js');
 require('../SelectPrimitive-cjs.js');

package/dist/Card/index.mjs

@@ -12,10 +12,8 @@ import '../Menu-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
 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 '../useAtlantisI18n-es.js';
 import '../AtlantisContext-es.js';
 import '../useFormFieldFocus-es.js';
@@ -28,6 +26,7 @@ import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
 import '../useScrollLock-es.js';
 import '../scrollEdges-es.js';
+import '../scrollable-es.js';
 import '../HelperText-es.js';
 import '../Text-es.js';
 import '../SelectPrimitive-es.js';

package/dist/Chip/index.cjs

@@ -16,10 +16,8 @@ require('../AtlantisContext-cjs.js');
 require('../Typography-cjs.js');
 require('../Tooltip-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('framer-motion');
 
 

package/dist/Chip/index.mjs

@@ -14,8 +14,6 @@ import '../AtlantisContext-es.js';
 import '../Typography-es.js';
 import '../Tooltip-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 'framer-motion';

package/dist/Chips/InternalChipDismissible/hooks/index.cjs

@@ -19,10 +19,8 @@ require('../../../debounce-cjs.js');
 require('../../../Icon-cjs.js');
 require('@jobber/design');
 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');
 
 

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -17,8 +17,6 @@ import '../../../debounce-es.js';
 import '../../../Icon-es.js';
 import '@jobber/design';
 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';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -20,10 +20,8 @@ require('../../debounce-cjs.js');
 require('../../Icon-cjs.js');
 require('@jobber/design');
 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('classnames');
 require('../../Text-cjs.js');

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -18,10 +18,8 @@ import '../../debounce-es.js';
 import '../../Icon-es.js';
 import '@jobber/design';
 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 'classnames';
 import '../../Text-es.js';

package/dist/Chips/index.cjs

@@ -22,10 +22,8 @@ require('../debounce-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 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('classnames');
 require('../Text-cjs.js');

package/dist/Chips/index.mjs

@@ -20,10 +20,8 @@ import '../debounce-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 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 'classnames';
 import '../Text-es.js';

package/dist/Combobox/index.cjs

@@ -15,16 +15,14 @@ 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('../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');
 require('../Glimmer-cjs.js');
 require('../Content-cjs.js');
 require('../HelperText-cjs.js');

package/dist/Combobox/index.mjs

@@ -13,16 +13,14 @@ 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 '../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';
 import '../Glimmer-es.js';
 import '../Content-es.js';
 import '../HelperText-es.js';

package/dist/ComboboxPrimitive-cjs.js

@@ -4,34 +4,33 @@ var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
 var mergeClassName = require('./mergeClassName-cjs.js');
-var ComboboxChipRemove$1 = require('./ComboboxChipRemove-cjs.js');
-var Separator = require('./Separator-cjs.js');
+var ComboboxSeparator$1 = require('./ComboboxSeparator-cjs.js');
 
 var styles = {"label":"qWsLxPjCBI8-","inputGroup":"EySvIEsW9Q4-","trigger":"F94vaco3HkM-","clear":"IYgNfHHPVFY-","input":"L-KgsoDZ360-","icon":"KBJi5F0wWc0-","positioner":"qfx6EynKdsk-","popup":"LOetsPPEwOk-","list":"TCtrYZwnZYo-","empty":"M166bxiQs88-","status":"_4lKs8q6dvXs-","item":"Cm53I7O4mMw-","row":"jvrxEbmYGpM-","itemIndicator":"GwotZ3R-quw-","group":"u5M1OKpKSWw-","separator":"mpkTjdLrAUI-","groupLabel":"_6UKKWI-irfo-","backdrop":"UnM-udfURI4-","arrow":"RZ4T5-BjTDY-","chips":"pkc7PhhfCuk-","chip":"fdKYm3GTKwk-","chipRemove":"vzuaMzxA96M-","spinning":"bk68oghmmqo-"};
 
 // Matches var(--space-smaller). Base UI expects this offset as a pixel number.
 const POSITIONER_SIDE_OFFSET = 4;
 function ComboboxRoot(props) {
-    return React.createElement(ComboboxChipRemove$1.ComboboxRoot, Object.assign({}, props));
+    return React.createElement(ComboboxSeparator$1.ComboboxRoot, Object.assign({}, props));
 }
 function ComboboxLabel(_a) {
     var { className } = _a, labelProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxLabel, Object.assign({}, labelProps, { className: mergeClassName.mergeClassName(styles.label, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxLabel, Object.assign({}, labelProps, { className: mergeClassName.mergeClassName(styles.label, className) })));
 }
 function ComboboxValue(props) {
-    return React.createElement(ComboboxChipRemove$1.ComboboxValue, Object.assign({}, props));
+    return React.createElement(ComboboxSeparator$1.ComboboxValue, Object.assign({}, props));
 }
 function ComboboxInput(_a) {
     var { className } = _a, inputProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxInput, Object.assign({}, inputProps, { className: mergeClassName.mergeClassName(styles.input, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxInput, Object.assign({}, inputProps, { className: mergeClassName.mergeClassName(styles.input, className) })));
 }
 function ComboboxInputGroup(_a) {
     var { className } = _a, inputGroupProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxInputGroup, Object.assign({}, inputGroupProps, { className: mergeClassName.mergeClassName(styles.inputGroup, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxInputGroup, Object.assign({}, inputGroupProps, { className: mergeClassName.mergeClassName(styles.inputGroup, className) })));
 }
 function ComboboxTrigger(_a) {
     var { className, render } = _a, triggerProps = tslib_es6.__rest(_a, ["className", "render"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxTrigger, Object.assign({}, triggerProps, { render: resolveComboboxTriggerRender(render), className: render ? className : mergeClassName.mergeClassName(styles.trigger, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxTrigger, Object.assign({}, triggerProps, { render: resolveComboboxTriggerRender(render), className: render ? className : mergeClassName.mergeClassName(styles.trigger, className) })));
 }
 function normalizeComboboxButtonRenderResult(renderedElement) {
     return buttonRenderAdapter.isAtlantisButtonRenderTarget(renderedElement)
@@ -73,85 +72,85 @@ function resolveComboboxClearRender(render) {
 }
 function ComboboxList(_a) {
     var { className } = _a, listProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxList, Object.assign({}, listProps, { className: mergeClassName.mergeClassName(styles.list, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxList, Object.assign({}, listProps, { className: mergeClassName.mergeClassName(styles.list, className) })));
 }
 function ComboboxStatus(_a) {
     var { className } = _a, statusProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxStatus, Object.assign({}, statusProps, { className: mergeClassName.mergeClassName(styles.status, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxStatus, Object.assign({}, statusProps, { className: mergeClassName.mergeClassName(styles.status, className) })));
 }
 function ComboboxPortal(props) {
-    return React.createElement(ComboboxChipRemove$1.ComboboxPortal, Object.assign({}, props));
+    return React.createElement(ComboboxSeparator$1.ComboboxPortal, Object.assign({}, props));
 }
 function ComboboxBackdrop(_a) {
     var { className } = _a, backdropProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxBackdrop, Object.assign({}, backdropProps, { className: mergeClassName.mergeClassName(styles.backdrop, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxBackdrop, Object.assign({}, backdropProps, { className: mergeClassName.mergeClassName(styles.backdrop, className) })));
 }
 function ComboboxPositioner(_a) {
     var { className, sideOffset = POSITIONER_SIDE_OFFSET } = _a, positionerProps = tslib_es6.__rest(_a, ["className", "sideOffset"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxPositioner, Object.assign({}, positionerProps, { sideOffset: sideOffset, className: mergeClassName.mergeClassName(styles.positioner, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxPositioner, Object.assign({}, positionerProps, { sideOffset: sideOffset, className: mergeClassName.mergeClassName(styles.positioner, className) })));
 }
 function ComboboxPopup(_a) {
     var { className } = _a, popupProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxPopup, Object.assign({}, popupProps, { className: mergeClassName.mergeClassName(styles.popup, className), "data-elevation": "elevated" })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxPopup, Object.assign({}, popupProps, { className: mergeClassName.mergeClassName(styles.popup, className), "data-elevation": "elevated" })));
 }
 function ComboboxArrow(_a) {
     var { className } = _a, arrowProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxArrow, Object.assign({}, arrowProps, { className: mergeClassName.mergeClassName(styles.arrow, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxArrow, Object.assign({}, arrowProps, { className: mergeClassName.mergeClassName(styles.arrow, className) })));
 }
 function ComboboxIcon(_a) {
     var { className } = _a, iconProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxIcon, Object.assign({}, iconProps, { className: mergeClassName.mergeClassName(styles.icon, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxIcon, Object.assign({}, iconProps, { className: mergeClassName.mergeClassName(styles.icon, className) })));
 }
 function ComboboxGroup(_a) {
     var { className } = _a, groupProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxGroup, Object.assign({}, groupProps, { className: mergeClassName.mergeClassName(styles.group, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxGroup, Object.assign({}, groupProps, { className: mergeClassName.mergeClassName(styles.group, className) })));
 }
 function ComboboxGroupLabel(_a) {
     var { className } = _a, groupLabelProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxGroupLabel, Object.assign({}, groupLabelProps, { className: mergeClassName.mergeClassName(styles.groupLabel, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxGroupLabel, Object.assign({}, groupLabelProps, { className: mergeClassName.mergeClassName(styles.groupLabel, className) })));
 }
 function ComboboxItem(_a) {
     var { className } = _a, itemProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxItem, Object.assign({}, itemProps, { className: mergeClassName.mergeClassName(styles.item, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxItem, Object.assign({}, itemProps, { className: mergeClassName.mergeClassName(styles.item, className) })));
 }
 function ComboboxItemIndicator(_a) {
     var { className } = _a, itemIndicatorProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxItemIndicator, Object.assign({}, itemIndicatorProps, { className: mergeClassName.mergeClassName(styles.itemIndicator, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxItemIndicator, Object.assign({}, itemIndicatorProps, { className: mergeClassName.mergeClassName(styles.itemIndicator, className) })));
 }
 function ComboboxChips(_a) {
     var { className } = _a, chipsProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxChips, Object.assign({}, chipsProps, { className: mergeClassName.mergeClassName(styles.chips, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxChips, Object.assign({}, chipsProps, { className: mergeClassName.mergeClassName(styles.chips, className) })));
 }
 function ComboboxChip(_a) {
     var { className } = _a, chipProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxChip, Object.assign({}, chipProps, { className: mergeClassName.mergeClassName(styles.chip, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxChip, Object.assign({}, chipProps, { className: mergeClassName.mergeClassName(styles.chip, className) })));
 }
 function ComboboxChipRemove(_a) {
     var { className } = _a, chipRemoveProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxChipRemove, Object.assign({}, chipRemoveProps, { className: mergeClassName.mergeClassName(styles.chipRemove, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxChipRemove, Object.assign({}, chipRemoveProps, { className: mergeClassName.mergeClassName(styles.chipRemove, className) })));
 }
 function ComboboxRow(_a) {
     var { className } = _a, rowProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxRow, Object.assign({}, rowProps, { className: mergeClassName.mergeClassName(styles.row, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxRow, Object.assign({}, rowProps, { className: mergeClassName.mergeClassName(styles.row, className) })));
 }
 function ComboboxCollection(props) {
-    return React.createElement(ComboboxChipRemove$1.ComboboxCollection, Object.assign({}, props));
+    return React.createElement(ComboboxSeparator$1.ComboboxCollection, Object.assign({}, props));
 }
 function ComboboxEmpty(_a) {
     var { className } = _a, emptyProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxEmpty, Object.assign({}, emptyProps, { className: mergeClassName.mergeClassName(styles.empty, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxEmpty, Object.assign({}, emptyProps, { className: mergeClassName.mergeClassName(styles.empty, className) })));
 }
 function ComboboxClear(_a) {
     var { className, render } = _a, clearProps = tslib_es6.__rest(_a, ["className", "render"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxClear, Object.assign({}, clearProps, { render: resolveComboboxClearRender(render), className: render ? className : mergeClassName.mergeClassName(styles.clear, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxClear, Object.assign({}, clearProps, { render: resolveComboboxClearRender(render), className: render ? className : mergeClassName.mergeClassName(styles.clear, className) })));
 }
 function ComboboxSeparator(_a) {
     var { className } = _a, separatorProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(Separator.Separator, Object.assign({}, separatorProps, { className: mergeClassName.mergeClassName(styles.separator, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxSeparator, Object.assign({}, separatorProps, { className: mergeClassName.mergeClassName(styles.separator, className) })));
 }
-const useFilter = ComboboxChipRemove$1.useComboboxFilter;
+const useFilter = ComboboxSeparator$1.useComboboxFilter;
 function useFilteredItems() {
-    return ComboboxChipRemove$1.useFilteredItems();
+    return ComboboxSeparator$1.useFilteredItems();
 }
 
 var ComboboxPrimitive = /*#__PURE__*/Object.freeze({

package/dist/ComboboxPrimitive-es.js

@@ -2,8 +2,7 @@ import { _ as __rest } from './tslib.es6-es.js';
 import React__default from 'react';
 import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
 import { m as mergeClassName } from './mergeClassName-es.js';
-import { C as ComboboxRoot$1, a as ComboboxLabel$1, b as ComboboxValue$1, c as ComboboxInput$1, d as ComboboxInputGroup$1, e as ComboboxTrigger$1, f as ComboboxList$1, g as ComboboxStatus$1, h as ComboboxPortal$1, i as ComboboxBackdrop$1, j as ComboboxPositioner$1, k as ComboboxPopup$1, l as ComboboxArrow$1, m as ComboboxIcon$1, n as ComboboxGroup$1, o as ComboboxGroupLabel$1, p as ComboboxItem$1, q as ComboboxItemIndicator$1, r as ComboboxChips$1, s as ComboboxChip$1, t as ComboboxChipRemove$1, u as ComboboxRow$1, v as ComboboxCollection$1, w as ComboboxEmpty$1, x as ComboboxClear$1, y as useComboboxFilter, z as useFilteredItems$1 } from './ComboboxChipRemove-es.js';
-import { S as Separator } from './Separator-es.js';
+import { C as ComboboxRoot$1, a as ComboboxLabel$1, b as ComboboxValue$1, c as ComboboxInput$1, d as ComboboxInputGroup$1, e as ComboboxTrigger$1, f as ComboboxList$1, g as ComboboxStatus$1, h as ComboboxPortal$1, i as ComboboxBackdrop$1, j as ComboboxPositioner$1, k as ComboboxPopup$1, l as ComboboxArrow$1, m as ComboboxIcon$1, n as ComboboxGroup$1, o as ComboboxGroupLabel$1, p as ComboboxItem$1, q as ComboboxItemIndicator$1, r as ComboboxChips$1, s as ComboboxChip$1, t as ComboboxChipRemove$1, u as ComboboxRow$1, v as ComboboxCollection$1, w as ComboboxEmpty$1, x as ComboboxClear$1, y as ComboboxSeparator$1, z as useComboboxFilter, A as useFilteredItems$1 } from './ComboboxSeparator-es.js';
 
 var styles = {"label":"qWsLxPjCBI8-","inputGroup":"EySvIEsW9Q4-","trigger":"F94vaco3HkM-","clear":"IYgNfHHPVFY-","input":"L-KgsoDZ360-","icon":"KBJi5F0wWc0-","positioner":"qfx6EynKdsk-","popup":"LOetsPPEwOk-","list":"TCtrYZwnZYo-","empty":"M166bxiQs88-","status":"_4lKs8q6dvXs-","item":"Cm53I7O4mMw-","row":"jvrxEbmYGpM-","itemIndicator":"GwotZ3R-quw-","group":"u5M1OKpKSWw-","separator":"mpkTjdLrAUI-","groupLabel":"_6UKKWI-irfo-","backdrop":"UnM-udfURI4-","arrow":"RZ4T5-BjTDY-","chips":"pkc7PhhfCuk-","chip":"fdKYm3GTKwk-","chipRemove":"vzuaMzxA96M-","spinning":"bk68oghmmqo-"};
 
@@ -145,7 +144,7 @@ function ComboboxClear(_a) {
 }
 function ComboboxSeparator(_a) {
     var { className } = _a, separatorProps = __rest(_a, ["className"]);
-    return (React__default.createElement(Separator, Object.assign({}, separatorProps, { className: mergeClassName(styles.separator, className) })));
+    return (React__default.createElement(ComboboxSeparator$1, Object.assign({}, separatorProps, { className: mergeClassName(styles.separator, className) })));
 }
 const useFilter = useComboboxFilter;
 function useFilteredItems() {