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

package/dist/components/listbox/listbox.js

@@ -10,8 +10,10 @@ import { ListboxItemGroupLabel } from "./listbox-item-group-label.js";
 import { ListboxItemIndicator } from "./listbox-item-indicator.js";
 import { ListboxItemText } from "./listbox-item-text.js";
 import { ListboxLabel } from "./listbox-label.js";
+import { ListboxList } from "./listbox-list.js";
 import { ListboxRoot } from "./listbox-root.js";
 import { ListboxRootProvider } from "./listbox-root-provider.js";
+import { ListboxStatus } from "./listbox-status.js";
 import { ListboxValueText } from "./listbox-value-text.js";
 //#region src/components/listbox/listbox.ts
 var listbox_exports = /* @__PURE__ */ __exportAll({
@@ -26,9 +28,11 @@ var listbox_exports = /* @__PURE__ */ __exportAll({
 	ItemIndicator: () => ListboxItemIndicator,
 	ItemText: () => ListboxItemText,
 	Label: () => ListboxLabel,
+	List: () => ListboxList,
 	Root: () => ListboxRoot,
 	RootProvider: () => ListboxRootProvider,
+	Status: () => ListboxStatus,
 	ValueText: () => ListboxValueText
 });
 //#endregion
-export { ListboxContent as Content, ListboxContext as Context, ListboxEmpty as Empty, ListboxInput as Input, ListboxItem as Item, ListboxItemContext as ItemContext, ListboxItemGroup as ItemGroup, ListboxItemGroupLabel as ItemGroupLabel, ListboxItemIndicator as ItemIndicator, ListboxItemText as ItemText, ListboxLabel as Label, ListboxRoot as Root, ListboxRootProvider as RootProvider, ListboxValueText as ValueText, listbox_exports };
+export { ListboxContent as Content, ListboxContext as Context, ListboxEmpty as Empty, ListboxInput as Input, ListboxItem as Item, ListboxItemContext as ItemContext, ListboxItemGroup as ItemGroup, ListboxItemGroupLabel as ItemGroupLabel, ListboxItemIndicator as ItemIndicator, ListboxItemText as ItemText, ListboxLabel as Label, ListboxList as List, ListboxRoot as Root, ListboxRootProvider as RootProvider, ListboxStatus as Status, ListboxValueText as ValueText, listbox_exports };

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

@@ -4,8 +4,8 @@ const require_use_environment_context = require("../../providers/environment/use
 const require_use_locale_context = require("../../providers/locale/use-locale-context.cjs");
 let _zag_js_listbox = require("@zag-js/listbox");
 _zag_js_listbox = require_runtime.__toESM(_zag_js_listbox, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/listbox/use-listbox.ts
 var useListbox = (props) => {
 	const id = (0, react.useId)();

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

@@ -2,8 +2,8 @@
 import { useEnvironmentContext } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
 import * as listbox from "@zag-js/listbox";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/listbox/use-listbox.ts
 var useListbox = (props) => {
 	const id = useId();

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

@@ -1,5 +1,5 @@
 export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee';
-export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content.js';
+export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, type MarqueeContentState, } from './marquee-content.js';
 export { MarqueeContext, type MarqueeContextProps } from './marquee-context.js';
 export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.js';
 export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item.js';

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

@@ -1,5 +1,5 @@
 export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSide } from '@zag-js/marquee';
-export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content.js';
+export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps, type MarqueeContentState, } from './marquee-content.js';
 export { MarqueeContext, type MarqueeContextProps } from './marquee-context.js';
 export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge.js';
 export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item.js';

package/dist/components/marquee/marquee-content.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_marquee_context = require("./use-marquee-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/marquee/marquee-content.tsx
 var MarqueeContent = (0, react.forwardRef)((props, ref) => {
@@ -13,6 +13,7 @@ var MarqueeContent = (0, react.forwardRef)((props, ref) => {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
 			ref: index === 0 ? ref : void 0,
+			state: marquee.getContentState({ index }),
 			children
 		}, index);
 	}) });

package/dist/components/marquee/marquee-content.d.cts

@@ -1,6 +1,9 @@
 import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
-export interface MarqueeContentBaseProps extends PolymorphicProps {
+import { ContentState } from '@zag-js/marquee';
+export interface MarqueeContentState extends ContentState {
+}
+export interface MarqueeContentBaseProps extends PolymorphicProps<MarqueeContentState> {
     children: ReactNode;
 }
 export interface MarqueeContentProps extends Omit<HTMLProps<'div'>, 'children'>, MarqueeContentBaseProps {

package/dist/components/marquee/marquee-content.d.ts

@@ -1,6 +1,9 @@
 import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
-export interface MarqueeContentBaseProps extends PolymorphicProps {
+import { ContentState } from '@zag-js/marquee';
+export interface MarqueeContentState extends ContentState {
+}
+export interface MarqueeContentBaseProps extends PolymorphicProps<MarqueeContentState> {
     children: ReactNode;
 }
 export interface MarqueeContentProps extends Omit<HTMLProps<'div'>, 'children'>, MarqueeContentBaseProps {

package/dist/components/marquee/marquee-content.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useMarqueeContext } from "./use-marquee-context.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 //#region src/components/marquee/marquee-content.tsx
 var MarqueeContent = forwardRef((props, ref) => {
@@ -13,6 +13,7 @@ var MarqueeContent = forwardRef((props, ref) => {
 		return /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
 			ref: index === 0 ? ref : void 0,
+			state: marquee.getContentState({ index }),
 			children
 		}, index);
 	}) });

package/dist/components/marquee/marquee-edge.cjs

@@ -1,9 +1,9 @@
 "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_marquee_context = require("./use-marquee-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/marquee/marquee-edge.tsx
 var splitEdgeProps = require_create_split_props.createSplitProps();

package/dist/components/marquee/marquee-edge.js

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { useMarqueeContext } from "./use-marquee-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/marquee/marquee-edge.tsx
 var splitEdgeProps = createSplitProps();

package/dist/components/marquee/marquee-item.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_marquee_context = require("./use-marquee-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/marquee/marquee-item.tsx
 var MarqueeItem = (0, react.forwardRef)((props, ref) => {

package/dist/components/marquee/marquee-item.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useMarqueeContext } from "./use-marquee-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/marquee/marquee-item.tsx
 var MarqueeItem = forwardRef((props, ref) => {

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

@@ -1,9 +1,9 @@
 "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_marquee_context = require("./use-marquee-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/marquee/marquee-root-provider.tsx
 var splitRootProviderProps = require_create_split_props.createSplitProps();

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

@@ -1,9 +1,9 @@
 "use client";
-import { createSplitProps } from "../../utils/create-split-props.js";
 import { ark } from "../factory.js";
+import { createSplitProps } from "../../utils/create-split-props.js";
 import { MarqueeProvider } from "./use-marquee-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/marquee/marquee-root-provider.tsx
 var splitRootProviderProps = createSplitProps();

package/dist/components/marquee/marquee-root.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_marquee_context = require("./use-marquee-context.cjs");
 const require_use_marquee = require("./use-marquee.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/marquee/marquee-root.tsx
 var splitRootProps = require_create_split_props.createSplitProps();

package/dist/components/marquee/marquee-root.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 { MarqueeProvider } from "./use-marquee-context.js";
 import { useMarquee } from "./use-marquee.js";
-import { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/marquee/marquee-root.tsx
 var splitRootProps = createSplitProps();

package/dist/components/marquee/marquee-viewport.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_factory = require("../factory.cjs");
 const require_use_marquee_context = require("./use-marquee-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/marquee/marquee-viewport.tsx
 var MarqueeViewport = (0, react.forwardRef)((props, ref) => {

package/dist/components/marquee/marquee-viewport.js

@@ -1,8 +1,8 @@
 "use client";
 import { ark } from "../factory.js";
 import { useMarqueeContext } from "./use-marquee-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/marquee/marquee-viewport.tsx
 var MarqueeViewport = forwardRef((props, ref) => {

package/dist/components/marquee/marquee.d.cts

@@ -1,5 +1,5 @@
 export type { PauseStatusDetails, Side } from '@zag-js/marquee';
-export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content.js';
+export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, type MarqueeContentState as ContentState, } from './marquee-content.js';
 export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context.js';
 export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge.js';
 export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item.js';

package/dist/components/marquee/marquee.d.ts

@@ -1,5 +1,5 @@
 export type { PauseStatusDetails, Side } from '@zag-js/marquee';
-export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content.js';
+export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, type MarqueeContentState as ContentState, } from './marquee-content.js';
 export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context.js';
 export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge.js';
 export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item.js';

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

@@ -4,8 +4,8 @@ const require_use_environment_context = require("../../providers/environment/use
 const require_use_locale_context = require("../../providers/locale/use-locale-context.cjs");
 let _zag_js_marquee = require("@zag-js/marquee");
 _zag_js_marquee = require_runtime.__toESM(_zag_js_marquee, 1);
-let react = require("react");
 let _zag_js_react = require("@zag-js/react");
+let react = require("react");
 //#region src/components/marquee/use-marquee.ts
 var useMarquee = (props) => {
 	const id = (0, react.useId)();

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

@@ -2,8 +2,8 @@
 import { useEnvironmentContext } from "../../providers/environment/use-environment-context.js";
 import { useLocaleContext } from "../../providers/locale/use-locale-context.js";
 import * as marquee from "@zag-js/marquee";
-import { useId } from "react";
 import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
 //#region src/components/marquee/use-marquee.ts
 var useMarquee = (props) => {
 	const id = useId();

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

@@ -1,24 +1,24 @@
 export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, TriggerValueChangeDetails as MenuTriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.js';
 export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.js';
-export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item.js';
-export { MenuContent, type MenuContentBaseProps, type MenuContentProps } from './menu-content.js';
+export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps, type MenuCheckboxItemState, } from './menu-checkbox-item.js';
+export { MenuContent, type MenuContentBaseProps, type MenuContentProps, type MenuContentState, } from './menu-content.js';
 export { MenuContext, type MenuContextProps } from './menu-context.js';
 export { MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, } from './menu-context-trigger.js';
 export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps } from './menu-indicator.js';
-export { MenuItem, type MenuItemBaseProps, type MenuItemProps } from './menu-item.js';
+export { MenuItem, type MenuItemBaseProps, type MenuItemProps, type MenuItemState } from './menu-item.js';
 export { MenuItemContext, type MenuItemContextProps } from './menu-item-context.js';
 export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps } from './menu-item-group.js';
 export { MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, } from './menu-item-group-label.js';
 export { MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps, } from './menu-item-indicator.js';
 export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps } from './menu-item-text.js';
-export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps } from './menu-positioner.js';
-export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps } from './menu-radio-item.js';
+export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps, type MenuPositionerState, } from './menu-positioner.js';
+export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps, type MenuRadioItemState, } from './menu-radio-item.js';
 export { MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, } from './menu-radio-item-group.js';
 export { MenuRoot, type MenuRootBaseProps, type MenuRootProps } from './menu-root.js';
 export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps } from './menu-root-provider.js';
 export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps } from './menu-separator.js';
-export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps } from './menu-trigger.js';
+export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps, type MenuTriggerState, } from './menu-trigger.js';
 export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps } from './menu-trigger-item.js';
 export { menuAnatomy } from './menu.anatomy.js';
 export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu.js';

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

@@ -1,24 +1,24 @@
 export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, TriggerValueChangeDetails as MenuTriggerValueChangeDetails, } from '@zag-js/menu';
 export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.js';
 export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.js';
-export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item.js';
-export { MenuContent, type MenuContentBaseProps, type MenuContentProps } from './menu-content.js';
+export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps, type MenuCheckboxItemState, } from './menu-checkbox-item.js';
+export { MenuContent, type MenuContentBaseProps, type MenuContentProps, type MenuContentState, } from './menu-content.js';
 export { MenuContext, type MenuContextProps } from './menu-context.js';
 export { MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, } from './menu-context-trigger.js';
 export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps } from './menu-indicator.js';
-export { MenuItem, type MenuItemBaseProps, type MenuItemProps } from './menu-item.js';
+export { MenuItem, type MenuItemBaseProps, type MenuItemProps, type MenuItemState } from './menu-item.js';
 export { MenuItemContext, type MenuItemContextProps } from './menu-item-context.js';
 export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps } from './menu-item-group.js';
 export { MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, } from './menu-item-group-label.js';
 export { MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps, } from './menu-item-indicator.js';
 export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps } from './menu-item-text.js';
-export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps } from './menu-positioner.js';
-export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps } from './menu-radio-item.js';
+export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps, type MenuPositionerState, } from './menu-positioner.js';
+export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps, type MenuRadioItemState, } from './menu-radio-item.js';
 export { MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, } from './menu-radio-item-group.js';
 export { MenuRoot, type MenuRootBaseProps, type MenuRootProps } from './menu-root.js';
 export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps } from './menu-root-provider.js';
 export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps } from './menu-separator.js';
-export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps } from './menu-trigger.js';
+export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps, type MenuTriggerState, } from './menu-trigger.js';
 export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps } from './menu-trigger-item.js';
 export { menuAnatomy } from './menu.anatomy.js';
 export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu.js';

package/dist/components/menu/menu-arrow-tip.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-arrow-tip.tsx
 var MenuArrowTip = (0, react.forwardRef)((props, ref) => {

package/dist/components/menu/menu-arrow-tip.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-arrow-tip.tsx
 var MenuArrowTip = forwardRef((props, ref) => {

package/dist/components/menu/menu-arrow.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-arrow.tsx
 var MenuArrow = (0, react.forwardRef)((props, ref) => {

package/dist/components/menu/menu-arrow.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-arrow.tsx
 var MenuArrow = forwardRef((props, ref) => {

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

@@ -1,11 +1,11 @@
 "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");
-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-checkbox-item.tsx
 var splitOptionItemProps = require_create_split_props.createSplitProps();
@@ -31,7 +31,8 @@ var MenuCheckboxItem = (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-checkbox-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'>;
-export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
+export interface MenuCheckboxItemState extends OptionItemState {
+}
+export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps<MenuCheckboxItemState> {
 }
 export interface MenuCheckboxItemProps extends HTMLProps<'div'>, MenuCheckboxItemBaseProps {
 }

package/dist/components/menu/menu-checkbox-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'>;
-export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps {
+export interface MenuCheckboxItemState extends OptionItemState {
+}
+export interface MenuCheckboxItemBaseProps extends PartialOptionItemProps, PolymorphicProps<MenuCheckboxItemState> {
 }
 export interface MenuCheckboxItemProps extends HTMLProps<'div'>, MenuCheckboxItemBaseProps {
 }

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

@@ -1,11 +1,11 @@
 "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 { forwardRef } from "react";
 import { mergeProps } from "@zag-js/react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-checkbox-item.tsx
 var splitOptionItemProps = createSplitProps();
@@ -31,7 +31,8 @@ var MenuCheckboxItem = forwardRef((props, ref) => {
 			value: optionItemState,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
-				ref
+				ref,
+				state: optionItemState
 			})
 		})
 	});

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

@@ -4,8 +4,8 @@ const require_factory = require("../factory.cjs");
 const require_presence_gate = require("../presence/presence-gate.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-content.tsx
 var MenuContent = (0, react.forwardRef)((props, ref) => {
@@ -17,7 +17,8 @@ var MenuContent = (0, react.forwardRef)((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: menu.getContentState()
 		})
 	});
 });

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ContentState } from '@zag-js/menu';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface MenuContentBaseProps extends PolymorphicProps {
+export interface MenuContentState extends ContentState {
+}
+export interface MenuContentBaseProps extends PolymorphicProps<MenuContentState> {
 }
 export interface MenuContentProps extends HTMLProps<'div'>, MenuContentBaseProps {
 }

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

@@ -1,6 +1,9 @@
 import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { ContentState } from '@zag-js/menu';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface MenuContentBaseProps extends PolymorphicProps {
+export interface MenuContentState extends ContentState {
+}
+export interface MenuContentBaseProps extends PolymorphicProps<MenuContentState> {
 }
 export interface MenuContentProps extends HTMLProps<'div'>, MenuContentBaseProps {
 }

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

@@ -4,8 +4,8 @@ import { ark } from "../factory.js";
 import { PresenceGate } from "../presence/presence-gate.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-content.tsx
 var MenuContent = forwardRef((props, ref) => {
@@ -17,7 +17,8 @@ var MenuContent = forwardRef((props, ref) => {
 		presence,
 		children: /* @__PURE__ */ jsx(ark.div, {
 			...mergedProps,
-			ref: composedRefs
+			ref: composedRefs,
+			state: menu.getContentState()
 		})
 	});
 });

package/dist/components/menu/menu-context-trigger.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-context-trigger.tsx
 var MenuContextTrigger = (0, react.forwardRef)((props, ref) => {

package/dist/components/menu/menu-context-trigger.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-context-trigger.tsx
 var MenuContextTrigger = forwardRef((props, ref) => {

package/dist/components/menu/menu-indicator.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-indicator.tsx
 var MenuIndicator = (0, react.forwardRef)((props, ref) => {

package/dist/components/menu/menu-indicator.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-indicator.tsx
 var MenuIndicator = forwardRef((props, ref) => {

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

@@ -2,8 +2,8 @@
 const require_factory = require("../factory.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-item-group-label.tsx
 var MenuItemGroupLabel = (0, react.forwardRef)((props, ref) => {

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

@@ -2,8 +2,8 @@
 import { ark } from "../factory.js";
 import { useMenuContext } from "./use-menu-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-item-group-label.tsx
 var MenuItemGroupLabel = forwardRef((props, ref) => {