@ark-ui/react 5.29.1 → 5.30.0

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

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const NavigationMenuContext = (props) => props.children(useNavigationMenuContext.useNavigationMenuContext());
+
+exports.NavigationMenuContext = NavigationMenuContext;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseNavigationMenuContext } from './use-navigation-menu-context';
+export interface NavigationMenuContextProps {
+    children: (context: UseNavigationMenuContext) => ReactNode;
+}
+export declare const NavigationMenuContext: (props: NavigationMenuContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseNavigationMenuContext } from './use-navigation-menu-context';
+export interface NavigationMenuContextProps {
+    children: (context: UseNavigationMenuContext) => ReactNode;
+}
+export declare const NavigationMenuContext: (props: NavigationMenuContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+
+const NavigationMenuContext = (props) => props.children(useNavigationMenuContext());
+
+export { NavigationMenuContext };

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

@@ -0,0 +1,25 @@
+'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 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 NavigationMenuIndicator = react.forwardRef((props, ref) => {
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
+  const presence = usePresence.usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const mergedProps = react$1.mergeProps(navigationMenu.getIndicatorProps(), presence.getPresenceProps(), props);
+  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) }) });
+});
+NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
+
+exports.NavigationMenuIndicator = NavigationMenuIndicator;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuIndicatorProps extends HTMLProps<'div'>, NavigationMenuIndicatorBaseProps {
+}
+export declare const NavigationMenuIndicator: ForwardRefExoticComponent<NavigationMenuIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuIndicatorProps extends HTMLProps<'div'>, NavigationMenuIndicatorBaseProps {
+}
+export declare const NavigationMenuIndicator: ForwardRefExoticComponent<NavigationMenuIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,21 @@
+'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 { 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 NavigationMenuIndicator = forwardRef((props, ref) => {
+  const navigationMenu = useNavigationMenuContext();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+  const presence = usePresence({ ...renderStrategyProps, present: navigationMenu.open });
+  const mergedProps = mergeProps(navigationMenu.getIndicatorProps(), presence.getPresenceProps(), props);
+  return /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) }) });
+});
+NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
+
+export { NavigationMenuIndicator };

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

@@ -0,0 +1,23 @@
+'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 factory = require('../factory.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+const useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+
+const NavigationMenuItemIndicator = react.forwardRef(
+  (props, ref) => {
+    const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+    const itemProps = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+    const mergedProps = react$1.mergeProps(navigationMenu.getItemIndicatorProps(itemProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+NavigationMenuItemIndicator.displayName = "NavigationMenuItemIndicator";
+
+exports.NavigationMenuItemIndicator = NavigationMenuItemIndicator;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuItemIndicatorProps extends HTMLProps<'div'>, NavigationMenuItemIndicatorBaseProps {
+}
+export declare const NavigationMenuItemIndicator: ForwardRefExoticComponent<NavigationMenuItemIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuItemIndicatorProps extends HTMLProps<'div'>, NavigationMenuItemIndicatorBaseProps {
+}
+export declare const NavigationMenuItemIndicator: ForwardRefExoticComponent<NavigationMenuItemIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';
+
+const NavigationMenuItemIndicator = forwardRef(
+  (props, ref) => {
+    const navigationMenu = useNavigationMenuContext();
+    const itemProps = useNavigationMenuItemPropsContext();
+    const mergedProps = mergeProps(navigationMenu.getItemIndicatorProps(itemProps), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+NavigationMenuItemIndicator.displayName = "NavigationMenuItemIndicator";
+
+export { NavigationMenuItemIndicator };

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

@@ -0,0 +1,23 @@
+'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 useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+
+const splitItemProps = createSplitProps.createSplitProps();
+const NavigationMenuItem = react.forwardRef((props, ref) => {
+  const [itemProps, localProps] = splitItemProps(props, ["disabled", "value"]);
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const mergedProps = react$1.mergeProps(navigationMenu.getItemProps(itemProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useNavigationMenuItemPropsContext.NavigationMenuItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
+NavigationMenuItem.displayName = "NavigationMenuItem";
+
+exports.NavigationMenuItem = NavigationMenuItem;

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

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

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

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

package/dist/components/navigation-menu/navigation-menu-item.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 { ark } from '../factory.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { NavigationMenuItemPropsProvider } from './use-navigation-menu-item-props-context.js';
+
+const splitItemProps = createSplitProps();
+const NavigationMenuItem = forwardRef((props, ref) => {
+  const [itemProps, localProps] = splitItemProps(props, ["disabled", "value"]);
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = mergeProps(navigationMenu.getItemProps(itemProps), localProps);
+  return /* @__PURE__ */ jsx(NavigationMenuItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
+NavigationMenuItem.displayName = "NavigationMenuItem";
+
+export { NavigationMenuItem };

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

@@ -0,0 +1,25 @@
+'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 useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+
+const splitLinkProps = createSplitProps.createSplitProps();
+const NavigationMenuLink = react.forwardRef((props, ref) => {
+  const itemContext = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+  const value = props.value ?? itemContext?.value;
+  const [linkProps, localProps] = splitLinkProps({ ...props, value }, ["current", "onSelect", "value", "closeOnClick"]);
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const mergedProps = react$1.mergeProps(navigationMenu.getLinkProps(linkProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.a, { ...mergedProps, ref });
+});
+NavigationMenuLink.displayName = "NavigationMenuLink";
+
+exports.NavigationMenuLink = NavigationMenuLink;

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

@@ -0,0 +1,9 @@
+import { LinkProps } from '@zag-js/navigation-menu';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuLinkBaseProps extends Partial<LinkProps>, PolymorphicProps {
+}
+export interface NavigationMenuLinkProps extends Assign<HTMLProps<'a'>, NavigationMenuLinkBaseProps> {
+}
+export declare const NavigationMenuLink: ForwardRefExoticComponent<NavigationMenuLinkProps & RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,9 @@
+import { LinkProps } from '@zag-js/navigation-menu';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuLinkBaseProps extends Partial<LinkProps>, PolymorphicProps {
+}
+export interface NavigationMenuLinkProps extends Assign<HTMLProps<'a'>, NavigationMenuLinkBaseProps> {
+}
+export declare const NavigationMenuLink: ForwardRefExoticComponent<NavigationMenuLinkProps & RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,21 @@
+'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';
+import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';
+
+const splitLinkProps = createSplitProps();
+const NavigationMenuLink = forwardRef((props, ref) => {
+  const itemContext = useNavigationMenuItemPropsContext();
+  const value = props.value ?? itemContext?.value;
+  const [linkProps, localProps] = splitLinkProps({ ...props, value }, ["current", "onSelect", "value", "closeOnClick"]);
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = mergeProps(navigationMenu.getLinkProps(linkProps), localProps);
+  return /* @__PURE__ */ jsx(ark.a, { ...mergedProps, ref });
+});
+NavigationMenuLink.displayName = "NavigationMenuLink";
+
+export { NavigationMenuLink };

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

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const NavigationMenuList = react.forwardRef((props, ref) => {
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const mergedProps = react$1.mergeProps(navigationMenu.getListProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+NavigationMenuList.displayName = "NavigationMenuList";
+
+exports.NavigationMenuList = NavigationMenuList;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuListBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuListProps extends HTMLProps<'div'>, NavigationMenuListBaseProps {
+}
+export declare const NavigationMenuList: ForwardRefExoticComponent<NavigationMenuListProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuListBaseProps extends PolymorphicProps {
+}
+export interface NavigationMenuListProps extends HTMLProps<'div'>, NavigationMenuListBaseProps {
+}
+export declare const NavigationMenuList: ForwardRefExoticComponent<NavigationMenuListProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+
+const NavigationMenuList = forwardRef((props, ref) => {
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = mergeProps(navigationMenu.getListProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+NavigationMenuList.displayName = "NavigationMenuList";
+
+export { NavigationMenuList };

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

@@ -0,0 +1,23 @@
+'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 useNavigationMenuContext = require('./use-navigation-menu-context.cjs');
+
+const splitRootProviderProps = createSplitProps.createSplitProps();
+const NavigationMenuRootProvider = react.forwardRef((props, ref) => {
+  const [renderStrategyProps, navigationMenuProps] = renderStrategy.splitRenderStrategyProps(props);
+  const [{ value: navigationMenu }, localProps] = splitRootProviderProps(navigationMenuProps, ["value"]);
+  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 }) }) });
+});
+NavigationMenuRootProvider.displayName = "NavigationMenuRootProvider";
+
+exports.NavigationMenuRootProvider = NavigationMenuRootProvider;

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

@@ -0,0 +1,13 @@
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseNavigationMenuReturn;
+}
+export interface NavigationMenuRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface NavigationMenuRootProviderProps extends HTMLProps<'nav'>, NavigationMenuRootProviderBaseProps {
+}
+export declare const NavigationMenuRootProvider: ForwardRefExoticComponent<NavigationMenuRootProviderProps & RefAttributes<HTMLElement>>;
+export {};

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

@@ -0,0 +1,13 @@
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+interface RootProviderProps {
+    value: UseNavigationMenuReturn;
+}
+export interface NavigationMenuRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface NavigationMenuRootProviderProps extends HTMLProps<'nav'>, NavigationMenuRootProviderBaseProps {
+}
+export declare const NavigationMenuRootProvider: ForwardRefExoticComponent<NavigationMenuRootProviderProps & RefAttributes<HTMLElement>>;
+export {};

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 };