@ark-ui/react 5.38.0 → 5.38.2

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

@@ -24,10 +24,11 @@ var MenuCheckboxItem = (0, react.forwardRef)((props, ref) => {
 	};
 	const menu = require_use_menu_context.useMenuContext();
 	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = menu.getOptionItemState(optionItemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_option_item_props_context.MenuItemPropsProvider, {
 		value: optionItemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_item_context.MenuItemProvider, {
-			value: menu.getOptionItemState(optionItemProps),
+			value: optionItemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
 				ref

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

@@ -24,10 +24,11 @@ var MenuCheckboxItem = forwardRef((props, ref) => {
 	};
 	const menu = useMenuContext();
 	const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = menu.getOptionItemState(optionItemProps);
 	return /* @__PURE__ */ jsx(MenuItemPropsProvider, {
 		value: optionItemProps,
 		children: /* @__PURE__ */ jsx(MenuItemProvider, {
-			value: menu.getOptionItemState(optionItemProps),
+			value: optionItemState,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
 				ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-context-trigger.tsx
 var MenuContextTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_menu_context.useMenuContext().getContextTriggerProps(), props);
+	const menu = require_use_menu_context.useMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getContextTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-context-trigger.tsx
 var MenuContextTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useMenuContext().getContextTriggerProps(), props);
+	const menu = useMenuContext();
+	const mergedProps = mergeProps(menu.getContextTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-indicator.tsx
 var MenuIndicator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_menu_context.useMenuContext().getIndicatorProps(), props);
+	const menu = require_use_menu_context.useMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getIndicatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-indicator.tsx
 var MenuIndicator = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useMenuContext().getIndicatorProps(), props);
+	const menu = useMenuContext();
+	const mergedProps = mergeProps(menu.getIndicatorProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-positioner.tsx
 var MenuPositioner = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_menu_context.useMenuContext().getPositionerProps(), props);
+	const menu = require_use_menu_context.useMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getPositionerProps(), props);
 	if (require_use_presence_context.usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,

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

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-positioner.tsx
 var MenuPositioner = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useMenuContext().getPositionerProps(), props);
+	const menu = useMenuContext();
+	const mergedProps = mergeProps(menu.getPositionerProps(), props);
 	if (usePresenceContext().unmounted) return null;
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,

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

@@ -26,10 +26,11 @@ var MenuRadioItem = (0, react.forwardRef)((props, ref) => {
 		onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
 	};
 	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = menu.getOptionItemState(optionItemProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_option_item_props_context.MenuItemPropsProvider, {
 		value: optionItemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_item_context.MenuItemProvider, {
-			value: menu.getOptionItemState(optionItemProps),
+			value: optionItemState,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 				...mergedProps,
 				ref

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

@@ -26,10 +26,11 @@ var MenuRadioItem = forwardRef((props, ref) => {
 		onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
 	};
 	const mergedProps = mergeProps(menu.getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = menu.getOptionItemState(optionItemProps);
 	return /* @__PURE__ */ jsx(MenuItemPropsProvider, {
 		value: optionItemProps,
 		children: /* @__PURE__ */ jsx(MenuItemProvider, {
-			value: menu.getOptionItemState(optionItemProps),
+			value: optionItemState,
 			children: /* @__PURE__ */ jsx(ark.div, {
 				...mergedProps,
 				ref

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

@@ -22,8 +22,9 @@ var MenuRootProvider = (props) => {
 		parentApi.setChild(service);
 		api.setParent(parentMachine);
 	});
+	const triggerItemContext = (0, react.useCallback)(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_trigger_item_context.MenuTriggerItemProvider, {
-		value: (0, react.useCallback)(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		value: triggerItemContext,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_machine_context.MenuMachineProvider, {
 			value: service,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_context.MenuProvider, {

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

@@ -22,8 +22,9 @@ var MenuRootProvider = (props) => {
 		parentApi.setChild(service);
 		api.setParent(parentMachine);
 	});
+	const triggerItemContext = useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
 	return /* @__PURE__ */ jsx(MenuTriggerItemProvider, {
-		value: useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		value: triggerItemContext,
 		children: /* @__PURE__ */ jsx(MenuMachineProvider, {
 			value: service,
 			children: /* @__PURE__ */ jsx(MenuProvider, {

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

@@ -52,8 +52,9 @@ var MenuRoot = (props) => {
 		parentApi.setChild(service);
 		api.setParent(parentMachine);
 	});
+	const triggerItemContext = (0, react.useCallback)(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_trigger_item_context.MenuTriggerItemProvider, {
-		value: (0, react.useCallback)(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		value: triggerItemContext,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_machine_context.MenuMachineProvider, {
 			value: service,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_context.MenuProvider, {

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

@@ -52,8 +52,9 @@ var MenuRoot = (props) => {
 		parentApi.setChild(service);
 		api.setParent(parentMachine);
 	});
+	const triggerItemContext = useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]);
 	return /* @__PURE__ */ jsx(MenuTriggerItemProvider, {
-		value: useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		value: triggerItemContext,
 		children: /* @__PURE__ */ jsx(MenuMachineProvider, {
 			value: service,
 			children: /* @__PURE__ */ jsx(MenuProvider, {

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

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-separator.tsx
 var MenuSeparator = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_menu_context.useMenuContext().getSeparatorProps(), props);
+	const menu = require_use_menu_context.useMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(menu.getSeparatorProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.hr, {
 		...mergedProps,
 		ref

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

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-separator.tsx
 var MenuSeparator = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useMenuContext().getSeparatorProps(), props);
+	const menu = useMenuContext();
+	const mergedProps = mergeProps(menu.getSeparatorProps(), props);
 	return /* @__PURE__ */ jsx(ark.hr, {
 		...mergedProps,
 		ref

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

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/menu/menu-trigger-item.tsx
 var MenuTriggerItem = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_menu_trigger_item_context.useMenuTriggerItemContext()?.() ?? {}, props);
+	const getTriggerItemProps = require_use_menu_trigger_item_context.useMenuTriggerItemContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(getTriggerItemProps?.() ?? {}, props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_menu_option_item_props_context.MenuItemPropsProvider, {
 		value: { value: mergedProps["data-value"] },
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {

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

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/menu/menu-trigger-item.tsx
 var MenuTriggerItem = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useMenuTriggerItemContext()?.() ?? {}, props);
+	const getTriggerItemProps = useMenuTriggerItemContext();
+	const mergedProps = mergeProps(getTriggerItemProps?.() ?? {}, props);
 	return /* @__PURE__ */ jsx(MenuItemPropsProvider, {
 		value: { value: mergedProps["data-value"] },
 		children: /* @__PURE__ */ jsx(ark.div, {

package/dist/components/navigation-menu/navigation-menu-arrow.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/navigation-menu/navigation-menu-arrow.tsx
 var NavigationMenuArrow = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_navigation_menu_context.useNavigationMenuContext().getArrowProps(), props);
+	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getArrowProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/navigation-menu/navigation-menu-arrow.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation-menu/navigation-menu-arrow.tsx
 var NavigationMenuArrow = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNavigationMenuContext().getArrowProps(), props);
+	const navigationMenu = useNavigationMenuContext();
+	const mergedProps = mergeProps(navigationMenu.getArrowProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

@@ -22,8 +22,9 @@ var NavigationMenuContent = (0, react.forwardRef)((props, ref) => {
 		...props,
 		value
 	}, ["value"]);
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: api.value === value
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(api.getContentProps(contentProps), presence.getPresenceProps(), localProps);

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

@@ -22,8 +22,9 @@ var NavigationMenuContent = forwardRef((props, ref) => {
 		...props,
 		value
 	}, ["value"]);
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: api.value === value
 	});
 	const mergedProps = mergeProps(api.getContentProps(contentProps), presence.getPresenceProps(), localProps);

package/dist/components/navigation-menu/navigation-menu-indicator.cjs

@@ -12,8 +12,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/navigation-menu/navigation-menu-indicator.tsx
 var NavigationMenuIndicator = (0, react.forwardRef)((props, ref) => {
 	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: navigationMenu.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getIndicatorProps(), presence.getPresenceProps(), props);

package/dist/components/navigation-menu/navigation-menu-indicator.js

@@ -12,8 +12,9 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation-menu/navigation-menu-indicator.tsx
 var NavigationMenuIndicator = forwardRef((props, ref) => {
 	const navigationMenu = useNavigationMenuContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: navigationMenu.open
 	});
 	const mergedProps = mergeProps(navigationMenu.getIndicatorProps(), presence.getPresenceProps(), props);

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

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitItemProps = require_create_split_props.createSplitProps();
 var NavigationMenuItem = (0, react.forwardRef)((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["disabled", "value"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_navigation_menu_context.useNavigationMenuContext().getItemProps(itemProps), localProps);
+	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getItemProps(itemProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_navigation_menu_item_props_context.NavigationMenuItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {

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

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitItemProps = createSplitProps();
 var NavigationMenuItem = forwardRef((props, ref) => {
 	const [itemProps, localProps] = splitItemProps(props, ["disabled", "value"]);
-	const mergedProps = mergeProps(useNavigationMenuContext().getItemProps(itemProps), localProps);
+	const navigationMenu = useNavigationMenuContext();
+	const mergedProps = mergeProps(navigationMenu.getItemProps(itemProps), localProps);
 	return /* @__PURE__ */ jsx(NavigationMenuItemPropsProvider, {
 		value: itemProps,
 		children: /* @__PURE__ */ jsx(ark.div, {

package/dist/components/navigation-menu/navigation-menu-link.cjs

@@ -20,7 +20,8 @@ var NavigationMenuLink = (0, react.forwardRef)((props, ref) => {
 		"value",
 		"closeOnClick"
 	]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_navigation_menu_context.useNavigationMenuContext().getLinkProps(linkProps), localProps);
+	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getLinkProps(linkProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.a, {
 		...mergedProps,
 		ref

package/dist/components/navigation-menu/navigation-menu-link.js

@@ -20,7 +20,8 @@ var NavigationMenuLink = forwardRef((props, ref) => {
 		"value",
 		"closeOnClick"
 	]);
-	const mergedProps = mergeProps(useNavigationMenuContext().getLinkProps(linkProps), localProps);
+	const navigationMenu = useNavigationMenuContext();
+	const mergedProps = mergeProps(navigationMenu.getLinkProps(linkProps), localProps);
 	return /* @__PURE__ */ jsx(ark.a, {
 		...mergedProps,
 		ref

package/dist/components/navigation-menu/navigation-menu-list.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/navigation-menu/navigation-menu-list.tsx
 var NavigationMenuList = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_navigation_menu_context.useNavigationMenuContext().getListProps(), props);
+	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getListProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/navigation-menu/navigation-menu-list.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation-menu/navigation-menu-list.tsx
 var NavigationMenuList = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNavigationMenuContext().getListProps(), props);
+	const navigationMenu = useNavigationMenuContext();
+	const mergedProps = mergeProps(navigationMenu.getListProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

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

@@ -19,7 +19,8 @@ var NavigationMenuTrigger = (0, react.forwardRef)((props, ref) => {
 		value,
 		disabled
 	}, ["value", "disabled"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_navigation_menu_context.useNavigationMenuContext().getTriggerProps(triggerProps), localProps);
+	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

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

@@ -19,7 +19,8 @@ var NavigationMenuTrigger = forwardRef((props, ref) => {
 		value,
 		disabled
 	}, ["value", "disabled"]);
-	const mergedProps = mergeProps(useNavigationMenuContext().getTriggerProps(triggerProps), localProps);
+	const navigationMenu = useNavigationMenuContext();
+	const mergedProps = mergeProps(navigationMenu.getTriggerProps(triggerProps), localProps);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.cjs

@@ -10,7 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitViewportProps = require_create_split_props.createSplitProps();
 var NavigationMenuViewportPositioner = (0, react.forwardRef)((props, ref) => {
 	const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_navigation_menu_context.useNavigationMenuContext().getViewportPositionerProps(viewportProps), localProps);
+	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getViewportPositionerProps(viewportProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_navigation_menu_viewport_props_context.NavigationMenuViewportPropsProvider, {
 		value: viewportProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {

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

@@ -10,7 +10,8 @@ import { jsx } from "react/jsx-runtime";
 var splitViewportProps = createSplitProps();
 var NavigationMenuViewportPositioner = forwardRef((props, ref) => {
 	const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
-	const mergedProps = mergeProps(useNavigationMenuContext().getViewportPositionerProps(viewportProps), localProps);
+	const navigationMenu = useNavigationMenuContext();
+	const mergedProps = mergeProps(navigationMenu.getViewportPositionerProps(viewportProps), localProps);
 	return /* @__PURE__ */ jsx(NavigationMenuViewportPropsProvider, {
 		value: viewportProps,
 		children: /* @__PURE__ */ jsx(ark.div, {

package/dist/components/navigation-menu/navigation-menu-viewport.cjs

@@ -14,8 +14,9 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var NavigationMenuViewport = (0, react.forwardRef)((props, ref) => {
 	const viewportPropsContext = require_use_navigation_menu_viewport_props_context.useNavigationMenuViewportPropsContext();
 	const navigationMenu = require_use_navigation_menu_context.useNavigationMenuContext();
+	const renderStrategyProps = require_render_strategy.useRenderStrategyPropsContext();
 	const presence = require_use_presence.usePresence({
-		...require_render_strategy.useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: navigationMenu.open
 	});
 	const mergedProps = (0, _zag_js_react.mergeProps)(navigationMenu.getViewportProps(viewportPropsContext), presence.getPresenceProps(), props);

package/dist/components/navigation-menu/navigation-menu-viewport.js

@@ -14,8 +14,9 @@ import { jsx } from "react/jsx-runtime";
 var NavigationMenuViewport = forwardRef((props, ref) => {
 	const viewportPropsContext = useNavigationMenuViewportPropsContext();
 	const navigationMenu = useNavigationMenuContext();
+	const renderStrategyProps = useRenderStrategyPropsContext();
 	const presence = usePresence({
-		...useRenderStrategyPropsContext(),
+		...renderStrategyProps,
 		present: navigationMenu.open
 	});
 	const mergedProps = mergeProps(navigationMenu.getViewportProps(viewportPropsContext), presence.getPresenceProps(), props);

package/dist/components/number-input/number-input-control.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/number-input/number-input-control.tsx
 var NumberInputControl = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_number_input_context.useNumberInputContext().getControlProps(), props);
+	const numberInput = require_use_number_input_context.useNumberInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(numberInput.getControlProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-control.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/number-input/number-input-control.tsx
 var NumberInputControl = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNumberInputContext().getControlProps(), props);
+	const numberInput = useNumberInputContext();
+	const mergedProps = mergeProps(numberInput.getControlProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-decrement-trigger.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/number-input/number-input-decrement-trigger.tsx
 var NumberInputDecrementTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_number_input_context.useNumberInputContext().getDecrementTriggerProps(), props);
+	const numberInput = require_use_number_input_context.useNumberInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(numberInput.getDecrementTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-decrement-trigger.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/number-input/number-input-decrement-trigger.tsx
 var NumberInputDecrementTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNumberInputContext().getDecrementTriggerProps(), props);
+	const numberInput = useNumberInputContext();
+	const mergedProps = mergeProps(numberInput.getDecrementTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-increment-trigger.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/number-input/number-input-increment-trigger.tsx
 var NumberInputIncrementTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_number_input_context.useNumberInputContext().getIncrementTriggerProps(), props);
+	const numberInput = require_use_number_input_context.useNumberInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(numberInput.getIncrementTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-increment-trigger.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/number-input/number-input-increment-trigger.tsx
 var NumberInputIncrementTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNumberInputContext().getIncrementTriggerProps(), props);
+	const numberInput = useNumberInputContext();
+	const mergedProps = mergeProps(numberInput.getIncrementTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-input.cjs

@@ -7,7 +7,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/number-input/number-input-input.tsx
 var NumberInputInput = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_number_input_context.useNumberInputContext().getInputProps(), props);
+	const numberInput = require_use_number_input_context.useNumberInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(numberInput.getInputProps(), props);
 	const field = require_use_field_context.useFieldContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

package/dist/components/number-input/number-input-input.js

@@ -7,7 +7,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/number-input/number-input-input.tsx
 var NumberInputInput = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNumberInputContext().getInputProps(), props);
+	const numberInput = useNumberInputContext();
+	const mergedProps = mergeProps(numberInput.getInputProps(), props);
 	const field = useFieldContext();
 	return /* @__PURE__ */ jsx(ark.input, {
 		"aria-describedby": field?.ariaDescribedby,

package/dist/components/number-input/number-input-label.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/number-input/number-input-label.tsx
 var NumberInputLabel = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_number_input_context.useNumberInputContext().getLabelProps(), props);
+	const numberInput = require_use_number_input_context.useNumberInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(numberInput.getLabelProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.label, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-label.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/number-input/number-input-label.tsx
 var NumberInputLabel = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNumberInputContext().getLabelProps(), props);
+	const numberInput = useNumberInputContext();
+	const mergedProps = mergeProps(numberInput.getLabelProps(), props);
 	return /* @__PURE__ */ jsx(ark.label, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-scrubber.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/number-input/number-input-scrubber.tsx
 var NumberInputScrubber = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_number_input_context.useNumberInputContext().getScrubberProps(), props);
+	const numberInput = require_use_number_input_context.useNumberInputContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(numberInput.getScrubberProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/number-input/number-input-scrubber.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/number-input/number-input-scrubber.tsx
 var NumberInputScrubber = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(useNumberInputContext().getScrubberProps(), props);
+	const numberInput = useNumberInputContext();
+	const mergedProps = mergeProps(numberInput.getScrubberProps(), props);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/pagination/pagination-ellipsis.cjs

@@ -9,7 +9,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 var splitEllipsisProps = require_create_split_props.createSplitProps();
 var PaginationEllipsis = (0, react.forwardRef)((props, ref) => {
 	const [ellipsisProps, localProps] = splitEllipsisProps(props, ["index"]);
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_pagination_context.usePaginationContext().getEllipsisProps(ellipsisProps), localProps);
+	const pagination = require_use_pagination_context.usePaginationContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(pagination.getEllipsisProps(ellipsisProps), localProps);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.div, {
 		...mergedProps,
 		ref

package/dist/components/pagination/pagination-ellipsis.js

@@ -9,7 +9,8 @@ import { jsx } from "react/jsx-runtime";
 var splitEllipsisProps = createSplitProps();
 var PaginationEllipsis = forwardRef((props, ref) => {
 	const [ellipsisProps, localProps] = splitEllipsisProps(props, ["index"]);
-	const mergedProps = mergeProps(usePaginationContext().getEllipsisProps(ellipsisProps), localProps);
+	const pagination = usePaginationContext();
+	const mergedProps = mergeProps(pagination.getEllipsisProps(ellipsisProps), localProps);
 	return /* @__PURE__ */ jsx(ark.div, {
 		...mergedProps,
 		ref

package/dist/components/pagination/pagination-first-trigger.cjs

@@ -6,7 +6,8 @@ let _zag_js_react = require("@zag-js/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/pagination/pagination-first-trigger.tsx
 var PaginationFirstTrigger = (0, react.forwardRef)((props, ref) => {
-	const mergedProps = (0, _zag_js_react.mergeProps)(require_use_pagination_context.usePaginationContext().getFirstTriggerProps(), props);
+	const pagination = require_use_pagination_context.usePaginationContext();
+	const mergedProps = (0, _zag_js_react.mergeProps)(pagination.getFirstTriggerProps(), props);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.ark.button, {
 		...mergedProps,
 		ref

package/dist/components/pagination/pagination-first-trigger.js

@@ -6,7 +6,8 @@ import { mergeProps } from "@zag-js/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/pagination/pagination-first-trigger.tsx
 var PaginationFirstTrigger = forwardRef((props, ref) => {
-	const mergedProps = mergeProps(usePaginationContext().getFirstTriggerProps(), props);
+	const pagination = usePaginationContext();
+	const mergedProps = mergeProps(pagination.getFirstTriggerProps(), props);
 	return /* @__PURE__ */ jsx(ark.button, {
 		...mergedProps,
 		ref