@ariakit/react-core 0.3.7 → 0.3.9

package/cjs/focusable/focusable.d.cts

@@ -106,6 +106,7 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * programmatic equivalent of the `data-focus-visible` attribute.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     onFocusVisible?: BivariantCallback<(event: SyntheticEvent<HTMLElement>) => void>;

package/cjs/focusable/focusable.d.ts

@@ -106,6 +106,7 @@ export interface FocusableOptions<T extends As = "div"> extends Options<T> {
      * programmatic equivalent of the `data-focus-visible` attribute.
      *
      * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * - [Custom Checkbox](https://ariakit.org/examples/checkbox-custom)
      */
     onFocusVisible?: BivariantCallback<(event: SyntheticEvent<HTMLElement>) => void>;

package/cjs/form/form-checkbox.cjs

@@ -7,11 +7,11 @@ var _VCDQISP7cjs = require('../__chunks/VCDQISP7.cjs');
 var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
 
-var _BY6ER73Ucjs = require('../__chunks/BY6ER73U.cjs');
+var _KQUC6RXTcjs = require('../__chunks/KQUC6RXT.cjs');
+require('../__chunks/63UPRTFZ.cjs');
 
 
-var _5GQV7KPQcjs = require('../__chunks/5GQV7KPQ.cjs');
-require('../__chunks/63UPRTFZ.cjs');
+var _VSDH37LIcjs = require('../__chunks/VSDH37LI.cjs');
 require('../__chunks/ERFHNHON.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
@@ -23,7 +23,7 @@ require('../__chunks/75KXQZJX.cjs');
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -43,11 +43,11 @@ var useFormCheckbox = _RNZNGEL4cjs.createHook.call(void 0,
       process.env.NODE_ENV !== "production" && "FormCheckbox must be wrapped in a Form component."
     );
     const name = `${nameProp}`;
-    const checkboxStore = _5GQV7KPQcjs.useCheckboxStore.call(void 0, {
+    const checkboxStore = _VSDH37LIcjs.useCheckboxStore.call(void 0, {
       value: store.useValue(name),
       setValue: (value2) => store == null ? void 0 : store.setValue(name, value2)
     });
-    props = _BY6ER73Ucjs.useCheckbox.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
+    props = _KQUC6RXTcjs.useCheckbox.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store: checkboxStore, value, checked }, props));
     props = _VCDQISP7cjs.useFormField.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       name,

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

@@ -12,8 +12,8 @@ import type { FormStore } from "./form-store.js";
  *   // Use the store...
  * }
  */
-export declare const useFormContext: () => FormStore | undefined;
-export declare const useFormScopedContext: (onlyScoped?: boolean) => FormStore | undefined;
-export declare const useFormProviderContext: () => FormStore | undefined;
-export declare const FormContextProvider: (props: import("react").ProviderProps<FormStore | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const FormScopedContextProvider: (props: import("react").ProviderProps<FormStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useFormContext: () => FormStore<import("./form-store.js").FormStoreValues> | undefined;
+export declare const useFormScopedContext: (onlyScoped?: boolean) => FormStore<import("./form-store.js").FormStoreValues> | undefined;
+export declare const useFormProviderContext: () => FormStore<import("./form-store.js").FormStoreValues> | undefined;
+export declare const FormContextProvider: (props: import("react").ProviderProps<FormStore<import("./form-store.js").FormStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormScopedContextProvider: (props: import("react").ProviderProps<FormStore<import("./form-store.js").FormStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,8 +12,8 @@ import type { FormStore } from "./form-store.js";
  *   // Use the store...
  * }
  */
-export declare const useFormContext: () => FormStore | undefined;
-export declare const useFormScopedContext: (onlyScoped?: boolean) => FormStore | undefined;
-export declare const useFormProviderContext: () => FormStore | undefined;
-export declare const FormContextProvider: (props: import("react").ProviderProps<FormStore | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const FormScopedContextProvider: (props: import("react").ProviderProps<FormStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useFormContext: () => FormStore<import("./form-store.js").FormStoreValues> | undefined;
+export declare const useFormScopedContext: (onlyScoped?: boolean) => FormStore<import("./form-store.js").FormStoreValues> | undefined;
+export declare const useFormProviderContext: () => FormStore<import("./form-store.js").FormStoreValues> | undefined;
+export declare const FormContextProvider: (props: import("react").ProviderProps<FormStore<import("./form-store.js").FormStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormScopedContextProvider: (props: import("react").ProviderProps<FormStore<import("./form-store.js").FormStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/form/form-provider.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _XMGFHUXOcjs = require('../__chunks/XMGFHUXO.cjs');
+var _QLRXXIBYcjs = require('../__chunks/QLRXXIBY.cjs');
 
 
 var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
-require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/DKOWT2IJ.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -16,7 +16,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/form/form-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function FormProvider(props = {}) {
-  const store = _XMGFHUXOcjs.useFormStore.call(void 0, props);
+  const store = _QLRXXIBYcjs.useFormStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FROYTN4Bcjs.FormContextProvider, { value: store, children: props.children });
 }
 

package/cjs/form/form-radio.cjs

@@ -7,9 +7,9 @@ var _VCDQISP7cjs = require('../__chunks/VCDQISP7.cjs');
 var _FROYTN4Bcjs = require('../__chunks/FROYTN4B.cjs');
 
 
-var _HGT5CLDMcjs = require('../__chunks/HGT5CLDM.cjs');
+var _HHZJ6KYWcjs = require('../__chunks/HHZJ6KYW.cjs');
 require('../__chunks/HEEQY4DZ.cjs');
-require('../__chunks/P43G7USH.cjs');
+require('../__chunks/PFQ3IPWT.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 require('../__chunks/R5A2WTWB.cjs');
 require('../__chunks/RV3PHHWM.cjs');
@@ -22,7 +22,7 @@ require('../__chunks/75KXQZJX.cjs');
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 
 
 var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
@@ -60,7 +60,7 @@ var useFormRadio = _RNZNGEL4cjs.createHook.call(void 0,
       checked,
       onChange
     });
-    props = _HGT5CLDMcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
+    props = _HHZJ6KYWcjs.useRadio.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { value }, props));
     props = _VCDQISP7cjs.useFormField.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       name,

package/cjs/form/form-store.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _XMGFHUXOcjs = require('../__chunks/XMGFHUXO.cjs');
-require('../__chunks/TUVU5ERH.cjs');
-require('../__chunks/OALXXRFM.cjs');
+var _QLRXXIBYcjs = require('../__chunks/QLRXXIBY.cjs');
+require('../__chunks/DKOWT2IJ.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useFormStore = _XMGFHUXOcjs.useFormStore; exports.useFormStoreProps = _XMGFHUXOcjs.useFormStoreProps;
+exports.useFormStore = _QLRXXIBYcjs.useFormStore; exports.useFormStoreProps = _QLRXXIBYcjs.useFormStoreProps;

package/cjs/form/form-store.d.cts

@@ -3,12 +3,10 @@ import type { StringLike } from "@ariakit/core/form/types";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CollectionStoreFunctions, CollectionStoreOptions, CollectionStoreState } from "../collection/collection-store.js";
 import type { Store } from "../utils/store.js";
-type Values = Core.FormStoreValues;
-type Item = Core.FormStoreItem;
 export declare function useFormStoreProps<T extends Omit<FormStore, "useValue" | "useValidate" | "useSubmit">>(store: T, update: () => void, props: FormStoreProps): T & {
     useValue: <T_1 = any>(name: StringLike) => T_1;
-    useValidate: (callback: Core.FormStoreCallback<FormStoreState<import("@ariakit/core/utils/types").AnyObject>>) => void;
-    useSubmit: (callback: Core.FormStoreCallback<FormStoreState<import("@ariakit/core/utils/types").AnyObject>>) => void;
+    useValidate: (callback: Core.FormStoreCallback<FormStoreState<FormStoreValues>>) => void;
+    useSubmit: (callback: Core.FormStoreCallback<FormStoreState<FormStoreValues>>) => void;
 };
 /**
  * Creates a form store.
@@ -27,12 +25,15 @@ export declare function useFormStoreProps<T extends Omit<FormStore, "useValue" |
  * </Form>
  * ```
  */
-export declare function useFormStore<T extends Values = Values>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
+export declare function useFormStore<T extends FormStoreValues = FormStoreValues>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
 export declare function useFormStore(props: FormStoreProps): FormStore;
-export type FormStoreItem = Item;
-export interface FormStoreState<T extends Values = Values> extends Core.FormStoreState<T>, CollectionStoreState<Item> {
+export interface FormStoreValues extends Core.FormStoreValues {
 }
-export interface FormStoreFunctions<T extends Values = Values> extends Core.FormStoreFunctions<T>, CollectionStoreFunctions<Item> {
+export interface FormStoreItem extends Core.FormStoreItem {
+}
+export interface FormStoreState<T extends FormStoreValues = FormStoreValues> extends Core.FormStoreState<T>, CollectionStoreState<FormStoreItem> {
+}
+export interface FormStoreFunctions<T extends FormStoreValues = FormStoreValues> extends Core.FormStoreFunctions<T>, CollectionStoreFunctions<FormStoreItem> {
     /**
      * A custom hook that rerenders the component when the value of the given
      * field changes. It returns the value of the field.
@@ -71,7 +72,7 @@ export interface FormStoreFunctions<T extends Values = Values> extends Core.Form
      */
     useSubmit: (callback: Core.FormStoreCallback<FormStoreState<T>>) => void;
 }
-export interface FormStoreOptions<T extends Values = Values> extends Core.FormStoreOptions<T>, CollectionStoreOptions<Item> {
+export interface FormStoreOptions<T extends FormStoreValues = FormStoreValues> extends Core.FormStoreOptions<T>, CollectionStoreOptions<FormStoreItem> {
     /**
      * Function that will be called when `values` state changes.
      * @param values The new values.
@@ -96,6 +97,7 @@ export interface FormStoreOptions<T extends Values = Values> extends Core.FormSt
      */
     setTouched?: (touched: FormStoreState<T>["touched"]) => void;
 }
-export type FormStoreProps<T extends Values = Values> = FormStoreOptions<T> & Core.FormStoreProps<T>;
-export type FormStore<T extends Values = Values> = FormStoreFunctions<T> & Store<Core.FormStore<T>>;
-export {};
+export interface FormStoreProps<T extends FormStoreValues = FormStoreValues> extends FormStoreOptions<T>, Core.FormStoreProps<T> {
+}
+export interface FormStore<T extends FormStoreValues = FormStoreValues> extends FormStoreFunctions<T>, Store<Core.FormStore<T>> {
+}

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

@@ -3,12 +3,10 @@ import type { StringLike } from "@ariakit/core/form/types";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { CollectionStoreFunctions, CollectionStoreOptions, CollectionStoreState } from "../collection/collection-store.js";
 import type { Store } from "../utils/store.js";
-type Values = Core.FormStoreValues;
-type Item = Core.FormStoreItem;
 export declare function useFormStoreProps<T extends Omit<FormStore, "useValue" | "useValidate" | "useSubmit">>(store: T, update: () => void, props: FormStoreProps): T & {
     useValue: <T_1 = any>(name: StringLike) => T_1;
-    useValidate: (callback: Core.FormStoreCallback<FormStoreState<import("@ariakit/core/utils/types").AnyObject>>) => void;
-    useSubmit: (callback: Core.FormStoreCallback<FormStoreState<import("@ariakit/core/utils/types").AnyObject>>) => void;
+    useValidate: (callback: Core.FormStoreCallback<FormStoreState<FormStoreValues>>) => void;
+    useSubmit: (callback: Core.FormStoreCallback<FormStoreState<FormStoreValues>>) => void;
 };
 /**
  * Creates a form store.
@@ -27,12 +25,15 @@ export declare function useFormStoreProps<T extends Omit<FormStore, "useValue" |
  * </Form>
  * ```
  */
-export declare function useFormStore<T extends Values = Values>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
+export declare function useFormStore<T extends FormStoreValues = FormStoreValues>(props: PickRequired<FormStoreProps<T>, "values" | "defaultValues" | "errors" | "defaultErrors" | "touched" | "defaultTouched">): FormStore<T>;
 export declare function useFormStore(props: FormStoreProps): FormStore;
-export type FormStoreItem = Item;
-export interface FormStoreState<T extends Values = Values> extends Core.FormStoreState<T>, CollectionStoreState<Item> {
+export interface FormStoreValues extends Core.FormStoreValues {
 }
-export interface FormStoreFunctions<T extends Values = Values> extends Core.FormStoreFunctions<T>, CollectionStoreFunctions<Item> {
+export interface FormStoreItem extends Core.FormStoreItem {
+}
+export interface FormStoreState<T extends FormStoreValues = FormStoreValues> extends Core.FormStoreState<T>, CollectionStoreState<FormStoreItem> {
+}
+export interface FormStoreFunctions<T extends FormStoreValues = FormStoreValues> extends Core.FormStoreFunctions<T>, CollectionStoreFunctions<FormStoreItem> {
     /**
      * A custom hook that rerenders the component when the value of the given
      * field changes. It returns the value of the field.
@@ -71,7 +72,7 @@ export interface FormStoreFunctions<T extends Values = Values> extends Core.Form
      */
     useSubmit: (callback: Core.FormStoreCallback<FormStoreState<T>>) => void;
 }
-export interface FormStoreOptions<T extends Values = Values> extends Core.FormStoreOptions<T>, CollectionStoreOptions<Item> {
+export interface FormStoreOptions<T extends FormStoreValues = FormStoreValues> extends Core.FormStoreOptions<T>, CollectionStoreOptions<FormStoreItem> {
     /**
      * Function that will be called when `values` state changes.
      * @param values The new values.
@@ -96,6 +97,7 @@ export interface FormStoreOptions<T extends Values = Values> extends Core.FormSt
      */
     setTouched?: (touched: FormStoreState<T>["touched"]) => void;
 }
-export type FormStoreProps<T extends Values = Values> = FormStoreOptions<T> & Core.FormStoreProps<T>;
-export type FormStore<T extends Values = Values> = FormStoreFunctions<T> & Store<Core.FormStore<T>>;
-export {};
+export interface FormStoreProps<T extends FormStoreValues = FormStoreValues> extends FormStoreOptions<T>, Core.FormStoreProps<T> {
+}
+export interface FormStore<T extends FormStoreValues = FormStoreValues> extends FormStoreFunctions<T>, Store<Core.FormStore<T>> {
+}

package/cjs/hovercard/hovercard-anchor.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _35LC5W3Mcjs = require('../__chunks/35LC5W3M.cjs');
+var _TGTVGYEZcjs = require('../__chunks/TGTVGYEZ.cjs');
 require('../__chunks/3W6FH6JK.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
@@ -16,4 +16,4 @@ require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.HovercardAnchor = _35LC5W3Mcjs.HovercardAnchor; exports.useHovercardAnchor = _35LC5W3Mcjs.useHovercardAnchor;
+exports.HovercardAnchor = _TGTVGYEZcjs.HovercardAnchor; exports.useHovercardAnchor = _TGTVGYEZcjs.useHovercardAnchor;

package/cjs/hovercard/hovercard-anchor.d.cts

@@ -39,6 +39,9 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
     store?: HovercardStore;
     /**
      * Whether to show the hovercard on mouse move.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;

package/cjs/hovercard/hovercard-anchor.d.ts

@@ -39,6 +39,9 @@ export interface HovercardAnchorOptions<T extends As = "a"> extends FocusableOpt
     store?: HovercardStore;
     /**
      * Whether to show the hovercard on mouse move.
+     *
+     * Live examples:
+     * - [Navigation Menubar](https://ariakit.org/examples/menubar-navigation)
      * @default true
      */
     showOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;

package/cjs/hovercard/hovercard-provider.cjs

@@ -8,11 +8,11 @@ require('../__chunks/S6UU7NA4.cjs');
 require('../__chunks/RNZNGEL4.cjs');
 
 
-var _23LJEFHIcjs = require('../__chunks/23LJEFHI.cjs');
-require('../__chunks/65GJIQK5.cjs');
-require('../__chunks/X3I2WFGC.cjs');
-require('../__chunks/FQNGCFYY.cjs');
-require('../__chunks/OALXXRFM.cjs');
+var _XDTEICF5cjs = require('../__chunks/XDTEICF5.cjs');
+require('../__chunks/7BPAESN3.cjs');
+require('../__chunks/HRKRTCJC.cjs');
+require('../__chunks/EGAIDKB5.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
@@ -20,7 +20,7 @@ require('../__chunks/AV6KTKLE.cjs');
 // src/hovercard/hovercard-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function HovercardProvider(props = {}) {
-  const store = _23LJEFHIcjs.useHovercardStore.call(void 0, props);
+  const store = _XDTEICF5cjs.useHovercardStore.call(void 0, props);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3W6FH6JKcjs.HovercardContextProvider, { value: store, children: props.children });
 }
 

package/cjs/hovercard/hovercard-store.cjs

@@ -2,15 +2,15 @@
 
 
 
-var _23LJEFHIcjs = require('../__chunks/23LJEFHI.cjs');
-require('../__chunks/65GJIQK5.cjs');
-require('../__chunks/X3I2WFGC.cjs');
-require('../__chunks/FQNGCFYY.cjs');
-require('../__chunks/OALXXRFM.cjs');
+var _XDTEICF5cjs = require('../__chunks/XDTEICF5.cjs');
+require('../__chunks/7BPAESN3.cjs');
+require('../__chunks/HRKRTCJC.cjs');
+require('../__chunks/EGAIDKB5.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.useHovercardStore = _23LJEFHIcjs.useHovercardStore; exports.useHovercardStoreProps = _23LJEFHIcjs.useHovercardStoreProps;
+exports.useHovercardStore = _XDTEICF5cjs.useHovercardStore; exports.useHovercardStoreProps = _XDTEICF5cjs.useHovercardStoreProps;

package/cjs/hovercard/hovercard-store.d.cts

@@ -20,5 +20,7 @@ export interface HovercardStoreFunctions extends Core.HovercardStoreFunctions, P
 }
 export interface HovercardStoreOptions extends Core.HovercardStoreOptions, PopoverStoreOptions {
 }
-export type HovercardStoreProps = HovercardStoreOptions & Core.HovercardStoreProps;
-export type HovercardStore = HovercardStoreFunctions & Store<Core.HovercardStore>;
+export interface HovercardStoreProps extends HovercardStoreOptions, Core.HovercardStoreProps {
+}
+export interface HovercardStore extends HovercardStoreFunctions, Store<Core.HovercardStore> {
+}

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

@@ -20,5 +20,7 @@ export interface HovercardStoreFunctions extends Core.HovercardStoreFunctions, P
 }
 export interface HovercardStoreOptions extends Core.HovercardStoreOptions, PopoverStoreOptions {
 }
-export type HovercardStoreProps = HovercardStoreOptions & Core.HovercardStoreProps;
-export type HovercardStore = HovercardStoreFunctions & Store<Core.HovercardStore>;
+export interface HovercardStoreProps extends HovercardStoreOptions, Core.HovercardStoreProps {
+}
+export interface HovercardStore extends HovercardStoreFunctions, Store<Core.HovercardStore> {
+}

package/cjs/hovercard/hovercard.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _EQ4A5RPWcjs = require('../__chunks/EQ4A5RPW.cjs');
+var _WK7AZPHScjs = require('../__chunks/WK7AZPHS.cjs');
 require('../__chunks/KXQOQQ5B.cjs');
-require('../__chunks/RIZYIKBE.cjs');
-require('../__chunks/XFPRAS3J.cjs');
-require('../__chunks/SHOS7XOU.cjs');
+require('../__chunks/WABPFCL3.cjs');
+require('../__chunks/OT6DC3ML.cjs');
+require('../__chunks/RTT4XR27.cjs');
 require('../__chunks/NKR65BKC.cjs');
 require('../__chunks/PZL34OVO.cjs');
 require('../__chunks/344F3DYO.cjs');
@@ -27,7 +27,7 @@ require('../__chunks/XB3G2EO2.cjs');
 require('../__chunks/CVD2AZE2.cjs');
 require('../__chunks/2BIO7R5N.cjs');
 require('../__chunks/LAUATD5O.cjs');
-require('../__chunks/7BSMGTGR.cjs');
+require('../__chunks/TD5MOASJ.cjs');
 require('../__chunks/3W6FH6JK.cjs');
 require('../__chunks/UVBBMANL.cjs');
 require('../__chunks/F2A2ZQDB.cjs');
@@ -36,13 +36,13 @@ require('../__chunks/Z3GCTNW4.cjs');
 require('../__chunks/75KXQZJX.cjs');
 require('../__chunks/R66IWXK6.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/X3I2WFGC.cjs');
-require('../__chunks/FQNGCFYY.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/HRKRTCJC.cjs');
+require('../__chunks/EGAIDKB5.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 
 
-exports.Hovercard = _EQ4A5RPWcjs.Hovercard; exports.useHovercard = _EQ4A5RPWcjs.useHovercard;
+exports.Hovercard = _WK7AZPHScjs.Hovercard; exports.useHovercard = _WK7AZPHScjs.useHovercard;

package/cjs/menu/menu-bar-provider.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _UQ7KT5UOcjs = require('../__chunks/UQ7KT5UO.cjs');
+var _VQHA56HBcjs = require('../__chunks/VQHA56HB.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/SSJIHRU6.cjs');
-require('../__chunks/A5RWZSX7.cjs');
-require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/7KFYPSJO.cjs');
+require('../__chunks/N6CR2VNN.cjs');
+require('../__chunks/DKOWT2IJ.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 
@@ -19,7 +19,7 @@ var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 // src/menu/menu-bar-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function MenuBarProvider(props = {}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UQ7KT5UOcjs.MenubarProvider, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VQHA56HBcjs.MenubarProvider, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props));
 }
 
 

package/cjs/menu/menu-bar-store.cjs

@@ -2,20 +2,20 @@
 
 
 
-var _SSJIHRU6cjs = require('../__chunks/SSJIHRU6.cjs');
-require('../__chunks/A5RWZSX7.cjs');
-require('../__chunks/TUVU5ERH.cjs');
-require('../__chunks/OALXXRFM.cjs');
+var _7KFYPSJOcjs = require('../__chunks/7KFYPSJO.cjs');
+require('../__chunks/N6CR2VNN.cjs');
+require('../__chunks/DKOWT2IJ.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-bar-store.ts
 function useMenuBarStoreProps(store, update, props) {
-  return _SSJIHRU6cjs.useMenubarStoreProps.call(void 0, store, update, props);
+  return _7KFYPSJOcjs.useMenubarStoreProps.call(void 0, store, update, props);
 }
 function useMenuBarStore(props = {}) {
-  return _SSJIHRU6cjs.useMenubarStore.call(void 0, props);
+  return _7KFYPSJOcjs.useMenubarStore.call(void 0, props);
 }
 
 

package/cjs/menu/menu-bar.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _KAQBQZEGcjs = require('../__chunks/KAQBQZEG.cjs');
+var _3KZQJDTVcjs = require('../__chunks/3KZQJDTV.cjs');
 require('../__chunks/7LBZXSLY.cjs');
-require('../__chunks/SSJIHRU6.cjs');
+require('../__chunks/7KFYPSJO.cjs');
 require('../__chunks/CZOBQEIO.cjs');
 require('../__chunks/RV3PHHWM.cjs');
-require('../__chunks/A5RWZSX7.cjs');
-require('../__chunks/TUVU5ERH.cjs');
+require('../__chunks/N6CR2VNN.cjs');
+require('../__chunks/DKOWT2IJ.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
 require('../__chunks/Z3GCTNW4.cjs');
@@ -17,14 +17,14 @@ require('../__chunks/75KXQZJX.cjs');
 
 
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
-require('../__chunks/OALXXRFM.cjs');
+require('../__chunks/B233QVZE.cjs');
 require('../__chunks/EO6LS72H.cjs');
 require('../__chunks/CJDHQUBR.cjs');
 require('../__chunks/AV6KTKLE.cjs');
 
 // src/menu/menu-bar.tsx
 var useMenuBar = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
-  return _KAQBQZEGcjs.useMenubar.call(void 0, props);
+  return _3KZQJDTVcjs.useMenubar.call(void 0, props);
 });
 var MenuBar = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useMenuBar(props);

package/cjs/menu/menu-button.cjs

@@ -17,7 +17,7 @@ var _FQZOOWMHcjs = require('../__chunks/FQZOOWMH.cjs');
 require('../__chunks/DAJUUBUI.cjs');
 
 
-var _35LC5W3Mcjs = require('../__chunks/35LC5W3M.cjs');
+var _TGTVGYEZcjs = require('../__chunks/TGTVGYEZ.cjs');
 require('../__chunks/RV3PHHWM.cjs');
 require('../__chunks/UZNYSPKP.cjs');
 require('../__chunks/BZTDJIVT.cjs');
@@ -37,7 +37,7 @@ require('../__chunks/75KXQZJX.cjs');
 var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
 
 
-var _OALXXRFMcjs = require('../__chunks/OALXXRFM.cjs');
+var _B233QVZEcjs = require('../__chunks/B233QVZE.cjs');
 
 
 
@@ -163,7 +163,10 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
       });
     }
     const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
-    const parentContentElement = _OALXXRFMcjs.useStoreState.call(void 0, parentMenu, "contentElement");
+    const parentContentElement = _B233QVZEcjs.useStoreState.call(void 0, 
+      (parentMenu == null ? void 0 : parentMenu.combobox) || parentMenu,
+      "contentElement"
+    );
     const role = hasParentMenu || parentIsMenubar ? _dom.getPopupItemRole.call(void 0, parentContentElement, "menuitem") : void 0;
     const contentElement = store.useState("contentElement");
     props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
@@ -176,7 +179,7 @@ var useMenuButton = _RNZNGEL4cjs.createHook.call(void 0,
       onKeyDown,
       onClick
     });
-    props = _35LC5W3Mcjs.useHovercardAnchor.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
+    props = _TGTVGYEZcjs.useHovercardAnchor.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       focusable,
       accessibleWhenDisabled

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

@@ -12,11 +12,11 @@ import type { MenuStore } from "./menu-store.js";
  *   // Use the store...
  * }
  */
-export declare const useMenuContext: () => MenuStore | undefined;
-export declare const useMenuScopedContext: (onlyScoped?: boolean) => MenuStore | undefined;
-export declare const useMenuProviderContext: () => MenuStore | undefined;
-export declare const MenuContextProvider: (props: import("react").ProviderProps<MenuStore | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const MenuScopedContextProvider: (props: import("react").ProviderProps<MenuStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useMenuContext: () => MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined;
+export declare const useMenuScopedContext: (onlyScoped?: boolean) => MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined;
+export declare const useMenuProviderContext: () => MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined;
+export declare const MenuContextProvider: (props: import("react").ProviderProps<MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuScopedContextProvider: (props: import("react").ProviderProps<MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Returns the menuBar store from the nearest menuBar container.
  * @deprecated

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

@@ -12,11 +12,11 @@ import type { MenuStore } from "./menu-store.js";
  *   // Use the store...
  * }
  */
-export declare const useMenuContext: () => MenuStore | undefined;
-export declare const useMenuScopedContext: (onlyScoped?: boolean) => MenuStore | undefined;
-export declare const useMenuProviderContext: () => MenuStore | undefined;
-export declare const MenuContextProvider: (props: import("react").ProviderProps<MenuStore | undefined>) => import("react/jsx-runtime").JSX.Element;
-export declare const MenuScopedContextProvider: (props: import("react").ProviderProps<MenuStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const useMenuContext: () => MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined;
+export declare const useMenuScopedContext: (onlyScoped?: boolean) => MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined;
+export declare const useMenuProviderContext: () => MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined;
+export declare const MenuContextProvider: (props: import("react").ProviderProps<MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuScopedContextProvider: (props: import("react").ProviderProps<MenuStore<import("@ariakit/core/menu/menu-store").MenuStoreValues> | undefined>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Returns the menuBar store from the nearest menuBar container.
  * @deprecated