@jobber/components 9.5.3 → 9.6.0

package/dist/ComboboxPrimitive-cjs.js

@@ -2,42 +2,45 @@
 
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
-var classnames = require('classnames');
 var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
-var ComboboxChipRemove$1 = require('./ComboboxChipRemove-cjs.js');
-var Separator = require('./Separator-cjs.js');
+var mergeClassName = require('./mergeClassName-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-","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-"};
+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 mergeClassName(baseClassName, className) {
-    if (typeof className === "function") {
-        return state => classnames(baseClassName, className(state));
-    }
-    return classnames(baseClassName, className);
-}
 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(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(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(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(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)
+        ? buttonRenderAdapter.stripNativeTypeFromButtonRenderTarget(renderedElement)
+        : renderedElement;
+}
+function normalizeComboboxButtonRenderTarget(render) {
+    return buttonRenderAdapter.isAtlantisButtonRenderTarget(render)
+        ? buttonRenderAdapter.renderAtlantisButtonTarget(render)
+        : render;
 }
 function resolveComboboxTriggerRender(render) {
     if (!render) {
@@ -45,95 +48,108 @@ function resolveComboboxTriggerRender(render) {
     }
     if (typeof render === "function") {
         return (props, state) => {
-            const renderedElement = render(buttonRenderAdapter.normalizeBaseUiButtonProps(props), state);
-            return buttonRenderAdapter.isAtlantisButtonRenderTarget(renderedElement)
-                ? buttonRenderAdapter.stripNativeTypeFromButtonRenderTarget(renderedElement)
-                : renderedElement;
+            return normalizeComboboxButtonRenderResult(render(buttonRenderAdapter.normalizeBaseUiButtonProps(props), state));
         };
     }
-    return buttonRenderAdapter.isAtlantisButtonRenderTarget(render)
-        ? buttonRenderAdapter.renderAtlantisButtonTarget(render)
-        : render;
+    if (React.isValidElement(render)) {
+        return normalizeComboboxButtonRenderTarget(render);
+    }
+    return undefined;
+}
+function resolveComboboxClearRender(render) {
+    if (!render) {
+        return render;
+    }
+    if (typeof render === "function") {
+        return (props, state) => {
+            return normalizeComboboxButtonRenderResult(render(buttonRenderAdapter.normalizeBaseUiButtonProps(props), state));
+        };
+    }
+    if (React.isValidElement(render)) {
+        return normalizeComboboxButtonRenderTarget(render);
+    }
+    return undefined;
 }
 function ComboboxList(_a) {
     var { className } = _a, listProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxList, Object.assign({}, listProps, { className: mergeClassName(styles.list, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxList, Object.assign({}, listProps, { className: mergeClassName.mergeClassName(styles.list, className) })));
 }
-function ComboboxStatus(props) {
-    return React.createElement(ComboboxChipRemove$1.ComboboxStatus, Object.assign({}, props));
+function ComboboxStatus(_a) {
+    var { className } = _a, statusProps = tslib_es6.__rest(_a, ["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(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(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(styles.popup, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxPopup, Object.assign({}, popupProps, { className: mergeClassName.mergeClassName(styles.popup, className) })));
 }
 function ComboboxArrow(_a) {
     var { className } = _a, arrowProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxArrow, Object.assign({}, arrowProps, { className: 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(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(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(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(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(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(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(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(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(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(styles.empty, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxEmpty, Object.assign({}, emptyProps, { className: mergeClassName.mergeClassName(styles.empty, className) })));
 }
 function ComboboxClear(_a) {
-    var { className } = _a, clearProps = tslib_es6.__rest(_a, ["className"]);
-    return (React.createElement(ComboboxChipRemove$1.ComboboxClear, Object.assign({}, clearProps, { className: mergeClassName(styles.clear, className) })));
+    var { className, render } = _a, clearProps = tslib_es6.__rest(_a, ["className", "render"]);
+    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(styles.separator, className) })));
+    return (React.createElement(ComboboxSeparator$1.ComboboxSeparator, Object.assign({}, separatorProps, { className: mergeClassName.mergeClassName(styles.separator, className) })));
 }
-const useFilter = ComboboxChipRemove$1.useComboboxFilter;
-const useFilteredItems = ComboboxChipRemove$1.useFilteredItems;
+const useFilter = ComboboxSeparator$1.useComboboxFilter;
+const useFilteredItems = ComboboxSeparator$1.useFilteredItems;
 
 var ComboboxPrimitive = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -167,4 +183,29 @@ var ComboboxPrimitive = /*#__PURE__*/Object.freeze({
   useFilteredItems: useFilteredItems
 });
 
+exports.ComboboxBackdrop = ComboboxBackdrop;
+exports.ComboboxChip = ComboboxChip;
+exports.ComboboxChipRemove = ComboboxChipRemove;
+exports.ComboboxChips = ComboboxChips;
+exports.ComboboxClear = ComboboxClear;
+exports.ComboboxCollection = ComboboxCollection;
+exports.ComboboxEmpty = ComboboxEmpty;
+exports.ComboboxGroup = ComboboxGroup;
+exports.ComboboxGroupLabel = ComboboxGroupLabel;
+exports.ComboboxIcon = ComboboxIcon;
+exports.ComboboxInput = ComboboxInput;
+exports.ComboboxInputGroup = ComboboxInputGroup;
+exports.ComboboxItem = ComboboxItem;
+exports.ComboboxItemIndicator = ComboboxItemIndicator;
+exports.ComboboxList = ComboboxList;
+exports.ComboboxPopup = ComboboxPopup;
+exports.ComboboxPortal = ComboboxPortal;
+exports.ComboboxPositioner = ComboboxPositioner;
 exports.ComboboxPrimitive = ComboboxPrimitive;
+exports.ComboboxRoot = ComboboxRoot;
+exports.ComboboxRow = ComboboxRow;
+exports.ComboboxSeparator = ComboboxSeparator;
+exports.ComboboxStatus = ComboboxStatus;
+exports.ComboboxTrigger = ComboboxTrigger;
+exports.ComboboxValue = ComboboxValue;
+exports.useFilter = useFilter;

package/dist/ComboboxPrimitive-es.js

@@ -1,20 +1,13 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default from 'react';
-import classnames from 'classnames';
 import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-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 { 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 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-","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-"};
+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 mergeClassName(baseClassName, className) {
-    if (typeof className === "function") {
-        return state => classnames(baseClassName, className(state));
-    }
-    return classnames(baseClassName, className);
-}
 function ComboboxRoot(props) {
     return React__default.createElement(ComboboxRoot$1, Object.assign({}, props));
 }
@@ -37,28 +30,51 @@ function ComboboxTrigger(_a) {
     var { className, render } = _a, triggerProps = __rest(_a, ["className", "render"]);
     return (React__default.createElement(ComboboxTrigger$1, Object.assign({}, triggerProps, { render: resolveComboboxTriggerRender(render), className: render ? className : mergeClassName(styles.trigger, className) })));
 }
+function normalizeComboboxButtonRenderResult(renderedElement) {
+    return isAtlantisButtonRenderTarget(renderedElement)
+        ? stripNativeTypeFromButtonRenderTarget(renderedElement)
+        : renderedElement;
+}
+function normalizeComboboxButtonRenderTarget(render) {
+    return isAtlantisButtonRenderTarget(render)
+        ? renderAtlantisButtonTarget(render)
+        : render;
+}
 function resolveComboboxTriggerRender(render) {
     if (!render) {
         return render;
     }
     if (typeof render === "function") {
         return (props, state) => {
-            const renderedElement = render(normalizeBaseUiButtonProps(props), state);
-            return isAtlantisButtonRenderTarget(renderedElement)
-                ? stripNativeTypeFromButtonRenderTarget(renderedElement)
-                : renderedElement;
+            return normalizeComboboxButtonRenderResult(render(normalizeBaseUiButtonProps(props), state));
         };
     }
-    return isAtlantisButtonRenderTarget(render)
-        ? renderAtlantisButtonTarget(render)
-        : render;
+    if (React__default.isValidElement(render)) {
+        return normalizeComboboxButtonRenderTarget(render);
+    }
+    return undefined;
+}
+function resolveComboboxClearRender(render) {
+    if (!render) {
+        return render;
+    }
+    if (typeof render === "function") {
+        return (props, state) => {
+            return normalizeComboboxButtonRenderResult(render(normalizeBaseUiButtonProps(props), state));
+        };
+    }
+    if (React__default.isValidElement(render)) {
+        return normalizeComboboxButtonRenderTarget(render);
+    }
+    return undefined;
 }
 function ComboboxList(_a) {
     var { className } = _a, listProps = __rest(_a, ["className"]);
     return (React__default.createElement(ComboboxList$1, Object.assign({}, listProps, { className: mergeClassName(styles.list, className) })));
 }
-function ComboboxStatus(props) {
-    return React__default.createElement(ComboboxStatus$1, Object.assign({}, props));
+function ComboboxStatus(_a) {
+    var { className } = _a, statusProps = __rest(_a, ["className"]);
+    return (React__default.createElement(ComboboxStatus$1, Object.assign({}, statusProps, { className: mergeClassName(styles.status, className) })));
 }
 function ComboboxPortal(props) {
     return React__default.createElement(ComboboxPortal$1, Object.assign({}, props));
@@ -123,12 +139,12 @@ function ComboboxEmpty(_a) {
     return (React__default.createElement(ComboboxEmpty$1, Object.assign({}, emptyProps, { className: mergeClassName(styles.empty, className) })));
 }
 function ComboboxClear(_a) {
-    var { className } = _a, clearProps = __rest(_a, ["className"]);
-    return (React__default.createElement(ComboboxClear$1, Object.assign({}, clearProps, { className: mergeClassName(styles.clear, className) })));
+    var { className, render } = _a, clearProps = __rest(_a, ["className", "render"]);
+    return (React__default.createElement(ComboboxClear$1, Object.assign({}, clearProps, { render: resolveComboboxClearRender(render), className: render ? className : mergeClassName(styles.clear, className) })));
 }
 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;
 const useFilteredItems = useFilteredItems$1;
@@ -165,4 +181,4 @@ var ComboboxPrimitive = /*#__PURE__*/Object.freeze({
   useFilteredItems: useFilteredItems
 });
 
-export { ComboboxPrimitive as C };
+export { ComboboxPrimitive as C, ComboboxValue as a, ComboboxClear as b, ComboboxList as c, ComboboxItem as d, ComboboxItemIndicator as e, ComboboxRow as f, ComboboxCollection as g, ComboboxGroup as h, ComboboxGroupLabel as i, ComboboxSeparator as j, ComboboxIcon as k, ComboboxChip as l, ComboboxChipRemove as m, ComboboxStatus as n, ComboboxRoot as o, ComboboxInputGroup as p, ComboboxInput as q, ComboboxTrigger as r, ComboboxPortal as s, ComboboxBackdrop as t, useFilter as u, ComboboxPositioner as v, ComboboxPopup as w, ComboboxChips as x, ComboboxEmpty as y };