@ark-ui/react 5.39.3 → 6.0.0-next.0

package/dist/components/menu/menu-positioner.d.ts

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { PositionerState } from '@zag-js/menu';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface MenuPositionerBaseProps extends PolymorphicProps {
+export interface MenuPositionerState extends PositionerState {
+}
+export interface MenuPositionerBaseProps extends PolymorphicProps<MenuPositionerState> {
 }
 export interface MenuPositionerProps extends HTMLProps<'div'>, MenuPositionerBaseProps {
 }

package/dist/components/menu/menu-positioner.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useMenuContext } from "./use-menu-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-positioner.tsx
 var MenuPositioner = forwardRef((props, ref) => {
@@ -12,7 +12,8 @@ var MenuPositioner = forwardRef((props, ref) => {
 	if (usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
-		ref
+		ref,
+		state: menu.getPositionerState()
 	});
 });
 MenuPositioner.displayName = "MenuPositioner";

package/dist/components/menu/menu-radio-item-group.cjs

@@ -1,10 +1,10 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_menu_context = require("./use-menu-context.cjs");
 const require_use_menu_item_group_context = require("./use-menu-item-group-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-radio-item-group.tsx
 var splitItemGroupProps = require_create_split_props.createSplitProps();

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

@@ -1,10 +1,10 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useMenuContext } from "./use-menu-context.js";
 import { MenuItemGroupProvider } from "./use-menu-item-group-context.js";
-import { forwardRef, useId } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef, useId } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-radio-item-group.tsx
 var splitItemGroupProps = createSplitProps();

package/dist/components/menu/menu-radio-item.cjs

@@ -1,12 +1,12 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_menu_context = require("./use-menu-context.cjs");
 const require_use_menu_item_context = require("./use-menu-item-context.cjs");
 const require_use_menu_option_item_props_context = require("./use-menu-option-item-props-context.cjs");
 const require_use_menu_item_group_context = require("./use-menu-item-group-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-radio-item.tsx
 var splitOptionItemProps = require_create_split_props.createSplitProps();
@@ -33,7 +33,8 @@ var MenuRadioItem = (0, react.forwardRef)((props, ref) => {
 			value: optionItemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: optionItemState
 			})
 		})
 	});

package/dist/components/menu/menu-radio-item.d.cts

@@ -1,8 +1,10 @@
-import { OptionItemProps } from '@zag-js/menu';
+import { OptionItemProps, OptionItemState } from '@zag-js/menu';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
-export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
+export interface MenuRadioItemState extends OptionItemState {
+}
+export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<MenuRadioItemState> {
 }
 export interface MenuRadioItemProps extends HTMLProps<'div'>, MenuRadioItemBaseProps {
 }

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

@@ -1,8 +1,10 @@
-import { OptionItemProps } from '@zag-js/menu';
+import { OptionItemProps, OptionItemState } from '@zag-js/menu';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 type PartialOptionItemProps = Omit<OptionItemProps, 'type' | 'checked' | 'onCheckedChange'>;
-export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
+export interface MenuRadioItemState extends OptionItemState {
+}
+export interface MenuRadioItemBaseProps extends PartialOptionItemProps, PolymorphicProps<MenuRadioItemState> {
 }
 export interface MenuRadioItemProps extends HTMLProps<'div'>, MenuRadioItemBaseProps {
 }

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

@@ -1,12 +1,12 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useMenuContext } from "./use-menu-context.js";
 import { MenuItemProvider } from "./use-menu-item-context.js";
 import { MenuItemPropsProvider } from "./use-menu-option-item-props-context.js";
 import { useMenuItemGroupContext } from "./use-menu-item-group-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-radio-item.tsx
 var splitOptionItemProps = createSplitProps();
@@ -33,7 +33,8 @@ var MenuRadioItem = forwardRef((props, ref) => {
 			value: optionItemState,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: optionItemState
 			})
 		})
 	});

package/dist/components/menu/menu-root-provider.cjs

@@ -6,8 +6,8 @@ const require_use_menu_context = require("./use-menu-context.cjs");
 const require_use_effect_once = require("../../utils/use-effect-once.cjs");
 const require_use_menu_machine_context = require("./use-menu-machine-context.cjs");
 const require_use_menu_trigger_item_context = require("./use-menu-trigger-item-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-root-provider.tsx
 var MenuRootProvider = (props) => {

package/dist/components/menu/menu-root-provider.d.cts

@@ -9,5 +9,5 @@ export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenc
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const MenuRootProvider: (props: MenuRootProviderProps) => import('react').JSX.Element;
+export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react").JSX.Element;
 export {};

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

@@ -9,5 +9,5 @@ export interface MenuRootProviderBaseProps extends RootProviderProps, UsePresenc
 export interface MenuRootProviderProps extends MenuRootProviderBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const MenuRootProvider: (props: MenuRootProviderProps) => import('react').JSX.Element;
+export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react").JSX.Element;
 export {};

package/dist/components/menu/menu-root-provider.js

@@ -6,8 +6,8 @@ import { MenuProvider, useMenuContext } from "./use-menu-context.js";
 import { useEffectOnce } from "../../utils/use-effect-once.js";
 import { MenuMachineProvider, useMenuMachineContext } from "./use-menu-machine-context.js";
 import { MenuTriggerItemProvider } from "./use-menu-trigger-item-context.js";
-import { useCallback } from "react";
 import { mergeProps } from "@zag-js/react";
+import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-root-provider.tsx
 var MenuRootProvider = (props) => {

package/dist/components/menu/menu-root.cjs

@@ -8,8 +8,8 @@ const require_use_effect_once = require("../../utils/use-effect-once.cjs");
 const require_use_menu = require("./use-menu.cjs");
 const require_use_menu_machine_context = require("./use-menu-machine-context.cjs");
 const require_use_menu_trigger_item_context = require("./use-menu-trigger-item-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-root.tsx
 var splitRootProps = require_create_split_props.createSplitProps();

package/dist/components/menu/menu-root.d.cts

@@ -6,4 +6,4 @@ export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
 export interface MenuRootProps extends MenuRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const MenuRoot: (props: MenuRootProps) => import('react').JSX.Element;
+export declare const MenuRoot: (props: MenuRootProps) => import("react").JSX.Element;

package/dist/components/menu/menu-root.d.ts

@@ -6,4 +6,4 @@ export interface MenuRootBaseProps extends UseMenuProps, UsePresenceProps {
 export interface MenuRootProps extends MenuRootBaseProps {
     children?: ReactNode | undefined;
 }
-export declare const MenuRoot: (props: MenuRootProps) => import('react').JSX.Element;
+export declare const MenuRoot: (props: MenuRootProps) => import("react").JSX.Element;

package/dist/components/menu/menu-root.js

@@ -8,8 +8,8 @@ import { useEffectOnce } from "../../utils/use-effect-once.js";
 import { useMenu } from "./use-menu.js";
 import { MenuMachineProvider, useMenuMachineContext } from "./use-menu-machine-context.js";
 import { MenuTriggerItemProvider } from "./use-menu-trigger-item-context.js";
-import { useCallback } from "react";
 import { mergeProps } from "@zag-js/react";
+import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-root.tsx
 var splitRootProps = createSplitProps();

package/dist/components/menu/menu-separator.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_menu_context = require("./use-menu-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-separator.tsx
 var MenuSeparator = (0, react.forwardRef)((props, ref) => {

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

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useMenuContext } from "./use-menu-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-separator.tsx
 var MenuSeparator = forwardRef((props, ref) => {

package/dist/components/menu/menu-trigger-item.cjs

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.cjs");
 const require_use_menu_option_item_props_context = require("./use-menu-option-item-props-context.cjs");
 const require_use_menu_trigger_item_context = require("./use-menu-trigger-item-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-trigger-item.tsx
 var MenuTriggerItem = (0, react.forwardRef)((props, ref) => {

package/dist/components/menu/menu-trigger-item.js

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { MenuItemPropsProvider } from "./use-menu-option-item-props-context.js";
 import { useMenuTriggerItemContext } from "./use-menu-trigger-item-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-trigger-item.tsx
 var MenuTriggerItem = forwardRef((props, ref) => {

package/dist/components/menu/menu-trigger.cjs

@@ -1,10 +1,10 @@
 "use client";
-const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
 const require_use_presence_context = require("../presence/use-presence-context.cjs");
 const require_use_menu_context = require("./use-menu-context.cjs");
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-trigger.tsx
 var splitTriggerProps = require_create_split_props.createSplitProps();
@@ -19,7 +19,8 @@ var MenuTrigger = (0, react.forwardRef)((props, ref) => {
 	}, localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: menu.getTriggerState(triggerProps)
 	});
 });
 MenuTrigger.displayName = "MenuTrigger";

package/dist/components/menu/menu-trigger.d.cts

@@ -1,8 +1,10 @@
-import { TriggerProps } from '@zag-js/menu';
+import { TriggerProps, TriggerState } from '@zag-js/menu';
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface MenuTriggerBaseProps extends TriggerProps, PolymorphicProps {
+export interface MenuTriggerState extends TriggerState {
+}
+export interface MenuTriggerBaseProps extends TriggerProps, PolymorphicProps<MenuTriggerState> {
 }
 export interface MenuTriggerProps extends Assign<HTMLProps<'button'>, MenuTriggerBaseProps> {
 }

package/dist/components/menu/menu-trigger.d.ts

@@ -1,8 +1,10 @@
-import { TriggerProps } from '@zag-js/menu';
+import { TriggerProps, TriggerState } from '@zag-js/menu';
 import { Assign } from '../../types.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface MenuTriggerBaseProps extends TriggerProps, PolymorphicProps {
+export interface MenuTriggerState extends TriggerState {
+}
+export interface MenuTriggerBaseProps extends TriggerProps, PolymorphicProps<MenuTriggerState> {
 }
 export interface MenuTriggerProps extends Assign<HTMLProps<'button'>, MenuTriggerBaseProps> {
 }

package/dist/components/menu/menu-trigger.js

@@ -1,10 +1,10 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { usePresenceContext } from "../presence/use-presence-context.js";
 import { useMenuContext } from "./use-menu-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-trigger.tsx
 var splitTriggerProps = createSplitProps();
@@ -19,7 +19,8 @@ var MenuTrigger = forwardRef((props, ref) => {
 	}, localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
-		ref
+		ref,
+		state: menu.getTriggerState(triggerProps)
 	});
 });
 MenuTrigger.displayName = "MenuTrigger";

package/dist/components/menu/menu.d.cts

@@ -1,23 +1,23 @@
 export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, TriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, } from './menu-arrow.js';
 export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, } from './menu-arrow-tip.js';
-export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item.js';
-export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps, type MenuContentProps as ContentProps, } from './menu-content.js';
+export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, type MenuCheckboxItemState as CheckboxItemState, } from './menu-checkbox-item.js';
+export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps, type MenuContentProps as ContentProps, type MenuContentState as ContentState, } from './menu-content.js';
 export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context.js';
 export { MenuContextTrigger as ContextTrigger, type MenuContextTriggerBaseProps as ContextTriggerBaseProps, type MenuContextTriggerProps as ContextTriggerProps, } from './menu-context-trigger.js';
 export { MenuIndicator as Indicator, type MenuIndicatorBaseProps as IndicatorBaseProps, type MenuIndicatorProps as IndicatorProps, } from './menu-indicator.js';
-export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps, } from './menu-item.js';
+export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps, type MenuItemState as ItemState, } from './menu-item.js';
 export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context.js';
 export { MenuItemGroup as ItemGroup, type MenuItemGroupBaseProps as ItemGroupBaseProps, type MenuItemGroupProps as ItemGroupProps, } from './menu-item-group.js';
 export { MenuItemGroupLabel as ItemGroupLabel, type MenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type MenuItemGroupLabelProps as ItemGroupLabelProps, } from './menu-item-group-label.js';
 export { MenuItemIndicator as ItemIndicator, type MenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type MenuItemIndicatorProps as ItemIndicatorProps, } from './menu-item-indicator.js';
 export { MenuItemText as ItemText, type MenuItemTextBaseProps as ItemTextBaseProps, type MenuItemTextProps as ItemTextProps, } from './menu-item-text.js';
-export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, } from './menu-positioner.js';
-export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, } from './menu-radio-item.js';
+export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, type MenuPositionerState as PositionerState, } from './menu-positioner.js';
+export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, type MenuRadioItemState as RadioItemState, } from './menu-radio-item.js';
 export { MenuRadioItemGroup as RadioItemGroup, type MenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, type MenuRadioItemGroupProps as RadioItemGroupProps, } from './menu-radio-item-group.js';
 export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps, } from './menu-root.js';
 export { MenuRootProvider as RootProvider, type MenuRootProviderBaseProps as RootProviderBaseProps, type MenuRootProviderProps as RootProviderProps, } from './menu-root-provider.js';
 export { MenuSeparator as Separator, type MenuSeparatorBaseProps as SeparatorBaseProps, type MenuSeparatorProps as SeparatorProps, } from './menu-separator.js';
-export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, } from './menu-trigger.js';
+export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, type MenuTriggerState as TriggerState, } from './menu-trigger.js';
 export { MenuTriggerItem as TriggerItem, type MenuTriggerItemBaseProps as TriggerItemBaseProps, type MenuTriggerItemProps as TriggerItemProps, } from './menu-trigger-item.js';
 export type { ValueChangeDetails } from './use-menu-item-group-context.js';

package/dist/components/menu/menu.d.ts

@@ -1,23 +1,23 @@
 export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, TriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, } from './menu-arrow.js';
 export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, } from './menu-arrow-tip.js';
-export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item.js';
-export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps, type MenuContentProps as ContentProps, } from './menu-content.js';
+export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, type MenuCheckboxItemState as CheckboxItemState, } from './menu-checkbox-item.js';
+export { MenuContent as Content, type MenuContentBaseProps as ContentBaseProps, type MenuContentProps as ContentProps, type MenuContentState as ContentState, } from './menu-content.js';
 export { MenuContext as Context, type MenuContextProps as ContextProps } from './menu-context.js';
 export { MenuContextTrigger as ContextTrigger, type MenuContextTriggerBaseProps as ContextTriggerBaseProps, type MenuContextTriggerProps as ContextTriggerProps, } from './menu-context-trigger.js';
 export { MenuIndicator as Indicator, type MenuIndicatorBaseProps as IndicatorBaseProps, type MenuIndicatorProps as IndicatorProps, } from './menu-indicator.js';
-export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps, } from './menu-item.js';
+export { MenuItem as Item, type MenuItemBaseProps as ItemBaseProps, type MenuItemProps as ItemProps, type MenuItemState as ItemState, } from './menu-item.js';
 export { MenuItemContext as ItemContext, type MenuItemContextProps as ItemContextProps } from './menu-item-context.js';
 export { MenuItemGroup as ItemGroup, type MenuItemGroupBaseProps as ItemGroupBaseProps, type MenuItemGroupProps as ItemGroupProps, } from './menu-item-group.js';
 export { MenuItemGroupLabel as ItemGroupLabel, type MenuItemGroupLabelBaseProps as ItemGroupLabelBaseProps, type MenuItemGroupLabelProps as ItemGroupLabelProps, } from './menu-item-group-label.js';
 export { MenuItemIndicator as ItemIndicator, type MenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type MenuItemIndicatorProps as ItemIndicatorProps, } from './menu-item-indicator.js';
 export { MenuItemText as ItemText, type MenuItemTextBaseProps as ItemTextBaseProps, type MenuItemTextProps as ItemTextProps, } from './menu-item-text.js';
-export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, } from './menu-positioner.js';
-export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, } from './menu-radio-item.js';
+export { MenuPositioner as Positioner, type MenuPositionerBaseProps as PositionerBaseProps, type MenuPositionerProps as PositionerProps, type MenuPositionerState as PositionerState, } from './menu-positioner.js';
+export { MenuRadioItem as RadioItem, type MenuRadioItemBaseProps as RadioItemBaseProps, type MenuRadioItemProps as RadioItemProps, type MenuRadioItemState as RadioItemState, } from './menu-radio-item.js';
 export { MenuRadioItemGroup as RadioItemGroup, type MenuRadioItemGroupBaseProps as RadioItemGroupBaseProps, type MenuRadioItemGroupProps as RadioItemGroupProps, } from './menu-radio-item-group.js';
 export { MenuRoot as Root, type MenuRootBaseProps as RootBaseProps, type MenuRootProps as RootProps, } from './menu-root.js';
 export { MenuRootProvider as RootProvider, type MenuRootProviderBaseProps as RootProviderBaseProps, type MenuRootProviderProps as RootProviderProps, } from './menu-root-provider.js';
 export { MenuSeparator as Separator, type MenuSeparatorBaseProps as SeparatorBaseProps, type MenuSeparatorProps as SeparatorProps, } from './menu-separator.js';
-export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, } from './menu-trigger.js';
+export { MenuTrigger as Trigger, type MenuTriggerBaseProps as TriggerBaseProps, type MenuTriggerProps as TriggerProps, type MenuTriggerState as TriggerState, } from './menu-trigger.js';
 export { MenuTriggerItem as TriggerItem, type MenuTriggerItemBaseProps as TriggerItemBaseProps, type MenuTriggerItemProps as TriggerItemProps, } from './menu-trigger-item.js';
 export type { ValueChangeDetails } from './use-menu-item-group-context.js';

package/dist/components/menu/use-menu.cjs

@@ -2,20 +2,25 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_use_environment_context = require("../../providers/environment/use-environment-context.cjs");
 const require_use_locale_context = require("../../providers/locale/use-locale-context.cjs");
+const require_use_menu_context = require("./use-menu-context.cjs");
+const require_use_menubar_context = require("../menubar/use-menubar-context.cjs");
 let _zag_js_menu = require("@zag-js/menu");
 _zag_js_menu = require_runtime.__toESM(_zag_js_menu, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/menu/use-menu.ts
 var useMenu = (props) => {
 	const id = (0, react.useId)();
 	const { getRootNode } = require_use_environment_context.useEnvironmentContext();
 	const { dir } = require_use_locale_context.useLocaleContext();
+	const parentMenu = require_use_menu_context.useMenuContext();
+	const menubar = require_use_menubar_context.useMenubarContext();
 	const machineProps = {
 		id,
 		dir,
 		getRootNode,
-		...props
+		...props,
+		menubar: parentMenu ? void 0 : menubar?.getMenuContext()
 	};
 	const service = (0, _zag_js_react.useMachine)(_zag_js_menu.machine, machineProps);
 	return {

package/dist/components/menu/use-menu.d.cts

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types.js';
 import * as menu from '@zag-js/menu';
-export interface UseMenuProps extends Optional<Omit<menu.Props, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseMenuProps extends Optional<Omit<menu.Props, 'dir' | 'getRootNode' | 'menubar'>, 'id'> {
 }
 export interface UseMenuReturn {
     api: menu.Api<PropTypes>;

package/dist/components/menu/use-menu.d.ts

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types.js';
 import * as menu from '@zag-js/menu';
-export interface UseMenuProps extends Optional<Omit<menu.Props, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseMenuProps extends Optional<Omit<menu.Props, 'dir' | 'getRootNode' | 'menubar'>, 'id'> {
 }
 export interface UseMenuReturn {
     api: menu.Api<PropTypes>;

package/dist/components/menu/use-menu.js

@@ -1,19 +1,24 @@
 "use client";
 import { useEnvironmentContext } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
+import { useMenuContext } from "./use-menu-context.js";
+import { useMenubarContext } from "../menubar/use-menubar-context.js";
 import * as menu from "@zag-js/menu";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/menu/use-menu.ts
 var useMenu = (props) => {
 	const id = useId();
 	const { getRootNode } = useEnvironmentContext();
 	const { dir } = useLocaleContext();
+	const parentMenu = useMenuContext();
+	const menubar = useMenubarContext();
 	const machineProps = {
 		id,
 		dir,
 		getRootNode,
-		...props
+		...props,
+		menubar: parentMenu ? void 0 : menubar?.getMenuContext()
 	};
 	const service = useMachine(menu.machine, machineProps);
 	return {

package/dist/components/menubar/index.cjs

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_menubar_context = require("./use-menubar-context.cjs");
+const require_menubar_context = require("./menubar-context.cjs");
+const require_use_menubar = require("./use-menubar.cjs");
+const require_menubar_root = require("./menubar-root.cjs");
+const require_menubar_root_provider = require("./menubar-root-provider.cjs");
+const require_menubar = require("./menubar.cjs");
+let _zag_js_menubar = require("@zag-js/menubar");
+Object.defineProperty(exports, "Menubar", {
+	enumerable: true,
+	get: function() {
+		return require_menubar.menubar_exports;
+	}
+});
+exports.MenubarContext = require_menubar_context.MenubarContext;
+exports.MenubarRoot = require_menubar_root.MenubarRoot;
+exports.MenubarRootProvider = require_menubar_root_provider.MenubarRootProvider;
+Object.defineProperty(exports, "menubarAnatomy", {
+	enumerable: true,
+	get: function() {
+		return _zag_js_menubar.anatomy;
+	}
+});
+exports.useMenubar = require_use_menubar.useMenubar;
+exports.useMenubarContext = require_use_menubar_context.useMenubarContext;

package/dist/components/menubar/index.d.cts

@@ -0,0 +1,8 @@
+export type { MenuCloseReason as MenubarMenuCloseReason, MenubarMenuContext } from '@zag-js/menubar';
+export { MenubarContext, type MenubarContextProps } from './menubar-context.js';
+export { MenubarRoot, type MenubarRootBaseProps, type MenubarRootProps } from './menubar-root.js';
+export { MenubarRootProvider, type MenubarRootProviderBaseProps, type MenubarRootProviderProps, } from './menubar-root-provider.js';
+export { menubarAnatomy } from './menubar.anatomy.js';
+export { useMenubar, type UseMenubarProps, type UseMenubarReturn } from './use-menubar.js';
+export { useMenubarContext, type UseMenubarContext } from './use-menubar-context.js';
+export * as Menubar from './menubar.js';

package/dist/components/menubar/index.d.ts

@@ -0,0 +1,8 @@
+export type { MenuCloseReason as MenubarMenuCloseReason, MenubarMenuContext } from '@zag-js/menubar';
+export { MenubarContext, type MenubarContextProps } from './menubar-context.js';
+export { MenubarRoot, type MenubarRootBaseProps, type MenubarRootProps } from './menubar-root.js';
+export { MenubarRootProvider, type MenubarRootProviderBaseProps, type MenubarRootProviderProps, } from './menubar-root-provider.js';
+export { menubarAnatomy } from './menubar.anatomy.js';
+export { useMenubar, type UseMenubarProps, type UseMenubarReturn } from './use-menubar.js';
+export { useMenubarContext, type UseMenubarContext } from './use-menubar-context.js';
+export * as Menubar from './menubar.js';

package/dist/components/menubar/index.js

@@ -0,0 +1,8 @@
+import { menubarAnatomy } from "./menubar.anatomy.js";
+import { useMenubarContext } from "./use-menubar-context.js";
+import { MenubarContext } from "./menubar-context.js";
+import { useMenubar } from "./use-menubar.js";
+import { MenubarRoot } from "./menubar-root.js";
+import { MenubarRootProvider } from "./menubar-root-provider.js";
+import { menubar_exports } from "./menubar.js";
+export { menubar_exports as Menubar, MenubarContext, MenubarRoot, MenubarRootProvider, menubarAnatomy, useMenubar, useMenubarContext };

package/dist/components/menubar/menubar-context.cjs

@@ -0,0 +1,6 @@
+"use client";
+const require_use_menubar_context = require("./use-menubar-context.cjs");
+//#region src/components/menubar/menubar-context.tsx
+var MenubarContext = (props) => props.children(require_use_menubar_context.useMenubarContext());
+//#endregion
+exports.MenubarContext = MenubarContext;

package/dist/components/menubar/menubar-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseMenubarContext } from './use-menubar-context.js';
+export interface MenubarContextProps {
+    children: (context: UseMenubarContext) => ReactNode;
+}
+export declare const MenubarContext: (props: MenubarContextProps) => ReactNode;

package/dist/components/menubar/menubar-context.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseMenubarContext } from './use-menubar-context.js';
+export interface MenubarContextProps {
+    children: (context: UseMenubarContext) => ReactNode;
+}
+export declare const MenubarContext: (props: MenubarContextProps) => ReactNode;

package/dist/components/menubar/menubar-context.js

@@ -0,0 +1,6 @@
+"use client";
+import { useMenubarContext } from "./use-menubar-context.js";
+//#region src/components/menubar/menubar-context.tsx
+var MenubarContext = (props) => props.children(useMenubarContext());
+//#endregion
+export { MenubarContext };

package/dist/components/menubar/menubar-root-provider.cjs

@@ -0,0 +1,23 @@
+"use client";
+const require_factory = require("../factory.cjs");
+const require_create_split_props = require("../../utils/create-split-props.cjs");
+const require_use_menubar_context = require("./use-menubar-context.cjs");
+let _zag_js_react = require("@zag-js/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/menubar/menubar-root-provider.tsx
+var splitRootProviderProps = require_create_split_props.createSplitProps();
+var MenubarRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: menubar }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _zag_js_react.mergeProps)(menubar.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menubar_context.MenubarProvider, {
+		value: menubar,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+MenubarRootProvider.displayName = "MenubarRootProvider";
+//#endregion
+exports.MenubarRootProvider = MenubarRootProvider;

package/dist/components/menubar/menubar-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { UseMenubarReturn } from './use-menubar.js';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseMenubarReturn;
+}
+export interface MenubarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface MenubarRootProviderProps extends HTMLProps<'div'>, MenubarRootProviderBaseProps {
+}
+export declare const MenubarRootProvider: ForwardRefExoticComponent<MenubarRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};