@ariakit/core 0.2.9 → 0.3.1

package/esm/combobox/combobox-store.js

@@ -1,20 +1,19 @@
 import {
   createPopoverStore
-} from "../__chunks/SOCHV2LZ.js";
-import "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
+} from "../__chunks/LTJQMYBN.js";
+import "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
-import "../__chunks/A7IMXABC.js";
+} from "../__chunks/BL2LUIIN.js";
+import "../__chunks/STQCKYT6.js";
 import {
   batch,
   createStore,
-  mergeStore,
-  omit,
   setup,
-  sync
-} from "../__chunks/OGOHEUXI.js";
+  sync,
+  throwOnConflictingProps
+} from "../__chunks/DEGIJZ7N.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";
@@ -25,66 +24,36 @@ import {
 import "../__chunks/O35LWD4W.js";
 import "../__chunks/5XEKIOCW.js";
 import {
-  __objRest,
   __spreadProps,
   __spreadValues
 } from "../__chunks/PNRLI7OV.js";
 
 // src/combobox/combobox-store.ts
 var isSafariOnMobile = isSafari() && isTouchDevice();
-function createComboboxStore(_a = {}) {
-  var _b = _a, {
-    menu,
-    select
-  } = _b, props = __objRest(_b, [
-    "menu",
-    "select"
-  ]);
-  const store = mergeStore(
-    props.store,
-    omit(menu, [
-      "baseElement",
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement",
-      "anchorElement"
-    ]),
-    omit(select, [
-      "value",
-      "items",
-      "renderedItems",
-      "baseElement",
-      "arrowElement",
-      "anchorElement",
-      "contentElement",
-      "popoverElement",
-      "disclosureElement"
-    ])
-  );
-  const syncState = store.getState();
+function createComboboxStore(props = {}) {
+  var _a;
+  throwOnConflictingProps(props, props.store);
+  const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const activeId = defaultValue(
     props.activeId,
-    syncState.activeId,
+    syncState == null ? void 0 : syncState.activeId,
     props.defaultActiveId,
     null
   );
   const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
-    store,
     activeId,
     includesBaseElement: defaultValue(
       props.includesBaseElement,
-      syncState.includesBaseElement,
+      syncState == null ? void 0 : syncState.includesBaseElement,
       true
     ),
     orientation: defaultValue(
       props.orientation,
-      syncState.orientation,
+      syncState == null ? void 0 : syncState.orientation,
       "vertical"
     ),
-    focusLoop: defaultValue(props.focusLoop, syncState.focusLoop, true),
-    focusWrap: defaultValue(props.focusWrap, syncState.focusWrap, true),
+    focusLoop: defaultValue(props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true),
+    focusWrap: defaultValue(props.focusWrap, syncState == null ? void 0 : syncState.focusWrap, true),
     virtualFocus: defaultValue(
       props.virtualFocus,
       syncState == null ? void 0 : syncState.virtualFocus,
@@ -92,16 +61,15 @@ function createComboboxStore(_a = {}) {
     )
   }));
   const popover = createPopoverStore(__spreadProps(__spreadValues({}, props), {
-    store,
     placement: defaultValue(
       props.placement,
-      syncState.placement,
+      syncState == null ? void 0 : syncState.placement,
       "bottom-start"
     )
   }));
   const initialValue = defaultValue(
     props.value,
-    syncState.value,
+    syncState == null ? void 0 : syncState.value,
     props.defaultValue,
     ""
   );
@@ -109,12 +77,12 @@ function createComboboxStore(_a = {}) {
     value: initialValue,
     resetValueOnHide: defaultValue(
       props.resetValueOnHide,
-      syncState.resetValueOnHide,
+      syncState == null ? void 0 : syncState.resetValueOnHide,
       false
     ),
-    activeValue: syncState.activeValue
+    activeValue: syncState == null ? void 0 : syncState.activeValue
   });
-  const combobox = createStore(initialState, composite, popover, store);
+  const combobox = createStore(initialState, composite, popover, props.store);
   setup(
     combobox,
     () => sync(combobox, ["resetValueOnHide", "mounted"], (state) => {

package/esm/composite/composite-overflow-store.js

@@ -1,9 +1,9 @@
 import {
   createPopoverStore
-} from "../__chunks/SOCHV2LZ.js";
-import "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/LTJQMYBN.js";
+import "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
+import "../__chunks/DEGIJZ7N.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 

package/esm/composite/composite-store.js

@@ -1,8 +1,8 @@
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
-import "../__chunks/A7IMXABC.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/BL2LUIIN.js";
+import "../__chunks/STQCKYT6.js";
+import "../__chunks/DEGIJZ7N.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/O35LWD4W.js";
 import "../__chunks/5XEKIOCW.js";

package/esm/dialog/dialog-store.js

@@ -1,8 +1,8 @@
 import {
   createDialogStore
-} from "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
+import "../__chunks/DEGIJZ7N.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 export {

package/esm/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>;

package/esm/disclosure/disclosure-store.js

@@ -1,7 +1,7 @@
 import {
   createDisclosureStore
-} from "../__chunks/WSKDP2MG.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/OZ4NH3RO.js";
+import "../__chunks/DEGIJZ7N.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 export {

package/esm/form/form-store.js

@@ -1,9 +1,12 @@
 import {
   createCollectionStore
-} from "../__chunks/A7IMXABC.js";
+} from "../__chunks/STQCKYT6.js";
 import {
-  createStore
-} from "../__chunks/OGOHEUXI.js";
+  createStore,
+  init,
+  setup,
+  throwOnConflictingProps
+} from "../__chunks/DEGIJZ7N.js";
 import {
   applyState,
   defaultValue,
@@ -50,7 +53,7 @@ function set(values, path, value) {
   const result = rest.length && (Array.isArray(nestedValues) || isObject(nestedValues)) ? set(nestedValues, rest, value) : value;
   if (isIntegerKey) {
     const index = Number(key);
-    if (values) {
+    if (values && Array.isArray(values)) {
       return [
         ...values.slice(0, index),
         result,
@@ -101,12 +104,16 @@ function getNameHandler(cache, prevKeys = []) {
   };
   return handler;
 }
+function getStoreCallbacks(store) {
+  return store == null ? void 0 : store.__unstableCallbacks;
+}
 function createNames() {
   const cache = /* @__PURE__ */ Object.create(null);
   return new Proxy(/* @__PURE__ */ Object.create(null), getNameHandler(cache));
 }
 function createFormStore(props = {}) {
   var _a;
+  throwOnConflictingProps(props, props.store);
   const syncState = (_a = props.store) == null ? void 0 : _a.getState();
   const collection = createCollectionStore(props);
   const values = defaultValue(
@@ -138,11 +145,18 @@ function createFormStore(props = {}) {
     valid: !hasMessages(errors)
   });
   const form = createStore(initialState, collection, props.store);
-  const validateCallbacks = /* @__PURE__ */ new Set();
-  const submitCallbacks = /* @__PURE__ */ new Set();
+  const syncCallbacks = getStoreCallbacks(props.store);
+  const syncCallbacksState = syncCallbacks == null ? void 0 : syncCallbacks.getState();
+  const callbacksInitialState = {
+    validate: (syncCallbacksState == null ? void 0 : syncCallbacksState.validate) || [],
+    submit: (syncCallbacksState == null ? void 0 : syncCallbacksState.submit) || []
+  };
+  const callbacks = createStore(callbacksInitialState, syncCallbacks);
+  setup(form, () => init(callbacks));
   const validate = async () => {
     form.setState("validating", true);
     form.setState("errors", {});
+    const validateCallbacks = callbacks.getState().validate;
     try {
       for (const callback of validateCallbacks) {
         await callback(form.getState());
@@ -195,19 +209,30 @@ function createFormStore(props = {}) {
       return set(touched2, name, nextValue);
     }),
     onValidate: (callback) => {
-      validateCallbacks.add(callback);
-      return () => validateCallbacks.delete(callback);
+      callbacks.setState("validate", (callbacks2) => [...callbacks2, callback]);
+      return () => {
+        callbacks.setState(
+          "validate",
+          (callbacks2) => callbacks2.filter((c) => c !== callback)
+        );
+      };
     },
     validate,
     onSubmit: (callback) => {
-      submitCallbacks.add(callback);
-      return () => submitCallbacks.delete(callback);
+      callbacks.setState("submit", (callbacks2) => [...callbacks2, callback]);
+      return () => {
+        callbacks.setState(
+          "submit",
+          (callbacks2) => callbacks2.filter((c) => c !== callback)
+        );
+      };
     },
     submit: async () => {
       form.setState("submitting", true);
       form.setState("touched", setAll(form.getState().values, true));
       try {
         if (await validate()) {
+          const submitCallbacks = callbacks.getState().submit;
           for (const callback of submitCallbacks) {
             await callback(form.getState());
           }
@@ -234,7 +259,9 @@ function createFormStore(props = {}) {
       form.setState("submitting", false);
       form.setState("submitSucceed", 0);
       form.setState("submitFailed", 0);
-    }
+    },
+    // @ts-expect-error Internal
+    __unstableCallbacks: callbacks
   });
 }
 export {

package/esm/hovercard/hovercard-store.js

@@ -1,10 +1,10 @@
 import {
   createHovercardStore
-} from "../__chunks/COUCUJML.js";
-import "../__chunks/SOCHV2LZ.js";
-import "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/A2JA3CYE.js";
+import "../__chunks/LTJQMYBN.js";
+import "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
+import "../__chunks/DEGIJZ7N.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 export {

package/esm/menu/menu-bar-store.js

@@ -1,8 +1,8 @@
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
-import "../__chunks/A7IMXABC.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/BL2LUIIN.js";
+import "../__chunks/STQCKYT6.js";
+import "../__chunks/DEGIJZ7N.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";

package/esm/menu/menu-store.d.ts

@@ -3,6 +3,7 @@ import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreStat
 import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
 import type { Store, StoreOptions, StoreProps } from "../utils/store.js";
 import type { BivariantCallback, PickRequired, SetState, SetStateAction } from "../utils/types.js";
+import type { MenuBarStore } from "./menu-bar-store.js";
 type Values = Record<string, string | boolean | number | Array<string | number>>;
 export declare function createMenuStore<T extends Values = Values>(props: PickRequired<MenuStoreProps<T>, "values" | "defaultValues">): MenuStore<T>;
 export declare function createMenuStore(props?: MenuStoreProps): MenuStore;
@@ -24,7 +25,11 @@ export interface MenuStoreState<T extends Values = Values> extends CompositeStor
     /** @default 0 */
     hideTimeout?: HovercardStoreState["hideTimeout"];
 }
-export interface MenuStoreFunctions<T extends Values = Values> extends CompositeStoreFunctions, HovercardStoreFunctions {
+export interface MenuStoreFunctions<T extends Values = Values> extends Pick<MenuStoreOptions, "combobox" | "parent" | "menubar">, CompositeStoreFunctions, HovercardStoreFunctions {
+    /**
+     * Hides the menu and all its parent menus.
+     */
+    hideAll: () => void;
     /**
      * Sets the `initialFocus` state.
      */
@@ -52,7 +57,16 @@ export interface MenuStoreOptions<T extends Values = Values> extends StoreOption
      * with a menu (e.g., dropdown menu with a search input). The stores will
      * share the same state.
      */
-    combobox?: ComboboxStore;
+    combobox?: ComboboxStore | null;
+    /**
+     * A reference to a parent menu store. This should be used on nested menus.
+     */
+    parent?: MenuStore | null;
+    /**
+     * A reference to a menu bar store. This should be used when rendering menus
+     * inside a menu bar.
+     */
+    menubar?: MenuBarStore | null;
     /**
      * The default values for the `values` state.
      * @default {}

package/esm/menu/menu-store.js

@@ -1,20 +1,22 @@
 import {
   createHovercardStore
-} from "../__chunks/COUCUJML.js";
-import "../__chunks/SOCHV2LZ.js";
-import "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
+} from "../__chunks/A2JA3CYE.js";
+import "../__chunks/LTJQMYBN.js";
+import "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
-import "../__chunks/A7IMXABC.js";
+} from "../__chunks/BL2LUIIN.js";
+import "../__chunks/STQCKYT6.js";
 import {
   createStore,
   mergeStore,
   omit,
+  pick,
   setup,
-  sync
-} from "../__chunks/OGOHEUXI.js";
+  sync,
+  throwOnConflictingProps
+} from "../__chunks/DEGIJZ7N.js";
 import {
   applyState,
   defaultValue
@@ -30,12 +32,18 @@ import {
 // src/menu/menu-store.ts
 function createMenuStore(_a = {}) {
   var _b = _a, {
-    combobox
+    combobox,
+    parent,
+    menubar
   } = _b, props = __objRest(_b, [
-    "combobox"
+    "combobox",
+    "parent",
+    "menubar"
   ]);
+  const parentIsMenubar = !!menubar && !parent;
   const store = mergeStore(
     props.store,
+    pick(parent, ["values"]),
     omit(combobox, [
       "arrowElement",
       "anchorElement",
@@ -44,6 +52,7 @@ function createMenuStore(_a = {}) {
       "disclosureElement"
     ])
   );
+  throwOnConflictingProps(props, store);
   const syncState = store.getState();
   const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
     store,
@@ -60,6 +69,11 @@ function createMenuStore(_a = {}) {
       syncState.placement,
       "bottom-start"
     ),
+    timeout: defaultValue(
+      props.timeout,
+      syncState.timeout,
+      parentIsMenubar ? 0 : 150
+    ),
     hideTimeout: defaultValue(props.hideTimeout, syncState.hideTimeout, 0)
   }));
   const initialState = __spreadProps(__spreadValues(__spreadValues({}, composite.getState()), hovercard.getState()), {
@@ -80,7 +94,23 @@ function createMenuStore(_a = {}) {
       menu.setState("activeId", null);
     })
   );
+  setup(
+    menu,
+    () => sync(parent, ["orientation"], (state) => {
+      menu.setState(
+        "placement",
+        state.orientation === "vertical" ? "right-start" : "bottom-start"
+      );
+    })
+  );
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, composite), hovercard), menu), {
+    combobox,
+    parent,
+    menubar,
+    hideAll: () => {
+      hovercard.hide();
+      parent == null ? void 0 : parent.hideAll();
+    },
     setInitialFocus: (value) => menu.setState("initialFocus", value),
     setValues: (values) => menu.setState("values", values),
     setValue: (name, value) => {

package/esm/popover/popover-store.d.ts

@@ -62,7 +62,7 @@ export interface PopoverStoreOptions extends StoreOptions<PopoverStoreState, "pl
      * A reference to another popover store that's controlling another popover to
      * keep them in sync.
      */
-    popover?: PopoverStore;
+    popover?: PopoverStore | null;
 }
 export type PopoverStoreProps = PopoverStoreOptions & StoreProps<PopoverStoreState>;
 export type PopoverStore = PopoverStoreFunctions & Store<PopoverStoreState>;

package/esm/popover/popover-store.js

@@ -1,9 +1,9 @@
 import {
   createPopoverStore
-} from "../__chunks/SOCHV2LZ.js";
-import "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/LTJQMYBN.js";
+import "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
+import "../__chunks/DEGIJZ7N.js";
 import "../__chunks/WVTCK5PV.js";
 import "../__chunks/PNRLI7OV.js";
 export {

package/esm/radio/radio-store.js

@@ -1,10 +1,10 @@
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
-import "../__chunks/A7IMXABC.js";
+} from "../__chunks/BL2LUIIN.js";
+import "../__chunks/STQCKYT6.js";
 import {
   createStore
-} from "../__chunks/OGOHEUXI.js";
+} from "../__chunks/DEGIJZ7N.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";

package/esm/select/select-store.d.ts

@@ -23,10 +23,6 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
     orientation: CompositeStoreState<Item>["orientation"];
     /** @default "bottom-start" */
     placement: PopoverStoreState["placement"];
-    /**
-     * Whether the select store has received a combobox prop.
-     */
-    combobox: boolean;
     /**
      * The select value.
      *
@@ -50,7 +46,7 @@ export interface SelectStoreState<T extends Value = Value> extends CompositeStor
      */
     labelElement: HTMLElement | null;
 }
-export interface SelectStoreFunctions<T extends Value = Value> extends CompositeStoreFunctions<Item>, PopoverStoreFunctions {
+export interface SelectStoreFunctions<T extends Value = Value> extends Pick<SelectStoreOptions<T>, "combobox">, CompositeStoreFunctions<Item>, PopoverStoreFunctions {
     /**
      * Sets the `value` state.
      *
@@ -82,7 +78,7 @@ export interface SelectStoreOptions<T extends Value = Value> extends StoreOption
      * - [Multi-selectable
      *   Combobox](https://ariakit.org/examples/combobox-multiple)
      */
-    combobox?: ComboboxStore;
+    combobox?: ComboboxStore | null;
     /**
      * The default value. If not set, the first non-disabled item will be used.
      *

package/esm/select/select-store.js

@@ -1,20 +1,21 @@
 import {
   createPopoverStore
-} from "../__chunks/SOCHV2LZ.js";
-import "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
+} from "../__chunks/LTJQMYBN.js";
+import "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
-import "../__chunks/A7IMXABC.js";
+} from "../__chunks/BL2LUIIN.js";
+import "../__chunks/STQCKYT6.js";
 import {
   batch,
   createStore,
   mergeStore,
   omit,
   setup,
-  sync
-} from "../__chunks/OGOHEUXI.js";
+  sync,
+  throwOnConflictingProps
+} from "../__chunks/DEGIJZ7N.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";
@@ -49,6 +50,7 @@ function createSelectStore(_a = {}) {
       "disclosureElement"
     ])
   );
+  throwOnConflictingProps(props, store);
   const syncState = store.getState();
   const composite = createCompositeStore(__spreadProps(__spreadValues({}, props), {
     store,
@@ -84,7 +86,6 @@ function createSelectStore(_a = {}) {
   }));
   const initialValue = new String("");
   const initialState = __spreadProps(__spreadValues(__spreadValues({}, composite.getState()), popover.getState()), {
-    combobox: defaultValue(syncState.combobox, !!combobox),
     value: defaultValue(
       props.value,
       syncState.value,
@@ -153,6 +154,7 @@ function createSelectStore(_a = {}) {
     })
   );
   return __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, composite), popover), select), {
+    combobox,
     setValue: (value) => select.setState("value", value),
     setSelectElement: (element) => select.setState("selectElement", element),
     setLabelElement: (element) => select.setState("labelElement", element)

package/esm/tab/tab-store.js

@@ -1,15 +1,15 @@
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
+} from "../__chunks/BL2LUIIN.js";
 import {
   createCollectionStore
-} from "../__chunks/A7IMXABC.js";
+} from "../__chunks/STQCKYT6.js";
 import {
   batch,
   createStore,
   setup,
   sync
-} from "../__chunks/OGOHEUXI.js";
+} from "../__chunks/DEGIJZ7N.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";

package/esm/toolbar/toolbar-store.js

@@ -1,8 +1,8 @@
 import {
   createCompositeStore
-} from "../__chunks/ROY5BBHL.js";
-import "../__chunks/A7IMXABC.js";
-import "../__chunks/OGOHEUXI.js";
+} from "../__chunks/BL2LUIIN.js";
+import "../__chunks/STQCKYT6.js";
+import "../__chunks/DEGIJZ7N.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";

package/esm/tooltip/tooltip-store.js

@@ -1,12 +1,12 @@
 import {
   createHovercardStore
-} from "../__chunks/COUCUJML.js";
-import "../__chunks/SOCHV2LZ.js";
-import "../__chunks/LNMWV6UV.js";
-import "../__chunks/WSKDP2MG.js";
+} from "../__chunks/A2JA3CYE.js";
+import "../__chunks/LTJQMYBN.js";
+import "../__chunks/BE4I5ZDQ.js";
+import "../__chunks/OZ4NH3RO.js";
 import {
   createStore
-} from "../__chunks/OGOHEUXI.js";
+} from "../__chunks/DEGIJZ7N.js";
 import {
   defaultValue
 } from "../__chunks/WVTCK5PV.js";