@ariakit/react-core 0.4.0 → 0.4.2

package/cjs/__chunks/{O45NLQRZ.cjs → YH42XRHR.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FNVFJ5AFcjs = require('./FNVFJ5AF.cjs');
+var _77BAEZ2Zcjs = require('./77BAEZ2Z.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('./Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('./NGD3IQDB.cjs');
 
 
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('./TW3SFX4C.cjs');
 
 
 
@@ -18,20 +18,20 @@ var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
 
 // src/popover/popover-anchor.ts
 var TagName = "div";
-var usePopoverAnchor = _Q67LZMDTcjs.createHook.call(void 0, 
+var usePopoverAnchor = _NGD3IQDBcjs.createHook.call(void 0, 
   function usePopoverAnchor2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _FNVFJ5AFcjs.usePopoverProviderContext.call(void 0, );
+    const context = _77BAEZ2Zcjs.usePopoverProviderContext.call(void 0, );
     store = store || context;
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
+      ref: _TW3SFX4Ccjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
     });
     return props;
   }
 );
-var PopoverAnchor = _Q67LZMDTcjs.forwardRef.call(void 0, function PopoverAnchor2(props) {
+var PopoverAnchor = _NGD3IQDBcjs.forwardRef.call(void 0, function PopoverAnchor2(props) {
   const htmlProps = usePopoverAnchor(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/button/button.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _MMDU7VRJcjs = require('../__chunks/MMDU7VRJ.cjs');
-require('../__chunks/ZMTZTMRS.cjs');
-require('../__chunks/5QD55NKL.cjs');
+var _IXJIFLOAcjs = require('../__chunks/IXJIFLOA.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Button = _MMDU7VRJcjs.Button; exports.useButton = _MMDU7VRJcjs.useButton;
+exports.Button = _IXJIFLOAcjs.Button; exports.useButton = _IXJIFLOAcjs.useButton;

package/cjs/checkbox/checkbox-check.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _4ITCBJNTcjs = require('../__chunks/4ITCBJNT.cjs');
+var _A356CGNDcjs = require('../__chunks/A356CGND.cjs');
 require('../__chunks/ERFHNHON.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CheckboxCheck = _4ITCBJNTcjs.CheckboxCheck; exports.useCheckboxCheck = _4ITCBJNTcjs.useCheckboxCheck;
+exports.CheckboxCheck = _A356CGNDcjs.CheckboxCheck; exports.useCheckboxCheck = _A356CGNDcjs.useCheckboxCheck;

package/cjs/checkbox/checkbox-context.cjs

@@ -5,9 +5,9 @@
 
 
 
-var _OIGGI6DIcjs = require('../__chunks/OIGGI6DI.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _OJEHURDScjs = require('../__chunks/OJEHURDS.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -16,4 +16,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CheckboxContextProvider = _OIGGI6DIcjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _OIGGI6DIcjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _OIGGI6DIcjs.useCheckboxContext; exports.useCheckboxProviderContext = _OIGGI6DIcjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _OIGGI6DIcjs.useCheckboxScopedContext;
+exports.CheckboxContextProvider = _OJEHURDScjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _OJEHURDScjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _OJEHURDScjs.useCheckboxContext; exports.useCheckboxProviderContext = _OJEHURDScjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _OJEHURDScjs.useCheckboxScopedContext;

package/cjs/checkbox/checkbox-provider.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _VPQQSYH7cjs = require('../__chunks/VPQQSYH7.cjs');
+var _HSEGVHBOcjs = require('../__chunks/HSEGVHBO.cjs');
 
 
-var _OIGGI6DIcjs = require('../__chunks/OIGGI6DI.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _OJEHURDScjs = require('../__chunks/OJEHURDS.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/checkbox/checkbox-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function CheckboxProvider(props = {}) {
-  const store = _VPQQSYH7cjs.useCheckboxStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OIGGI6DIcjs.CheckboxContextProvider, { value: store, children: props.children });
+  const store = _HSEGVHBOcjs.useCheckboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OJEHURDScjs.CheckboxContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/checkbox/checkbox-store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _VPQQSYH7cjs = require('../__chunks/VPQQSYH7.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _HSEGVHBOcjs = require('../__chunks/HSEGVHBO.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useCheckboxStore = _VPQQSYH7cjs.useCheckboxStore; exports.useCheckboxStoreProps = _VPQQSYH7cjs.useCheckboxStoreProps;
+exports.useCheckboxStore = _HSEGVHBOcjs.useCheckboxStore; exports.useCheckboxStoreProps = _HSEGVHBOcjs.useCheckboxStoreProps;

package/cjs/checkbox/checkbox.cjs

@@ -2,18 +2,18 @@
 
 
 
-var _OUTZPTLJcjs = require('../__chunks/OUTZPTLJ.cjs');
-require('../__chunks/OIGGI6DI.cjs');
+var _NGUKOIW6cjs = require('../__chunks/NGUKOIW6.cjs');
+require('../__chunks/OJEHURDS.cjs');
 require('../__chunks/ERFHNHON.cjs');
-require('../__chunks/ZMTZTMRS.cjs');
-require('../__chunks/5QD55NKL.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Checkbox = _OUTZPTLJcjs.Checkbox; exports.useCheckbox = _OUTZPTLJcjs.useCheckbox;
+exports.Checkbox = _NGUKOIW6cjs.Checkbox; exports.useCheckbox = _NGUKOIW6cjs.useCheckbox;

package/cjs/collection/collection-context.cjs

@@ -5,9 +5,9 @@
 
 
 
-var _Q6CVYJBOcjs = require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _NEK2UEJNcjs = require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -16,4 +16,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CollectionContextProvider = _Q6CVYJBOcjs.CollectionContextProvider; exports.CollectionScopedContextProvider = _Q6CVYJBOcjs.CollectionScopedContextProvider; exports.useCollectionContext = _Q6CVYJBOcjs.useCollectionContext; exports.useCollectionProviderContext = _Q6CVYJBOcjs.useCollectionProviderContext; exports.useCollectionScopedContext = _Q6CVYJBOcjs.useCollectionScopedContext;
+exports.CollectionContextProvider = _NEK2UEJNcjs.CollectionContextProvider; exports.CollectionScopedContextProvider = _NEK2UEJNcjs.CollectionScopedContextProvider; exports.useCollectionContext = _NEK2UEJNcjs.useCollectionContext; exports.useCollectionProviderContext = _NEK2UEJNcjs.useCollectionProviderContext; exports.useCollectionScopedContext = _NEK2UEJNcjs.useCollectionScopedContext;

package/cjs/collection/collection-item.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _XWCNZ2IPcjs = require('../__chunks/XWCNZ2IP.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _HD5AHCRIcjs = require('../__chunks/HD5AHCRI.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CollectionItem = _XWCNZ2IPcjs.CollectionItem; exports.useCollectionItem = _XWCNZ2IPcjs.useCollectionItem;
+exports.CollectionItem = _HD5AHCRIcjs.CollectionItem; exports.useCollectionItem = _HD5AHCRIcjs.useCollectionItem;

package/cjs/collection/collection-item.d.cts

@@ -55,13 +55,11 @@ export interface CollectionItemOptions<_T extends ElementType = TagName> extends
      * Live examples:
      * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
      */
     id?: string;
     /**
      * Whether the item should be registered as part of the collection.
-     *
-     * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * @default true
      */
     shouldRegisterItem?: boolean;

package/cjs/collection/collection-item.d.ts

@@ -55,13 +55,11 @@ export interface CollectionItemOptions<_T extends ElementType = TagName> extends
      * Live examples:
      * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     * - [Animated TabPanel](https://ariakit.org/examples/tab-panel-animated)
      */
     id?: string;
     /**
      * Whether the item should be registered as part of the collection.
-     *
-     * Live examples:
-     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
      * @default true
      */
     shouldRegisterItem?: boolean;

package/cjs/collection/collection-provider.cjs

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _CDNJPIEGcjs = require('../__chunks/CDNJPIEG.cjs');
+var _Q7DU7FP7cjs = require('../__chunks/Q7DU7FP7.cjs');
 
 
-var _Q6CVYJBOcjs = require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _NEK2UEJNcjs = require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/collection/collection-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function CollectionProvider(props = {}) {
-  const store = _CDNJPIEGcjs.useCollectionStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Q6CVYJBOcjs.CollectionContextProvider, { value: store, children: props.children });
+  const store = _Q7DU7FP7cjs.useCollectionStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NEK2UEJNcjs.CollectionContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/collection/collection-renderer.cjs

@@ -4,11 +4,11 @@
 
 
 
-var _C6G4FIVIcjs = require('../__chunks/C6G4FIVI.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _MYW2VWAJcjs = require('../__chunks/MYW2VWAJ.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -16,4 +16,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.CollectionRenderer = _C6G4FIVIcjs.CollectionRenderer; exports.getCollectionRendererItem = _C6G4FIVIcjs.getCollectionRendererItem; exports.getCollectionRendererItemId = _C6G4FIVIcjs.getCollectionRendererItemId; exports.useCollectionRenderer = _C6G4FIVIcjs.useCollectionRenderer;
+exports.CollectionRenderer = _MYW2VWAJcjs.CollectionRenderer; exports.getCollectionRendererItem = _MYW2VWAJcjs.getCollectionRendererItem; exports.getCollectionRendererItemId = _MYW2VWAJcjs.getCollectionRendererItemId; exports.useCollectionRenderer = _MYW2VWAJcjs.useCollectionRenderer;

package/cjs/collection/collection-store.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _CDNJPIEGcjs = require('../__chunks/CDNJPIEG.cjs');
-require('../__chunks/OLOZ5JT2.cjs');
-require('../__chunks/EO6LS72H.cjs');
+var _Q7DU7FP7cjs = require('../__chunks/Q7DU7FP7.cjs');
+require('../__chunks/GXMZA6DT.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useCollectionStore = _CDNJPIEGcjs.useCollectionStore; exports.useCollectionStoreProps = _CDNJPIEGcjs.useCollectionStoreProps;
+exports.useCollectionStore = _Q7DU7FP7cjs.useCollectionStore; exports.useCollectionStoreProps = _Q7DU7FP7cjs.useCollectionStoreProps;

package/cjs/collection/collection.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _Q6CVYJBOcjs = require('../__chunks/Q6CVYJBO.cjs');
+var _NEK2UEJNcjs = require('../__chunks/NEK2UEJN.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
 
 
-var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -20,22 +20,22 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "div";
-var useCollection = _Q67LZMDTcjs.createHook.call(void 0, 
+var useCollection = _NGD3IQDBcjs.createHook.call(void 0, 
   function useCollection2(_a) {
     var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _Q6CVYJBOcjs.useCollectionProviderContext.call(void 0, );
+    const context = _NEK2UEJNcjs.useCollectionProviderContext.call(void 0, );
     store = store || context;
-    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
+    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Q6CVYJBOcjs.CollectionScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NEK2UEJNcjs.CollectionScopedContextProvider, { value: store, children: element }),
       [store]
     );
     return _misc.removeUndefinedValues.call(void 0, props);
   }
 );
-var Collection = _Q67LZMDTcjs.forwardRef.call(void 0, function Collection2(props) {
+var Collection = _NGD3IQDBcjs.forwardRef.call(void 0, function Collection2(props) {
   const htmlProps = useCollection(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/combobox/combobox-cancel.cjs

@@ -1,26 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MMDU7VRJcjs = require('../__chunks/MMDU7VRJ.cjs');
+var _IXJIFLOAcjs = require('../__chunks/IXJIFLOA.cjs');
 
 
-var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
-require('../__chunks/ZMTZTMRS.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
-require('../__chunks/5QD55NKL.cjs');
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/U4NXCMZ3.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
+require('../__chunks/FHRIPOYF.cjs');
 require('../__chunks/75KXQZJX.cjs');
 
 
 
 
-var _Q67LZMDTcjs = require('../__chunks/Q67LZMDT.cjs');
+var _NGD3IQDBcjs = require('../__chunks/NGD3IQDB.cjs');
 
 
-var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+
+var _TW3SFX4Ccjs = require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
 
@@ -29,6 +30,7 @@ require('../__chunks/CJDHQUBR.cjs');
 var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/combobox/combobox-cancel.tsx
+var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
 var TagName = "button";
@@ -52,17 +54,17 @@ var children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
     ]
   }
 );
-var useComboboxCancel = _Q67LZMDTcjs.createHook.call(void 0, 
+var useComboboxCancel = _NGD3IQDBcjs.createHook.call(void 0, 
   function useComboboxCancel2(_a) {
-    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _OBT2YMBCcjs.useComboboxProviderContext.call(void 0, );
+    var _b = _a, { store, hideWhenEmpty } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "hideWhenEmpty"]);
+    const context = _2IJSEADJcjs.useComboboxProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "ComboboxCancel must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
     const onClickProp = props.onClick;
-    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
+    const onClick = _TW3SFX4Ccjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -73,6 +75,18 @@ var useComboboxCancel = _Q67LZMDTcjs.createHook.call(void 0,
       var _a2;
       return (_a2 = state.baseElement) == null ? void 0 : _a2.id;
     });
+    const empty = store.useState((state) => state.value === "");
+    props = _TW3SFX4Ccjs.useWrapElement.call(void 0, 
+      props,
+      (element) => {
+        if (!hideWhenEmpty)
+          return element;
+        if (empty)
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, {});
+        return element;
+      },
+      [hideWhenEmpty, empty]
+    );
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       children,
       "aria-label": "Clear input",
@@ -83,13 +97,13 @@ var useComboboxCancel = _Q67LZMDTcjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _MMDU7VRJcjs.useButton.call(void 0, props);
+    props = _IXJIFLOAcjs.useButton.call(void 0, props);
     return props;
   }
 );
-var ComboboxCancel = _Q67LZMDTcjs.forwardRef.call(void 0, function ComboboxCancel2(props) {
+var ComboboxCancel = _NGD3IQDBcjs.forwardRef.call(void 0, function ComboboxCancel2(props) {
   const htmlProps = useComboboxCancel(props);
-  return _Q67LZMDTcjs.createElement.call(void 0, TagName, htmlProps);
+  return _NGD3IQDBcjs.createElement.call(void 0, TagName, htmlProps);
 });
 
 

package/cjs/combobox/combobox-cancel.d.cts

@@ -44,6 +44,15 @@ export interface ComboboxCancelOptions<T extends ElementType = TagName> extends
      * component's context will be used.
      */
     store?: ComboboxStore;
+    /**
+     * When enabled, the button won't be rendered when the combobox input value is
+     * empty.
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * @default false
+     */
+    hideWhenEmpty?: boolean;
 }
 export type ComboboxCancelProps<T extends ElementType = TagName> = Props<T, ComboboxCancelOptions<T>>;
 export {};

package/cjs/combobox/combobox-cancel.d.ts

@@ -44,6 +44,15 @@ export interface ComboboxCancelOptions<T extends ElementType = TagName> extends
      * component's context will be used.
      */
     store?: ComboboxStore;
+    /**
+     * When enabled, the button won't be rendered when the combobox input value is
+     * empty.
+     *
+     * Live examples:
+     * - [Combobox with tabs](https://ariakit.org/examples/combobox-tabs)
+     * @default false
+     */
+    hideWhenEmpty?: boolean;
 }
 export type ComboboxCancelProps<T extends ElementType = TagName> = Props<T, ComboboxCancelOptions<T>>;
 export {};

package/cjs/combobox/combobox-context.cjs

@@ -7,14 +7,15 @@
 
 
 
-var _OBT2YMBCcjs = require('../__chunks/OBT2YMBC.cjs');
-require('../__chunks/4XFLDG56.cjs');
-require('../__chunks/Q6CVYJBO.cjs');
-require('../__chunks/FNVFJ5AF.cjs');
-require('../__chunks/OLPMMKKO.cjs');
-require('../__chunks/XRJBC7H7.cjs');
-require('../__chunks/Q67LZMDT.cjs');
-require('../__chunks/EO6LS72H.cjs');
+
+var _2IJSEADJcjs = require('../__chunks/2IJSEADJ.cjs');
+require('../__chunks/VPI3EKVY.cjs');
+require('../__chunks/NEK2UEJN.cjs');
+require('../__chunks/77BAEZ2Z.cjs');
+require('../__chunks/GDEDCFNU.cjs');
+require('../__chunks/NTNMOEWE.cjs');
+require('../__chunks/NGD3IQDB.cjs');
+require('../__chunks/TW3SFX4C.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
@@ -25,4 +26,5 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.ComboboxContextProvider = _OBT2YMBCcjs.ComboboxContextProvider; exports.ComboboxItemCheckedContext = _OBT2YMBCcjs.ComboboxItemCheckedContext; exports.ComboboxItemValueContext = _OBT2YMBCcjs.ComboboxItemValueContext; exports.ComboboxScopedContextProvider = _OBT2YMBCcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _OBT2YMBCcjs.useComboboxContext; exports.useComboboxProviderContext = _OBT2YMBCcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _OBT2YMBCcjs.useComboboxScopedContext;
+
+exports.ComboboxContextProvider = _2IJSEADJcjs.ComboboxContextProvider; exports.ComboboxItemCheckedContext = _2IJSEADJcjs.ComboboxItemCheckedContext; exports.ComboboxItemValueContext = _2IJSEADJcjs.ComboboxItemValueContext; exports.ComboboxListRoleContext = _2IJSEADJcjs.ComboboxListRoleContext; exports.ComboboxScopedContextProvider = _2IJSEADJcjs.ComboboxScopedContextProvider; exports.useComboboxContext = _2IJSEADJcjs.useComboboxContext; exports.useComboboxProviderContext = _2IJSEADJcjs.useComboboxProviderContext; exports.useComboboxScopedContext = _2IJSEADJcjs.useComboboxScopedContext;

package/cjs/combobox/combobox-context.d.cts

@@ -1,4 +1,5 @@
 import type { ComboboxStore } from "./combobox-store.js";
+export declare const ComboboxListRoleContext: import("react").Context<string | undefined>;
 /**
  * Returns the combobox store from the nearest combobox container.
  * @example

package/cjs/combobox/combobox-context.d.ts

@@ -1,4 +1,5 @@
 import type { ComboboxStore } from "./combobox-store.js";
+export declare const ComboboxListRoleContext: import("react").Context<string | undefined>;
 /**
  * Returns the combobox store from the nearest combobox container.
  * @example