@ark-ui/react 5.29.0 → 5.30.0

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

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
+import { ark } from '../factory.js';
+import { NavigationMenuProvider } from './use-navigation-menu-context.js';
+
+const splitRootProviderProps = createSplitProps();
+const NavigationMenuRootProvider = forwardRef((props, ref) => {
+  const [renderStrategyProps, navigationMenuProps] = splitRenderStrategyProps(props);
+  const [{ value: navigationMenu }, localProps] = splitRootProviderProps(navigationMenuProps, ["value"]);
+  const mergedProps = mergeProps(navigationMenu.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(NavigationMenuProvider, { value: navigationMenu, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(ark.nav, { ...mergedProps, ref }) }) });
+});
+NavigationMenuRootProvider.displayName = "NavigationMenuRootProvider";
+
+export { NavigationMenuRootProvider };

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

@@ -0,0 +1,37 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const renderStrategy = require('../../utils/render-strategy.cjs');
+const factory = require('../factory.cjs');
+const useNavigationMenu = require('./use-navigation-menu.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const splitRootProps = createSplitProps.createSplitProps();
+const NavigationMenuRoot = react.forwardRef((props, ref) => {
+  const [renderStrategyProps, navigationMenuProps] = renderStrategy.splitRenderStrategyProps(props);
+  const [useNavigationMenuProps, localProps] = splitRootProps(navigationMenuProps, [
+    "closeDelay",
+    "defaultValue",
+    "disableClickTrigger",
+    "disableHoverTrigger",
+    "disablePointerLeaveClose",
+    "id",
+    "ids",
+    "onValueChange",
+    "openDelay",
+    "orientation",
+    "value"
+  ]);
+  const navigationMenu = useNavigationMenu.useNavigationMenu(useNavigationMenuProps);
+  const mergedProps = react$1.mergeProps(navigationMenu.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useNavigationMenuContext.NavigationMenuProvider, { value: navigationMenu, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.nav, { ...mergedProps, ref }) }) });
+});
+NavigationMenuRoot.displayName = "NavigationMenuRoot";
+
+exports.NavigationMenuRoot = NavigationMenuRoot;

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

@@ -0,0 +1,10 @@
+import { Assign } from '../../types';
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseNavigationMenuProps } from './use-navigation-menu';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuRootBaseProps extends UseNavigationMenuProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface NavigationMenuRootProps extends Assign<HTMLProps<'nav'>, NavigationMenuRootBaseProps> {
+}
+export declare const NavigationMenuRoot: ForwardRefExoticComponent<NavigationMenuRootProps & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,10 @@
+import { Assign } from '../../types';
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseNavigationMenuProps } from './use-navigation-menu';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuRootBaseProps extends UseNavigationMenuProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface NavigationMenuRootProps extends Assign<HTMLProps<'nav'>, NavigationMenuRootBaseProps> {
+}
+export declare const NavigationMenuRoot: ForwardRefExoticComponent<NavigationMenuRootProps & RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,33 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
+import { ark } from '../factory.js';
+import { useNavigationMenu } from './use-navigation-menu.js';
+import { NavigationMenuProvider } from './use-navigation-menu-context.js';
+
+const splitRootProps = createSplitProps();
+const NavigationMenuRoot = forwardRef((props, ref) => {
+  const [renderStrategyProps, navigationMenuProps] = splitRenderStrategyProps(props);
+  const [useNavigationMenuProps, localProps] = splitRootProps(navigationMenuProps, [
+    "closeDelay",
+    "defaultValue",
+    "disableClickTrigger",
+    "disableHoverTrigger",
+    "disablePointerLeaveClose",
+    "id",
+    "ids",
+    "onValueChange",
+    "openDelay",
+    "orientation",
+    "value"
+  ]);
+  const navigationMenu = useNavigationMenu(useNavigationMenuProps);
+  const mergedProps = mergeProps(navigationMenu.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(NavigationMenuProvider, { value: navigationMenu, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(ark.nav, { ...mergedProps, ref }) }) });
+});
+NavigationMenuRoot.displayName = "NavigationMenuRoot";
+
+export { NavigationMenuRoot };

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

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const utils = require('@zag-js/utils');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+
+const splitItemProps = createSplitProps.createSplitProps();
+const NavigationMenuTrigger = react.forwardRef((props, ref) => {
+  const itemContext = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+  utils.ensure(itemContext, () => "NavigationMenu.Trigger must be used within NavigationMenu.Item");
+  const value = itemContext.value;
+  const disabled = props.disabled ?? itemContext.disabled;
+  const [triggerProps, localProps] = splitItemProps({ ...props, value, disabled }, ["value", "disabled"]);
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const mergedProps = react$1.mergeProps(navigationMenu.getTriggerProps(triggerProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+
+exports.NavigationMenuTrigger = NavigationMenuTrigger;

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

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps {
+}
+export interface NavigationMenuTriggerProps extends Assign<HTMLProps<'button'>, NavigationMenuTriggerBaseProps> {
+}
+export declare const NavigationMenuTrigger: ForwardRefExoticComponent<NavigationMenuTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,9 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps {
+}
+export interface NavigationMenuTriggerProps extends Assign<HTMLProps<'button'>, NavigationMenuTriggerBaseProps> {
+}
+export declare const NavigationMenuTrigger: ForwardRefExoticComponent<NavigationMenuTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ensure } from '@zag-js/utils';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';
+
+const splitItemProps = createSplitProps();
+const NavigationMenuTrigger = forwardRef((props, ref) => {
+  const itemContext = useNavigationMenuItemPropsContext();
+  ensure(itemContext, () => "NavigationMenu.Trigger must be used within NavigationMenu.Item");
+  const value = itemContext.value;
+  const disabled = props.disabled ?? itemContext.disabled;
+  const [triggerProps, localProps] = splitItemProps({ ...props, value, disabled }, ["value", "disabled"]);
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = mergeProps(navigationMenu.getTriggerProps(triggerProps), localProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+
+export { NavigationMenuTrigger };

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

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const splitViewportProps = createSplitProps.createSplitProps();
+const NavigationMenuViewportPositioner = react.forwardRef(
+  (props, ref) => {
+    const [positionerProps, localProps] = splitViewportProps(props, ["align"]);
+    const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    const mergedProps = react$1.mergeProps(navigationMenu.getViewportPositionerProps(positionerProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+NavigationMenuViewportPositioner.displayName = "NavigationMenuViewportPositioner";
+
+exports.NavigationMenuViewportPositioner = NavigationMenuViewportPositioner;

package/dist/components/navigation-menu/navigation-menu-viewport-positioner.d.cts

@@ -0,0 +1,8 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportPositionerProps extends HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps {
+}
+export declare const NavigationMenuViewportPositioner: ForwardRefExoticComponent<NavigationMenuViewportPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportPositionerProps extends HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps {
+}
+export declare const NavigationMenuViewportPositioner: ForwardRefExoticComponent<NavigationMenuViewportPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+
+const splitViewportProps = createSplitProps();
+const NavigationMenuViewportPositioner = forwardRef(
+  (props, ref) => {
+    const [positionerProps, localProps] = splitViewportProps(props, ["align"]);
+    const navigationMenu = useNavigationMenuContext();
+    const mergedProps = mergeProps(navigationMenu.getViewportPositionerProps(positionerProps), localProps);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+NavigationMenuViewportPositioner.displayName = "NavigationMenuViewportPositioner";
+
+export { NavigationMenuViewportPositioner };

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

@@ -0,0 +1,32 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const renderStrategy = require('../../utils/render-strategy.cjs');
+const factory = require('../factory.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const splitViewportProps = createSplitProps.createSplitProps();
+const NavigationMenuViewport = react.forwardRef((props, ref) => {
+  const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
+  const presence = usePresence.usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const mergedProps = react$1.mergeProps(
+    navigationMenu.getViewportProps(viewportProps),
+    presence.getPresenceProps(),
+    localProps
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) }) });
+});
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+
+exports.NavigationMenuViewport = NavigationMenuViewport;

package/dist/components/navigation-menu/navigation-menu-viewport.d.cts

@@ -0,0 +1,8 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {
+}
+export declare const NavigationMenuViewport: ForwardRefExoticComponent<NavigationMenuViewportProps & RefAttributes<HTMLDivElement>>;

package/dist/components/navigation-menu/navigation-menu-viewport.d.ts

@@ -0,0 +1,8 @@
+import { ViewportProps } from '@zag-js/navigation-menu';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuViewportBaseProps extends ViewportProps, PolymorphicProps {
+}
+export interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {
+}
+export declare const NavigationMenuViewport: ForwardRefExoticComponent<NavigationMenuViewportProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,28 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
+import { ark } from '../factory.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+
+const splitViewportProps = createSplitProps();
+const NavigationMenuViewport = forwardRef((props, ref) => {
+  const [viewportProps, localProps] = splitViewportProps(props, ["align"]);
+  const navigationMenu = useNavigationMenuContext();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+  const presence = usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const mergedProps = mergeProps(
+    navigationMenu.getViewportProps(viewportProps),
+    presence.getPresenceProps(),
+    localProps
+  );
+  return /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) }) });
+});
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+
+export { NavigationMenuViewport };

package/dist/components/navigation-menu/navigation-menu.anatomy.d.cts

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

package/dist/components/navigation-menu/navigation-menu.anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const navigationMenuArrow = require('./navigation-menu-arrow.cjs');
+const navigationMenuContent = require('./navigation-menu-content.cjs');
+const navigationMenuContext = require('./navigation-menu-context.cjs');
+const navigationMenuIndicator = require('./navigation-menu-indicator.cjs');
+const navigationMenuItem = require('./navigation-menu-item.cjs');
+const navigationMenuItemIndicator = require('./navigation-menu-item-indicator.cjs');
+const navigationMenuLink = require('./navigation-menu-link.cjs');
+const navigationMenuList = require('./navigation-menu-list.cjs');
+const navigationMenuRoot = require('./navigation-menu-root.cjs');
+const navigationMenuRootProvider = require('./navigation-menu-root-provider.cjs');
+const navigationMenuTrigger = require('./navigation-menu-trigger.cjs');
+const navigationMenuViewport = require('./navigation-menu-viewport.cjs');
+const navigationMenuViewportPositioner = require('./navigation-menu-viewport-positioner.cjs');
+
+
+
+exports.Arrow = navigationMenuArrow.NavigationMenuArrow;
+exports.Content = navigationMenuContent.NavigationMenuContent;
+exports.Context = navigationMenuContext.NavigationMenuContext;
+exports.Indicator = navigationMenuIndicator.NavigationMenuIndicator;
+exports.Item = navigationMenuItem.NavigationMenuItem;
+exports.ItemIndicator = navigationMenuItemIndicator.NavigationMenuItemIndicator;
+exports.Link = navigationMenuLink.NavigationMenuLink;
+exports.List = navigationMenuList.NavigationMenuList;
+exports.Root = navigationMenuRoot.NavigationMenuRoot;
+exports.RootProvider = navigationMenuRootProvider.NavigationMenuRootProvider;
+exports.Trigger = navigationMenuTrigger.NavigationMenuTrigger;
+exports.Viewport = navigationMenuViewport.NavigationMenuViewport;
+exports.ViewportPositioner = navigationMenuViewportPositioner.NavigationMenuViewportPositioner;

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

@@ -0,0 +1,14 @@
+export type { ValueChangeDetails } from '@zag-js/navigation-menu';
+export { NavigationMenuArrow as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, } from './navigation-menu-arrow';
+export { NavigationMenuContent as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, } from './navigation-menu-content';
+export { NavigationMenuContext as Context, type NavigationMenuContextProps as ContextProps, } from './navigation-menu-context';
+export { NavigationMenuIndicator as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, } from './navigation-menu-indicator';
+export { NavigationMenuItem as Item, type NavigationMenuItemBaseProps as ItemBaseProps, type NavigationMenuItemProps as ItemProps, } from './navigation-menu-item';
+export { NavigationMenuItemIndicator as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, } from './navigation-menu-item-indicator';
+export { NavigationMenuLink as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, } from './navigation-menu-link';
+export { NavigationMenuList as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, } from './navigation-menu-list';
+export { NavigationMenuRoot as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root';
+export { NavigationMenuRootProvider as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, } from './navigation-menu-root-provider';
+export { NavigationMenuTrigger as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, } from './navigation-menu-trigger';
+export { NavigationMenuViewport as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, type NavigationMenuViewportProps as ViewportProps, } from './navigation-menu-viewport';
+export { NavigationMenuViewportPositioner as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, } from './navigation-menu-viewport-positioner';

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

@@ -0,0 +1,14 @@
+export type { ValueChangeDetails } from '@zag-js/navigation-menu';
+export { NavigationMenuArrow as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, } from './navigation-menu-arrow';
+export { NavigationMenuContent as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, } from './navigation-menu-content';
+export { NavigationMenuContext as Context, type NavigationMenuContextProps as ContextProps, } from './navigation-menu-context';
+export { NavigationMenuIndicator as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, } from './navigation-menu-indicator';
+export { NavigationMenuItem as Item, type NavigationMenuItemBaseProps as ItemBaseProps, type NavigationMenuItemProps as ItemProps, } from './navigation-menu-item';
+export { NavigationMenuItemIndicator as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, } from './navigation-menu-item-indicator';
+export { NavigationMenuLink as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, } from './navigation-menu-link';
+export { NavigationMenuList as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, } from './navigation-menu-list';
+export { NavigationMenuRoot as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root';
+export { NavigationMenuRootProvider as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, } from './navigation-menu-root-provider';
+export { NavigationMenuTrigger as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, } from './navigation-menu-trigger';
+export { NavigationMenuViewport as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, type NavigationMenuViewportProps as ViewportProps, } from './navigation-menu-viewport';
+export { NavigationMenuViewportPositioner as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, } from './navigation-menu-viewport-positioner';

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

@@ -0,0 +1,13 @@
+export { NavigationMenuArrow as Arrow } from './navigation-menu-arrow.js';
+export { NavigationMenuContent as Content } from './navigation-menu-content.js';
+export { NavigationMenuContext as Context } from './navigation-menu-context.js';
+export { NavigationMenuIndicator as Indicator } from './navigation-menu-indicator.js';
+export { NavigationMenuItem as Item } from './navigation-menu-item.js';
+export { NavigationMenuItemIndicator as ItemIndicator } from './navigation-menu-item-indicator.js';
+export { NavigationMenuLink as Link } from './navigation-menu-link.js';
+export { NavigationMenuList as List } from './navigation-menu-list.js';
+export { NavigationMenuRoot as Root } from './navigation-menu-root.js';
+export { NavigationMenuRootProvider as RootProvider } from './navigation-menu-root-provider.js';
+export { NavigationMenuTrigger as Trigger } from './navigation-menu-trigger.js';
+export { NavigationMenuViewport as Viewport } from './navigation-menu-viewport.js';
+export { NavigationMenuViewportPositioner as ViewportPositioner } from './navigation-menu-viewport-positioner.js';

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

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [NavigationMenuProvider, useNavigationMenuContext] = createContext.createContext({
+  name: "NavigationMenuContext",
+  hookName: "useNavigationMenuContext",
+  providerName: "<NavigationMenuProvider />"
+});
+
+exports.NavigationMenuProvider = NavigationMenuProvider;
+exports.useNavigationMenuContext = useNavigationMenuContext;

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

@@ -0,0 +1,5 @@
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+import { Provider } from 'react';
+export interface UseNavigationMenuContext extends UseNavigationMenuReturn {
+}
+export declare const NavigationMenuProvider: Provider<UseNavigationMenuContext>, useNavigationMenuContext: () => UseNavigationMenuContext;

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

@@ -0,0 +1,5 @@
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+import { Provider } from 'react';
+export interface UseNavigationMenuContext extends UseNavigationMenuReturn {
+}
+export declare const NavigationMenuProvider: Provider<UseNavigationMenuContext>, useNavigationMenuContext: () => UseNavigationMenuContext;

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

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [NavigationMenuProvider, useNavigationMenuContext] = createContext({
+  name: "NavigationMenuContext",
+  hookName: "useNavigationMenuContext",
+  providerName: "<NavigationMenuProvider />"
+});
+
+export { NavigationMenuProvider, useNavigationMenuContext };

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.cjs

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext.createContext({
+  name: "NavigationMenuItemPropsContext",
+  hookName: "useNavigationMenuItemPropsContext",
+  providerName: "<NavigationMenuItemPropsProvider />",
+  strict: false
+});
+
+exports.NavigationMenuItemPropsProvider = NavigationMenuItemPropsProvider;
+exports.useNavigationMenuItemPropsContext = useNavigationMenuItemPropsContext;

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.cts

@@ -0,0 +1,3 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { Provider } from 'react';
+export declare const NavigationMenuItemPropsProvider: Provider<ItemProps>, useNavigationMenuItemPropsContext: () => ItemProps;

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.ts

@@ -0,0 +1,3 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { Provider } from 'react';
+export declare const NavigationMenuItemPropsProvider: Provider<ItemProps>, useNavigationMenuItemPropsContext: () => ItemProps;

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.js

@@ -0,0 +1,11 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext({
+  name: "NavigationMenuItemPropsContext",
+  hookName: "useNavigationMenuItemPropsContext",
+  providerName: "<NavigationMenuItemPropsProvider />",
+  strict: false
+});
+
+export { NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext };

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

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const navigationMenu = require('@zag-js/navigation-menu');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const navigationMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(navigationMenu);
+
+const useNavigationMenu = (props) => {
+  const id = react.useId();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(navigationMenu__namespace.machine, machineProps);
+  return navigationMenu__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useNavigationMenu = useNavigationMenu;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as navigationMenu from '@zag-js/navigation-menu';
+export interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseNavigationMenuReturn extends navigationMenu.Api<PropTypes> {
+}
+export declare const useNavigationMenu: (props?: UseNavigationMenuProps) => UseNavigationMenuReturn;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as navigationMenu from '@zag-js/navigation-menu';
+export interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseNavigationMenuReturn extends navigationMenu.Api<PropTypes> {
+}
+export declare const useNavigationMenu: (props?: UseNavigationMenuProps) => UseNavigationMenuReturn;

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

@@ -0,0 +1,22 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as navigationMenu from '@zag-js/navigation-menu';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useNavigationMenu = (props) => {
+  const id = useId();
+  const { getRootNode } = useEnvironmentContext();
+  const { dir } = useLocaleContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(navigationMenu.machine, machineProps);
+  return navigationMenu.connect(service, normalizeProps);
+};
+
+export { useNavigationMenu };

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

@@ -32,6 +32,7 @@ const NumberInputRoot = react.forwardRef((props, ref) => {
     "name",
     "onFocusChange",
     "onValueChange",
+    "onValueCommit",
     "onValueInvalid",
     "pattern",
     "readOnly",

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

@@ -28,6 +28,7 @@ const NumberInputRoot = forwardRef((props, ref) => {
     "name",
     "onFocusChange",
     "onValueChange",
+    "onValueCommit",
     "onValueInvalid",
     "pattern",
     "readOnly",