@ariakit/react-components 0.1.1 → 0.1.2

package/dist/menu/menu-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-context.js","names":[],"sources":["../../src/menu/menu-context.tsx"],"sourcesContent":["import { createStoreContext } from \"@ariakit/react-utils\";\nimport { createContext } from \"react\";\nimport {\n  CompositeContextProvider,\n  CompositeScopedContextProvider,\n} from \"../composite/composite-context.tsx\";\nimport {\n  HovercardContextProvider,\n  HovercardScopedContextProvider,\n} from \"../hovercard/hovercard-context.tsx\";\nimport {\n  MenubarContextProvider,\n  MenubarScopedContextProvider,\n  useMenubarContext,\n  useMenubarProviderContext,\n  useMenubarScopedContext,\n} from \"../menubar/menubar-context.tsx\";\nimport type { MenuStore } from \"./menu-store.ts\";\n\nconst menu = createStoreContext<MenuStore>(\n  [CompositeContextProvider, HovercardContextProvider],\n  [CompositeScopedContextProvider, HovercardScopedContextProvider],\n);\n\n/**\n * Returns the menu store from the nearest menu container.\n * @example\n * function Menu() {\n *   const store = useMenuContext();\n *\n *   if (!store) {\n *     throw new Error(\"Menu must be wrapped in MenuProvider\");\n *   }\n *\n *   // Use the store...\n * }\n */\nexport const useMenuContext = menu.useContext;\n\nexport const useMenuScopedContext = menu.useScopedContext;\n\nexport const useMenuProviderContext = menu.useProviderContext;\n\nexport const MenuContextProvider = menu.ContextProvider;\n\nexport const MenuScopedContextProvider = menu.ScopedContextProvider;\n\n/**\n * Returns the menuBar store from the nearest menuBar container.\n * @deprecated\n * Use [`useMenubarContext`](https://ariakit.com/reference/use-menubar-context)\n * instead.\n * @example\n * function MenuBar() {\n *   const store = useMenuBarContext();\n *\n *   if (!store) {\n *     throw new Error(\"MenuBar must be wrapped in MenuBarProvider\");\n *   }\n *\n *   // Use the store...\n * }\n */\nexport const useMenuBarContext = useMenubarContext;\n\nexport const useMenuBarScopedContext = useMenubarScopedContext;\n\nexport const useMenuBarProviderContext = useMenubarProviderContext;\n\nexport const MenuBarContextProvider = MenubarContextProvider;\n\nexport const MenuBarScopedContextProvider = MenubarScopedContextProvider;\n\nexport const MenuItemCheckedContext = createContext<boolean | undefined>(\n  undefined,\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,iBAAA,KAAA;AAEb,MAAa,uBAAA,KAAyB;AAEtC,MAAa,yBAAsB,KAAK;AAExC,MAAa,sBAAA,KAAA;;;;;;;;;;;;;;;;;;AAoBb,MAAa,oBAAA;AAEb,MAAa,0BAAA;AAEb,MAAa,4BAAyB;AAEtC,MAAa,yBAAA;AAEb,MAAa,+BAAyB"}
+{"version":3,"file":"menu-context.js","names":[],"sources":["../../src/menu/menu-context.tsx"],"sourcesContent":["import { createStoreContext } from \"@ariakit/react-utils\";\nimport { createContext } from \"react\";\nimport {\n  CompositeContextProvider,\n  CompositeScopedContextProvider,\n} from \"../composite/composite-context.tsx\";\nimport {\n  HovercardContextProvider,\n  HovercardScopedContextProvider,\n} from \"../hovercard/hovercard-context.tsx\";\nimport {\n  MenubarContextProvider,\n  MenubarScopedContextProvider,\n  useMenubarContext,\n  useMenubarProviderContext,\n  useMenubarScopedContext,\n} from \"../menubar/menubar-context.tsx\";\nimport type { MenuStore } from \"./menu-store.ts\";\n\nconst menu = createStoreContext<MenuStore>(\n  [CompositeContextProvider, HovercardContextProvider],\n  [CompositeScopedContextProvider, HovercardScopedContextProvider],\n);\n\n/**\n * Returns the menu store from the nearest menu container.\n * @example\n * function Menu() {\n *   const store = useMenuContext();\n *\n *   if (!store) {\n *     throw new Error(\"Menu must be wrapped in MenuProvider\");\n *   }\n *\n *   // Use the store...\n * }\n */\nexport const useMenuContext = menu.useContext;\n\nexport const useMenuScopedContext = menu.useScopedContext;\n\nexport const useMenuProviderContext = menu.useProviderContext;\n\nexport const MenuContextProvider = menu.ContextProvider;\n\nexport const MenuScopedContextProvider = menu.ScopedContextProvider;\n\n/**\n * Returns the menuBar store from the nearest menuBar container.\n * @deprecated\n * Use [`useMenubarContext`](https://ariakit.com/reference/use-menubar-context)\n * instead.\n * @example\n * function MenuBar() {\n *   const store = useMenuBarContext();\n *\n *   if (!store) {\n *     throw new Error(\"MenuBar must be wrapped in MenuBarProvider\");\n *   }\n *\n *   // Use the store...\n * }\n */\nexport const useMenuBarContext = useMenubarContext;\n\nexport const useMenuBarScopedContext = useMenubarScopedContext;\n\nexport const useMenuBarProviderContext = useMenubarProviderContext;\n\nexport const MenuBarContextProvider = MenubarContextProvider;\n\nexport const MenuBarScopedContextProvider = MenubarScopedContextProvider;\n\nexport const MenuItemCheckedContext = createContext<boolean | undefined>(\n  undefined,\n);\n\n/**\n * Whether the enclosing menu list is currently hidden (e.g. a closed menu\n * rendered without `unmountOnHide`). `MenuItem` uses it to skip registering\n * items that aren't shown yet. Defaults to `false` so items without a menu list\n * ancestor (such as menubar items) keep registering.\n */\nexport const MenuListHiddenContext = createContext(false);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,iBAAA,KAAA;AAEb,MAAa,uBAAA,KAAyB;AAEtC,MAAa,yBAAsB,KAAK;AAExC,MAAa,sBAAA,KAAA;;;;;;;;;;;;;;;;;;AAoBb,MAAa,oBAAA;AAEb,MAAa,0BAAA;AAEb,MAAa,4BAAyB;AAEtC,MAAa,yBAAA;AAEb,MAAa,+BAAyB"}

package/dist/menu/menu-description.d.ts

@@ -1,5 +1,5 @@
 import { HovercardDescriptionOptions } from "../hovercard/hovercard-description.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -33,7 +33,7 @@ declare const useMenuDescription: import("@ariakit/react-utils").Hook<"p", MenuD
  * </MenuProvider>
  * ```
  */
-declare const MenuDescription: (props: MenuDescriptionProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuDescription: (props: MenuDescriptionProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuDescriptionOptions<T extends ElementType = TagName> extends HovercardDescriptionOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-description.d.ts","names":["Props","ElementType","HovercardDescriptionOptions","MenuStore","TagName","useMenuDescription","MenuDescriptionOptions","Hook","MenuDescription","MenuDescriptionProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-description.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,kBAAAA,iCAAmDE,IAAAA,MAAUD,sBAAsB;;AAAA;AAexG;;;;;;;;;AAAuJ;AACvJ;;cADqBE,eAAAA,GAAkBE,KAAAA,EAAOD,oBAAoB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACjHN,sBAAAA,WAAiCL,WAAAA,GAAcG,OAAAA,UAAiBF,2BAAAA,CAA4BW,CAAAA;EAA7CT;;;;;;;EAQ5DU,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,oBAAAA,WAA+BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,sBAAAA,CAAuBO,CAAAA"}
+{"version":3,"file":"menu-description.d.ts","names":["Props","ElementType","HovercardDescriptionOptions","MenuStore","TagName","useMenuDescription","MenuDescriptionOptions","Hook","MenuDescription","MenuDescriptionProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-description.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,kBAAAA,iCAAmDE,IAAAA,MAAUD,sBAAsB;;AAAA;AAexG;;;;;;;;;AAA2J;AAC3J;;cADqBE,eAAAA,GAAkBE,KAAAA,EAAOD,oBAAoB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACrHN,sBAAAA,WAAiCL,WAAAA,GAAcG,OAAAA,UAAiBF,2BAAAA,CAA4BW,CAAAA;EAA7CT;;;;;;;EAQ5DU,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,oBAAAA,WAA+BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,sBAAAA,CAAuBO,CAAAA"}

package/dist/menu/menu-dismiss.d.ts

@@ -1,5 +1,5 @@
 import { HovercardDismissOptions } from "../hovercard/hovercard-dismiss.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -32,7 +32,7 @@ declare const useMenuDismiss: import("@ariakit/react-utils").Hook<"button", Menu
  * </MenuProvider>
  * ```
  */
-declare const MenuDismiss: (props: MenuDismissProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuDismiss: (props: MenuDismissProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuDismissOptions<T extends ElementType = TagName> extends HovercardDismissOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-dismiss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-dismiss.d.ts","names":["Props","ElementType","HovercardDismissOptions","MenuStore","TagName","useMenuDismiss","MenuDismissOptions","Hook","MenuDismiss","MenuDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,cAAAA,iCAA+CE,IAAAA,WAAeD,kBAAkB;;AAAA;AAcrG;;;;;;;;;AAA+I;AAC/I;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACzGN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,uBAAAA,CAAwBW,CAAAA;EAAvDZ;;;;;;;EAQ1Ca,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}
+{"version":3,"file":"menu-dismiss.d.ts","names":["Props","ElementType","HovercardDismissOptions","MenuStore","TagName","useMenuDismiss","MenuDismissOptions","Hook","MenuDismiss","MenuDismissProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-dismiss.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,cAAAA,iCAA+CE,IAAAA,WAAeD,kBAAkB;;AAAA;AAcrG;;;;;;;;;AAAmJ;AACnJ;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC7GN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,uBAAAA,CAAwBW,CAAAA;EAAvDZ;;;;;;;EAQ1Ca,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}

package/dist/menu/menu-group-label.d.ts

@@ -1,5 +1,5 @@
 import { CompositeGroupLabelOptions } from "../composite/composite-group-label.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -38,7 +38,7 @@ declare const useMenuGroupLabel: import("@ariakit/react-utils").Hook<"div", Menu
  * </MenuProvider>
  * ```
  */
-declare const MenuGroupLabel: (props: MenuGroupLabelProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuGroupLabel: (props: MenuGroupLabelProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuGroupLabelOptions<T extends ElementType = TagName> extends CompositeGroupLabelOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-group-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-group-label.d.ts","names":["Props","ElementType","CompositeGroupLabelOptions","MenuStore","TagName","useMenuGroupLabel","MenuGroupLabelOptions","Hook","MenuGroupLabel","MenuGroupLabelProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-group-label.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,iBAAAA,iCAAkDE,IAAAA,QAAYD,qBAAqB;;AAAA;AAoBxG;;;;;;;;;AAAqJ;AACrJ;;;;;;;cADqBE,cAAAA,GAAiBE,KAAAA,EAAOD,mBAAmB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC/GN,qBAAAA,WAAgCL,WAAAA,GAAcG,OAAAA,UAAiBF,0BAAAA,CAA2BW,CAAAA;EAAD;;;;;;;EAQtGC,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,mBAAAA,WAA8BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,qBAAAA,CAAsBO,CAAAA"}
+{"version":3,"file":"menu-group-label.d.ts","names":["Props","ElementType","CompositeGroupLabelOptions","MenuStore","TagName","useMenuGroupLabel","MenuGroupLabelOptions","Hook","MenuGroupLabel","MenuGroupLabelProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-group-label.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,iBAAAA,iCAAkDE,IAAAA,QAAYD,qBAAqB;;AAAA;AAoBxG;;;;;;;;;AAAyJ;AACzJ;;;;;;;cADqBE,cAAAA,GAAiBE,KAAAA,EAAOD,mBAAmB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACnHN,qBAAAA,WAAgCL,WAAAA,GAAcG,OAAAA,UAAiBF,0BAAAA,CAA2BW,CAAAA;EAAD;;;;;;;EAQtGC,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,mBAAAA,WAA8BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,qBAAAA,CAAsBO,CAAAA"}

package/dist/menu/menu-group.d.ts

@@ -1,5 +1,5 @@
 import { CompositeGroupOptions } from "../composite/composite-group.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -44,7 +44,7 @@ declare const useMenuGroup: import("@ariakit/react-utils").Hook<"div", MenuGroup
  * </MenuProvider>
  * ```
  */
-declare const MenuGroup: (props: MenuGroupProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuGroup: (props: MenuGroupProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuGroupOptions<T extends ElementType = TagName> extends CompositeGroupOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-group.d.ts","names":["Props","ElementType","CompositeGroupOptions","MenuStore","TagName","useMenuGroup","MenuGroupOptions","Hook","MenuGroup","MenuGroupProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-group.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAkB7B;;;;AAA8F;AAqB9F;;AAzCiD,cAoB5BC,YAAAA,iCAA6CE,IAAAA,QAAYD,gBAAgB;;;;;;;AAqB6C;AAC3I;;;;;;;;;;;;;cADqBE,SAAAA,GAAYE,KAAAA,EAAOD,cAAc,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACrGN,gBAAAA,WAA2BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAQ7FC;;;AAAiB;AAErB;;;EAFIA,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,cAAAA,WAAyBR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,gBAAAA,CAAiBO,CAAAA"}
+{"version":3,"file":"menu-group.d.ts","names":["Props","ElementType","CompositeGroupOptions","MenuStore","TagName","useMenuGroup","MenuGroupOptions","Hook","MenuGroup","MenuGroupProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-group.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAkB7B;;;;AAA8F;AAqB9F;;AAzCiD,cAoB5BC,YAAAA,iCAA6CE,IAAAA,QAAYD,gBAAgB;;;;;;;AAqBiD;AAC/I;;;;;;;;;;;;;cADqBE,SAAAA,GAAYE,KAAAA,EAAOD,cAAc,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACzGN,gBAAAA,WAA2BL,WAAAA,GAAcG,OAAAA,UAAiBF,qBAAAA,CAAsBW,CAAAA;EAQ7FC;;;AAAiB;AAErB;;;EAFIA,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,cAAAA,WAAyBR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,gBAAAA,CAAiBO,CAAAA"}

package/dist/menu/menu-heading.d.ts

@@ -1,5 +1,5 @@
 import { HovercardHeadingOptions } from "../hovercard/hovercard-heading.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -33,7 +33,7 @@ declare const useMenuHeading: import("@ariakit/react-utils").Hook<"h1", MenuHead
  * </MenuProvider>
  * ```
  */
-declare const MenuHeading: (props: MenuHeadingProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuHeading: (props: MenuHeadingProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuHeadingOptions<T extends ElementType = TagName> extends HovercardHeadingOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-heading.d.ts","names":["Props","ElementType","HovercardHeadingOptions","MenuStore","TagName","useMenuHeading","MenuHeadingOptions","Hook","MenuHeading","MenuHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,cAAAA,iCAA+CE,IAAAA,OAAWD,kBAAkB;;AAAA;AAejG;;;;;;;;;AAA+I;AAC/I;;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACzGN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,uBAAAA,CAAwBW,CAAAA;EAAzCT;;;;;;;EAQxDU,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}
+{"version":3,"file":"menu-heading.d.ts","names":["Props","ElementType","HovercardHeadingOptions","MenuStore","TagName","useMenuHeading","MenuHeadingOptions","Hook","MenuHeading","MenuHeadingProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-heading.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAa7B;;AAfiD,cAe5BC,cAAAA,iCAA+CE,IAAAA,OAAWD,kBAAkB;;AAAA;AAejG;;;;;;;;;AAAmJ;AACnJ;;cADqBE,WAAAA,GAAcE,KAAAA,EAAOD,gBAAgB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UAC7GN,kBAAAA,WAA6BL,WAAAA,GAAcG,OAAAA,UAAiBF,uBAAAA,CAAwBW,CAAAA;EAAzCT;;;;;;;EAQxDU,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,gBAAAA,WAA2BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,kBAAAA,CAAmBO,CAAAA"}

package/dist/menu/menu-item-check.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxCheckOptions } from "../checkbox/checkbox-check.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -44,7 +44,7 @@ declare const useMenuItemCheck: import("@ariakit/react-utils").Hook<"span", Menu
  * </MenuProvider>
  * ```
  */
-declare const MenuItemCheck: (props: MenuItemCheckProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuItemCheck: (props: MenuItemCheckProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuItemCheckOptions<T extends ElementType = TagName> extends Omit<CheckboxCheckOptions<T>, "store"> {
   /**
    * Object returned by the

package/dist/menu/menu-item-check.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-check.d.ts","names":["Props","ElementType","CheckboxCheckOptions","MenuStore","TagName","useMenuItemCheck","MenuItemCheckOptions","Hook","MenuItemCheck","MenuItemCheckProps","props","ReactElement","JSXElementConstructor","T","Omit","store"],"sources":["../../src/menu/menu-item-check.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AAD4B,cAY5BC,gBAAAA,iCAAiDE,IAAAA,SAAaD,oBAAoB;AAAvG;;;;AAAuG;AA6BvG;;;;;;;;;AAAmJ;AACnJ;;;;;;;;;;;;;AA9BA,cA6BqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBU,IAAAA,CAAKZ,oBAAAA,CAAqBW,CAAAA;EAArBX;;;;EAKhFa,KAAAA,GAAQZ,SAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}
+{"version":3,"file":"menu-item-check.d.ts","names":["Props","ElementType","CheckboxCheckOptions","MenuStore","TagName","useMenuItemCheck","MenuItemCheckOptions","Hook","MenuItemCheck","MenuItemCheckProps","props","ReactElement","JSXElementConstructor","T","Omit","store"],"sources":["../../src/menu/menu-item-check.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AAD4B,cAY5BC,gBAAAA,iCAAiDE,IAAAA,SAAaD,oBAAoB;AAAvG;;;;AAAuG;AA6BvG;;;;;;;;;AAAuJ;AACvJ;;;;;;;;;;;;;AA9BA,cA6BqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBU,IAAAA,CAAKZ,oBAAAA,CAAqBW,CAAAA;EAArBX;;;;EAKhFa,KAAAA,GAAQZ,SAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

package/dist/menu/menu-item-checkbox.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxOptions } from "../checkbox/checkbox.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { MenuItemOptions } from "./menu-item.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
@@ -63,7 +63,7 @@ declare const useMenuItemCheckbox: import("@ariakit/react-utils").Hook<"div", Me
  * </MenuProvider>
  * ```
  */
-declare const MenuItemCheckbox: (props: MenuItemCheckboxProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuItemCheckbox: (props: MenuItemCheckboxProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuItemCheckboxOptions<T extends ElementType = TagName> extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, "store"> {
   /**
    * Object returned by the

package/dist/menu/menu-item-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-checkbox.d.ts","names":["Props","ElementType","CheckboxOptions","MenuItemOptions","MenuStore","TagName","useMenuItemCheckbox","MenuItemCheckboxOptions","Hook","MenuItemCheckbox","MenuItemCheckboxProps","props","ReactElement","JSXElementConstructor","T","Omit","store","name","checked","defaultChecked","hideOnClick"],"sources":["../../src/menu/menu-item-checkbox.d.ts"],"mappings":";;;;;;;cAKcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAc7B;;;AAhBiD,cAgB5BC,mBAAAA,iCAAoDE,IAAAA,QAAYD,uBAAuB;AAAA;AA2C5G;;;;;;;;;AAAyJ;AACzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5C4G,cA2CvFE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACnHN,uBAAAA,WAAkCN,WAAAA,GAAcI,OAAAA,UAAiBF,eAAAA,CAAgBW,CAAAA,GAAIC,IAAAA,CAAKb,eAAAA,CAAgBY,CAAAA;EAkC/GJ;;;;;;;EA1BRM,KAAAA,GAAQZ,SAAAA;EA0ByDJ;;;;;;;EAlBjEiB,IAAAA;EAkB0EV;;;AAAyB;;EAZnGW,OAAAA;;;;;;EAMAC,cAAAA;;;;EAIAC,WAAAA,GAAcjB,eAAAA,CAAgBW,CAAAA;AAAAA;AAAAA,KAEtBJ,qBAAAA,WAAgCT,WAAAA,GAAcI,OAAAA,IAAWL,KAAAA,CAAMc,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}
+{"version":3,"file":"menu-item-checkbox.d.ts","names":["Props","ElementType","CheckboxOptions","MenuItemOptions","MenuStore","TagName","useMenuItemCheckbox","MenuItemCheckboxOptions","Hook","MenuItemCheckbox","MenuItemCheckboxProps","props","ReactElement","JSXElementConstructor","T","Omit","store","name","checked","defaultChecked","hideOnClick"],"sources":["../../src/menu/menu-item-checkbox.d.ts"],"mappings":";;;;;;;cAKcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAc7B;;;AAhBiD,cAgB5BC,mBAAAA,iCAAoDE,IAAAA,QAAYD,uBAAuB;AAAA;AA2C5G;;;;;;;;;AAA6J;AAC7J;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5C4G,cA2CvFE,gBAAAA,GAAmBE,KAAAA,EAAOD,qBAAqB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACvHN,uBAAAA,WAAkCN,WAAAA,GAAcI,OAAAA,UAAiBF,eAAAA,CAAgBW,CAAAA,GAAIC,IAAAA,CAAKb,eAAAA,CAAgBY,CAAAA;EAkC/GJ;;;;;;;EA1BRM,KAAAA,GAAQZ,SAAAA;EA0ByDJ;;;;;;;EAlBjEiB,IAAAA;EAkB0EV;;;AAAyB;;EAZnGW,OAAAA;;;;;;EAMAC,cAAAA;;;;EAIAC,WAAAA,GAAcjB,eAAAA,CAAgBW,CAAAA;AAAAA;AAAAA,KAEtBJ,qBAAAA,WAAgCT,WAAAA,GAAcI,OAAAA,IAAWL,KAAAA,CAAMc,CAAAA,EAAGP,uBAAAA,CAAwBO,CAAAA"}

package/dist/menu/menu-item-checkbox.js

@@ -45,7 +45,7 @@ function getValue(storeValue, value, checked) {
 const useMenuItemCheckbox = createHook(function useMenuItemCheckbox({ store, name, value, checked, defaultChecked: defaultCheckedProp, hideOnClick = false, ...props }) {
 	const context = useMenuScopedContext();
 	store = store || context;
-	invariant(store, "MenuItemCheckbox must be wrapped in a MenuList or Menu component");
+	invariant(store, process.env.NODE_ENV !== "production" && "MenuItemCheckbox must be wrapped in a MenuList or Menu component");
 	const defaultChecked = useInitialValue(defaultCheckedProp);
 	useEffect(() => {
 		store?.setValue(name, (prevValue = []) => {

package/dist/menu/menu-item-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-checkbox.js","names":[],"sources":["../../src/menu/menu-item-checkbox.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useInitialValue,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant, shallowEqual } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useEffect } from \"react\";\nimport { useCheckboxStore } from \"../checkbox/checkbox-store.ts\";\nimport type { CheckboxOptions } from \"../checkbox/checkbox.tsx\";\nimport { useCheckbox } from \"../checkbox/checkbox.tsx\";\nimport { useMenuScopedContext } from \"./menu-context.tsx\";\nimport type { MenuItemOptions } from \"./menu-item.tsx\";\nimport { useMenuItem } from \"./menu-item.tsx\";\nimport type { MenuStore, MenuStoreValues } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype ValueState = MenuStoreValues[string];\n\nfunction getPrimitiveValue<T>(value: T) {\n  if (Array.isArray(value)) {\n    return value.toString();\n  }\n  return value as Exclude<T, readonly any[]>;\n}\n\nfunction getValue(\n  storeValue: ValueState,\n  value?: MenuItemCheckboxOptions[\"value\"],\n  checked?: MenuItemCheckboxOptions[\"checked\"],\n) {\n  if (value === undefined) {\n    if (Array.isArray(storeValue)) return storeValue;\n    return !!checked;\n  }\n  const primitiveValue = getPrimitiveValue(value);\n  if (!Array.isArray(storeValue)) {\n    if (checked) {\n      return primitiveValue;\n    }\n    return storeValue === primitiveValue ? false : storeValue;\n  }\n  if (checked) {\n    if (storeValue.includes(primitiveValue)) {\n      return storeValue;\n    }\n    return [...storeValue, primitiveValue];\n  }\n  return storeValue.filter((v) => v !== primitiveValue);\n}\n\n/**\n * Returns props to create a `MenuItemCheckbox` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore({ defaultValues: { apple: false } });\n * const props = useMenuItemCheckbox({ store, name: \"apple\" });\n * <MenuButton store={store}>Fruits</MenuButton>\n * <Menu store={store}>\n *   <Role {...props}>Apple</Role>\n * </Menu>\n * ```\n */\nexport const useMenuItemCheckbox = createHook<TagName, MenuItemCheckboxOptions>(\n  function useMenuItemCheckbox({\n    store,\n    name,\n    value,\n    checked,\n    defaultChecked: defaultCheckedProp,\n    hideOnClick = false,\n    ...props\n  }) {\n    const context = useMenuScopedContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuItemCheckbox must be wrapped in a MenuList or Menu component\",\n    );\n\n    const defaultChecked = useInitialValue(defaultCheckedProp);\n\n    // Sets defaultChecked in store\n    useEffect(() => {\n      store?.setValue(name, (prevValue = []) => {\n        if (!defaultChecked) return prevValue;\n        return getValue(prevValue, value, true);\n      });\n    }, [store, name, value, defaultChecked]);\n\n    // Sets checked in store\n    useEffect(() => {\n      if (checked === undefined) return;\n      store?.setValue(name, (prevValue) => {\n        return getValue(prevValue, value, checked);\n      });\n    }, [store, name, value, checked]);\n\n    const checkboxStore = useCheckboxStore({\n      value: useStoreState(store, (state) => state.values[name]),\n      setValue(internalValue) {\n        store?.setValue(name, () => {\n          if (checked === undefined) return internalValue;\n          const nextValue = getValue(internalValue, value, checked);\n          if (!Array.isArray(nextValue)) return nextValue;\n          if (!Array.isArray(internalValue)) return nextValue;\n          if (shallowEqual(internalValue, nextValue)) return internalValue;\n          return nextValue;\n        });\n      },\n    });\n\n    props = {\n      role: \"menuitemcheckbox\",\n      ...props,\n    };\n\n    props = useCheckbox<TagName>({\n      store: checkboxStore,\n      name,\n      value,\n      checked,\n      ...props,\n    });\n    props = useMenuItem({ store, hideOnClick, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a [`menuitemcheckbox`](https://w3c.github.io/aria/#menuitemcheckbox)\n * element within a [`Menu`](https://ariakit.com/reference/menu) component. The\n * [`name`](https://ariakit.com/reference/menu-item-checkbox#name) prop must be\n * provided to identify the field in the\n * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n *\n * A [`MenuItemCheck`](https://ariakit.com/reference/menu-item-check) can be\n * used to render a checkmark inside this component.\n * @see https://ariakit.com/components/menu\n * @example\n * The [`name`](https://ariakit.com/reference/menu-item-checkbox#name) prop can\n * refer to a single value in the state:\n * ```jsx {4-7}\n * <MenuProvider defaultValues={{ warnBeforeQuitting: true }}>\n *   <MenuButton>Chrome</MenuButton>\n *   <Menu>\n *     <MenuItemCheckbox name=\"warnBeforeQuitting\">\n *       <MenuItemCheck />\n *       Warn Before Quitting\n *     </MenuItemCheckbox>\n *   </Menu>\n * </MenuProvider>\n * ```\n * @example\n * Or it can refer to an array of values, in which case the\n * [`value`](https://ariakit.com/reference/menu-item-checkbox#value) prop must\n * be provided:\n * ```jsx {4-9}\n * <MenuProvider defaultValues={{ watching: [\"issues\"] }}>\n *   <MenuButton>Watch</MenuButton>\n *   <Menu>\n *     <MenuItemCheckbox name=\"watching\" value=\"issues\">\n *       Issues\n *     </MenuItemCheckbox>\n *     <MenuItemCheckbox name=\"watching\" value=\"pull-requests\">\n *       Pull Requests\n *     </MenuItemCheckbox>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuItemCheckbox = memo(\n  forwardRef(function MenuItemCheckbox(props: MenuItemCheckboxProps) {\n    const htmlProps = useMenuItemCheckbox(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface MenuItemCheckboxOptions<T extends ElementType = TagName>\n  extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, \"store\"> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest [`Menu`](https://ariakit.com/reference/menu) or\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) components'\n   * context will be used.\n   */\n  store?: MenuStore;\n  /**\n   * The name of the field in the\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n   *\n   * Live examples:\n   * - [MenuItemCheckbox](https://ariakit.com/examples/menu-item-checkbox)\n   */\n  name: string;\n  /**\n   * The controlled checked state of the element. It will set the menu\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state if\n   * provided.\n   */\n  checked?: boolean;\n  /**\n   * The default checked state of the element. It will set the default value in\n   * the menu [`values`](https://ariakit.com/reference/menu-provider#values)\n   * state if provided.\n   */\n  defaultChecked?: boolean;\n  /**\n   * @default false\n   */\n  hideOnClick?: MenuItemOptions<T>[\"hideOnClick\"];\n}\n\nexport type MenuItemCheckboxProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuItemCheckboxOptions<T>\n>;\n"],"mappings":";;;;;;;;;;AAwBA,MAAA,UAAS;SACH,kBACF,OAAO;CAET,IAAA,MAAO,QAAA,KAAA,GAAA,OAAA,MAAA,SAAA;CACT,OAAA;AAEA;SAKM,SAAU,YAAW,OAAA,SAAA;KACvB,UAAU,KAAQ,GAAA;EAClB,IAAA,MAAS,QAAA,UAAA,GAAA,OAAA;EACX,OAAA,CAAA,CAAA;CACA;CACA,MAAK,iBAAc,kBAAa,KAAA;KAC9B,CAAI,MAAA,QACF,UAAO,GAAA;EAET,IAAA,SAAO,OAAA;EACT,OAAA,eAAA,iBAAA,QAAA;CACA;KACE,SAAI;EAGJ,IAAA,WAAW,SAAY,cAAc,GAAA,OAAA;EACvC,OAAA,CAAA,GAAA,YAAA,cAAA;CACA;CACF,OAAA,WAAA,QAAA,MAAA,MAAA,cAAA;;;;;;;;;;;;;;;MAyBI,sBAAgB,WAAqB,SAAA,oBAAA,EAAA,OAAA,MAAA,OAAA,SAAA,gBAAA,oBAAA,cAAA,OAAA,GAAA,SAAA;CACrC,MAAA,UAAQ,qBAAS;CAEjB,QAAA,SAGI;CAGJ,UAAM,OAAA,kEAAmD;CAGzD,MAAA,iBAAgB,gBAAA,kBAAA;iBACP;SACA,SAAA,OAAgB,YAAO,CAAA,MAAA;GAC5B,IAAA,CAAA,gBAAgB,OAAW;GAC5B,OAAA,SAAA,WAAA,OAAA,IAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAe;CAGvC,CAAA;iBACM;EACJ,IAAA,YAAgB,KAAA,GAAO;SACrB,SAAO,OAAS,cAAkB;GACnC,OAAA,SAAA,WAAA,OAAA,OAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAQ;CAEhC,CAAA;OACE,gBAAqB,iBAAQ;EAC7B,OAAA,cAAS,QAAe,UAAA,MAAA,OAAA,KAAA;WACf,eAAS;UACV,SAAA,YAAuB;IAC3B,IAAA,YAAM,KAAY,GAAA,OAAS;IAC3B,MAAK,YAAM,SAAQ,eAAmB,OAAA,OAAA;IACtC,IAAI,CAAC,MAAM,QAAQ,SAAA,GAAA,OAAgB;IACnC,IAAI,CAAA,MAAA,QAAa,aAAe,GAAA,OAAS;IACzC,IAAA,aAAO,eAAA,SAAA,GAAA,OAAA;IACR,OAAA;GACH,CAAA;EACD;CAED,CAAA;SACQ;EACN,MAAG;EACL,GAAA;CAEA;SACS,YAAA;EACP,OAAA;EACA;EACA;EACA;EACD,GAAA;CACD,CAAA;SAAsB,YAAA;EAAO;EAAa;EAAU,GAAA;CAEpD,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+CI,mBAAqB,KAAA,WADH,SAAA,iBACqB,OAAA;CACxC,OACH,cAAA,SAAA,oBAAA,KAAA,CAAA"}
+{"version":3,"file":"menu-item-checkbox.js","names":[],"sources":["../../src/menu/menu-item-checkbox.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useInitialValue,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant, shallowEqual } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useEffect } from \"react\";\nimport { useCheckboxStore } from \"../checkbox/checkbox-store.ts\";\nimport type { CheckboxOptions } from \"../checkbox/checkbox.tsx\";\nimport { useCheckbox } from \"../checkbox/checkbox.tsx\";\nimport { useMenuScopedContext } from \"./menu-context.tsx\";\nimport type { MenuItemOptions } from \"./menu-item.tsx\";\nimport { useMenuItem } from \"./menu-item.tsx\";\nimport type { MenuStore, MenuStoreValues } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype ValueState = MenuStoreValues[string];\n\nfunction getPrimitiveValue<T>(value: T) {\n  if (Array.isArray(value)) {\n    return value.toString();\n  }\n  return value as Exclude<T, readonly any[]>;\n}\n\nfunction getValue(\n  storeValue: ValueState,\n  value?: MenuItemCheckboxOptions[\"value\"],\n  checked?: MenuItemCheckboxOptions[\"checked\"],\n) {\n  if (value === undefined) {\n    if (Array.isArray(storeValue)) return storeValue;\n    return !!checked;\n  }\n  const primitiveValue = getPrimitiveValue(value);\n  if (!Array.isArray(storeValue)) {\n    if (checked) {\n      return primitiveValue;\n    }\n    return storeValue === primitiveValue ? false : storeValue;\n  }\n  if (checked) {\n    if (storeValue.includes(primitiveValue)) {\n      return storeValue;\n    }\n    return [...storeValue, primitiveValue];\n  }\n  return storeValue.filter((v) => v !== primitiveValue);\n}\n\n/**\n * Returns props to create a `MenuItemCheckbox` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore({ defaultValues: { apple: false } });\n * const props = useMenuItemCheckbox({ store, name: \"apple\" });\n * <MenuButton store={store}>Fruits</MenuButton>\n * <Menu store={store}>\n *   <Role {...props}>Apple</Role>\n * </Menu>\n * ```\n */\nexport const useMenuItemCheckbox = createHook<TagName, MenuItemCheckboxOptions>(\n  function useMenuItemCheckbox({\n    store,\n    name,\n    value,\n    checked,\n    defaultChecked: defaultCheckedProp,\n    hideOnClick = false,\n    ...props\n  }) {\n    const context = useMenuScopedContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuItemCheckbox must be wrapped in a MenuList or Menu component\",\n    );\n\n    const defaultChecked = useInitialValue(defaultCheckedProp);\n\n    // Sets defaultChecked in store\n    useEffect(() => {\n      store?.setValue(name, (prevValue = []) => {\n        if (!defaultChecked) return prevValue;\n        return getValue(prevValue, value, true);\n      });\n    }, [store, name, value, defaultChecked]);\n\n    // Sets checked in store\n    useEffect(() => {\n      if (checked === undefined) return;\n      store?.setValue(name, (prevValue) => {\n        return getValue(prevValue, value, checked);\n      });\n    }, [store, name, value, checked]);\n\n    const checkboxStore = useCheckboxStore({\n      value: useStoreState(store, (state) => state.values[name]),\n      setValue(internalValue) {\n        store?.setValue(name, () => {\n          if (checked === undefined) return internalValue;\n          const nextValue = getValue(internalValue, value, checked);\n          if (!Array.isArray(nextValue)) return nextValue;\n          if (!Array.isArray(internalValue)) return nextValue;\n          if (shallowEqual(internalValue, nextValue)) return internalValue;\n          return nextValue;\n        });\n      },\n    });\n\n    props = {\n      role: \"menuitemcheckbox\",\n      ...props,\n    };\n\n    props = useCheckbox<TagName>({\n      store: checkboxStore,\n      name,\n      value,\n      checked,\n      ...props,\n    });\n    props = useMenuItem({ store, hideOnClick, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a [`menuitemcheckbox`](https://w3c.github.io/aria/#menuitemcheckbox)\n * element within a [`Menu`](https://ariakit.com/reference/menu) component. The\n * [`name`](https://ariakit.com/reference/menu-item-checkbox#name) prop must be\n * provided to identify the field in the\n * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n *\n * A [`MenuItemCheck`](https://ariakit.com/reference/menu-item-check) can be\n * used to render a checkmark inside this component.\n * @see https://ariakit.com/components/menu\n * @example\n * The [`name`](https://ariakit.com/reference/menu-item-checkbox#name) prop can\n * refer to a single value in the state:\n * ```jsx {4-7}\n * <MenuProvider defaultValues={{ warnBeforeQuitting: true }}>\n *   <MenuButton>Chrome</MenuButton>\n *   <Menu>\n *     <MenuItemCheckbox name=\"warnBeforeQuitting\">\n *       <MenuItemCheck />\n *       Warn Before Quitting\n *     </MenuItemCheckbox>\n *   </Menu>\n * </MenuProvider>\n * ```\n * @example\n * Or it can refer to an array of values, in which case the\n * [`value`](https://ariakit.com/reference/menu-item-checkbox#value) prop must\n * be provided:\n * ```jsx {4-9}\n * <MenuProvider defaultValues={{ watching: [\"issues\"] }}>\n *   <MenuButton>Watch</MenuButton>\n *   <Menu>\n *     <MenuItemCheckbox name=\"watching\" value=\"issues\">\n *       Issues\n *     </MenuItemCheckbox>\n *     <MenuItemCheckbox name=\"watching\" value=\"pull-requests\">\n *       Pull Requests\n *     </MenuItemCheckbox>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuItemCheckbox = memo(\n  forwardRef(function MenuItemCheckbox(props: MenuItemCheckboxProps) {\n    const htmlProps = useMenuItemCheckbox(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface MenuItemCheckboxOptions<T extends ElementType = TagName>\n  extends MenuItemOptions<T>, Omit<CheckboxOptions<T>, \"store\"> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest [`Menu`](https://ariakit.com/reference/menu) or\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) components'\n   * context will be used.\n   */\n  store?: MenuStore;\n  /**\n   * The name of the field in the\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n   *\n   * Live examples:\n   * - [MenuItemCheckbox](https://ariakit.com/examples/menu-item-checkbox)\n   */\n  name: string;\n  /**\n   * The controlled checked state of the element. It will set the menu\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state if\n   * provided.\n   */\n  checked?: boolean;\n  /**\n   * The default checked state of the element. It will set the default value in\n   * the menu [`values`](https://ariakit.com/reference/menu-provider#values)\n   * state if provided.\n   */\n  defaultChecked?: boolean;\n  /**\n   * @default false\n   */\n  hideOnClick?: MenuItemOptions<T>[\"hideOnClick\"];\n}\n\nexport type MenuItemCheckboxProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuItemCheckboxOptions<T>\n>;\n"],"mappings":";;;;;;;;;;AAwBA,MAAA,UAAS;SACH,kBACF,OAAO;CAET,IAAA,MAAO,QAAA,KAAA,GAAA,OAAA,MAAA,SAAA;CACT,OAAA;AAEA;SAKM,SAAU,YAAW,OAAA,SAAA;KACvB,UAAU,KAAQ,GAAA;EAClB,IAAA,MAAS,QAAA,UAAA,GAAA,OAAA;EACX,OAAA,CAAA,CAAA;CACA;CACA,MAAK,iBAAc,kBAAa,KAAA;KAC9B,CAAI,MAAA,QACF,UAAO,GAAA;EAET,IAAA,SAAO,OAAA;EACT,OAAA,eAAA,iBAAA,QAAA;CACA;KACE,SAAI;EAGJ,IAAA,WAAW,SAAY,cAAc,GAAA,OAAA;EACvC,OAAA,CAAA,GAAA,YAAA,cAAA;CACA;CACF,OAAA,WAAA,QAAA,MAAA,MAAA,cAAA;;;;;;;;;;;;;;;MAyBI,sBAAgB,WAAqB,SAAA,oBAAA,EAAA,OAAA,MAAA,OAAA,SAAA,gBAAA,oBAAA,cAAA,OAAA,GAAA,SAAA;CACrC,MAAA,UAAQ,qBAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAA,QAAiB,IAAA,aAAgB,gBAAkB,kEAAA;CAGzD,MAAA,iBAAgB,gBAAA,kBAAA;iBACP;SACA,SAAA,OAAgB,YAAO,CAAA,MAAA;GAC5B,IAAA,CAAA,gBAAgB,OAAW;GAC5B,OAAA,SAAA,WAAA,OAAA,IAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAe;CAGvC,CAAA;iBACM;EACJ,IAAA,YAAgB,KAAA,GAAO;SACrB,SAAO,OAAS,cAAkB;GACnC,OAAA,SAAA,WAAA,OAAA,OAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAQ;CAEhC,CAAA;OACE,gBAAqB,iBAAQ;EAC7B,OAAA,cAAS,QAAe,UAAA,MAAA,OAAA,KAAA;WACf,eAAS;UACV,SAAA,YAAuB;IAC3B,IAAA,YAAM,KAAY,GAAA,OAAS;IAC3B,MAAK,YAAM,SAAQ,eAAmB,OAAA,OAAA;IACtC,IAAI,CAAC,MAAM,QAAQ,SAAA,GAAA,OAAgB;IACnC,IAAI,CAAA,MAAA,QAAa,aAAe,GAAA,OAAS;IACzC,IAAA,aAAO,eAAA,SAAA,GAAA,OAAA;IACR,OAAA;GACH,CAAA;EACD;CAED,CAAA;SACQ;EACN,MAAG;EACL,GAAA;CAEA;SACS,YAAA;EACP,OAAA;EACA;EACA;EACA;EACD,GAAA;CACD,CAAA;SAAsB,YAAA;EAAO;EAAa;EAAU,GAAA;CAEpD,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+CI,mBAAqB,KAAA,WADH,SAAA,iBACqB,OAAA;CACxC,OACH,cAAA,SAAA,oBAAA,KAAA,CAAA"}

package/dist/menu/menu-item-radio.d.ts

@@ -1,5 +1,5 @@
 import { RadioOptions } from "../radio/radio.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { MenuItemOptions } from "./menu-item.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
@@ -50,7 +50,7 @@ declare const useMenuItemRadio: import("@ariakit/react-utils").Hook<"div", MenuI
  * </MenuProvider>
  * ```
  */
-declare const MenuItemRadio: (props: MenuItemRadioProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuItemRadio: (props: MenuItemRadioProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuItemRadioOptions<T extends ElementType = TagName> extends MenuItemOptions<T>, Omit<RadioOptions<T>, "store"> {
   /**
    * Object returned by the

package/dist/menu/menu-item-radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-radio.d.ts","names":["Props","ElementType","RadioOptions","MenuItemOptions","MenuStore","TagName","useMenuItemRadio","MenuItemRadioOptions","Hook","MenuItemRadio","MenuItemRadioProps","props","ReactElement","JSXElementConstructor","T","Omit","store","name","checked","defaultChecked","hideOnClick"],"sources":["../../src/menu/menu-item-radio.d.ts"],"mappings":";;;;;;;cAKcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAgB7B;;;;AAAsG;AAlBrD,cAkB5BC,gBAAAA,iCAAiDE,IAAAA,QAAYD,oBAAoB;;;;;;;;;AA4B6C;AACnJ;;;;;;;;;;;;;;;;;;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BN,WAAAA,GAAcI,OAAAA,UAAiBF,eAAAA,CAAgBW,CAAAA,GAAIC,IAAAA,CAAKb,YAAAA,CAAaY,CAAAA;EAAlBC;;;;;;;EAQ/FC,KAAAA,GAAQZ,SAAAA;EAwBRgB;;;;AAA+B;AAEnC;;EAlBIH,IAAAA;EAkBqChB;;;;;EAZrCiB,OAAAA;EAYmE;;;;;EANnEC,cAAAA;EAMoEL;;;EAFpEM,WAAAA,GAAcjB,eAAAA,CAAgBW,CAAAA;AAAAA;AAAAA,KAEtBJ,kBAAAA,WAA6BT,WAAAA,GAAcI,OAAAA,IAAWL,KAAAA,CAAMc,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}
+{"version":3,"file":"menu-item-radio.d.ts","names":["Props","ElementType","RadioOptions","MenuItemOptions","MenuStore","TagName","useMenuItemRadio","MenuItemRadioOptions","Hook","MenuItemRadio","MenuItemRadioProps","props","ReactElement","JSXElementConstructor","T","Omit","store","name","checked","defaultChecked","hideOnClick"],"sources":["../../src/menu/menu-item-radio.d.ts"],"mappings":";;;;;;;cAKcK,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAgB7B;;;;AAAsG;AAlBrD,cAkB5BC,gBAAAA,iCAAiDE,IAAAA,QAAYD,oBAAoB;;;;;;;;;AA4BiD;AACvJ;;;;;;;;;;;;;;;;;;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACjHN,oBAAAA,WAA+BN,WAAAA,GAAcI,OAAAA,UAAiBF,eAAAA,CAAgBW,CAAAA,GAAIC,IAAAA,CAAKb,YAAAA,CAAaY,CAAAA;EAAlBC;;;;;;;EAQ/FC,KAAAA,GAAQZ,SAAAA;EAwBRgB;;;;AAA+B;AAEnC;;EAlBIH,IAAAA;EAkBqChB;;;;;EAZrCiB,OAAAA;EAYmE;;;;;EANnEC,cAAAA;EAMoEL;;;EAFpEM,WAAAA,GAAcjB,eAAAA,CAAgBW,CAAAA;AAAAA;AAAAA,KAEtBJ,kBAAAA,WAA6BT,WAAAA,GAAcI,OAAAA,IAAWL,KAAAA,CAAMc,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

package/dist/menu/menu-item-radio.js

@@ -32,7 +32,7 @@ function getValue(prevValue, value, checked) {
 const useMenuItemRadio = createHook(function useMenuItemRadio({ store, name, value, checked, onChange: onChangeProp, hideOnClick = false, ...props }) {
 	const context = useMenuScopedContext();
 	store = store || context;
-	invariant(store, "MenuItemRadio must be wrapped in a MenuList or Menu component");
+	invariant(store, process.env.NODE_ENV !== "production" && "MenuItemRadio must be wrapped in a MenuList or Menu component");
 	const defaultChecked = useInitialValue(props.defaultChecked);
 	useEffect(() => {
 		store?.setValue(name, (prevValue = false) => {

package/dist/menu/menu-item-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item-radio.js","names":[],"sources":["../../src/menu/menu-item-radio.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useInitialValue,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useEffect } from \"react\";\nimport type { RadioOptions } from \"../radio/radio.tsx\";\nimport { useRadio } from \"../radio/radio.tsx\";\nimport {\n  MenuItemCheckedContext,\n  useMenuScopedContext,\n} from \"./menu-context.tsx\";\nimport type { MenuItemOptions } from \"./menu-item.tsx\";\nimport { useMenuItem } from \"./menu-item.tsx\";\nimport type { MenuStore } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\n\nfunction getValue<T>(prevValue: T, value: T, checked?: boolean): T | false {\n  if (checked === undefined) return prevValue;\n  if (checked) return value;\n  return prevValue === value ? false : prevValue;\n}\n\n/**\n * Returns props to create a `MenuItemRadio` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore({ defaultValues: { fruit: \"apple\" } });\n * const apple = useMenuItemRadio({ store, name: \"fruit\", value: \"apple\" });\n * const orange = useMenuItemRadio({ store, name: \"fruit\", value: \"orange\" });\n * <MenuButton store={store}>Fruit</MenuButton>\n * <Menu store={store}>\n *   <Role {...apple}>Apple</Role>\n *   <Role {...orange}>Orange</Role>\n * </Menu>\n * ```\n */\nexport const useMenuItemRadio = createHook<TagName, MenuItemRadioOptions>(\n  function useMenuItemRadio({\n    store,\n    name,\n    value,\n    checked,\n    onChange: onChangeProp,\n    hideOnClick = false,\n    ...props\n  }) {\n    const context = useMenuScopedContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuItemRadio must be wrapped in a MenuList or Menu component\",\n    );\n\n    const defaultChecked = useInitialValue(props.defaultChecked);\n\n    // Sets defaultChecked in store\n    useEffect(() => {\n      store?.setValue(name, (prevValue = false) => {\n        return getValue(prevValue, value, defaultChecked);\n      });\n    }, [store, name, value, defaultChecked]);\n\n    // Sets checked in store\n    useEffect(() => {\n      if (checked === undefined) return;\n      store?.setValue(name, (prevValue) => {\n        return getValue(prevValue, value, checked);\n      });\n    }, [store, name, value, checked]);\n\n    const isChecked = useStoreState(\n      store,\n      (state) => state.values[name] === value,\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <MenuItemCheckedContext.Provider value={isChecked}>\n          {element}\n        </MenuItemCheckedContext.Provider>\n      ),\n      [isChecked],\n    );\n\n    props = {\n      role: \"menuitemradio\",\n      ...props,\n    };\n\n    props = useRadio<TagName>({\n      name,\n      value,\n      checked: isChecked,\n      onChange(event) {\n        onChangeProp?.(event);\n        if (event.defaultPrevented) return;\n        const element = event.currentTarget;\n        store?.setValue(name, (prevValue) => {\n          return getValue(prevValue, value, checked ?? element.checked);\n        });\n      },\n      ...props,\n    });\n\n    props = useMenuItem({ store, hideOnClick, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a [`menuitemradio`](https://w3c.github.io/aria/#menuitemradio)\n * element within a [`Menu`](https://ariakit.com/reference/menu) component. The\n * [`name`](https://ariakit.com/reference/menu-item-radio#name) prop must be\n * provided to identify the field in the\n * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n *\n * A [`MenuItemCheck`](https://ariakit.com/reference/menu-item-check) can be\n * used to render a checkmark inside this component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {4-11}\n * <MenuProvider defaultValues={{ profile: \"john\" }}>\n *   <MenuButton>Profiles</MenuButton>\n *   <Menu>\n *     <MenuItemRadio name=\"profile\" value=\"john\">\n *       <MenuItemCheck />\n *       John Doe\n *     </MenuItemRadio>\n *     <MenuItemRadio name=\"profile\" value=\"jane\">\n *       <MenuItemCheck />\n *       Jane Doe\n *     </MenuItemRadio>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuItemRadio = memo(\n  forwardRef(function MenuItemRadio(props: MenuItemRadioProps) {\n    const htmlProps = useMenuItemRadio(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface MenuItemRadioOptions<T extends ElementType = TagName>\n  extends MenuItemOptions<T>, Omit<RadioOptions<T>, \"store\"> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest [`Menu`](https://ariakit.com/reference/menu) or\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) components'\n   * context will be used.\n   */\n  store?: MenuStore;\n  /**\n   * The name of the field in the\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n   *\n   * Live examples:\n   * - [MenuItemRadio](https://ariakit.com/examples/menu-item-radio)\n   */\n  name: string;\n  /**\n   * The controlled checked state of the element. It will set the menu\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state if\n   * provided.\n   */\n  checked?: boolean;\n  /**\n   * The default checked state of the element. It will set the default value in\n   * the menu [`values`](https://ariakit.com/reference/menu-provider#values)\n   * state if provided.\n   */\n  defaultChecked?: boolean;\n  /**\n   * @default false\n   */\n  hideOnClick?: MenuItemOptions<T>[\"hideOnClick\"];\n}\n\nexport type MenuItemRadioProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuItemRadioOptions<T>\n>;\n"],"mappings":";;;;;;;;;;AA0BA,MAAA,UAAS;SACH,SAAY,WAAW,OAAO,SAAA;CAClC,IAAI,YAAS,KAAO,GAAA,OAAA;CACpB,IAAA,SAAO,OAAA;CACT,OAAA,cAAA,QAAA,QAAA;;;;;;;;;;;;;;;;;MA2BI,mBAAgB,WAAA,SAAqB,iBAAA,EAAA,OAAA,MAAA,OAAA,SAAA,UAAA,cAAA,cAAA,OAAA,GAAA,SAAA;CACrC,MAAA,UAAQ,qBAAS;CAEjB,QAAA,SAGI;CAGJ,UAAM,OAAA,+DAAqD;CAG3D,MAAA,iBAAgB,gBAAA,MAAA,cAAA;iBACP;SACL,SAAO,OAAS,YAAkB,UAAA;GACnC,OAAA,SAAA,WAAA,OAAA,cAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAe;CAGvC,CAAA;iBACM;EACJ,IAAA,YAAgB,KAAA,GAAO;SACrB,SAAO,OAAS,cAAkB;GACnC,OAAA,SAAA,WAAA,OAAA,OAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAQ;CAEhC,CAAA;CAKA,MAAA,YAAQ,cAEL,QAAA,UACC,MAAA,OAAC,UAAA,KAAA;SAAuC,eAAA,QAAA,YAAA,oBAAA,uBAAA,UAAA;;EAEP,UAElC;CAGH,CAAA,GAAA,CAAA,SAAQ,CAAA;SACA;EACN,MAAG;EACL,GAAA;CAEA;SACE,SAAA;EACA;EACA;EACA,SAAS;WACP,OAAe;GACf,eAAU,KAAA;GACV,IAAA,MAAM,kBAAgB;GACtB,MAAA,UAAgB,MAAA;UACd,SAAO,OAAS,cAAkB;IACnC,OAAA,SAAA,WAAA,OAAA,WAAA,QAAA,OAAA;GACH,CAAA;EACA;EACD,GAAA;CAED,CAAA;SAAsB,YAAA;EAAO;EAAa;EAAU,GAAA;CAEpD,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgCI,gBAAqB,KAAA,WADH,SAAA,cACqB,OAAA;CACxC,OACH,cAAA,SAAA,iBAAA,KAAA,CAAA"}
+{"version":3,"file":"menu-item-radio.js","names":[],"sources":["../../src/menu/menu-item-radio.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useInitialValue,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport { useEffect } from \"react\";\nimport type { RadioOptions } from \"../radio/radio.tsx\";\nimport { useRadio } from \"../radio/radio.tsx\";\nimport {\n  MenuItemCheckedContext,\n  useMenuScopedContext,\n} from \"./menu-context.tsx\";\nimport type { MenuItemOptions } from \"./menu-item.tsx\";\nimport { useMenuItem } from \"./menu-item.tsx\";\nimport type { MenuStore } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\n\nfunction getValue<T>(prevValue: T, value: T, checked?: boolean): T | false {\n  if (checked === undefined) return prevValue;\n  if (checked) return value;\n  return prevValue === value ? false : prevValue;\n}\n\n/**\n * Returns props to create a `MenuItemRadio` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore({ defaultValues: { fruit: \"apple\" } });\n * const apple = useMenuItemRadio({ store, name: \"fruit\", value: \"apple\" });\n * const orange = useMenuItemRadio({ store, name: \"fruit\", value: \"orange\" });\n * <MenuButton store={store}>Fruit</MenuButton>\n * <Menu store={store}>\n *   <Role {...apple}>Apple</Role>\n *   <Role {...orange}>Orange</Role>\n * </Menu>\n * ```\n */\nexport const useMenuItemRadio = createHook<TagName, MenuItemRadioOptions>(\n  function useMenuItemRadio({\n    store,\n    name,\n    value,\n    checked,\n    onChange: onChangeProp,\n    hideOnClick = false,\n    ...props\n  }) {\n    const context = useMenuScopedContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuItemRadio must be wrapped in a MenuList or Menu component\",\n    );\n\n    const defaultChecked = useInitialValue(props.defaultChecked);\n\n    // Sets defaultChecked in store\n    useEffect(() => {\n      store?.setValue(name, (prevValue = false) => {\n        return getValue(prevValue, value, defaultChecked);\n      });\n    }, [store, name, value, defaultChecked]);\n\n    // Sets checked in store\n    useEffect(() => {\n      if (checked === undefined) return;\n      store?.setValue(name, (prevValue) => {\n        return getValue(prevValue, value, checked);\n      });\n    }, [store, name, value, checked]);\n\n    const isChecked = useStoreState(\n      store,\n      (state) => state.values[name] === value,\n    );\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <MenuItemCheckedContext.Provider value={isChecked}>\n          {element}\n        </MenuItemCheckedContext.Provider>\n      ),\n      [isChecked],\n    );\n\n    props = {\n      role: \"menuitemradio\",\n      ...props,\n    };\n\n    props = useRadio<TagName>({\n      name,\n      value,\n      checked: isChecked,\n      onChange(event) {\n        onChangeProp?.(event);\n        if (event.defaultPrevented) return;\n        const element = event.currentTarget;\n        store?.setValue(name, (prevValue) => {\n          return getValue(prevValue, value, checked ?? element.checked);\n        });\n      },\n      ...props,\n    });\n\n    props = useMenuItem({ store, hideOnClick, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a [`menuitemradio`](https://w3c.github.io/aria/#menuitemradio)\n * element within a [`Menu`](https://ariakit.com/reference/menu) component. The\n * [`name`](https://ariakit.com/reference/menu-item-radio#name) prop must be\n * provided to identify the field in the\n * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n *\n * A [`MenuItemCheck`](https://ariakit.com/reference/menu-item-check) can be\n * used to render a checkmark inside this component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {4-11}\n * <MenuProvider defaultValues={{ profile: \"john\" }}>\n *   <MenuButton>Profiles</MenuButton>\n *   <Menu>\n *     <MenuItemRadio name=\"profile\" value=\"john\">\n *       <MenuItemCheck />\n *       John Doe\n *     </MenuItemRadio>\n *     <MenuItemRadio name=\"profile\" value=\"jane\">\n *       <MenuItemCheck />\n *       Jane Doe\n *     </MenuItemRadio>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuItemRadio = memo(\n  forwardRef(function MenuItemRadio(props: MenuItemRadioProps) {\n    const htmlProps = useMenuItemRadio(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface MenuItemRadioOptions<T extends ElementType = TagName>\n  extends MenuItemOptions<T>, Omit<RadioOptions<T>, \"store\"> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest [`Menu`](https://ariakit.com/reference/menu) or\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) components'\n   * context will be used.\n   */\n  store?: MenuStore;\n  /**\n   * The name of the field in the\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state.\n   *\n   * Live examples:\n   * - [MenuItemRadio](https://ariakit.com/examples/menu-item-radio)\n   */\n  name: string;\n  /**\n   * The controlled checked state of the element. It will set the menu\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state if\n   * provided.\n   */\n  checked?: boolean;\n  /**\n   * The default checked state of the element. It will set the default value in\n   * the menu [`values`](https://ariakit.com/reference/menu-provider#values)\n   * state if provided.\n   */\n  defaultChecked?: boolean;\n  /**\n   * @default false\n   */\n  hideOnClick?: MenuItemOptions<T>[\"hideOnClick\"];\n}\n\nexport type MenuItemRadioProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuItemRadioOptions<T>\n>;\n"],"mappings":";;;;;;;;;;AA0BA,MAAA,UAAS;SACH,SAAY,WAAW,OAAO,SAAA;CAClC,IAAI,YAAS,KAAO,GAAA,OAAA;CACpB,IAAA,SAAO,OAAA;CACT,OAAA,cAAA,QAAA,QAAA;;;;;;;;;;;;;;;;;MA2BI,mBAAgB,WAAA,SAAqB,iBAAA,EAAA,OAAA,MAAA,OAAA,SAAA,UAAA,cAAA,cAAA,OAAA,GAAA,SAAA;CACrC,MAAA,UAAQ,qBAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAA,QAAiB,IAAA,aAAgB,gBAAM,+DAAc;CAG3D,MAAA,iBAAgB,gBAAA,MAAA,cAAA;iBACP;SACL,SAAO,OAAS,YAAkB,UAAA;GACnC,OAAA,SAAA,WAAA,OAAA,cAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAe;CAGvC,CAAA;iBACM;EACJ,IAAA,YAAgB,KAAA,GAAO;SACrB,SAAO,OAAS,cAAkB;GACnC,OAAA,SAAA,WAAA,OAAA,OAAA;EACH,CAAA;IAAI;EAAO;EAAM;EAAO;EAAQ;CAEhC,CAAA;CAKA,MAAA,YAAQ,cAEL,QAAA,UACC,MAAA,OAAC,UAAA,KAAA;SAAuC,eAAA,QAAA,YAAA,oBAAA,uBAAA,UAAA;;EAEP,UAElC;CAGH,CAAA,GAAA,CAAA,SAAQ,CAAA;SACA;EACN,MAAG;EACL,GAAA;CAEA;SACE,SAAA;EACA;EACA;EACA,SAAS;WACP,OAAe;GACf,eAAU,KAAA;GACV,IAAA,MAAM,kBAAgB;GACtB,MAAA,UAAgB,MAAA;UACd,SAAO,OAAS,cAAkB;IACnC,OAAA,SAAA,WAAA,OAAA,WAAA,QAAA,OAAA;GACH,CAAA;EACA;EACD,GAAA;CAED,CAAA;SAAsB,YAAA;EAAO;EAAa;EAAU,GAAA;CAEpD,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgCI,gBAAqB,KAAA,WADH,SAAA,cACqB,OAAA;CACxC,OACH,cAAA,SAAA,iBAAA,KAAA,CAAA"}

package/dist/menu/menu-item.d.ts

@@ -1,7 +1,7 @@
-import { n as CompositeItemOptions } from "../composite-item-B4WTelVz.js";
-import { n as CompositeHoverOptions } from "../composite-hover-C7ul163w.js";
-import { t as MenubarStore } from "../menubar-store-3h0eNIbS.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { n as CompositeItemOptions } from "../composite-item-d4UXaZ84.js";
+import { n as CompositeHoverOptions } from "../composite-hover-BpXq3T8J.js";
+import { t as MenubarStore } from "../menubar-store-C553OKBw.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType, MouseEvent } from "react";
 import { BooleanOrCallback } from "@ariakit/utils";
@@ -42,7 +42,7 @@ declare const useMenuItem: import("@ariakit/react-utils").Hook<"div", MenuItemOp
  * </MenuProvider>
  * ```
  */
-declare const MenuItem: (props: MenuItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuItem: (props: MenuItemProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuItemOptions<T extends ElementType = TagName> extends CompositeItemOptions<T>, CompositeHoverOptions<T> {
   /**
    * Object returned by the

package/dist/menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","names":["Props","BooleanOrCallback","ElementType","MouseEvent","CompositeHoverOptions","CompositeItemOptions","MenubarStore","MenuStore","TagName","useMenuItem","MenuItemOptions","Hook","MenuItem","MenuItemProps","props","ReactElement","JSXElementConstructor","T","HTMLElement","store","hideOnClick"],"sources":["../../src/menu/menu-item.d.ts"],"mappings":";;;;;;;;;cAOcQ,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAgB7B;;;;AAA4F;AAlB3C,cAkB5BC,WAAAA,iCAA4CE,IAAAA,QAAYD,eAAe;;;;;;;;;AAkB6C;AACzI;;;;;;;;cADqBE,QAAAA,GAAWE,KAAAA,EAAOD,aAAa,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACnGN,eAAAA,WAA0BR,WAAAA,GAAcM,OAAAA,UAAiBH,oBAAAA,CAAqBY,CAAAA,GAAIb,qBAAAA,CAAsBa,CAAAA;EAwBrFd;;;;;;;;;;;EAZhCgB,KAAAA,GAAQb,YAAAA,GAAeC,SAAAA;EAZ8FU;;;;;;;;;AAwB/D;AAE1D;EAFIG,WAAAA,GAAcnB,iBAAAA,CAAkBE,UAAAA,CAAWe,WAAAA;AAAAA;AAAAA,KAEnCL,aAAAA,WAAwBX,WAAAA,GAAcM,OAAAA,IAAWR,KAAAA,CAAMiB,CAAAA,EAAGP,eAAAA,CAAgBO,CAAAA"}
+{"version":3,"file":"menu-item.d.ts","names":["Props","BooleanOrCallback","ElementType","MouseEvent","CompositeHoverOptions","CompositeItemOptions","MenubarStore","MenuStore","TagName","useMenuItem","MenuItemOptions","Hook","MenuItem","MenuItemProps","props","ReactElement","JSXElementConstructor","T","HTMLElement","store","hideOnClick"],"sources":["../../src/menu/menu-item.d.ts"],"mappings":";;;;;;;;;cAOcQ,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAgB7B;;;;AAA4F;AAlB3C,cAkB5BC,WAAAA,iCAA4CE,IAAAA,QAAYD,eAAe;;;;;;;;;AAkBiD;AAC7I;;;;;;;;cADqBE,QAAAA,GAAWE,KAAAA,EAAOD,aAAa,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACvGN,eAAAA,WAA0BR,WAAAA,GAAcM,OAAAA,UAAiBH,oBAAAA,CAAqBY,CAAAA,GAAIb,qBAAAA,CAAsBa,CAAAA;EAwBrFd;;;;;;;;;;;EAZhCgB,KAAAA,GAAQb,YAAAA,GAAeC,SAAAA;EAZ8FU;;;;;;;;;AAwB/D;AAE1D;EAFIG,WAAAA,GAAcnB,iBAAAA,CAAkBE,UAAAA,CAAWe,WAAAA;AAAAA;AAAAA,KAEnCL,aAAAA,WAAwBX,WAAAA,GAAcM,OAAAA,IAAWR,KAAAA,CAAMiB,CAAAA,EAAGP,eAAAA,CAAgBO,CAAAA"}

package/dist/menu/menu-item.js

@@ -2,9 +2,10 @@
 import { useCompositeItem } from "../composite/composite-item.js";
 import { useCompositeHover } from "../composite/composite-hover.js";
 import { useMenubarScopedContext } from "../menubar/menubar-context.js";
-import { useMenuScopedContext } from "./menu-context.js";
+import { MenuListHiddenContext, useMenuScopedContext } from "./menu-context.js";
 import { createElement, createHook, forwardRef, memo, useBooleanEvent, useEvent } from "@ariakit/react-utils";
 import { getDocument, getPopupItemRole, hasFocusWithin, invariant, isDownloading, isOpeningInNewTab } from "@ariakit/utils";
+import { useContext } from "react";
 import { useStoreState } from "@ariakit/react-store";
 //#region src/menu/menu-item.tsx
 const TagName = "div";
@@ -40,7 +41,7 @@ const useMenuItem = createHook(function useMenuItem({ store, hideOnClick = true,
 	const menuContext = useMenuScopedContext(true);
 	const menubarContext = useMenubarScopedContext();
 	store = store || menuContext || menubarContext;
-	invariant(store, "MenuItem must be wrapped in a MenuList, Menu or Menubar component");
+	invariant(store, process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component");
 	const onClickProp = props.onClick;
 	const hideOnClickProp = useBooleanEvent(hideOnClick);
 	const hideMenu = "hideAll" in store ? store.hideAll : void 0;
@@ -56,15 +57,18 @@ const useMenuItem = createHook(function useMenuItem({ store, hideOnClick = true,
 		if (!hideOnClickProp(event)) return;
 		hideMenu();
 	});
+	const contentElement = useStoreState(store, (state) => "contentElement" in state ? state.contentElement : null);
+	const menuListHidden = useContext(MenuListHiddenContext);
 	props = {
-		role: getPopupItemRole(useStoreState(store, (state) => "contentElement" in state ? state.contentElement : null), "menuitem"),
+		role: getPopupItemRole(contentElement, "menuitem"),
 		...props,
 		onClick
 	};
 	props = useCompositeItem({
 		store,
 		preventScrollOnKeyDown,
-		...props
+		...props,
+		shouldRegisterItem: menuListHidden ? false : props.shouldRegisterItem
 	});
 	props = useCompositeHover({
 		store,

package/dist/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":[],"sources":["../../src/menu/menu-item.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useBooleanEvent,\n  useEvent,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport {\n  getDocument,\n  getPopupItemRole,\n  isDownloading,\n  isOpeningInNewTab,\n  hasFocusWithin,\n  invariant,\n} from \"@ariakit/utils\";\nimport type { BooleanOrCallback } from \"@ariakit/utils\";\nimport type { ElementType, MouseEvent } from \"react\";\nimport type { CompositeHoverOptions } from \"../composite/composite-hover.tsx\";\nimport { useCompositeHover } from \"../composite/composite-hover.tsx\";\nimport type { CompositeItemOptions } from \"../composite/composite-item.tsx\";\nimport { useCompositeItem } from \"../composite/composite-item.tsx\";\nimport { useMenubarScopedContext } from \"../menubar/menubar-context.tsx\";\nimport type { MenubarStore } from \"../menubar/menubar-store.ts\";\nimport { useMenuScopedContext } from \"./menu-context.tsx\";\nimport type { MenuStore, MenuStoreState } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\nfunction menuHasFocus(\n  baseElement?: MenuStoreState[\"baseElement\"],\n  items?: MenuStoreState[\"items\"],\n  currentTarget?: Element,\n) {\n  if (!baseElement) return false;\n  if (hasFocusWithin(baseElement)) return true;\n  const expandedItem = items?.find((item) => {\n    if (item.element === currentTarget) return false;\n    return item.element?.getAttribute(\"aria-expanded\") === \"true\";\n  });\n  const expandedMenuId = expandedItem?.element?.getAttribute(\"aria-controls\");\n  if (!expandedMenuId) return false;\n  const doc = getDocument(baseElement);\n  const expandedMenu = doc.getElementById(expandedMenuId);\n  if (!expandedMenu) return false;\n  if (hasFocusWithin(expandedMenu)) return true;\n  return !!expandedMenu.querySelector(\"[role=menuitem][aria-expanded=true]\");\n}\n\n/**\n * Returns props to create a `MenuItem` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const undo = useMenuItem({ store });\n * const redo = useMenuItem({ store });\n * <MenuButton store={store}>Edit</MenuButton>\n * <Menu store={store}>\n *   <Role {...undo}>Undo</Role>\n *   <Role {...redo}>Redo</Role>\n * </Menu>\n * ```\n */\nexport const useMenuItem = createHook<TagName, MenuItemOptions>(\n  function useMenuItem({\n    store,\n    hideOnClick = true,\n    preventScrollOnKeyDown = true,\n    focusOnHover,\n    blurOnHoverEnd,\n    ...props\n  }) {\n    const menuContext = useMenuScopedContext(true);\n    const menubarContext = useMenubarScopedContext();\n    store = store || menuContext || (menubarContext as any);\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuItem must be wrapped in a MenuList, Menu or Menubar component\",\n    );\n\n    const onClickProp = props.onClick;\n    const hideOnClickProp = useBooleanEvent(hideOnClick);\n    const hideMenu = \"hideAll\" in store ? store.hideAll : undefined;\n    const isWithinMenu = !!hideMenu;\n\n    const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n      onClickProp?.(event);\n      if (event.defaultPrevented) return;\n      if (isDownloading(event)) return;\n      if (isOpeningInNewTab(event)) return;\n      if (!hideMenu) return;\n      // If this item is also a submenu button or any other disclosure, we\n      // don't want to hide the menu.\n      const popupType = event.currentTarget.getAttribute(\"aria-haspopup\");\n      if (popupType && popupType !== \"false\") return;\n      if (!hideOnClickProp(event)) return;\n      hideMenu();\n    });\n\n    const contentElement = useStoreState(store, (state) =>\n      \"contentElement\" in state ? state.contentElement : null,\n    );\n\n    const role = getPopupItemRole(contentElement, \"menuitem\");\n\n    props = {\n      role,\n      ...props,\n      onClick,\n    };\n\n    props = useCompositeItem<TagName>({\n      store,\n      preventScrollOnKeyDown,\n      ...props,\n    });\n\n    props = useCompositeHover({\n      store,\n      ...props,\n      focusOnHover(event) {\n        const getFocusOnHover = () => {\n          if (typeof focusOnHover === \"function\") return focusOnHover(event);\n          if (focusOnHover != null) return focusOnHover;\n          return true;\n        };\n        if (!store) return false;\n        if (!getFocusOnHover()) return false;\n        const { baseElement, items } = store.getState();\n        // If the menu item is also a submenu button, we should move actual DOM\n        // focus to it so that the submenu will not close when the user moves\n        // the cursor back to the menu button.\n        if (isWithinMenu) {\n          if (event.currentTarget.hasAttribute(\"aria-expanded\")) {\n            event.currentTarget.focus();\n          }\n          return true;\n        }\n        // If the menu item is inside a menu bar, we should move DOM focus to\n        // the menu item if focus is somewhere on the widget. Without this, the\n        // open menus in the menu bar wouldn't close.\n        if (menuHasFocus(baseElement, items, event.currentTarget)) {\n          event.currentTarget.focus();\n          return true;\n        }\n        return false;\n      },\n      blurOnHoverEnd(event) {\n        if (typeof blurOnHoverEnd === \"function\") return blurOnHoverEnd(event);\n        if (blurOnHoverEnd != null) return blurOnHoverEnd;\n        // The menu container should be focused on mouseleave only if the menu\n        // item is inside a menu, not a menu bar.\n        return isWithinMenu;\n      },\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a menu item inside\n * [`MenuList`](https://ariakit.com/reference/menu-list) or\n * [`Menu`](https://ariakit.com/reference/menu)\n * components.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {4-5}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuItem = memo(\n  forwardRef(function MenuItem(props: MenuItemProps) {\n    const htmlProps = useMenuItem(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface MenuItemOptions<T extends ElementType = TagName>\n  extends CompositeItemOptions<T>, CompositeHoverOptions<T> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) or\n   * [`useMenubarStore`](https://ariakit.com/reference/use-menubar-store)\n   * hooks. If not provided, the closest\n   * [`Menu`](https://ariakit.com/reference/menu),\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider),\n   * [`Menubar`](https://ariakit.com/reference/menubar), or\n   * [`MenubarProvider`](https://ariakit.com/reference/menubar-provider)\n   * components' context will be used.\n   */\n  store?: MenubarStore | MenuStore;\n  /**\n   * Determines if the menu should hide when this item is clicked.\n   *\n   * **Note**: This behavior isn't triggered if this menu item is rendered as a\n   * link and modifier keys are used to either open the link in a new tab or\n   * download it.\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * @default true\n   */\n  hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;\n}\n\nexport type MenuItemProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuItemOptions<T>\n>;\n"],"mappings":";;;;;;;;;AAiCA,MAAA,UAAS;SAKF,aAAa,aAAO,OAAA,eAAA;CACzB,IAAI,CAAA,aAAA,OAAe;CAKnB,IAAA,eAAM,WAJe,GAAO,OAAM;OAC5B,kBAAiB,OAAA,MAAe,SAAO;EAC3C,IAAA,KAAO,YAAc,eAAa,OAAA;EACnC,OACoC,KAAA,SAAS,aAAa,eAAe,MAAA;CAC1E,CAAA,IAAK,SAAA,aAAgB,eAAO;CAE5B,IAAA,CAAA,gBADY,OAAA;CAEZ,MAAK,eAAc,YAAO,WAAA,EAAA,eAAA,cAAA;CAC1B,IAAI,CAAA,cAAe,OAAA;CACnB,IAAA,eAAS,YAAa,GAAA,OAAc;CACtC,OAAA,CAAA,CAAA,aAAA,cAAA,qCAAA;;;;;;;;;;;;;;;;;MA0BI,cAAM,WAAc,SAAA,YAAyB,EAAA,OAAA,cAAA,MAAA,yBAAA,MAAA,cAAA,gBAAA,GAAA,SAAA;CAC7C,MAAM,cAAA,qBAAiB,IAAA;CACvB,MAAA,iBAAiB,wBAAgB;CAEjC,QAAA,SAGI,eAAA;CAGJ,UAAM,OAAA,mEAAoB;CAC1B,MAAM,cAAA,MAAkB;CACxB,MAAM,kBAAW,gBAAqB,WAAM;CAC5C,MAAM,WAAA,aAAiB,QAAA,MAAA,UAAA,KAAA;CAEvB,MAAM,eAAU,CAAA,CAAA;OACd,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAI,MAAA,kBAAsB;EAC1B,IAAI,cAAA,KAAkB,GAAA;EACtB,IAAI,kBAAW,KAAA,GAAA;EAGf,IAAA,CAAA,UAAM;EACN,MAAI,YAAa,MAAA,cAAc,aAAS,eAAA;EACxC,IAAI,aAAC,cAAwB,SAAA;EAC7B,IAAA,CAAA,gBAAS,KAAA,GAAA;EACV,SAAA;CAQD,CAAA;SAFa;EAIX,MAAG,iBAAA,cAAA,QAAA,UAAA,oBAAA,QAAA,MAAA,iBAAA,IAAA,GAAA,UAAA;EACH,GAAA;EACF;CAEA;SACE,iBAAA;EACA;EACA;EACD,GAAA;CAED,CAAA;SACE,kBAAA;EACA;EACA,GAAA;eACQ,OAAA;SACA,wBAAwB;IAC5B,IAAI,OAAA,iBAAsB,YAAO,OAAA,aAAA,KAAA;IACjC,IAAA,gBAAO,MAAA,OAAA;IACT,OAAA;GACA;GACA,IAAI,CAAC,OAAA,OAAA;GACL,IAAA,CAAA,gBAAqB,GAAA,OAAU;GAI/B,MAAI,EAAA,aAAc,UAAA,MAAA,SAAA;OAChB,cAAU;IAGV,IAAA,MAAO,cAAA,aAAA,eAAA,GAAA,MAAA,cAAA,MAAA;IACT,OAAA;GAIA;OACE,aAAM,aAAoB,OAAA,MAAA,aAAA,GAAA;IAC1B,MAAA,cAAO,MAAA;IACT,OAAA;GACA;GACF,OAAA;EACA;iBACa,OAAA;GACX,IAAI,OAAA,mBAAwB,YAAO,OAAA,eAAA,KAAA;GAGnC,IAAA,kBAAO,MAAA,OAAA;GACT,OAAA;EACD;CAED,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;MAsBI,WAAO,KAAc,WADH,SAAA,SACqB,OAAA;CACxC,OACH,cAAA,SAAA,YAAA,KAAA,CAAA"}
+{"version":3,"file":"menu-item.js","names":[],"sources":["../../src/menu/menu-item.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useBooleanEvent,\n  useEvent,\n  createElement,\n  createHook,\n  forwardRef,\n  memo,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport {\n  getDocument,\n  getPopupItemRole,\n  isDownloading,\n  isOpeningInNewTab,\n  hasFocusWithin,\n  invariant,\n} from \"@ariakit/utils\";\nimport type { BooleanOrCallback } from \"@ariakit/utils\";\nimport { useContext } from \"react\";\nimport type { ElementType, MouseEvent } from \"react\";\nimport type { CompositeHoverOptions } from \"../composite/composite-hover.tsx\";\nimport { useCompositeHover } from \"../composite/composite-hover.tsx\";\nimport type { CompositeItemOptions } from \"../composite/composite-item.tsx\";\nimport { useCompositeItem } from \"../composite/composite-item.tsx\";\nimport { useMenubarScopedContext } from \"../menubar/menubar-context.tsx\";\nimport type { MenubarStore } from \"../menubar/menubar-store.ts\";\nimport {\n  MenuListHiddenContext,\n  useMenuScopedContext,\n} from \"./menu-context.tsx\";\nimport type { MenuStore, MenuStoreState } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\nfunction menuHasFocus(\n  baseElement?: MenuStoreState[\"baseElement\"],\n  items?: MenuStoreState[\"items\"],\n  currentTarget?: Element,\n) {\n  if (!baseElement) return false;\n  if (hasFocusWithin(baseElement)) return true;\n  const expandedItem = items?.find((item) => {\n    if (item.element === currentTarget) return false;\n    return item.element?.getAttribute(\"aria-expanded\") === \"true\";\n  });\n  const expandedMenuId = expandedItem?.element?.getAttribute(\"aria-controls\");\n  if (!expandedMenuId) return false;\n  const doc = getDocument(baseElement);\n  const expandedMenu = doc.getElementById(expandedMenuId);\n  if (!expandedMenu) return false;\n  if (hasFocusWithin(expandedMenu)) return true;\n  return !!expandedMenu.querySelector(\"[role=menuitem][aria-expanded=true]\");\n}\n\n/**\n * Returns props to create a `MenuItem` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const undo = useMenuItem({ store });\n * const redo = useMenuItem({ store });\n * <MenuButton store={store}>Edit</MenuButton>\n * <Menu store={store}>\n *   <Role {...undo}>Undo</Role>\n *   <Role {...redo}>Redo</Role>\n * </Menu>\n * ```\n */\nexport const useMenuItem = createHook<TagName, MenuItemOptions>(\n  function useMenuItem({\n    store,\n    hideOnClick = true,\n    preventScrollOnKeyDown = true,\n    focusOnHover,\n    blurOnHoverEnd,\n    ...props\n  }) {\n    const menuContext = useMenuScopedContext(true);\n    const menubarContext = useMenubarScopedContext();\n    store = store || menuContext || (menubarContext as any);\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuItem must be wrapped in a MenuList, Menu or Menubar component\",\n    );\n\n    const onClickProp = props.onClick;\n    const hideOnClickProp = useBooleanEvent(hideOnClick);\n    const hideMenu = \"hideAll\" in store ? store.hideAll : undefined;\n    const isWithinMenu = !!hideMenu;\n\n    const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n      onClickProp?.(event);\n      if (event.defaultPrevented) return;\n      if (isDownloading(event)) return;\n      if (isOpeningInNewTab(event)) return;\n      if (!hideMenu) return;\n      // If this item is also a submenu button or any other disclosure, we\n      // don't want to hide the menu.\n      const popupType = event.currentTarget.getAttribute(\"aria-haspopup\");\n      if (popupType && popupType !== \"false\") return;\n      if (!hideOnClickProp(event)) return;\n      hideMenu();\n    });\n\n    const contentElement = useStoreState(store, (state) =>\n      \"contentElement\" in state ? state.contentElement : null,\n    );\n\n    // Whether the enclosing menu list is currently hidden (provided by\n    // `MenuList`; see `MenuListHiddenContext`).\n    const menuListHidden = useContext(MenuListHiddenContext);\n\n    const role = getPopupItemRole(contentElement, \"menuitem\");\n\n    props = {\n      role,\n      ...props,\n      onClick,\n    };\n\n    props = useCompositeItem<TagName>({\n      store,\n      preventScrollOnKeyDown,\n      ...props,\n      // Skip registering items while the menu list is hidden. Unlike a Select,\n      // a Menu doesn't interact with its items while hidden, so registering\n      // them isn't useful. Registering many hidden menus' items at once on\n      // mount can also cascade into React's \"Maximum update depth exceeded\"\n      // error. Using the list's actual hidden state (rather than the store's\n      // `mounted` state) keeps items registered in `alwaysVisible` or\n      // `hidden={false}` menus, where the list is shown even while closed.\n      // See https://github.com/ariakit/ariakit/issues/3214.\n      shouldRegisterItem: menuListHidden ? false : props.shouldRegisterItem,\n    });\n\n    props = useCompositeHover({\n      store,\n      ...props,\n      focusOnHover(event) {\n        const getFocusOnHover = () => {\n          if (typeof focusOnHover === \"function\") return focusOnHover(event);\n          if (focusOnHover != null) return focusOnHover;\n          return true;\n        };\n        if (!store) return false;\n        if (!getFocusOnHover()) return false;\n        const { baseElement, items } = store.getState();\n        // If the menu item is also a submenu button, we should move actual DOM\n        // focus to it so that the submenu will not close when the user moves\n        // the cursor back to the menu button.\n        if (isWithinMenu) {\n          if (event.currentTarget.hasAttribute(\"aria-expanded\")) {\n            event.currentTarget.focus();\n          }\n          return true;\n        }\n        // If the menu item is inside a menu bar, we should move DOM focus to\n        // the menu item if focus is somewhere on the widget. Without this, the\n        // open menus in the menu bar wouldn't close.\n        if (menuHasFocus(baseElement, items, event.currentTarget)) {\n          event.currentTarget.focus();\n          return true;\n        }\n        return false;\n      },\n      blurOnHoverEnd(event) {\n        if (typeof blurOnHoverEnd === \"function\") return blurOnHoverEnd(event);\n        if (blurOnHoverEnd != null) return blurOnHoverEnd;\n        // The menu container should be focused on mouseleave only if the menu\n        // item is inside a menu, not a menu bar.\n        return isWithinMenu;\n      },\n    });\n\n    return props;\n  },\n);\n\n/**\n * Renders a menu item inside\n * [`MenuList`](https://ariakit.com/reference/menu-list) or\n * [`Menu`](https://ariakit.com/reference/menu)\n * components.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {4-5}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuItem = memo(\n  forwardRef(function MenuItem(props: MenuItemProps) {\n    const htmlProps = useMenuItem(props);\n    return createElement(TagName, htmlProps);\n  }),\n);\n\nexport interface MenuItemOptions<T extends ElementType = TagName>\n  extends CompositeItemOptions<T>, CompositeHoverOptions<T> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) or\n   * [`useMenubarStore`](https://ariakit.com/reference/use-menubar-store)\n   * hooks. If not provided, the closest\n   * [`Menu`](https://ariakit.com/reference/menu),\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider),\n   * [`Menubar`](https://ariakit.com/reference/menubar), or\n   * [`MenubarProvider`](https://ariakit.com/reference/menubar-provider)\n   * components' context will be used.\n   */\n  store?: MenubarStore | MenuStore;\n  /**\n   * Determines if the menu should hide when this item is clicked.\n   *\n   * **Note**: This behavior isn't triggered if this menu item is rendered as a\n   * link and modifier keys are used to either open the link in a new tab or\n   * download it.\n   *\n   * Live examples:\n   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)\n   * @default true\n   */\n  hideOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;\n}\n\nexport type MenuItemProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuItemOptions<T>\n>;\n"],"mappings":";;;;;;;;;;AAqCA,MAAA,UAAS;SAKF,aAAa,aAAO,OAAA,eAAA;CACzB,IAAI,CAAA,aAAA,OAAe;CAKnB,IAAA,eAAM,WAJe,GAAO,OAAM;OAC5B,kBAAiB,OAAA,MAAe,SAAO;EAC3C,IAAA,KAAO,YAAc,eAAa,OAAA;EACnC,OACoC,KAAA,SAAS,aAAa,eAAe,MAAA;CAC1E,CAAA,IAAK,SAAA,aAAgB,eAAO;CAE5B,IAAA,CAAA,gBADY,OAAA;CAEZ,MAAK,eAAc,YAAO,WAAA,EAAA,eAAA,cAAA;CAC1B,IAAI,CAAA,cAAe,OAAA;CACnB,IAAA,eAAS,YAAa,GAAA,OAAc;CACtC,OAAA,CAAA,CAAA,aAAA,cAAA,qCAAA;;;;;;;;;;;;;;;;;MA0BI,cAAM,WAAc,SAAA,YAAyB,EAAA,OAAA,cAAA,MAAA,yBAAA,MAAA,cAAA,gBAAA,GAAA,SAAA;CAC7C,MAAM,cAAA,qBAAiB,IAAA;CACvB,MAAA,iBAAiB,wBAAgB;CAEjC,QAAA,SAEE,eAAY;CAId,UAAM,OAAA,QAAc,IAAM,aAAA,gBAAA,mEAAA;CAC1B,MAAM,cAAA,MAAkB;CACxB,MAAM,kBAAW,gBAAqB,WAAM;CAC5C,MAAM,WAAA,aAAiB,QAAA,MAAA,UAAA,KAAA;CAEvB,MAAM,eAAU,CAAA,CAAA;OACd,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAI,MAAA,kBAAsB;EAC1B,IAAI,cAAA,KAAkB,GAAA;EACtB,IAAI,kBAAW,KAAA,GAAA;EAGf,IAAA,CAAA,UAAM;EACN,MAAI,YAAa,MAAA,cAAc,aAAS,eAAA;EACxC,IAAI,aAAC,cAAwB,SAAA;EAC7B,IAAA,CAAA,gBAAS,KAAA,GAAA;EACV,SAAA;CAED,CAAA;CAMA,MAAM,iBAAiB,cAAW,QAAA,UAAqB,oBAAA,QAAA,MAAA,iBAAA,IAAA;CAIvD,MAAA,iBAAQ,WAAA,qBAAA;SAFK;EAIX,MAAG,iBAAA,gBAAA,UAAA;EACH,GAAA;EACF;CAEA;SACE,iBAAA;EACA;EACA;EASA,GAAA;EACD,oBAAA,iBAAA,QAAA,MAAA;CAED,CAAA;SACE,kBAAA;EACA;EACA,GAAA;eACQ,OAAA;SACA,wBAAwB;IAC5B,IAAI,OAAA,iBAAsB,YAAO,OAAA,aAAA,KAAA;IACjC,IAAA,gBAAO,MAAA,OAAA;IACT,OAAA;GACA;GACA,IAAI,CAAC,OAAA,OAAA;GACL,IAAA,CAAA,gBAAqB,GAAA,OAAU;GAI/B,MAAI,EAAA,aAAc,UAAA,MAAA,SAAA;OAChB,cAAU;IAGV,IAAA,MAAO,cAAA,aAAA,eAAA,GAAA,MAAA,cAAA,MAAA;IACT,OAAA;GAIA;OACE,aAAM,aAAoB,OAAA,MAAA,aAAA,GAAA;IAC1B,MAAA,cAAO,MAAA;IACT,OAAA;GACA;GACF,OAAA;EACA;iBACa,OAAA;GACX,IAAI,OAAA,mBAAwB,YAAO,OAAA,eAAA,KAAA;GAGnC,IAAA,kBAAO,MAAA,OAAA;GACT,OAAA;EACD;CAED,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;MAsBI,WAAO,KAAc,WADH,SAAA,SACqB,OAAA;CACxC,OACH,cAAA,SAAA,YAAA,KAAA,CAAA"}

package/dist/menu/menu-list.d.ts

@@ -1,7 +1,7 @@
 import { n as DisclosureContentOptions } from "../disclosure-content-BbPkZgAc.js";
-import { n as CompositeOptions } from "../composite-DLvyFHMq.js";
-import { n as CompositeTypeaheadOptions } from "../composite-typeahead-DDhpyKqm.js";
-import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { n as CompositeOptions } from "../composite-KBhCGLEy.js";
+import { n as CompositeTypeaheadOptions } from "../composite-typeahead-0euW43GU.js";
+import { t as MenuStore } from "../menu-store-BpTJdcL8.js";
 import { Props } from "@ariakit/react-utils";
 import { ElementType } from "react";
 
@@ -42,7 +42,7 @@ declare const useMenuList: import("@ariakit/react-utils").Hook<"div", MenuListOp
  * </MenuProvider>
  * ```
  */
-declare const MenuList: (props: MenuListProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare const MenuList: (props: MenuListProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 interface MenuListOptions<T extends ElementType = TagName> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
   /**
    * Object returned by the

package/dist/menu/menu-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.d.ts","names":["Props","ElementType","CompositeTypeaheadOptions","CompositeOptions","DisclosureContentOptions","MenuStore","TagName","useMenuList","MenuListOptions","Hook","MenuList","MenuListProps","props","ReactElement","JSXElementConstructor","T","Pick","store"],"sources":["../../src/menu/menu-list.d.ts"],"mappings":";;;;;;;;cAMcM,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAe7B;;;;AAjBiD,cAiB5BC,WAAAA,iCAA4CE,IAAAA,QAAYD,eAAe;AAoB5F;;;;;;;;;AAAyI;AACzI;;;;;;;;;AADA,cAAqBE,QAAAA,GAAWE,KAAAA,EAAOD,aAAa,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UACnGN,eAAAA,WAA0BP,WAAAA,GAAcK,OAAAA,UAAiBH,gBAAAA,CAAiBY,CAAAA,GAAIb,yBAAAA,CAA0Ba,CAAAA,GAAIC,IAAAA,CAAKZ,wBAAAA;EAALY;;;;;;;EAQzHC,KAAAA,GAAQZ,SAAAA;AAAAA;AAAAA,KAEAM,aAAAA,WAAwBV,WAAAA,GAAcK,OAAAA,IAAWN,KAAAA,CAAMe,CAAAA,EAAGP,eAAAA,CAAgBO,CAAAA"}
+{"version":3,"file":"menu-list.d.ts","names":["Props","ElementType","CompositeTypeaheadOptions","CompositeOptions","DisclosureContentOptions","MenuStore","TagName","useMenuList","MenuListOptions","Hook","MenuList","MenuListProps","props","ReactElement","JSXElementConstructor","T","Pick","store"],"sources":["../../src/menu/menu-list.d.ts"],"mappings":";;;;;;;;cAMcM,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAe7B;;;;AAjBiD,cAiB5BC,WAAAA,iCAA4CE,IAAAA,QAAYD,eAAe;AAoB5F;;;;;;;;;AAA6I;AAC7I;;;;;;;;;AADA,cAAqBE,QAAAA,GAAWE,KAAAA,EAAOD,aAAa,qBAAqBE,YAAAA,mCAA+CC,qBAAAA;AAAAA,UACvGN,eAAAA,WAA0BP,WAAAA,GAAcK,OAAAA,UAAiBH,gBAAAA,CAAiBY,CAAAA,GAAIb,yBAAAA,CAA0Ba,CAAAA,GAAIC,IAAAA,CAAKZ,wBAAAA;EAALY;;;;;;;EAQzHC,KAAAA,GAAQZ,SAAAA;AAAAA;AAAAA,KAEAM,aAAAA,WAAwBV,WAAAA,GAAcK,OAAAA,IAAWN,KAAAA,CAAMe,CAAAA,EAAGP,eAAAA,CAAgBO,CAAAA"}

package/dist/menu/menu-list.js

@@ -2,7 +2,7 @@
 import { isHidden } from "../disclosure/disclosure-content.js";
 import { useComposite } from "../composite/composite.js";
 import { useCompositeTypeahead } from "../composite/composite-typeahead.js";
-import { MenuScopedContextProvider, useMenuProviderContext } from "./menu-context.js";
+import { MenuListHiddenContext, MenuScopedContextProvider, useMenuProviderContext } from "./menu-context.js";
 import { createElement, createHook, forwardRef, useEvent, useId, useMergeRefs, useWrapElement } from "@ariakit/react-utils";
 import { invariant } from "@ariakit/utils";
 import { useEffect, useState } from "react";
@@ -46,7 +46,7 @@ function useAriaLabelledBy({ store, ...props }) {
 const useMenuList = createHook(function useMenuList({ store, alwaysVisible, composite, ...props }) {
 	const context = useMenuProviderContext();
 	store = store || context;
-	invariant(store, "MenuList must receive a `store` prop or be wrapped in a MenuProvider component.");
+	invariant(store, process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component.");
 	const parentMenu = store.parent;
 	const parentMenubar = store.menubar;
 	const hasParentMenu = !!parentMenu;
@@ -112,6 +112,10 @@ const useMenuList = createHook(function useMenuList({ store, alwaysVisible, comp
 		...props.style,
 		display: "none"
 	} : props.style;
+	props = useWrapElement(props, (element) => /* @__PURE__ */ jsx(MenuListHiddenContext.Provider, {
+		value: hidden,
+		children: element
+	}), [hidden]);
 	props = {
 		"aria-labelledby": ariaLabelledBy,
 		hidden,

package/dist/menu/menu-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-list.js","names":[],"sources":["../../src/menu/menu-list.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useEvent,\n  useId,\n  useMergeRefs,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType, KeyboardEvent } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport type { CompositeTypeaheadOptions } from \"../composite/composite-typeahead.tsx\";\nimport { useCompositeTypeahead } from \"../composite/composite-typeahead.tsx\";\nimport type { CompositeOptions } from \"../composite/composite.tsx\";\nimport { useComposite } from \"../composite/composite.tsx\";\nimport type { DisclosureContentOptions } from \"../disclosure/disclosure-content.tsx\";\nimport { isHidden } from \"../disclosure/disclosure-content.tsx\";\nimport {\n  MenuScopedContextProvider,\n  useMenuProviderContext,\n} from \"./menu-context.tsx\";\nimport type { MenuStore } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nfunction useAriaLabelledBy({ store, ...props }: MenuListProps) {\n  const [id, setId] = useState<string | undefined>(undefined);\n  const label = props[\"aria-label\"];\n\n  const disclosureElement = useStoreState(store, \"disclosureElement\");\n  const contentElement = useStoreState(store, \"contentElement\");\n\n  useEffect(() => {\n    const disclosure = disclosureElement;\n    if (!disclosure) return;\n    const menu = contentElement;\n    if (!menu) return;\n    const menuLabel = label || menu.hasAttribute(\"aria-label\");\n    if (menuLabel) {\n      setId(undefined);\n    } else if (disclosure.id) {\n      setId(disclosure.id);\n    }\n  }, [label, disclosureElement, contentElement]);\n\n  return id;\n}\n\n/**\n * Returns props to create a `MenuList` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const props = useMenuList({ store });\n * <MenuButton store={store}>Edit</MenuButton>\n * <Role {...props}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n * </Role>\n * ```\n */\nexport const useMenuList = createHook<TagName, MenuListOptions>(\n  function useMenuList({ store, alwaysVisible, composite, ...props }) {\n    const context = useMenuProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuList must receive a `store` prop or be wrapped in a MenuProvider component.\",\n    );\n\n    const parentMenu = store.parent;\n    const parentMenubar = store.menubar;\n    const hasParentMenu = !!parentMenu;\n    const id = useId(props.id);\n\n    const onKeyDownProp = props.onKeyDown;\n    const dir = useStoreState(\n      store,\n      (state) => state.placement.split(\"-\")[0] as BasePlacement,\n    );\n    const orientation = useStoreState(store, (state) =>\n      state.orientation === \"both\" ? undefined : state.orientation,\n    );\n    const isHorizontal = orientation !== \"vertical\";\n    const isMenubarHorizontal = useStoreState(\n      parentMenubar,\n      (state) => !!state && state.orientation !== \"vertical\",\n    );\n\n    const onKeyDown = useEvent((event: KeyboardEvent<HTMLType>) => {\n      onKeyDownProp?.(event);\n      if (event.defaultPrevented) return;\n      if (hasParentMenu || (parentMenubar && !isHorizontal)) {\n        const hideMap = {\n          ArrowRight: () => dir === \"left\" && !isHorizontal,\n          ArrowLeft: () => dir === \"right\" && !isHorizontal,\n          ArrowUp: () => dir === \"bottom\" && isHorizontal,\n          ArrowDown: () => dir === \"top\" && isHorizontal,\n        };\n        const action = hideMap[event.key as keyof typeof hideMap];\n        if (action?.()) {\n          event.stopPropagation();\n          event.preventDefault();\n          return store?.hide();\n        }\n      }\n      if (parentMenubar) {\n        const keyMap = {\n          ArrowRight: () => {\n            if (!isMenubarHorizontal) return;\n            return parentMenubar.next();\n          },\n          ArrowLeft: () => {\n            if (!isMenubarHorizontal) return;\n            return parentMenubar.previous();\n          },\n          ArrowDown: () => {\n            if (isMenubarHorizontal) return;\n            return parentMenubar.next();\n          },\n          ArrowUp: () => {\n            if (isMenubarHorizontal) return;\n            return parentMenubar.previous();\n          },\n        };\n        const action = keyMap[event.key as keyof typeof keyMap];\n        const id = action?.();\n        if (id !== undefined) {\n          event.stopPropagation();\n          event.preventDefault();\n          parentMenubar.move(id);\n        }\n      }\n    });\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <MenuScopedContextProvider value={store}>\n          {element}\n        </MenuScopedContextProvider>\n      ),\n      [store],\n    );\n\n    const ariaLabelledBy = useAriaLabelledBy({ store, ...props });\n    const mounted = useStoreState(store, \"mounted\");\n    const hidden = isHidden(mounted, props.hidden, alwaysVisible);\n    const style = hidden ? { ...props.style, display: \"none\" } : props.style;\n\n    props = {\n      \"aria-labelledby\": ariaLabelledBy,\n      hidden,\n      ...props,\n      id,\n      ref: useMergeRefs(id ? store.setContentElement : null, props.ref),\n      style,\n      onKeyDown,\n    };\n\n    const hasCombobox = !!store.combobox;\n    composite = composite ?? !hasCombobox;\n\n    if (composite) {\n      props = {\n        role: \"menu\",\n        \"aria-orientation\": orientation,\n        ...props,\n      };\n    }\n\n    props = useComposite({ store, composite, ...props });\n    props = useCompositeTypeahead({ store, typeahead: !hasCombobox, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a menu list element. This is the primitive component used by the\n * [`Menu`](https://ariakit.com/reference/menu) component.\n *\n * Unlike [`Menu`](https://ariakit.com/reference/menu), this component doesn't\n * render a popover and therefore doesn't automatically focus on items when\n * opened.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {3-6}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <MenuList>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </MenuList>\n * </MenuProvider>\n * ```\n */\nexport const MenuList = forwardRef(function MenuList(props: MenuListProps) {\n  const htmlProps = useMenuList(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface MenuListOptions<T extends ElementType = TagName>\n  extends\n    CompositeOptions<T>,\n    CompositeTypeaheadOptions<T>,\n    Pick<DisclosureContentOptions, \"alwaysVisible\"> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) component's\n   * context will be used.\n   */\n  store?: MenuStore;\n}\n\nexport type MenuListProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuListOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;AA+BA,MAAA,UAAS;SACA,kBAAa,EAAA,OAAsC,GAAA,SAAA;CAC1D,MAAM,CAAA,IAAA,SAAc,SAAA,KAAA,CAAA;CAEpB,MAAM,QAAA,MAAA;CACN,MAAM,oBAAiB,cAAc,OAAO,mBAAgB;CAE5D,MAAA,iBAAgB,cAAA,OAAA,gBAAA;iBACR;EACN,MAAK,aAAY;EACjB,IAAA,CAAA,YAAa;EACb,MAAK,OAAM;EAEX,IADkB,CAAA,MAAA;eAGP,KAAA,aACH,YAAa,GAAA,MAAA,KAAA,CAAA;OAEpB,IAAA,WAAA,IAAA,MAAA,WAAA,EAAA;IAAC;EAAO;EAAmB;EAAe;CAE7C,CAAA;CACF,OAAA;;;;;;;;;;;;;;;;MAkBI,cAAgB,WAAA,SAAuB,YAAA,EAAA,OAAA,eAAA,WAAA,GAAA,SAAA;CACvC,MAAA,UAAQ,uBAAS;CAEjB,QAAA,SAGI;CAGJ,UAAM,OAAA,iFAAmB;CACzB,MAAM,aAAA,MAAgB;CACtB,MAAM,gBAAgB,MAAE;CACxB,MAAM,gBAAW,CAAM,CAAA;CAEvB,MAAM,KAAA,MAAA,MAAgB,EAAA;CACtB,MAAM,gBAAM,MACV;CAGF,MAAM,MAAA,cAAc,QAAc,UAAQ,MAAA,UAClC,MAAA,GAAA,EAAA,EAAA;CAER,MAAM,cAAA,cAAe,QAAgB,UAAA,MAAA,gBAAA,SAAA,KAAA,IAAA,MAAA,WAAA;CACrC,MAAM,eAAA,gBAAsB;CAK5B,MAAM,sBAAsB,cAAmC,gBAAA,UAAA,CAAA,CAAA,SAAA,MAAA,gBAAA,UAAA;OAC7D,YAAgB,UAAK,UAAA;EACrB,gBAAU,KAAA;EACV,IAAI,MAAA,kBAAkB;MAOpB,iBAAe,iBAAA,CAAA,cAAA;SALb,SAAA;IACA,kBAAiB,QAAQ,UAAW,CAAC;IACrC,iBAAe,QAAQ,WAAY,CAAA;IACnC,eAAA,QAAiB,YAAiB;IAEf,iBAAQ,QAAA,SAAA;GAC7B,EAAA,MAAI;OACF,SAAM,GAAA;IACN,MAAM,gBAAe;IACrB,MAAA,eAAmB;IACrB,OAAA,OAAA,KAAA;GACF;EACA;MAmBE,eAAe;SAjBb,SAAA;sBACO;KACL,IAAA,CAAA,qBAA0B;KAC5B,OAAA,cAAA,KAAA;IACA;qBACO;KACL,IAAA,CAAA,qBAAqB;KACvB,OAAA,cAAA,SAAA;IACA;qBACM;KACJ,IAAA,qBAAqB;KACvB,OAAA,cAAA,KAAA;IACA;mBACM;KACJ,IAAA,qBAAqB;KACvB,OAAA,cAAA,SAAA;IAEkB;GACpB,EAAA,MAAM;GACN,MAAI,KAAO,SAAW;OACpB,OAAM,KAAA,GAAA;IACN,MAAM,gBAAe;IACrB,MAAA,eAAqB;IACvB,cAAA,KAAA,EAAA;GACF;EACD;CAED,CAAA;SAGsC,eAAA,QAAA,YAAA,oBAAA,2BAAA;;EAEP,UAG/B;CAEA,CAAA,GAAA,CAAA,KAAM,CAAA;OAAqC,iBAAA,kBAAA;EAAO;EAAU,GAAA;CAE5D,CAAA;CACA,MAAM,SAAQ,SAAS,cAAA,OAAA,SAAA,GAAA,MAAA,QAAA,aAAA;OAAK,QAAM,SAAA;EAAO,GAAA,MAAS;EAAO,SAAU;CAEnE,IAAA,MAAQ;SACN;EACA,mBAAA;EACA;EACA,GAAA;EACA;EACA,KAAA,aAAA,KAAA,MAAA,oBAAA,MAAA,MAAA,GAAA;EACA;EACF;CAEA;CACA,MAAA,cAAY,CAAA,CAAA,MAAc;CAE1B,YAAI,aACM,CAAA;KACN,WAAM,QAAA;EACN,MAAA;EACA,oBAAG;EACL,GAAA;CAGF;SAAuB,aAAA;EAAO;EAAW;EAAU,GAAA;CACnD,CAAA;SAAgC,sBAAA;EAAO;EAAyB,WAAG,CAAA;EAAO,GAAA;CAE1E,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;;;MAuBE,WAAO,WAAc,SADH,SAAY,OACS;CACxC,OAAA,cAAA,SAAA,YAAA,KAAA,CAAA"}
+{"version":3,"file":"menu-list.js","names":[],"sources":["../../src/menu/menu-list.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useEvent,\n  useId,\n  useMergeRefs,\n  useWrapElement,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { invariant } from \"@ariakit/utils\";\nimport type { ElementType, KeyboardEvent } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport type { CompositeTypeaheadOptions } from \"../composite/composite-typeahead.tsx\";\nimport { useCompositeTypeahead } from \"../composite/composite-typeahead.tsx\";\nimport type { CompositeOptions } from \"../composite/composite.tsx\";\nimport { useComposite } from \"../composite/composite.tsx\";\nimport type { DisclosureContentOptions } from \"../disclosure/disclosure-content.tsx\";\nimport { isHidden } from \"../disclosure/disclosure-content.tsx\";\nimport {\n  MenuListHiddenContext,\n  MenuScopedContextProvider,\n  useMenuProviderContext,\n} from \"./menu-context.tsx\";\nimport type { MenuStore } from \"./menu-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\ntype BasePlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nfunction useAriaLabelledBy({ store, ...props }: MenuListProps) {\n  const [id, setId] = useState<string | undefined>(undefined);\n  const label = props[\"aria-label\"];\n\n  const disclosureElement = useStoreState(store, \"disclosureElement\");\n  const contentElement = useStoreState(store, \"contentElement\");\n\n  useEffect(() => {\n    const disclosure = disclosureElement;\n    if (!disclosure) return;\n    const menu = contentElement;\n    if (!menu) return;\n    const menuLabel = label || menu.hasAttribute(\"aria-label\");\n    if (menuLabel) {\n      setId(undefined);\n    } else if (disclosure.id) {\n      setId(disclosure.id);\n    }\n  }, [label, disclosureElement, contentElement]);\n\n  return id;\n}\n\n/**\n * Returns props to create a `MenuList` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const props = useMenuList({ store });\n * <MenuButton store={store}>Edit</MenuButton>\n * <Role {...props}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n * </Role>\n * ```\n */\nexport const useMenuList = createHook<TagName, MenuListOptions>(\n  function useMenuList({ store, alwaysVisible, composite, ...props }) {\n    const context = useMenuProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"MenuList must receive a `store` prop or be wrapped in a MenuProvider component.\",\n    );\n\n    const parentMenu = store.parent;\n    const parentMenubar = store.menubar;\n    const hasParentMenu = !!parentMenu;\n    const id = useId(props.id);\n\n    const onKeyDownProp = props.onKeyDown;\n    const dir = useStoreState(\n      store,\n      (state) => state.placement.split(\"-\")[0] as BasePlacement,\n    );\n    const orientation = useStoreState(store, (state) =>\n      state.orientation === \"both\" ? undefined : state.orientation,\n    );\n    const isHorizontal = orientation !== \"vertical\";\n    const isMenubarHorizontal = useStoreState(\n      parentMenubar,\n      (state) => !!state && state.orientation !== \"vertical\",\n    );\n\n    const onKeyDown = useEvent((event: KeyboardEvent<HTMLType>) => {\n      onKeyDownProp?.(event);\n      if (event.defaultPrevented) return;\n      if (hasParentMenu || (parentMenubar && !isHorizontal)) {\n        const hideMap = {\n          ArrowRight: () => dir === \"left\" && !isHorizontal,\n          ArrowLeft: () => dir === \"right\" && !isHorizontal,\n          ArrowUp: () => dir === \"bottom\" && isHorizontal,\n          ArrowDown: () => dir === \"top\" && isHorizontal,\n        };\n        const action = hideMap[event.key as keyof typeof hideMap];\n        if (action?.()) {\n          event.stopPropagation();\n          event.preventDefault();\n          return store?.hide();\n        }\n      }\n      if (parentMenubar) {\n        const keyMap = {\n          ArrowRight: () => {\n            if (!isMenubarHorizontal) return;\n            return parentMenubar.next();\n          },\n          ArrowLeft: () => {\n            if (!isMenubarHorizontal) return;\n            return parentMenubar.previous();\n          },\n          ArrowDown: () => {\n            if (isMenubarHorizontal) return;\n            return parentMenubar.next();\n          },\n          ArrowUp: () => {\n            if (isMenubarHorizontal) return;\n            return parentMenubar.previous();\n          },\n        };\n        const action = keyMap[event.key as keyof typeof keyMap];\n        const id = action?.();\n        if (id !== undefined) {\n          event.stopPropagation();\n          event.preventDefault();\n          parentMenubar.move(id);\n        }\n      }\n    });\n\n    props = useWrapElement(\n      props,\n      (element) => (\n        <MenuScopedContextProvider value={store}>\n          {element}\n        </MenuScopedContextProvider>\n      ),\n      [store],\n    );\n\n    const ariaLabelledBy = useAriaLabelledBy({ store, ...props });\n    const mounted = useStoreState(store, \"mounted\");\n    const hidden = isHidden(mounted, props.hidden, alwaysVisible);\n    const style = hidden ? { ...props.style, display: \"none\" } : props.style;\n\n    // Expose the list's actual hidden state so MenuItem can avoid registering\n    // items while they're not shown. This accounts for `alwaysVisible` and\n    // `hidden={false}`, where the list is visible even though the store is\n    // closed. See https://github.com/ariakit/ariakit/issues/3214.\n    props = useWrapElement(\n      props,\n      (element) => (\n        <MenuListHiddenContext.Provider value={hidden}>\n          {element}\n        </MenuListHiddenContext.Provider>\n      ),\n      [hidden],\n    );\n\n    props = {\n      \"aria-labelledby\": ariaLabelledBy,\n      hidden,\n      ...props,\n      id,\n      ref: useMergeRefs(id ? store.setContentElement : null, props.ref),\n      style,\n      onKeyDown,\n    };\n\n    const hasCombobox = !!store.combobox;\n    composite = composite ?? !hasCombobox;\n\n    if (composite) {\n      props = {\n        role: \"menu\",\n        \"aria-orientation\": orientation,\n        ...props,\n      };\n    }\n\n    props = useComposite({ store, composite, ...props });\n    props = useCompositeTypeahead({ store, typeahead: !hasCombobox, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a menu list element. This is the primitive component used by the\n * [`Menu`](https://ariakit.com/reference/menu) component.\n *\n * Unlike [`Menu`](https://ariakit.com/reference/menu), this component doesn't\n * render a popover and therefore doesn't automatically focus on items when\n * opened.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {3-6}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <MenuList>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </MenuList>\n * </MenuProvider>\n * ```\n */\nexport const MenuList = forwardRef(function MenuList(props: MenuListProps) {\n  const htmlProps = useMenuList(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface MenuListOptions<T extends ElementType = TagName>\n  extends\n    CompositeOptions<T>,\n    CompositeTypeaheadOptions<T>,\n    Pick<DisclosureContentOptions, \"alwaysVisible\"> {\n  /**\n   * Object returned by the\n   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not\n   * provided, the closest\n   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) component's\n   * context will be used.\n   */\n  store?: MenuStore;\n}\n\nexport type MenuListProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuListOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;AAgCA,MAAA,UAAS;SACA,kBAAa,EAAA,OAAsC,GAAA,SAAA;CAC1D,MAAM,CAAA,IAAA,SAAc,SAAA,KAAA,CAAA;CAEpB,MAAM,QAAA,MAAA;CACN,MAAM,oBAAiB,cAAc,OAAO,mBAAgB;CAE5D,MAAA,iBAAgB,cAAA,OAAA,gBAAA;iBACR;EACN,MAAK,aAAY;EACjB,IAAA,CAAA,YAAa;EACb,MAAK,OAAM;EAEX,IADkB,CAAA,MAAA;eAGP,KAAA,aACH,YAAa,GAAA,MAAA,KAAA,CAAA;OAEpB,IAAA,WAAA,IAAA,MAAA,WAAA,EAAA;IAAC;EAAO;EAAmB;EAAe;CAE7C,CAAA;CACF,OAAA;;;;;;;;;;;;;;;;MAkBI,cAAgB,WAAA,SAAuB,YAAA,EAAA,OAAA,eAAA,WAAA,GAAA,SAAA;CACvC,MAAA,UAAQ,uBAAS;CAEjB,QAAA,SAEE;CAIF,UAAM,OAAA,QAAmB,IAAA,aAAA,gBAAA,iFAAA;CACzB,MAAM,aAAA,MAAgB;CACtB,MAAM,gBAAgB,MAAE;CACxB,MAAM,gBAAW,CAAM,CAAA;CAEvB,MAAM,KAAA,MAAA,MAAgB,EAAA;CACtB,MAAM,gBAAM,MACV;CAGF,MAAM,MAAA,cAAc,QAAc,UAAQ,MAAA,UAClC,MAAA,GAAA,EAAA,EAAA;CAER,MAAM,cAAA,cAAe,QAAgB,UAAA,MAAA,gBAAA,SAAA,KAAA,IAAA,MAAA,WAAA;CACrC,MAAM,eAAA,gBAAsB;CAK5B,MAAM,sBAAsB,cAAmC,gBAAA,UAAA,CAAA,CAAA,SAAA,MAAA,gBAAA,UAAA;OAC7D,YAAgB,UAAK,UAAA;EACrB,gBAAU,KAAA;EACV,IAAI,MAAA,kBAAkB;MAOpB,iBAAe,iBAAA,CAAA,cAAA;SALb,SAAA;IACA,kBAAiB,QAAQ,UAAW,CAAC;IACrC,iBAAe,QAAQ,WAAY,CAAA;IACnC,eAAA,QAAiB,YAAiB;IAEf,iBAAQ,QAAA,SAAA;GAC7B,EAAA,MAAI;OACF,SAAM,GAAA;IACN,MAAM,gBAAe;IACrB,MAAA,eAAmB;IACrB,OAAA,OAAA,KAAA;GACF;EACA;MAmBE,eAAe;SAjBb,SAAA;sBACO;KACL,IAAA,CAAA,qBAA0B;KAC5B,OAAA,cAAA,KAAA;IACA;qBACO;KACL,IAAA,CAAA,qBAAqB;KACvB,OAAA,cAAA,SAAA;IACA;qBACM;KACJ,IAAA,qBAAqB;KACvB,OAAA,cAAA,KAAA;IACA;mBACM;KACJ,IAAA,qBAAqB;KACvB,OAAA,cAAA,SAAA;IAEkB;GACpB,EAAA,MAAM;GACN,MAAI,KAAO,SAAW;OACpB,OAAM,KAAA,GAAA;IACN,MAAM,gBAAe;IACrB,MAAA,eAAqB;IACvB,cAAA,KAAA,EAAA;GACF;EACD;CAED,CAAA;SAGsC,eAAA,QAAA,YAAA,oBAAA,2BAAA;;EAEP,UAG/B;CAEA,CAAA,GAAA,CAAA,KAAM,CAAA;OAAqC,iBAAA,kBAAA;EAAO;EAAU,GAAA;CAE5D,CAAA;CACA,MAAM,SAAQ,SAAS,cAAA,OAAA,SAAA,GAAA,MAAA,QAAA,aAAA;OAAK,QAAM,SAAA;EAAO,GAAA,MAAS;EAAO,SAAU;CAMnE,IAAA,MAAQ;SAGmC,eAAA,QAAA,YAAA,oBAAA,sBAAA,UAAA;;EAEP,UAE3B;CAGT,CAAA,GAAA,CAAA,MAAQ,CAAA;SACN;EACA,mBAAA;EACA;EACA,GAAA;EACA;EACA,KAAA,aAAA,KAAA,MAAA,oBAAA,MAAA,MAAA,GAAA;EACA;EACF;CAEA;CACA,MAAA,cAAY,CAAA,CAAA,MAAc;CAE1B,YAAI,aACM,CAAA;KACN,WAAM,QAAA;EACN,MAAA;EACA,oBAAG;EACL,GAAA;CAGF;SAAuB,aAAA;EAAO;EAAW;EAAU,GAAA;CACnD,CAAA;SAAgC,sBAAA;EAAO;EAAyB,WAAG,CAAA;EAAO,GAAA;CAE1E,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;;;MAuBE,WAAO,WAAc,SADH,SAAY,OACS;CACxC,OAAA,cAAA,SAAA,YAAA,KAAA,CAAA"}

package/dist/menu/menu-provider.d.ts

@@ -1,4 +1,4 @@
-import { i as MenuStoreProps, o as MenuStoreValues } from "../menu-store-0CKKmNek.js";
+import { i as MenuStoreProps, o as MenuStoreValues } from "../menu-store-BpTJdcL8.js";
 import { ReactElement, ReactNode } from "react";
 import { PickRequired } from "@ariakit/utils";