@ark-ui/react 5.29.0 → 5.30.0

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

@@ -0,0 +1,18 @@
+export type { ValueChangeDetails as NavigationMenuValueChangeDetails } from '@zag-js/navigation-menu';
+export { NavigationMenuArrow, type NavigationMenuArrowBaseProps, type NavigationMenuArrowProps, } from './navigation-menu-arrow';
+export { NavigationMenuContent, type NavigationMenuContentBaseProps, type NavigationMenuContentProps, } from './navigation-menu-content';
+export { NavigationMenuContext, type NavigationMenuContextProps } from './navigation-menu-context';
+export { NavigationMenuIndicator, type NavigationMenuIndicatorBaseProps, type NavigationMenuIndicatorProps, } from './navigation-menu-indicator';
+export { NavigationMenuItem, type NavigationMenuItemBaseProps, type NavigationMenuItemProps, } from './navigation-menu-item';
+export { NavigationMenuItemIndicator, type NavigationMenuItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps, } from './navigation-menu-item-indicator';
+export { NavigationMenuLink, type NavigationMenuLinkBaseProps, type NavigationMenuLinkProps, } from './navigation-menu-link';
+export { NavigationMenuList, type NavigationMenuListBaseProps, type NavigationMenuListProps, } from './navigation-menu-list';
+export { NavigationMenuRoot, type NavigationMenuRootBaseProps, type NavigationMenuRootProps, } from './navigation-menu-root';
+export { NavigationMenuRootProvider, type NavigationMenuRootProviderBaseProps, type NavigationMenuRootProviderProps, } from './navigation-menu-root-provider';
+export { NavigationMenuTrigger, type NavigationMenuTriggerBaseProps, type NavigationMenuTriggerProps, } from './navigation-menu-trigger';
+export { NavigationMenuViewport, type NavigationMenuViewportBaseProps, type NavigationMenuViewportProps, } from './navigation-menu-viewport';
+export { NavigationMenuViewportPositioner, type NavigationMenuViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps, } from './navigation-menu-viewport-positioner';
+export { navigationMenuAnatomy } from './navigation-menu.anatomy';
+export { useNavigationMenu, type UseNavigationMenuProps, type UseNavigationMenuReturn } from './use-navigation-menu';
+export { useNavigationMenuContext, type UseNavigationMenuContext } from './use-navigation-menu-context';
+export * as NavigationMenu from './navigation-menu';

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

@@ -0,0 +1,18 @@
+export { NavigationMenuArrow } from './navigation-menu-arrow.js';
+export { NavigationMenuContent } from './navigation-menu-content.js';
+export { NavigationMenuContext } from './navigation-menu-context.js';
+export { NavigationMenuIndicator } from './navigation-menu-indicator.js';
+export { NavigationMenuItem } from './navigation-menu-item.js';
+export { NavigationMenuItemIndicator } from './navigation-menu-item-indicator.js';
+export { NavigationMenuLink } from './navigation-menu-link.js';
+export { NavigationMenuList } from './navigation-menu-list.js';
+export { NavigationMenuRoot } from './navigation-menu-root.js';
+export { NavigationMenuRootProvider } from './navigation-menu-root-provider.js';
+export { NavigationMenuTrigger } from './navigation-menu-trigger.js';
+export { NavigationMenuViewport } from './navigation-menu-viewport.js';
+export { NavigationMenuViewportPositioner } from './navigation-menu-viewport-positioner.js';
+export { useNavigationMenu } from './use-navigation-menu.js';
+export { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import * as navigationMenu from './navigation-menu.js';
+export { navigationMenu as NavigationMenu };
+export { anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';

package/dist/components/navigation-menu/navigation-menu-arrow.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 NavigationMenuArrow = react.forwardRef((props, ref) => {
+  const navigationMenu = useNavigationMenuContext.useNavigationMenuContext();
+  const mergedProps = react$1.mergeProps(navigationMenu.getArrowProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+NavigationMenuArrow.displayName = "NavigationMenuArrow";
+
+exports.NavigationMenuArrow = NavigationMenuArrow;

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

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

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

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

package/dist/components/navigation-menu/navigation-menu-arrow.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 NavigationMenuArrow = forwardRef((props, ref) => {
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = mergeProps(navigationMenu.getArrowProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+NavigationMenuArrow.displayName = "NavigationMenuArrow";
+
+export { NavigationMenuArrow };

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

@@ -0,0 +1,41 @@
+'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 portal = require('../portal/portal.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 useNavigationMenuItemPropsContext = require('./use-navigation-menu-item-props-context.cjs');
+
+const splitContentProps = createSplitProps.createSplitProps();
+const NavigationMenuContent = react.forwardRef((props, ref) => {
+  const api = useNavigationMenuContext.useNavigationMenuContext();
+  const itemContext = useNavigationMenuItemPropsContext.useNavigationMenuItemPropsContext();
+  const value = props.value ?? itemContext?.value;
+  const [contentProps, localProps] = splitContentProps({ ...props, value }, ["value"]);
+  const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
+  const presence = usePresence.usePresence({ ...renderStrategyProps, present: api.value === value });
+  const mergedProps = react$1.mergeProps(api.getContentProps(contentProps), presence.getPresenceProps(), localProps);
+  const content = /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) }) });
+  const viewportNode = api.getViewportNode();
+  if (api.isViewportRendered && viewportNode) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ...api.getViewportProxyProps(contentProps) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { ...api.getTriggerProxyProps(contentProps) }),
+      /* @__PURE__ */ jsxRuntime.jsx(portal.Portal, { container: { current: viewportNode }, children: content })
+    ] });
+  }
+  return content;
+});
+NavigationMenuContent.displayName = "NavigationMenuContent";
+
+exports.NavigationMenuContent = NavigationMenuContent;

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

@@ -0,0 +1,9 @@
+import { ContentProps } from '@zag-js/navigation-menu';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuContentBaseProps extends Partial<ContentProps>, PolymorphicProps {
+}
+export interface NavigationMenuContentProps extends Assign<HTMLProps<'div'>, NavigationMenuContentBaseProps> {
+}
+export declare const NavigationMenuContent: ForwardRefExoticComponent<NavigationMenuContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import { ContentProps } from '@zag-js/navigation-menu';
+import { Assign } from '../../types';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface NavigationMenuContentBaseProps extends Partial<ContentProps>, PolymorphicProps {
+}
+export interface NavigationMenuContentProps extends Assign<HTMLProps<'div'>, NavigationMenuContentBaseProps> {
+}
+export declare const NavigationMenuContent: ForwardRefExoticComponent<NavigationMenuContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,37 @@
+'use client';
+import { jsx, jsxs, Fragment } 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 { Portal } from '../portal/portal.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { useNavigationMenuContext } from './use-navigation-menu-context.js';
+import { useNavigationMenuItemPropsContext } from './use-navigation-menu-item-props-context.js';
+
+const splitContentProps = createSplitProps();
+const NavigationMenuContent = forwardRef((props, ref) => {
+  const api = useNavigationMenuContext();
+  const itemContext = useNavigationMenuItemPropsContext();
+  const value = props.value ?? itemContext?.value;
+  const [contentProps, localProps] = splitContentProps({ ...props, value }, ["value"]);
+  const renderStrategyProps = useRenderStrategyPropsContext();
+  const presence = usePresence({ ...renderStrategyProps, present: api.value === value });
+  const mergedProps = mergeProps(api.getContentProps(contentProps), presence.getPresenceProps(), localProps);
+  const content = /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children: presence.unmounted ? null : /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) }) });
+  const viewportNode = api.getViewportNode();
+  if (api.isViewportRendered && viewportNode) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { ...api.getViewportProxyProps(contentProps) }),
+      /* @__PURE__ */ jsx("div", { ...api.getTriggerProxyProps(contentProps) }),
+      /* @__PURE__ */ jsx(Portal, { container: { current: viewportNode }, children: content })
+    ] });
+  }
+  return content;
+});
+NavigationMenuContent.displayName = "NavigationMenuContent";
+
+export { NavigationMenuContent };

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