@ariakit/react-components 0.1.0

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

@@ -0,0 +1,59 @@
+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 { Props } from "@ariakit/react-utils";
+import { ElementType } from "react";
+
+//#region src/menu/menu-list.d.ts
+declare const TagName = "div";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `MenuList` component.
+ * @see https://ariakit.com/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const props = useMenuList({ store });
+ * <MenuButton store={store}>Edit</MenuButton>
+ * <Role {...props}>
+ *   <MenuItem>Undo</MenuItem>
+ *   <MenuItem>Redo</MenuItem>
+ * </Role>
+ * ```
+ */
+declare const useMenuList: import("@ariakit/react-utils").Hook<"div", MenuListOptions<"div">>;
+/**
+ * Renders a menu list element. This is the primitive component used by the
+ * [`Menu`](https://ariakit.com/reference/menu) component.
+ *
+ * Unlike [`Menu`](https://ariakit.com/reference/menu), this component doesn't
+ * render a popover and therefore doesn't automatically focus on items when
+ * opened.
+ * @see https://ariakit.com/components/menu
+ * @example
+ * ```jsx {3-6}
+ * <MenuProvider>
+ *   <MenuButton>Edit</MenuButton>
+ *   <MenuList>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </MenuList>
+ * </MenuProvider>
+ * ```
+ */
+declare const MenuList: (props: MenuListProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+interface MenuListOptions<T extends ElementType = TagName> extends CompositeOptions<T>, CompositeTypeaheadOptions<T>, Pick<DisclosureContentOptions, "alwaysVisible"> {
+  /**
+   * Object returned by the
+   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not
+   * provided, the closest
+   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) component's
+   * context will be used.
+   */
+  store?: MenuStore;
+}
+type MenuListProps<T extends ElementType = TagName> = Props<T, MenuListOptions<T>>;
+//#endregion
+export { MenuList, MenuListOptions, MenuListProps, useMenuList };
+//# sourceMappingURL=menu-list.d.ts.map

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

@@ -0,0 +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"}

package/dist/menu/menu-list.js

@@ -0,0 +1,168 @@
+"use client";
+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 { createElement, createHook, forwardRef, useEvent, useId, useMergeRefs, useWrapElement } from "@ariakit/react-utils";
+import { invariant } from "@ariakit/utils";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useStoreState } from "@ariakit/react-store";
+//#region src/menu/menu-list.tsx
+const TagName = "div";
+function useAriaLabelledBy({ store, ...props }) {
+	const [id, setId] = useState(void 0);
+	const label = props["aria-label"];
+	const disclosureElement = useStoreState(store, "disclosureElement");
+	const contentElement = useStoreState(store, "contentElement");
+	useEffect(() => {
+		const disclosure = disclosureElement;
+		if (!disclosure) return;
+		const menu = contentElement;
+		if (!menu) return;
+		if (label || menu.hasAttribute("aria-label")) setId(void 0);
+		else if (disclosure.id) setId(disclosure.id);
+	}, [
+		label,
+		disclosureElement,
+		contentElement
+	]);
+	return id;
+}
+/**
+* Returns props to create a `MenuList` component.
+* @see https://ariakit.com/components/menu
+* @example
+* ```jsx
+* const store = useMenuStore();
+* const props = useMenuList({ store });
+* <MenuButton store={store}>Edit</MenuButton>
+* <Role {...props}>
+*   <MenuItem>Undo</MenuItem>
+*   <MenuItem>Redo</MenuItem>
+* </Role>
+* ```
+*/
+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.");
+	const parentMenu = store.parent;
+	const parentMenubar = store.menubar;
+	const hasParentMenu = !!parentMenu;
+	const id = useId(props.id);
+	const onKeyDownProp = props.onKeyDown;
+	const dir = useStoreState(store, (state) => state.placement.split("-")[0]);
+	const orientation = useStoreState(store, (state) => state.orientation === "both" ? void 0 : state.orientation);
+	const isHorizontal = orientation !== "vertical";
+	const isMenubarHorizontal = useStoreState(parentMenubar, (state) => !!state && state.orientation !== "vertical");
+	const onKeyDown = useEvent((event) => {
+		onKeyDownProp?.(event);
+		if (event.defaultPrevented) return;
+		if (hasParentMenu || parentMenubar && !isHorizontal) {
+			const action = {
+				ArrowRight: () => dir === "left" && !isHorizontal,
+				ArrowLeft: () => dir === "right" && !isHorizontal,
+				ArrowUp: () => dir === "bottom" && isHorizontal,
+				ArrowDown: () => dir === "top" && isHorizontal
+			}[event.key];
+			if (action?.()) {
+				event.stopPropagation();
+				event.preventDefault();
+				return store?.hide();
+			}
+		}
+		if (parentMenubar) {
+			const action = {
+				ArrowRight: () => {
+					if (!isMenubarHorizontal) return;
+					return parentMenubar.next();
+				},
+				ArrowLeft: () => {
+					if (!isMenubarHorizontal) return;
+					return parentMenubar.previous();
+				},
+				ArrowDown: () => {
+					if (isMenubarHorizontal) return;
+					return parentMenubar.next();
+				},
+				ArrowUp: () => {
+					if (isMenubarHorizontal) return;
+					return parentMenubar.previous();
+				}
+			}[event.key];
+			const id = action?.();
+			if (id !== void 0) {
+				event.stopPropagation();
+				event.preventDefault();
+				parentMenubar.move(id);
+			}
+		}
+	});
+	props = useWrapElement(props, (element) => /* @__PURE__ */ jsx(MenuScopedContextProvider, {
+		value: store,
+		children: element
+	}), [store]);
+	const ariaLabelledBy = useAriaLabelledBy({
+		store,
+		...props
+	});
+	const hidden = isHidden(useStoreState(store, "mounted"), props.hidden, alwaysVisible);
+	const style = hidden ? {
+		...props.style,
+		display: "none"
+	} : props.style;
+	props = {
+		"aria-labelledby": ariaLabelledBy,
+		hidden,
+		...props,
+		id,
+		ref: useMergeRefs(id ? store.setContentElement : null, props.ref),
+		style,
+		onKeyDown
+	};
+	const hasCombobox = !!store.combobox;
+	composite = composite ?? !hasCombobox;
+	if (composite) props = {
+		role: "menu",
+		"aria-orientation": orientation,
+		...props
+	};
+	props = useComposite({
+		store,
+		composite,
+		...props
+	});
+	props = useCompositeTypeahead({
+		store,
+		typeahead: !hasCombobox,
+		...props
+	});
+	return props;
+});
+/**
+* Renders a menu list element. This is the primitive component used by the
+* [`Menu`](https://ariakit.com/reference/menu) component.
+*
+* Unlike [`Menu`](https://ariakit.com/reference/menu), this component doesn't
+* render a popover and therefore doesn't automatically focus on items when
+* opened.
+* @see https://ariakit.com/components/menu
+* @example
+* ```jsx {3-6}
+* <MenuProvider>
+*   <MenuButton>Edit</MenuButton>
+*   <MenuList>
+*     <MenuItem>Undo</MenuItem>
+*     <MenuItem>Redo</MenuItem>
+*   </MenuList>
+* </MenuProvider>
+* ```
+*/
+const MenuList = forwardRef(function MenuList(props) {
+	return createElement(TagName, useMenuList(props));
+});
+//#endregion
+export { MenuList, useMenuList };
+
+//# sourceMappingURL=menu-list.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,29 @@
+import { i as MenuStoreProps, o as MenuStoreValues } from "../menu-store-0CKKmNek.js";
+import { ReactElement, ReactNode } from "react";
+import { PickRequired } from "@ariakit/utils";
+
+//#region src/menu/menu-provider.d.ts
+type Values = MenuStoreValues;
+/**
+ * Provides a menu store to [Menu](https://ariakit.com/components/menu)
+ * components.
+ * @see https://ariakit.com/components/menu
+ * @example
+ * ```jsx
+ * <MenuProvider placement="top">
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
+ * ```
+ */
+declare function MenuProvider<T extends Values = Values>(props: PickRequired<MenuProviderProps<T>, "values" | "defaultValues">): ReactElement;
+declare function MenuProvider(props?: MenuProviderProps): ReactElement;
+interface MenuProviderProps<T extends Values = Values> extends MenuStoreProps<T> {
+  children?: ReactNode;
+}
+//#endregion
+export { MenuProvider, MenuProviderProps };
+//# sourceMappingURL=menu-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-provider.d.ts","names":["PickRequired","ReactElement","ReactNode","MenuStoreProps","MenuStoreValues","Values","MenuProvider","T","MenuProviderProps","props","children"],"sources":["../../src/menu/menu-provider.d.ts"],"mappings":";;;;;KAGKK,MAAAA,GAASD,eAAe;;AAD0C;;;;AAC1C;AAgB7B;;;;;;;;;iBAAwBE,YAAAA,WAAuBD,MAAAA,GAASA,MAAAA,CAAAA,CAAQI,KAAAA,EAAOT,YAAAA,CAAaQ,iBAAAA,CAAkBD,CAAAA,iCAAkCN,YAAAA;AAAAA,iBAChHK,YAAAA,CAAaG,KAAAA,GAAQD,iBAAAA,GAAoBP,YAAY;AAAA,UAC5DO,iBAAAA,WAA4BH,MAAAA,GAASA,MAAAA,UAAgBF,cAAAA,CAAeI,CAAAA;EACjFG,QAAAA,GAAWR,SAAAA;AAAAA"}

package/dist/menu/menu-provider.js

@@ -0,0 +1,15 @@
+"use client";
+import { MenuContextProvider } from "./menu-context.js";
+import { useMenuStore } from "./menu-store.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/menu/menu-provider.tsx
+function MenuProvider(props = {}) {
+	return /* @__PURE__ */ jsx(MenuContextProvider, {
+		value: useMenuStore(props),
+		children: props.children
+	});
+}
+//#endregion
+export { MenuProvider };
+
+//# sourceMappingURL=menu-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-provider.js","names":[],"sources":["../../src/menu/menu-provider.tsx"],"sourcesContent":["import type { PickRequired } from \"@ariakit/utils\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { MenuContextProvider } from \"./menu-context.tsx\";\nimport type { MenuStoreProps, MenuStoreValues } from \"./menu-store.ts\";\nimport { useMenuStore } from \"./menu-store.ts\";\n\ntype Values = MenuStoreValues;\n\n/**\n * Provides a menu store to [Menu](https://ariakit.com/components/menu)\n * components.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * <MenuProvider placement=\"top\">\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\n\nexport function MenuProvider<T extends Values = Values>(\n  props: PickRequired<MenuProviderProps<T>, \"values\" | \"defaultValues\">,\n): ReactElement;\n\nexport function MenuProvider(props?: MenuProviderProps): ReactElement;\n\nexport function MenuProvider(props: MenuProviderProps = {}) {\n  const store = useMenuStore(props);\n  return (\n    <MenuContextProvider value={store}>{props.children}</MenuContextProvider>\n  );\n}\n\nexport interface MenuProviderProps<\n  T extends Values = Values,\n> extends MenuStoreProps<T> {\n  children?: ReactNode;\n}\n"],"mappings":";;;;;SAiCI,aAAA,QAAC,CAAA,GAAA;QAFwB,oBAEO,qBAAA;sBAAU,KAAA;EAA8B,UAAA,MAAA;CAE5E,CAAA"}

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

@@ -0,0 +1,59 @@
+import { CompositeSeparatorOptions } from "../composite/composite-separator.js";
+import { t as MenuStore } from "../menu-store-0CKKmNek.js";
+import { Props } from "@ariakit/react-utils";
+import { ElementType } from "react";
+
+//#region src/menu/menu-separator.d.ts
+declare const TagName = "hr";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `MenuSeparator` component.
+ * @see https://ariakit.com/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const props = useMenuSeparator({ store });
+ * <MenuButton store={store}>Edit</MenuButton>
+ * <Menu store={store}>
+ *   <MenuItem>Undo</MenuItem>
+ *   <MenuItem>Redo</MenuItem>
+ *   <Role {...props} />
+ *   <MenuItem>Cut</MenuItem>
+ * </Menu>
+ * ```
+ */
+declare const useMenuSeparator: import("@ariakit/react-utils").Hook<"hr", MenuSeparatorOptions<"hr">>;
+/**
+ * Renders a divider between
+ * [`MenuItem`](https://ariakit.com/reference/menu-item),
+ * [`MenuItemCheckbox`](https://ariakit.com/reference/menu-item-checkbox), and
+ * [`MenuItemRadio`](https://ariakit.com/reference/menu-item-radio) elements.
+ * @see https://ariakit.com/components/menu
+ * @example
+ * ```jsx {6}
+ * <MenuProvider>
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *     <MenuSeparator />
+ *     <MenuItem>Cut</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
+ * ```
+ */
+declare const MenuSeparator: (props: MenuSeparatorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+interface MenuSeparatorOptions<T extends ElementType = TagName> extends CompositeSeparatorOptions<T> {
+  /**
+   * Object returned by the
+   * [`useMenuStore`](https://ariakit.com/reference/use-menu-store) hook. If not
+   * provided, the closest [`Menu`](https://ariakit.com/reference/menu) or
+   * [`MenuProvider`](https://ariakit.com/reference/menu-provider) components'
+   * context will be used.
+   */
+  store?: MenuStore;
+}
+type MenuSeparatorProps<T extends ElementType = TagName> = Props<T, MenuSeparatorOptions<T>>;
+//#endregion
+export { MenuSeparator, MenuSeparatorOptions, MenuSeparatorProps, useMenuSeparator };
+//# sourceMappingURL=menu-separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator.d.ts","names":["Props","ElementType","CompositeSeparatorOptions","MenuStore","TagName","useMenuSeparator","MenuSeparatorOptions","Hook","MenuSeparator","MenuSeparatorProps","props","ReactElement","JSXElementConstructor","T","store"],"sources":["../../src/menu/menu-separator.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAFoB;;;;AAC5B;AAAA;;;;AACQ;AAiB7B;;;;AAAqG;AAoBrG;AAvCiD,cAmB5BC,gBAAAA,iCAAiDE,IAAAA,OAAWD,oBAAoB;;;;;;;;AAoB8C;AACnJ;;;;;;;;;;;cADqBE,aAAAA,GAAgBE,KAAAA,EAAOD,kBAAkB,qBAAqBE,YAAAA,+BAA2CC,qBAAAA;AAAAA,UAC7GN,oBAAAA,WAA+BL,WAAAA,GAAcG,OAAAA,UAAiBF,yBAAAA,CAA0BW,CAAAA;EAA1BX;;;;;AAQ1D;AAErB;EAFIY,KAAAA,GAAQX,SAAAA;AAAAA;AAAAA,KAEAM,kBAAAA,WAA6BR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,oBAAAA,CAAqBO,CAAAA"}

package/dist/menu/menu-separator.js

@@ -0,0 +1,57 @@
+"use client";
+import { useCompositeSeparator } from "../composite/composite-separator.js";
+import { useMenuContext } from "./menu-context.js";
+import { createElement, createHook, forwardRef } from "@ariakit/react-utils";
+//#region src/menu/menu-separator.tsx
+const TagName = "hr";
+/**
+* Returns props to create a `MenuSeparator` component.
+* @see https://ariakit.com/components/menu
+* @example
+* ```jsx
+* const store = useMenuStore();
+* const props = useMenuSeparator({ store });
+* <MenuButton store={store}>Edit</MenuButton>
+* <Menu store={store}>
+*   <MenuItem>Undo</MenuItem>
+*   <MenuItem>Redo</MenuItem>
+*   <Role {...props} />
+*   <MenuItem>Cut</MenuItem>
+* </Menu>
+* ```
+*/
+const useMenuSeparator = createHook(function useMenuSeparator({ store, ...props }) {
+	const context = useMenuContext();
+	store = store || context;
+	props = useCompositeSeparator({
+		store,
+		...props
+	});
+	return props;
+});
+/**
+* Renders a divider between
+* [`MenuItem`](https://ariakit.com/reference/menu-item),
+* [`MenuItemCheckbox`](https://ariakit.com/reference/menu-item-checkbox), and
+* [`MenuItemRadio`](https://ariakit.com/reference/menu-item-radio) elements.
+* @see https://ariakit.com/components/menu
+* @example
+* ```jsx {6}
+* <MenuProvider>
+*   <MenuButton>Edit</MenuButton>
+*   <Menu>
+*     <MenuItem>Undo</MenuItem>
+*     <MenuItem>Redo</MenuItem>
+*     <MenuSeparator />
+*     <MenuItem>Cut</MenuItem>
+*   </Menu>
+* </MenuProvider>
+* ```
+*/
+const MenuSeparator = forwardRef(function MenuSeparator(props) {
+	return createElement(TagName, useMenuSeparator(props));
+});
+//#endregion
+export { MenuSeparator, useMenuSeparator };
+
+//# sourceMappingURL=menu-separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator.js","names":[],"sources":["../../src/menu/menu-separator.tsx"],"sourcesContent":["import { createElement, createHook, forwardRef } from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport type { ElementType } from \"react\";\nimport type { CompositeSeparatorOptions } from \"../composite/composite-separator.tsx\";\nimport { useCompositeSeparator } from \"../composite/composite-separator.tsx\";\nimport { useMenuContext } from \"./menu-context.tsx\";\nimport type { MenuStore } from \"./menu-store.ts\";\n\nconst TagName = \"hr\" satisfies ElementType;\ntype TagName = typeof TagName;\n\n/**\n * Returns props to create a `MenuSeparator` component.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const store = useMenuStore();\n * const props = useMenuSeparator({ store });\n * <MenuButton store={store}>Edit</MenuButton>\n * <Menu store={store}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n *   <Role {...props} />\n *   <MenuItem>Cut</MenuItem>\n * </Menu>\n * ```\n */\nexport const useMenuSeparator = createHook<TagName, MenuSeparatorOptions>(\n  function useMenuSeparator({ store, ...props }) {\n    const context = useMenuContext();\n    store = store || context;\n    props = useCompositeSeparator({ store, ...props });\n    return props;\n  },\n);\n\n/**\n * Renders a divider between\n * [`MenuItem`](https://ariakit.com/reference/menu-item),\n * [`MenuItemCheckbox`](https://ariakit.com/reference/menu-item-checkbox), and\n * [`MenuItemRadio`](https://ariakit.com/reference/menu-item-radio) elements.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx {6}\n * <MenuProvider>\n *   <MenuButton>Edit</MenuButton>\n *   <Menu>\n *     <MenuItem>Undo</MenuItem>\n *     <MenuItem>Redo</MenuItem>\n *     <MenuSeparator />\n *     <MenuItem>Cut</MenuItem>\n *   </Menu>\n * </MenuProvider>\n * ```\n */\nexport const MenuSeparator = forwardRef(function MenuSeparator(\n  props: MenuSeparatorProps,\n) {\n  const htmlProps = useMenuSeparator(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface MenuSeparatorOptions<\n  T extends ElementType = TagName,\n> extends CompositeSeparatorOptions<T> {\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\nexport type MenuSeparatorProps<T extends ElementType = TagName> = Props<\n  T,\n  MenuSeparatorOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;MA6BI,mBAAgB,WAAe,SAAA,iBAAA,EAAA,OAAA,GAAA,SAAA;CAC/B,MAAA,UAAQ,eAAS;CACjB,QAAQ,SAAA;SAAwB,sBAAA;EAAO;EAAU,GAAA;CACjD,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;;;;;;;;MAyBE,gBAAqB,WADH,SAAA,cACqB,OAAA;CACxC,OAAA,cAAA,SAAA,iBAAA,KAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+import { a as MenuStoreState, c as useMenuStoreProps, i as MenuStoreProps, n as MenuStoreFunctions, o as MenuStoreValues, r as MenuStoreOptions, s as useMenuStore, t as MenuStore } from "../menu-store-0CKKmNek.js";
+export { MenuStore, MenuStoreFunctions, MenuStoreOptions, MenuStoreProps, MenuStoreState, MenuStoreValues, useMenuStore, useMenuStoreProps };

package/dist/menu/menu-store.js

@@ -0,0 +1,40 @@
+"use client";
+import { useComboboxProviderContext } from "../combobox/combobox-context.js";
+import { useCompositeStoreProps } from "../composite/composite-store.js";
+import { useHovercardStoreProps } from "../hovercard/hovercard-store.js";
+import { useMenubarContext } from "../menubar/menubar-context.js";
+import { useMenuContext } from "./menu-context.js";
+import { useUpdateEffect } from "@ariakit/react-utils";
+import { useStore, useStoreProps } from "@ariakit/react-store";
+import * as Core from "@ariakit/components/menu/menu-store";
+//#region src/menu/menu-store.ts
+function useMenuStoreProps(store, update, props) {
+	useUpdateEffect(update, [
+		props.combobox,
+		props.parent,
+		props.menubar
+	]);
+	useStoreProps(store, props, "values", "setValues");
+	return Object.assign(useHovercardStoreProps(useCompositeStoreProps(store, update, props), update, props), {
+		combobox: props.combobox,
+		parent: props.parent,
+		menubar: props.menubar
+	});
+}
+function useMenuStore(props = {}) {
+	const parent = useMenuContext();
+	const menubar = useMenubarContext();
+	const combobox = useComboboxProviderContext();
+	props = {
+		...props,
+		parent: props.parent !== void 0 ? props.parent : parent,
+		menubar: props.menubar !== void 0 ? props.menubar : menubar,
+		combobox: props.combobox !== void 0 ? props.combobox : combobox
+	};
+	const [store, update] = useStore(Core.createMenuStore, props);
+	return useMenuStoreProps(store, update, props);
+}
+//#endregion
+export { useMenuStore, useMenuStoreProps };
+
+//# sourceMappingURL=menu-store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-store.js","names":[],"sources":["../../src/menu/menu-store.ts"],"sourcesContent":["import * as Core from \"@ariakit/components/menu/menu-store\";\nimport { useStore, useStoreProps } from \"@ariakit/react-store\";\nimport type { Store } from \"@ariakit/react-store\";\nimport { useUpdateEffect } from \"@ariakit/react-utils\";\nimport type { BivariantCallback, PickRequired } from \"@ariakit/utils\";\nimport { useComboboxProviderContext } from \"../combobox/combobox-context.tsx\";\nimport type { ComboboxStore } from \"../combobox/combobox-store.ts\";\nimport type {\n  CompositeStoreFunctions,\n  CompositeStoreOptions,\n  CompositeStoreState,\n} from \"../composite/composite-store.ts\";\nimport { useCompositeStoreProps } from \"../composite/composite-store.ts\";\nimport type {\n  HovercardStoreFunctions,\n  HovercardStoreOptions,\n  HovercardStoreState,\n} from \"../hovercard/hovercard-store.ts\";\nimport { useHovercardStoreProps } from \"../hovercard/hovercard-store.ts\";\nimport { useMenubarContext } from \"../menubar/menubar-context.tsx\";\nimport type { MenubarStore } from \"../menubar/menubar-store.ts\";\nimport { useMenuContext } from \"./menu-context.tsx\";\n\nexport function useMenuStoreProps<T extends Core.MenuStore>(\n  store: T,\n  update: () => void,\n  props: MenuStoreProps,\n) {\n  useUpdateEffect(update, [props.combobox, props.parent, props.menubar]);\n  useStoreProps(store, props, \"values\", \"setValues\");\n  return Object.assign(\n    useHovercardStoreProps(\n      useCompositeStoreProps(store, update, props),\n      update,\n      props,\n    ),\n    {\n      combobox: props.combobox,\n      parent: props.parent,\n      menubar: props.menubar,\n    },\n  );\n}\n\n/**\n * Creates a menu store to control the state of\n * [Menu](https://ariakit.com/components/menu) components.\n * @see https://ariakit.com/components/menu\n * @example\n * ```jsx\n * const menu = useMenuStore({ placement: \"top\" });\n *\n * <MenuButton store={menu}>Edit</MenuButton>\n * <Menu store={menu}>\n *   <MenuItem>Undo</MenuItem>\n *   <MenuItem>Redo</MenuItem>\n * </Menu>\n * ```\n */\nexport function useMenuStore<T extends MenuStoreValues = MenuStoreValues>(\n  props: PickRequired<MenuStoreProps<T>, \"values\" | \"defaultValues\">,\n): MenuStore<T>;\n\nexport function useMenuStore(props?: MenuStoreProps): MenuStore;\n\nexport function useMenuStore(props: MenuStoreProps = {}): MenuStore {\n  const parent = useMenuContext();\n  const menubar = useMenubarContext();\n  const combobox = useComboboxProviderContext();\n  props = {\n    ...props,\n    parent: props.parent !== undefined ? props.parent : parent,\n    menubar: props.menubar !== undefined ? props.menubar : menubar,\n    combobox: props.combobox !== undefined ? props.combobox : combobox,\n  };\n  const [store, update] = useStore(Core.createMenuStore, props);\n  return useMenuStoreProps(store, update, props);\n}\n\nexport type MenuStoreValues = Core.MenuStoreValues;\n\nexport interface MenuStoreState<T extends MenuStoreValues = MenuStoreValues>\n  extends Core.MenuStoreState<T>, CompositeStoreState, HovercardStoreState {}\n\nexport interface MenuStoreFunctions<T extends MenuStoreValues = MenuStoreValues>\n  extends\n    Pick<MenuStoreOptions, \"combobox\" | \"parent\" | \"menubar\" | \"disclosure\">,\n    Omit<\n      Core.MenuStoreFunctions<T>,\n      \"combobox\" | \"parent\" | \"menubar\" | \"disclosure\"\n    >,\n    CompositeStoreFunctions,\n    HovercardStoreFunctions {}\n\nexport interface MenuStoreOptions<T extends MenuStoreValues = MenuStoreValues>\n  extends\n    Omit<Core.MenuStoreOptions<T>, \"disclosure\">,\n    CompositeStoreOptions,\n    HovercardStoreOptions {\n  /**\n   * A callback that gets called when the\n   * [`values`](https://ariakit.com/reference/menu-provider#values) state\n   * changes.\n   *\n   * Live examples:\n   * - [MenuItemCheckbox](https://ariakit.com/examples/menu-item-checkbox)\n   * - [Submenu with\n   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)\n   */\n  setValues?: BivariantCallback<(values: MenuStoreState<T>[\"values\"]) => void>;\n  /**\n   * A reference to a [combobox\n   * store](https://ariakit.com/reference/use-combobox-store). It's\n   * automatically set when composing [Menu with\n   * Combobox](https://ariakit.com/examples/menu-combobox).\n   */\n  combobox?: ComboboxStore | null;\n  /**\n   * A reference to a parent menu store. It's automatically set when nesting\n   * menus in the React tree. You should manually set this if menus aren't\n   * nested in the React tree.\n   *\n   * Live examples:\n   * - [Menubar](https://ariakit.com/components/menubar)\n   * - [Submenu](https://ariakit.com/examples/menu-nested)\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   */\n  parent?: MenuStore | null;\n  /**\n   * A reference to a [menubar\n   * store](https://ariakit.com/reference/use-menubar-store). It's automatically\n   * set when rendering menus inside a\n   * [`Menubar`](https://ariakit.com/reference/menubar) in the React tree.\n   *\n   * Live examples:\n   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)\n   */\n  menubar?: MenubarStore | null;\n}\n\nexport interface MenuStoreProps<T extends MenuStoreValues = MenuStoreValues>\n  extends\n    MenuStoreOptions<T>,\n    Omit<\n      Core.MenuStoreProps<T>,\n      \"combobox\" | \"parent\" | \"menubar\" | \"disclosure\"\n    > {}\n\nexport interface MenuStore<T extends MenuStoreValues = MenuStoreValues>\n  extends\n    MenuStoreFunctions<T>,\n    Omit<\n      Store<Core.MenuStore<T>>,\n      \"combobox\" | \"parent\" | \"menubar\" | \"disclosure\"\n    > {}\n"],"mappings":";;;;;;;;;;SA4BE,kBAAwB,OAAA,QAAA,OAAA;iBAAO,QAAA;EAAU,MAAM;EAAQ,MAAM;EAAQ,MAAA;CACrE,CAAA;CACA,cAAc,OACZ,OAAA,UAAA,WACE;QAKA,OAAU,OAAM,uBAAA,uBAAA,OAAA,QAAA,KAAA,GAAA,QAAA,KAAA,GAAA;EAChB,UAAQ,MAAM;EACd,QAAA,MAAS;EAEb,SAAA,MAAA;CACF,CAAA;AAuBA;SACQ,aAAS,QAAA,CAAe,GAAA;CAC9B,MAAM,SAAA,eAAU;CAChB,MAAM,UAAA,kBAAW;CACjB,MAAA,WAAQ,2BAAA;SACH;EACH,GAAA;EACA,QAAA,MAAS,WAAM,KAAY,IAAA,MAAY,SAAM;EAC7C,SAAA,MAAU,YAAM,KAAa,IAAA,MAAY,UAAM;EACjD,UAAA,MAAA,aAAA,KAAA,IAAA,MAAA,WAAA;CACA;CACA,MAAA,CAAO,OAAA,UAAA,SAAyB,KAAA,iBAAa,KAAA;CAC/C,OAAA,kBAAA,OAAA,QAAA,KAAA"}

package/dist/menu/menu.d.ts

@@ -0,0 +1,49 @@
+import { HovercardOptions } from "../hovercard/hovercard.js";
+import { MenuListOptions } from "./menu-list.js";
+import { Props } from "@ariakit/react-utils";
+import { ElementType } from "react";
+
+//#region src/menu/menu.d.ts
+declare const TagName = "div";
+type TagName = typeof TagName;
+/**
+ * Returns props to create a `Menu` component.
+ * @see https://ariakit.com/components/menu
+ * @example
+ * ```jsx
+ * const store = useMenuStore();
+ * const props = useMenu({ store });
+ * <MenuButton store={store}>Edit</MenuButton>
+ * <Role {...props}>
+ *   <MenuItem>Undo</MenuItem>
+ *   <MenuItem>Redo</MenuItem>
+ * </Role>
+ * ```
+ */
+declare const useMenu: import("@ariakit/react-utils").Hook<"div", MenuOptions<"div">>;
+/**
+ * Renders a dropdown menu element that's controlled by a
+ * [`MenuButton`](https://ariakit.com/reference/menu-button) component.
+ *
+ * This component uses the primitive
+ * [`MenuList`](https://ariakit.com/reference/menu-list) component under the
+ * hood. It renders a popover and automatically focuses on items when the menu
+ * is shown.
+ * @see https://ariakit.com/components/menu
+ * @example
+ * ```jsx {3-6}
+ * <MenuProvider>
+ *   <MenuButton>Edit</MenuButton>
+ *   <Menu>
+ *     <MenuItem>Undo</MenuItem>
+ *     <MenuItem>Redo</MenuItem>
+ *   </Menu>
+ * </MenuProvider>
+ * ```
+ */
+declare const Menu: (props: MenuProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+interface MenuOptions<T extends ElementType = TagName> extends MenuListOptions<T>, Omit<HovercardOptions<T>, "store"> {}
+type MenuProps<T extends ElementType = TagName> = Props<T, MenuOptions<T>>;
+//#endregion
+export { Menu, MenuOptions, MenuProps, useMenu };
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","names":["Props","ElementType","HovercardOptions","MenuListOptions","TagName","useMenu","MenuOptions","Hook","Menu","MenuProps","props","JSX","Element","T","Omit"],"sources":["../../src/menu/menu.d.ts"],"mappings":";;;;;;cAIcI,OAAAA;AAAAA,KACTA,OAAAA,UAAiBA,OAAO;AAF0B;;;;AAClC;AAAA;;;;AACQ;AAe7B;;;;AAjBuD,cAiBlCC,OAAAA,iCAAwCE,IAAAA,QAAYD,WAAW;AAqBpF;;;;;;;;;AAA+F;AAC/F;;;;;;;;;;AADA,cAAqBE,IAAAA,GAAOE,KAAAA,EAAOD,SAAS,wCAAwCE,GAAAA,CAAIC,OAAAA;AAAAA,UACvEN,WAAAA,WAAsBL,WAAAA,GAAcG,OAAAA,UAAiBD,eAAAA,CAAgBU,CAAAA,GAAIC,IAAAA,CAAKZ,gBAAAA,CAAiBW,CAAAA;AAAAA,KAEpGJ,SAAAA,WAAoBR,WAAAA,GAAcG,OAAAA,IAAWJ,KAAAA,CAAMa,CAAAA,EAAGP,WAAAA,CAAYO,CAAAA"}