@ariakit/core 0.2.9 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @ariakit/core
 
+## 0.3.0
+
+### Minor Changes
+
+- [`#2783`](https://github.com/ariakit/ariakit/pull/2783) **BREAKING** _(This should affect very few people)_: The `select` and `menu` props on `useComboboxStore` have been removed. If you need to compose `Combobox` with `Select` or `Menu`, use the `combobox` prop on `useSelectStore` or `useMenuStore` instead.
+
+- [`#2745`](https://github.com/ariakit/ariakit/pull/2745) Component stores will now throw an error if they receive another store prop in conjunction with default prop values.
+
+### Patch Changes
+
+- [`#2782`](https://github.com/ariakit/ariakit/pull/2782) Fixed form store not synchrozining validate and submit callbacks with another form store through the `store` property.
+
+- [`#2783`](https://github.com/ariakit/ariakit/pull/2783) Component store objects now contain properties for the composed stores passed to them as props. For instance, `useSelectStore({ combobox })` will return a `combobox` property if the `combobox` prop is specified.
+
+- [`#2785`](https://github.com/ariakit/ariakit/pull/2785) Added `parent` and `menubar` properties to the menu store. These properties are automatically set when rendering nested menus or menus within a menubar.
+
+  Now, it also supports rendering nested menus that aren't nested in the React tree. In this case, you would have to supply the parent menu store manually to the child menu store.
+
+  These properties are also included in the returned menu store object, allowing you to verify whether the menu is nested. For instance:
+
+  ```jsx
+  const menu = useMenuStore(props);
+  const isNested = Boolean(menu.parent);
+  ```
+
+- [`#2796`](https://github.com/ariakit/ariakit/pull/2796) Composed store props such as `useSelectStore({ combobox })` now accept `null` as a value.
+
 ## 0.2.9
 
 ### Patch Changes

package/cjs/__chunks/{F5DMXFQ2.cjs → 4L3HCXJY.cjs}

@@ -2,7 +2,8 @@
 
 
 
-var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
+
+var _7GWXP6CQcjs = require('./7GWXP6CQ.cjs');
 
 
 
@@ -63,6 +64,7 @@ function getCommonParent(items) {
 }
 function createCollectionStore(props = {}) {
   var _a;
+  _7GWXP6CQcjs.throwOnConflictingProps.call(void 0, props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const items = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.items,
@@ -75,18 +77,18 @@ function createCollectionStore(props = {}) {
     items,
     renderedItems: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.renderedItems, [])
   };
-  const privateStore = _FS2K2N7Ucjs.createStore.call(void 0, {
+  const privateStore = _7GWXP6CQcjs.createStore.call(void 0, {
     renderedItems: initialState.renderedItems
   });
-  const collection = _FS2K2N7Ucjs.createStore.call(void 0, initialState, props.store);
+  const collection = _7GWXP6CQcjs.createStore.call(void 0, initialState, props.store);
   const sortItems = () => {
     const state = privateStore.getState();
     const renderedItems = sortBasedOnDOMPosition(state.renderedItems);
     privateStore.setState("renderedItems", renderedItems);
     collection.setState("renderedItems", renderedItems);
   };
-  _FS2K2N7Ucjs.setup.call(void 0, collection, () => {
-    return _FS2K2N7Ucjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
+  _7GWXP6CQcjs.setup.call(void 0, collection, () => {
+    return _7GWXP6CQcjs.batch.call(void 0, privateStore, ["renderedItems"], (state) => {
       let firstRun = true;
       let raf = requestAnimationFrame(sortItems);
       if (typeof IntersectionObserver !== "function")

package/cjs/__chunks/{OQIG5VE3.cjs → 4OD4ZFRG.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _F5DMXFQ2cjs = require('./F5DMXFQ2.cjs');
+var _4L3HCXJYcjs = require('./4L3HCXJY.cjs');
 
 
 
 
-var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
+var _7GWXP6CQcjs = require('./7GWXP6CQ.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -123,7 +123,7 @@ function verticalizeItems(items) {
 function createCompositeStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const collection = _F5DMXFQ2cjs.createCollectionStore.call(void 0, props);
+  const collection = _4L3HCXJYcjs.createCollectionStore.call(void 0, props);
   const activeId = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.activeId,
     syncState == null ? void 0 : syncState.activeId,
@@ -153,10 +153,10 @@ function createCompositeStore(props = {}) {
     focusWrap: _RCYVACJOcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, false),
     focusShift: _RCYVACJOcjs.defaultValue.call(void 0, props.focusShift, syncState == null ? void 0 : syncState.focusShift, false)
   });
-  const composite = _FS2K2N7Ucjs.createStore.call(void 0, initialState, collection, props.store);
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  const composite = _7GWXP6CQcjs.createStore.call(void 0, initialState, collection, props.store);
+  _7GWXP6CQcjs.setup.call(void 0, 
     composite,
-    () => _FS2K2N7Ucjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
+    () => _7GWXP6CQcjs.sync.call(void 0, composite, ["renderedItems", "activeId"], (state) => {
       composite.setState("activeId", (activeId2) => {
         var _a2;
         if (activeId2 !== void 0)

package/cjs/__chunks/{V7OHZPBO.cjs → 52LQV3SV.cjs}

@@ -4,7 +4,8 @@
 
 
 
-var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
+
+var _7GWXP6CQcjs = require('./7GWXP6CQ.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -15,10 +16,11 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/disclosure/disclosure-store.ts
 function createDisclosureStore(props = {}) {
-  const store = _FS2K2N7Ucjs.mergeStore.call(void 0, 
+  const store = _7GWXP6CQcjs.mergeStore.call(void 0, 
     props.store,
-    _FS2K2N7Ucjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
+    _7GWXP6CQcjs.omit.call(void 0, props.disclosure, ["contentElement", "disclosureElement"])
   );
+  _7GWXP6CQcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
   const open = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.open,
@@ -35,18 +37,18 @@ function createDisclosureStore(props = {}) {
     contentElement: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.contentElement, null),
     disclosureElement: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.disclosureElement, null)
   };
-  const disclosure = _FS2K2N7Ucjs.createStore.call(void 0, initialState, store);
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  const disclosure = _7GWXP6CQcjs.createStore.call(void 0, initialState, store);
+  _7GWXP6CQcjs.setup.call(void 0, 
     disclosure,
-    () => _FS2K2N7Ucjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
+    () => _7GWXP6CQcjs.sync.call(void 0, disclosure, ["animated", "animating"], (state) => {
       if (state.animated)
         return;
       disclosure.setState("animating", false);
     })
   );
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  _7GWXP6CQcjs.setup.call(void 0, 
     disclosure,
-    () => _FS2K2N7Ucjs.sync.call(void 0, disclosure, ["open", "animated"], (state, prev) => {
+    () => _7GWXP6CQcjs.sync.call(void 0, disclosure, ["open", "animated"], (state, prev) => {
       if (!state.animated)
         return;
       const mounting = state === prev;
@@ -54,9 +56,9 @@ function createDisclosureStore(props = {}) {
       disclosure.setState("animating", animating);
     })
   );
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  _7GWXP6CQcjs.setup.call(void 0, 
     disclosure,
-    () => _FS2K2N7Ucjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
+    () => _7GWXP6CQcjs.sync.call(void 0, disclosure, ["open", "animating"], (state) => {
       disclosure.setState("mounted", state.open || state.animating);
     })
   );

package/cjs/__chunks/{FS2K2N7U.cjs → 7GWXP6CQ.cjs}

@@ -181,6 +181,43 @@ function mergeStore(...stores) {
   const store = createStore(initialState, ...stores);
   return store;
 }
+function throwOnConflictingProps(props, store) {
+  if (process.env.NODE_ENV === "production")
+    return;
+  if (!store)
+    return;
+  const defaultKeys = Object.entries(props).filter(([key, value]) => key.startsWith("default") && value !== void 0).map(([key]) => {
+    var _a;
+    const stateKey = key.replace("default", "");
+    return `${((_a = stateKey[0]) == null ? void 0 : _a.toLowerCase()) || ""}${stateKey.slice(1)}`;
+  });
+  if (!defaultKeys.length)
+    return;
+  const storeState = store.getState();
+  const conflictingProps = defaultKeys.filter(
+    (key) => _RCYVACJOcjs.hasOwnProperty.call(void 0, storeState, key)
+  );
+  if (!conflictingProps.length)
+    return;
+  throw new Error(
+    `Passing a store prop in conjunction with a default state is not supported.
+
+const store = useSelectStore();
+<SelectProvider store={store} defaultValue="Apple" />
+                ^             ^
+
+Instead, pass the default state to the topmost store:
+
+const store = useSelectStore({ defaultValue: "Apple" });
+<SelectProvider store={store} />
+
+See https://github.com/ariakit/ariakit/pull/2745 for more details.
+
+If there's a particular need for this, please submit a feature request at https://github.com/ariakit/ariakit
+`
+  );
+}
+
 
 
 
@@ -192,4 +229,4 @@ function mergeStore(...stores) {
 
 
 
-exports.createStore = createStore; exports.setup = setup; exports.init = init; exports.subscribe = subscribe; exports.sync = sync; exports.batch = batch; exports.omit = omit2; exports.pick = pick2; exports.mergeStore = mergeStore;
+exports.createStore = createStore; exports.setup = setup; exports.init = init; exports.subscribe = subscribe; exports.sync = sync; exports.batch = batch; exports.omit = omit2; exports.pick = pick2; exports.mergeStore = mergeStore; exports.throwOnConflictingProps = throwOnConflictingProps;

package/cjs/__chunks/{DPHJ32KR.cjs → AIHTEA5D.cjs}

@@ -1,11 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _PIEJYPN7cjs = require('./PIEJYPN7.cjs');
+var _GHET3DEScjs = require('./GHET3DES.cjs');
 
 
 
 
-var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
+
+var _7GWXP6CQcjs = require('./7GWXP6CQ.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -22,9 +23,9 @@ function createPopoverStore(_a = {}) {
   } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
     "popover"
   ]);
-  const store = _FS2K2N7Ucjs.mergeStore.call(void 0, 
+  const store = _7GWXP6CQcjs.mergeStore.call(void 0, 
     props.store,
-    _FS2K2N7Ucjs.omit.call(void 0, otherPopover, [
+    _7GWXP6CQcjs.omit.call(void 0, otherPopover, [
       "arrowElement",
       "anchorElement",
       "contentElement",
@@ -32,8 +33,9 @@ function createPopoverStore(_a = {}) {
       "disclosureElement"
     ])
   );
+  _7GWXP6CQcjs.throwOnConflictingProps.call(void 0, props, store);
   const syncState = store == null ? void 0 : store.getState();
-  const dialog = _PIEJYPN7cjs.createDialogStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { store }));
+  const dialog = _GHET3DEScjs.createDialogStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { store }));
   const placement = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.placement,
     syncState == null ? void 0 : syncState.placement,
@@ -47,7 +49,7 @@ function createPopoverStore(_a = {}) {
     arrowElement: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.arrowElement, null),
     rendered: Symbol("rendered")
   });
-  const popover = _FS2K2N7Ucjs.createStore.call(void 0, initialState, dialog, store);
+  const popover = _7GWXP6CQcjs.createStore.call(void 0, initialState, dialog, store);
   return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, dialog), popover), {
     setAnchorElement: (element) => popover.setState("anchorElement", element),
     setPopoverElement: (element) => popover.setState("popoverElement", element),

package/cjs/__chunks/{PIEJYPN7.cjs → GHET3DES.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _V7OHZPBOcjs = require('./V7OHZPBO.cjs');
+var _52LQV3SVcjs = require('./52LQV3SV.cjs');
 
 // src/dialog/dialog-store.ts
 function createDialogStore(props = {}) {
-  return _V7OHZPBOcjs.createDisclosureStore.call(void 0, props);
+  return _52LQV3SVcjs.createDisclosureStore.call(void 0, props);
 }
 
 

package/cjs/__chunks/{MCCIH6SG.cjs → ZRCUNIY2.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DPHJ32KRcjs = require('./DPHJ32KR.cjs');
+var _AIHTEA5Dcjs = require('./AIHTEA5D.cjs');
 
 
-var _FS2K2N7Ucjs = require('./FS2K2N7U.cjs');
+var _7GWXP6CQcjs = require('./7GWXP6CQ.cjs');
 
 
 var _RCYVACJOcjs = require('./RCYVACJO.cjs');
@@ -16,7 +16,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 function createHovercardStore(props = {}) {
   var _a;
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
-  const popover = _DPHJ32KRcjs.createPopoverStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
+  const popover = _AIHTEA5Dcjs.createPopoverStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
     placement: _RCYVACJOcjs.defaultValue.call(void 0, 
       props.placement,
       syncState == null ? void 0 : syncState.placement,
@@ -30,7 +30,7 @@ function createHovercardStore(props = {}) {
     hideTimeout: _RCYVACJOcjs.defaultValue.call(void 0, props.hideTimeout, syncState == null ? void 0 : syncState.hideTimeout),
     autoFocusOnShow: _RCYVACJOcjs.defaultValue.call(void 0, syncState == null ? void 0 : syncState.autoFocusOnShow, false)
   });
-  const hovercard = _FS2K2N7Ucjs.createStore.call(void 0, initialState, popover, props.store);
+  const hovercard = _7GWXP6CQcjs.createStore.call(void 0, initialState, popover, props.store);
   return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, popover), hovercard), {
     setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value)
   });

package/cjs/checkbox/checkbox-store.cjs

@@ -1,6 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _FS2K2N7Ucjs = require('../__chunks/FS2K2N7U.cjs');
+
+var _7GWXP6CQcjs = require('../__chunks/7GWXP6CQ.cjs');
 
 
 var _RCYVACJOcjs = require('../__chunks/RCYVACJO.cjs');
@@ -12,6 +13,7 @@ var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 // src/checkbox/checkbox-store.ts
 function createCheckboxStore(props = {}) {
   var _a;
+  _7GWXP6CQcjs.throwOnConflictingProps.call(void 0, props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const initialState = {
     value: _RCYVACJOcjs.defaultValue.call(void 0, 
@@ -21,7 +23,7 @@ function createCheckboxStore(props = {}) {
       false
     )
   };
-  const checkbox = _FS2K2N7Ucjs.createStore.call(void 0, initialState, props.store);
+  const checkbox = _7GWXP6CQcjs.createStore.call(void 0, initialState, props.store);
   return _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, checkbox), {
     setValue: (value) => checkbox.setState("value", value)
   });

package/cjs/collection/collection-store.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _F5DMXFQ2cjs = require('../__chunks/F5DMXFQ2.cjs');
-require('../__chunks/FS2K2N7U.cjs');
+var _4L3HCXJYcjs = require('../__chunks/4L3HCXJY.cjs');
+require('../__chunks/7GWXP6CQ.cjs');
 require('../__chunks/RCYVACJO.cjs');
 require('../__chunks/EXM2AW52.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.createCollectionStore = _F5DMXFQ2cjs.createCollectionStore;
+exports.createCollectionStore = _4L3HCXJYcjs.createCollectionStore;

package/cjs/combobox/combobox-store.cjs

@@ -1,20 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DPHJ32KRcjs = require('../__chunks/DPHJ32KR.cjs');
-require('../__chunks/PIEJYPN7.cjs');
-require('../__chunks/V7OHZPBO.cjs');
+var _AIHTEA5Dcjs = require('../__chunks/AIHTEA5D.cjs');
+require('../__chunks/GHET3DES.cjs');
+require('../__chunks/52LQV3SV.cjs');
 
 
-var _OQIG5VE3cjs = require('../__chunks/OQIG5VE3.cjs');
-require('../__chunks/F5DMXFQ2.cjs');
+var _4OD4ZFRGcjs = require('../__chunks/4OD4ZFRG.cjs');
+require('../__chunks/4L3HCXJY.cjs');
 
 
 
 
 
 
-
-var _FS2K2N7Ucjs = require('../__chunks/FS2K2N7U.cjs');
+var _7GWXP6CQcjs = require('../__chunks/7GWXP6CQ.cjs');
 
 
 var _RCYVACJOcjs = require('../__chunks/RCYVACJO.cjs');
@@ -27,81 +26,50 @@ require('../__chunks/GDZQUFNP.cjs');
 
 
 
-
 var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
 
 // src/combobox/combobox-store.ts
 var isSafariOnMobile = _EIRIJC7Tcjs.isSafari.call(void 0, ) && _EIRIJC7Tcjs.isTouchDevice.call(void 0, );
-function createComboboxStore(_a = {}) {
-  var _b = _a, {
-    menu,
-    select
-  } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
-    "menu",
-    "select"
-  ]);
-  const store = _FS2K2N7Ucjs.mergeStore.call(void 0, 
-    props.store,
-    _FS2K2N7Ucjs.omit.call(void 0, menu, [
-      "baseElement",
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement",
-      "anchorElement"
-    ]),
-    _FS2K2N7Ucjs.omit.call(void 0, select, [
-      "value",
-      "items",
-      "renderedItems",
-      "baseElement",
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement"
-    ])
-  );
-  const syncState = store.getState();
+function createComboboxStore(props = {}) {
+  var _a;
+  _7GWXP6CQcjs.throwOnConflictingProps.call(void 0, props, props.store);
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const activeId = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.activeId,
-    syncState.activeId,
+    syncState == null ? void 0 : syncState.activeId,
     props.defaultActiveId,
     null
   );
-  const composite = _OQIG5VE3cjs.createCompositeStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
-    store,
+  const composite = _4OD4ZFRGcjs.createCompositeStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
     activeId,
     includesBaseElement: _RCYVACJOcjs.defaultValue.call(void 0, 
       props.includesBaseElement,
-      syncState.includesBaseElement,
+      syncState == null ? void 0 : syncState.includesBaseElement,
       true
     ),
     orientation: _RCYVACJOcjs.defaultValue.call(void 0, 
       props.orientation,
-      syncState.orientation,
+      syncState == null ? void 0 : syncState.orientation,
       "vertical"
     ),
-    focusLoop: _RCYVACJOcjs.defaultValue.call(void 0, props.focusLoop, syncState.focusLoop, true),
-    focusWrap: _RCYVACJOcjs.defaultValue.call(void 0, props.focusWrap, syncState.focusWrap, true),
+    focusLoop: _RCYVACJOcjs.defaultValue.call(void 0, props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true),
+    focusWrap: _RCYVACJOcjs.defaultValue.call(void 0, props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, true),
     virtualFocus: _RCYVACJOcjs.defaultValue.call(void 0, 
       props.virtualFocus,
       syncState == null ? void 0 : syncState.virtualFocus,
       !isSafariOnMobile
     )
   }));
-  const popover = _DPHJ32KRcjs.createPopoverStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
-    store,
+  const popover = _AIHTEA5Dcjs.createPopoverStore.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
     placement: _RCYVACJOcjs.defaultValue.call(void 0, 
       props.placement,
-      syncState.placement,
+      syncState == null ? void 0 : syncState.placement,
       "bottom-start"
     )
   }));
   const initialValue = _RCYVACJOcjs.defaultValue.call(void 0, 
     props.value,
-    syncState.value,
+    syncState == null ? void 0 : syncState.value,
     props.defaultValue,
     ""
   );
@@ -109,15 +77,15 @@ function createComboboxStore(_a = {}) {
     value: initialValue,
     resetValueOnHide: _RCYVACJOcjs.defaultValue.call(void 0, 
       props.resetValueOnHide,
-      syncState.resetValueOnHide,
+      syncState == null ? void 0 : syncState.resetValueOnHide,
       false
     ),
-    activeValue: syncState.activeValue
+    activeValue: syncState == null ? void 0 : syncState.activeValue
   });
-  const combobox = _FS2K2N7Ucjs.createStore.call(void 0, initialState, composite, popover, store);
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  const combobox = _7GWXP6CQcjs.createStore.call(void 0, initialState, composite, popover, props.store);
+  _7GWXP6CQcjs.setup.call(void 0, 
     combobox,
-    () => _FS2K2N7Ucjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
+    () => _7GWXP6CQcjs.sync.call(void 0, combobox, ["resetValueOnHide", "mounted"], (state) => {
       if (!state.resetValueOnHide)
         return;
       if (state.mounted)
@@ -125,26 +93,26 @@ function createComboboxStore(_a = {}) {
       combobox.setState("value", initialValue);
     })
   );
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  _7GWXP6CQcjs.setup.call(void 0, 
     combobox,
-    () => _FS2K2N7Ucjs.batch.call(void 0, combobox, ["mounted"], (state) => {
+    () => _7GWXP6CQcjs.batch.call(void 0, combobox, ["mounted"], (state) => {
       if (state.mounted)
         return;
       combobox.setState("activeId", activeId);
       combobox.setState("moves", 0);
     })
   );
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  _7GWXP6CQcjs.setup.call(void 0, 
     combobox,
-    () => _FS2K2N7Ucjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
+    () => _7GWXP6CQcjs.sync.call(void 0, combobox, ["moves", "activeId"], (state, prevState) => {
       if (state.moves === prevState.moves) {
         combobox.setState("activeValue", void 0);
       }
     })
   );
-  _FS2K2N7Ucjs.setup.call(void 0, 
+  _7GWXP6CQcjs.setup.call(void 0, 
     combobox,
-    () => _FS2K2N7Ucjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
+    () => _7GWXP6CQcjs.batch.call(void 0, combobox, ["moves", "renderedItems"], (state, prev) => {
       if (state.moves === prev.moves)
         return;
       const { activeId: activeId2 } = combobox.getState();

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

@@ -1,7 +1,5 @@
 import type { CompositeStoreFunctions, CompositeStoreItem, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
-import type { MenuStore } from "../menu/menu-store.js";
 import type { PopoverStoreFunctions, PopoverStoreOptions, PopoverStoreState } from "../popover/popover-store.js";
-import type { SelectStore } from "../select/select-store.js";
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { SetState } from "../utils/types.js";
 type Item = CompositeStoreItem & {
@@ -10,7 +8,7 @@ type Item = CompositeStoreItem & {
 /**
  * Creates a combobox store.
  */
-export declare function createComboboxStore({ menu, select, ...props }?: ComboboxStoreProps): ComboboxStore;
+export declare function createComboboxStore(props?: ComboboxStoreProps): ComboboxStore;
 export type ComboboxStoreItem = Item;
 export interface ComboboxStoreState extends CompositeStoreState<Item>, PopoverStoreState {
     /**
@@ -64,18 +62,6 @@ export interface ComboboxStoreOptions extends StoreOptions<ComboboxStoreState, "
      * @default null
      */
     defaultActiveId?: CompositeStoreOptions<Item>["activeId"];
-    /**
-     * A reference to a menu store. This is used when combining the combobox with
-     * a menu (e.g., dropdown menu with a search input). The stores will share the
-     * same state.
-     */
-    menu?: MenuStore;
-    /**
-     * A reference to a select store. This is used when combining the combobox
-     * with a select (e.g., select with a search input). The stores will share the
-     * same state.
-     */
-    select?: SelectStore;
     /**
      * The combobox initial value.
      *

package/cjs/composite/composite-overflow-store.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _DPHJ32KRcjs = require('../__chunks/DPHJ32KR.cjs');
-require('../__chunks/PIEJYPN7.cjs');
-require('../__chunks/V7OHZPBO.cjs');
-require('../__chunks/FS2K2N7U.cjs');
+var _AIHTEA5Dcjs = require('../__chunks/AIHTEA5D.cjs');
+require('../__chunks/GHET3DES.cjs');
+require('../__chunks/52LQV3SV.cjs');
+require('../__chunks/7GWXP6CQ.cjs');
 require('../__chunks/RCYVACJO.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 // src/composite/composite-overflow-store.ts
 function createCompositeOverflowStore(props = {}) {
-  return _DPHJ32KRcjs.createPopoverStore.call(void 0, props);
+  return _AIHTEA5Dcjs.createPopoverStore.call(void 0, props);
 }
 
 

package/cjs/composite/composite-store.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OQIG5VE3cjs = require('../__chunks/OQIG5VE3.cjs');
-require('../__chunks/F5DMXFQ2.cjs');
-require('../__chunks/FS2K2N7U.cjs');
+var _4OD4ZFRGcjs = require('../__chunks/4OD4ZFRG.cjs');
+require('../__chunks/4L3HCXJY.cjs');
+require('../__chunks/7GWXP6CQ.cjs');
 require('../__chunks/RCYVACJO.cjs');
 require('../__chunks/EXM2AW52.cjs');
 require('../__chunks/GDZQUFNP.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.createCompositeStore = _OQIG5VE3cjs.createCompositeStore;
+exports.createCompositeStore = _4OD4ZFRGcjs.createCompositeStore;

package/cjs/dialog/dialog-store.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _PIEJYPN7cjs = require('../__chunks/PIEJYPN7.cjs');
-require('../__chunks/V7OHZPBO.cjs');
-require('../__chunks/FS2K2N7U.cjs');
+var _GHET3DEScjs = require('../__chunks/GHET3DES.cjs');
+require('../__chunks/52LQV3SV.cjs');
+require('../__chunks/7GWXP6CQ.cjs');
 require('../__chunks/RCYVACJO.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.createDialogStore = _PIEJYPN7cjs.createDialogStore;
+exports.createDialogStore = _GHET3DEScjs.createDialogStore;

package/cjs/disclosure/disclosure-store.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _V7OHZPBOcjs = require('../__chunks/V7OHZPBO.cjs');
-require('../__chunks/FS2K2N7U.cjs');
+var _52LQV3SVcjs = require('../__chunks/52LQV3SV.cjs');
+require('../__chunks/7GWXP6CQ.cjs');
 require('../__chunks/RCYVACJO.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.createDisclosureStore = _V7OHZPBOcjs.createDisclosureStore;
+exports.createDisclosureStore = _52LQV3SVcjs.createDisclosureStore;

package/cjs/disclosure/disclosure-store.d.ts

@@ -118,7 +118,7 @@ export interface DisclosureStoreOptions extends StoreOptions<DisclosureStoreStat
      * `disclosureElement` won't be synced. For that, use the `store` prop
      * instead.
      */
-    disclosure?: DisclosureStore;
+    disclosure?: DisclosureStore | null;
 }
 export type DisclosureStoreProps = DisclosureStoreOptions & StoreProps<DisclosureStoreState>;
 export type DisclosureStore = DisclosureStoreFunctions & Store<DisclosureStoreState>;