@ark-ui/solid 5.29.1 → 5.31.0

package/dist/components/json-tree-view/index.d.ts

@@ -1,12 +1,12 @@
 import { JsonNodePreviewOptions, JsonNode, JsonNodeHastElement } from '@zag-js/json-tree-utils';
-import { JSX } from 'solid-js';
-import { d as TreeViewRootProps, h as TreeViewRootProviderProps, k as TreeViewTreeProps, U as UseTreeViewProps, l as UseTreeViewReturn } from '../../tree-view-tree-DTB5aCol.js';
+import { JSX, Accessor } from 'solid-js';
+import { d as TreeViewRootProps, U as UseTreeViewProps, h as TreeViewRootProviderProps, k as TreeViewTreeProps } from '../../tree-view-tree-DTB5aCol.js';
+import { PropTypes } from '@zag-js/solid';
+import * as treeView from '@zag-js/tree-view';
 import '../../types-Sr_80hg9.js';
 import '../../render-strategy-B5MqQP3X.js';
 import '@zag-js/collection';
 import '../factory.js';
-import '@zag-js/solid';
-import '@zag-js/tree-view';
 
 interface JsonTreeViewOptions extends Partial<JsonNodePreviewOptions> {
     /**
@@ -29,7 +29,18 @@ interface JsonTreeViewRootProps extends Omit<TreeViewRootProps<JsonNode>, 'colle
 }
 declare const JsonTreeViewRoot: (props: JsonTreeViewRootProps) => JSX.Element;
 
-interface JsonTreeViewRootProviderProps extends TreeViewRootProviderProps<JsonNode> {
+interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'>, JsonTreeViewOptions {
+    data: unknown;
+    defaultExpandedDepth?: number;
+}
+interface UseJsonTreeViewReturn extends Accessor<treeView.Api<PropTypes, JsonNode> & {
+    options: JsonTreeViewOptions;
+}> {
+}
+declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;
+
+interface JsonTreeViewRootProviderProps extends Omit<TreeViewRootProviderProps<JsonNode>, 'value'> {
+    value: UseJsonTreeViewReturn;
 }
 declare const JsonTreeViewRootProvider: (props: JsonTreeViewRootProviderProps) => JSX.Element;
 
@@ -54,14 +65,6 @@ interface JsonTreeViewTreeProps extends TreeViewTreeProps, JsonTreeViewTreeBaseP
 }
 declare const JsonTreeViewTree: (props: JsonTreeViewTreeProps) => JSX.Element;
 
-interface UseJsonTreeViewProps extends Omit<UseTreeViewProps<JsonNode>, 'collection'> {
-    data: unknown;
-    defaultExpandedDepth?: number;
-}
-interface UseJsonTreeViewReturn extends UseTreeViewReturn<JsonNode> {
-}
-declare const useJsonTreeView: (props: UseJsonTreeViewProps) => UseJsonTreeViewReturn;
-
 declare namespace jsonTreeView {
   export { JsonTreeViewRoot as Root, type JsonTreeViewRootProps as RootProps, JsonTreeViewRootProvider as RootProvider, type JsonTreeViewRootProviderProps as RootProviderProps, JsonTreeViewTree as Tree, type JsonTreeViewTreeProps as TreeProps };
 }

package/dist/components/json-tree-view/index.js

@@ -1 +1 @@
-export { json_tree_view_exports as JsonTreeView, JsonTreeViewRoot, JsonTreeViewRootProvider, JsonTreeViewTree, useJsonTreeView } from '../../chunk/QOPSKJ3A.js';
+export { json_tree_view_exports as JsonTreeView, JsonTreeViewRoot, JsonTreeViewRootProvider, JsonTreeViewTree, useJsonTreeView } from '../../chunk/NHSNBGCC.js';

package/dist/components/json-tree-view/index.jsx

@@ -4,19 +4,19 @@ import {
   JsonTreeViewTree,
   json_tree_view_exports,
   useJsonTreeView
-} from "../../chunk/BVY3M35Y.jsx";
-import "../../chunk/GG7F5STH.jsx";
+} from "../../chunk/TZA2XQYK.jsx";
+import "../../chunk/4GELDCEE.jsx";
 import "../../chunk/EFII6TXL.jsx";
-import "../../chunk/72DODTYZ.jsx";
-import "../../chunk/UOOMXEJO.jsx";
+import "../../chunk/ZYS6A6GV.jsx";
 import "../../chunk/VNMGX67M.jsx";
-import "../../chunk/OC7V6IJA.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/CGW54HAQ.jsx";
-import "../../chunk/JFOWNFC7.jsx";
+import "../../chunk/72DODTYZ.jsx";
+import "../../chunk/OC7V6IJA.jsx";
+import "../../chunk/HDGILMRT.jsx";
 import "../../chunk/KGOB2IMX.jsx";
+import "../../chunk/UFYZ7HLU.jsx";
+import "../../chunk/JFOWNFC7.jsx";
 import "../../chunk/UZJJWJQM.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {

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

@@ -10,7 +10,7 @@ import { PropTypes } from '@zag-js/solid';
 import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-Sr_80hg9.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { JSX as JSX$1 } from 'solid-js/jsx-runtime';
-export { l as listboxAnatomy } from '../../listbox.anatomy-CuSvGz29.js';
+export { l as listboxAnatomy } from '../../listbox.anatomy-ogRrsXMY.js';
 import '@zag-js/anatomy';
 
 interface UseListboxProps<T extends CollectionItem> extends Optional<Omit<listbox$1.Props<T>, 'dir' | 'getRootNode' | 'collection'>, 'id'> {

package/dist/components/listbox/index.js

@@ -1,3 +1,3 @@
-export { listbox_exports as Listbox, ListboxContent, ListboxContext, ListboxEmpty, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxRoot, ListboxRootProvider, ListboxValueText, useListbox, useListboxContext, useListboxItemContext } from '../../chunk/2ZJJQCRC.js';
+export { listbox_exports as Listbox, ListboxContent, ListboxContext, ListboxEmpty, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxRoot, ListboxRootProvider, ListboxValueText, useListbox, useListboxContext, useListboxItemContext } from '../../chunk/2SGHC324.js';
 export { createListCollection } from '../../chunk/APULXWCH.js';
 export { listboxAnatomy } from '../../chunk/3I7TGCD3.js';

package/dist/components/listbox/index.jsx

@@ -17,19 +17,19 @@ import {
   useListbox,
   useListboxContext,
   useListboxItemContext
-} from "../../chunk/XXP27BHC.jsx";
+} from "../../chunk/5O3D32XK.jsx";
 import {
   createListCollection
 } from "../../chunk/EFII6TXL.jsx";
+import "../../chunk/6WEDGJKQ.jsx";
+import "../../chunk/ODQYYKL5.jsx";
 import {
   listboxAnatomy
 } from "../../chunk/4WBPEARW.jsx";
-import "../../chunk/6WEDGJKQ.jsx";
+import "../../chunk/HDGILMRT.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/CGW54HAQ.jsx";
 import "../../chunk/JFOWNFC7.jsx";
-import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/UZJJWJQM.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {

package/dist/components/marquee/index.js

@@ -1,2 +1,2 @@
-export { marquee_exports as Marquee, MarqueeContent, MarqueeContext, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, useMarquee, useMarqueeContext } from '../../chunk/JLEHJHHW.js';
+export { marquee_exports as Marquee, MarqueeContent, MarqueeContext, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, useMarquee, useMarqueeContext } from '../../chunk/TJ7E237D.js';
 export { anatomy as marqueeAnatomy } from '../../chunk/YYJ6TQ7D.js';

package/dist/components/marquee/index.jsx

@@ -9,16 +9,16 @@ import {
   marquee_exports,
   useMarquee,
   useMarqueeContext
-} from "../../chunk/J6B3R7PY.jsx";
+} from "../../chunk/EMHNANVE.jsx";
+import "../../chunk/6WEDGJKQ.jsx";
+import "../../chunk/ODQYYKL5.jsx";
 import {
   anatomy
 } from "../../chunk/PQ3LP2S5.jsx";
-import "../../chunk/6WEDGJKQ.jsx";
+import "../../chunk/HDGILMRT.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/CGW54HAQ.jsx";
 import "../../chunk/JFOWNFC7.jsx";
-import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/UZJJWJQM.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {

package/dist/components/menu/index.js

@@ -1,2 +1,2 @@
-export { menu_exports as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenu, useMenuContext, useMenuItemContext } from '../../chunk/F4DBA2W2.js';
+export { menu_exports as Menu, MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenu, useMenuContext, useMenuItemContext } from '../../chunk/VUSRNP23.js';
 export { anatomy as menuAnatomy } from '../../chunk/EJIFXSNU.js';

package/dist/components/menu/index.jsx

@@ -24,19 +24,19 @@ import {
   useMenu,
   useMenuContext,
   useMenuItemContext
-} from "../../chunk/FKF6FOYL.jsx";
-import "../../chunk/2P5Y3YCK.jsx";
+} from "../../chunk/RLUEXDAM.jsx";
+import "../../chunk/VTTFCXVC.jsx";
 import "../../chunk/PT2CJE3O.jsx";
+import "../../chunk/VNMGX67M.jsx";
+import "../../chunk/6WEDGJKQ.jsx";
+import "../../chunk/ODQYYKL5.jsx";
 import {
   anatomy
 } from "../../chunk/LXQBCP7Y.jsx";
-import "../../chunk/VNMGX67M.jsx";
-import "../../chunk/6WEDGJKQ.jsx";
+import "../../chunk/HDGILMRT.jsx";
+import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/CGW54HAQ.jsx";
 import "../../chunk/JFOWNFC7.jsx";
-import "../../chunk/KGOB2IMX.jsx";
 import "../../chunk/UZJJWJQM.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {

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

@@ -0,0 +1,106 @@
+import * as navigationMenu$1 from '@zag-js/navigation-menu';
+import { ContentProps, ItemProps, LinkProps, ViewportProps, ValueChangeDetails } from '@zag-js/navigation-menu';
+export { ValueChangeDetails as NavigationMenuValueChangeDetails, anatomy as navigationMenuAnatomy } from '@zag-js/navigation-menu';
+import * as solid_js from 'solid-js';
+import { Accessor, JSX } from 'solid-js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
+import { A as Assign, O as Optional } from '../../types-Sr_80hg9.js';
+import { PropTypes } from '@zag-js/solid';
+import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
+
+interface NavigationMenuArrowBaseProps extends PolymorphicProps<'div'> {
+}
+interface NavigationMenuArrowProps extends HTMLProps<'div'>, NavigationMenuArrowBaseProps {
+}
+declare const NavigationMenuArrow: (props: NavigationMenuArrowProps) => solid_js.JSX.Element;
+
+interface NavigationMenuContentBaseProps extends Partial<ContentProps>, PolymorphicProps<'div'> {
+}
+interface NavigationMenuContentProps extends Assign<HTMLProps<'div'>, NavigationMenuContentBaseProps> {
+}
+declare const NavigationMenuContent: (props: NavigationMenuContentProps) => solid_js.JSX.Element;
+
+interface UseNavigationMenuProps extends Optional<Omit<navigationMenu$1.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+interface UseNavigationMenuReturn extends Accessor<navigationMenu$1.Api<PropTypes>> {
+}
+declare const useNavigationMenu: (props?: UseNavigationMenuProps) => UseNavigationMenuReturn;
+
+interface UseNavigationMenuContext extends UseNavigationMenuReturn {
+}
+declare const useNavigationMenuContext: () => UseNavigationMenuContext;
+
+interface NavigationMenuContextProps {
+    children: (context: UseNavigationMenuContext) => JSX.Element;
+}
+declare const NavigationMenuContext: (props: NavigationMenuContextProps) => JSX.Element;
+
+interface NavigationMenuIndicatorBaseProps extends PolymorphicProps<'div'> {
+}
+interface NavigationMenuIndicatorProps extends HTMLProps<'div'>, NavigationMenuIndicatorBaseProps {
+}
+declare const NavigationMenuIndicator: (props: NavigationMenuIndicatorProps) => solid_js.JSX.Element;
+
+interface NavigationMenuItemBaseProps extends ItemProps, PolymorphicProps<'div'> {
+}
+interface NavigationMenuItemProps extends HTMLProps<'div'>, NavigationMenuItemBaseProps {
+}
+declare const NavigationMenuItem: (props: NavigationMenuItemProps) => solid_js.JSX.Element;
+
+interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps<'div'> {
+}
+interface NavigationMenuItemIndicatorProps extends HTMLProps<'div'>, NavigationMenuItemIndicatorBaseProps {
+}
+declare const NavigationMenuItemIndicator: (props: NavigationMenuItemIndicatorProps) => solid_js.JSX.Element;
+
+interface NavigationMenuLinkBaseProps extends Partial<LinkProps>, PolymorphicProps<'a'> {
+}
+interface NavigationMenuLinkProps extends Assign<HTMLProps<'a'>, NavigationMenuLinkBaseProps> {
+}
+declare const NavigationMenuLink: (props: NavigationMenuLinkProps) => solid_js.JSX.Element;
+
+interface NavigationMenuListBaseProps extends PolymorphicProps<'div'> {
+}
+interface NavigationMenuListProps extends HTMLProps<'div'>, NavigationMenuListBaseProps {
+}
+declare const NavigationMenuList: (props: NavigationMenuListProps) => solid_js.JSX.Element;
+
+interface NavigationMenuRootBaseProps extends UseNavigationMenuProps, RenderStrategyProps, PolymorphicProps<'nav'> {
+}
+interface NavigationMenuRootProps extends HTMLProps<'nav'>, NavigationMenuRootBaseProps {
+}
+declare const NavigationMenuRoot: (props: NavigationMenuRootProps) => solid_js.JSX.Element;
+
+interface RootProviderProps {
+    value: UseNavigationMenuReturn;
+}
+interface NavigationMenuRootProviderBaseProps extends RenderStrategyProps, PolymorphicProps<'nav'> {
+}
+interface NavigationMenuRootProviderProps extends HTMLProps<'nav'>, RootProviderProps, NavigationMenuRootProviderBaseProps {
+}
+declare const NavigationMenuRootProvider: (props: NavigationMenuRootProviderProps) => solid_js.JSX.Element;
+
+interface NavigationMenuTriggerBaseProps extends Omit<ItemProps, 'value'>, PolymorphicProps<'button'> {
+}
+interface NavigationMenuTriggerProps extends Assign<HTMLProps<'button'>, NavigationMenuTriggerBaseProps> {
+}
+declare const NavigationMenuTrigger: (props: NavigationMenuTriggerProps) => solid_js.JSX.Element;
+
+interface NavigationMenuViewportBaseProps extends PolymorphicProps<'div'> {
+}
+interface NavigationMenuViewportProps extends HTMLProps<'div'>, NavigationMenuViewportBaseProps {
+}
+declare const NavigationMenuViewport: (props: NavigationMenuViewportProps) => solid_js.JSX.Element;
+
+interface NavigationMenuViewportPositionerBaseProps extends ViewportProps, PolymorphicProps<'div'> {
+}
+interface NavigationMenuViewportPositionerProps extends HTMLProps<'div'>, NavigationMenuViewportPositionerBaseProps {
+}
+declare const NavigationMenuViewportPositioner: (props: NavigationMenuViewportPositionerProps) => solid_js.JSX.Element;
+
+declare const navigationMenu_ValueChangeDetails: typeof ValueChangeDetails;
+declare namespace navigationMenu {
+  export { NavigationMenuArrow as Arrow, type NavigationMenuArrowBaseProps as ArrowBaseProps, type NavigationMenuArrowProps as ArrowProps, NavigationMenuContent as Content, type NavigationMenuContentBaseProps as ContentBaseProps, type NavigationMenuContentProps as ContentProps, NavigationMenuContext as Context, type NavigationMenuContextProps as ContextProps, NavigationMenuIndicator as Indicator, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, type NavigationMenuIndicatorProps as IndicatorProps, NavigationMenuItem as Item, type NavigationMenuItemBaseProps as ItemBaseProps, NavigationMenuItemIndicator as ItemIndicator, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, type NavigationMenuItemProps as ItemProps, NavigationMenuLink as Link, type NavigationMenuLinkBaseProps as LinkBaseProps, type NavigationMenuLinkProps as LinkProps, NavigationMenuList as List, type NavigationMenuListBaseProps as ListBaseProps, type NavigationMenuListProps as ListProps, NavigationMenuRoot as Root, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, NavigationMenuRootProvider as RootProvider, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, type NavigationMenuRootProviderProps as RootProviderProps, NavigationMenuTrigger as Trigger, type NavigationMenuTriggerBaseProps as TriggerBaseProps, type NavigationMenuTriggerProps as TriggerProps, navigationMenu_ValueChangeDetails as ValueChangeDetails, NavigationMenuViewport as Viewport, type NavigationMenuViewportBaseProps as ViewportBaseProps, NavigationMenuViewportPositioner as ViewportPositioner, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, type NavigationMenuViewportProps as ViewportProps };
+}
+
+export { navigationMenu as NavigationMenu, NavigationMenuArrow, type NavigationMenuArrowBaseProps, type NavigationMenuArrowProps, NavigationMenuContent, type NavigationMenuContentBaseProps, type NavigationMenuContentProps, NavigationMenuContext, type NavigationMenuContextProps, NavigationMenuIndicator, type NavigationMenuIndicatorBaseProps, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemBaseProps, NavigationMenuItemIndicator, type NavigationMenuItemIndicatorBaseProps, type NavigationMenuItemIndicatorProps, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkBaseProps, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListBaseProps, type NavigationMenuListProps, NavigationMenuRoot, type NavigationMenuRootBaseProps, type NavigationMenuRootProps, NavigationMenuRootProvider, type NavigationMenuRootProviderBaseProps, type NavigationMenuRootProviderProps, NavigationMenuTrigger, type NavigationMenuTriggerBaseProps, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportBaseProps, NavigationMenuViewportPositioner, type NavigationMenuViewportPositionerBaseProps, type NavigationMenuViewportPositionerProps, type NavigationMenuViewportProps, type UseNavigationMenuContext, type UseNavigationMenuProps, type UseNavigationMenuReturn, useNavigationMenu, useNavigationMenuContext };

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

@@ -0,0 +1,279 @@
+export { anatomy as navigationMenuAnatomy } from '../../chunk/TILTTA4A.js';
+import { usePresence, PresenceProvider } from '../../chunk/2WRCIBVP.js';
+import { composeRefs } from '../../chunk/ROP6QZQ7.js';
+import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from '../../chunk/GUFIKGZ6.js';
+import { createSplitProps } from '../../chunk/ZMHI4GDJ.js';
+import { useLocaleContext } from '../../chunk/RVOPDSQY.js';
+import { useEnvironmentContext } from '../../chunk/3P5T77QU.js';
+import { runIfFn } from '../../chunk/DT73WLR4.js';
+import { ark } from '../../chunk/EPLBB4QN.js';
+import { createContext } from '../../chunk/THN5C4U6.js';
+import { __export } from '../../chunk/ESLJRKWD.js';
+import { createComponent, mergeProps as mergeProps$1, Portal, memo } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { Show, createMemo, createUniqueId } from 'solid-js';
+import * as navigationMenu from '@zag-js/navigation-menu';
+
+// src/components/navigation-menu/use-navigation-menu-context.ts
+var [NavigationMenuProvider, useNavigationMenuContext] = createContext({
+  hookName: "useNavigationMenuContext",
+  providerName: "<NavigationMenuProvider />"
+});
+
+// src/components/navigation-menu/navigation-menu-arrow.tsx
+var NavigationMenuArrow = (props) => {
+  const api = useNavigationMenuContext();
+  const mergedProps = mergeProps(() => api().getArrowProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/navigation-menu/use-navigation-menu-item-props-context.ts
+var [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext({
+  hookName: "useNavigationMenuItemPropsContext",
+  providerName: "<NavigationMenuItemPropsProvider />",
+  strict: false
+});
+
+// src/components/navigation-menu/navigation-menu-content.tsx
+var splitContentProps = createSplitProps();
+var NavigationMenuContent = (props) => {
+  const api = useNavigationMenuContext();
+  const itemContext = useNavigationMenuItemPropsContext();
+  const value = createMemo(() => props.value ?? itemContext?.value);
+  const combinedProps = mergeProps(props, () => ({
+    value: value()
+  }));
+  const [contentProps, localProps] = splitContentProps(combinedProps, ["value"]);
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: api().value === contentProps.value
+  })));
+  const mergedProps = mergeProps(() => api().getContentProps(contentProps), () => presenceApi().presenceProps, localProps);
+  const viewportNode = createMemo(() => api().getViewportNode());
+  const isViewportRendered = createMemo(() => api().isViewportRendered);
+  const content = createComponent(PresenceProvider, {
+    value: presenceApi,
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return !presenceApi().unmounted;
+        },
+        get children() {
+          return createComponent(ark.div, mergeProps$1(mergedProps, {
+            ref(r$) {
+              var _ref$ = composeRefs(presenceApi().ref, props.ref);
+              typeof _ref$ === "function" && _ref$(r$);
+            }
+          }));
+        }
+      });
+    }
+  });
+  return createComponent(Show, {
+    get when() {
+      return memo(() => !!isViewportRendered())() && viewportNode();
+    },
+    fallback: content,
+    get children() {
+      return [createComponent(ark.div, mergeProps$1(() => api().getViewportProxyProps(contentProps))), createComponent(ark.div, mergeProps$1(() => api().getTriggerProxyProps(contentProps))), createComponent(Portal, {
+        get mount() {
+          return viewportNode();
+        },
+        children: content
+      })];
+    }
+  });
+};
+
+// src/components/navigation-menu/navigation-menu-context.tsx
+var NavigationMenuContext = (props) => props.children(useNavigationMenuContext());
+var NavigationMenuIndicator = (props) => {
+  const api = useNavigationMenuContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: api().open
+  })));
+  const mergedProps = mergeProps(() => api().getIndicatorProps(), () => presenceApi().presenceProps, props);
+  return createComponent(PresenceProvider, {
+    value: presenceApi,
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return !presenceApi().unmounted;
+        },
+        get children() {
+          return createComponent(ark.div, mergeProps$1(mergedProps, {
+            ref(r$) {
+              var _ref$ = composeRefs(presenceApi().ref, props.ref);
+              typeof _ref$ === "function" && _ref$(r$);
+            }
+          }));
+        }
+      });
+    }
+  });
+};
+var splitItemProps = createSplitProps();
+var NavigationMenuItem = (props) => {
+  const [itemProps, localProps] = splitItemProps(props, ["disabled", "value"]);
+  const api = useNavigationMenuContext();
+  const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+  return createComponent(NavigationMenuItemPropsProvider, {
+    value: itemProps,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var NavigationMenuItemIndicator = (props) => {
+  const api = useNavigationMenuContext();
+  const itemProps = useNavigationMenuItemPropsContext();
+  const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
+  return createComponent(ark.div, mergedProps);
+};
+var splitLinkProps = createSplitProps();
+var NavigationMenuLink = (props) => {
+  const itemContext = useNavigationMenuItemPropsContext();
+  const value = createMemo(() => props.value ?? itemContext?.value);
+  const combinedProps = mergeProps(props, () => ({
+    value: value()
+  }));
+  const [linkProps, localProps] = splitLinkProps(combinedProps, ["current", "onSelect", "value", "closeOnClick"]);
+  const api = useNavigationMenuContext();
+  const mergedProps = mergeProps(() => api().getLinkProps(linkProps), localProps);
+  return createComponent(ark.a, mergedProps);
+};
+var NavigationMenuList = (props) => {
+  const api = useNavigationMenuContext();
+  const mergedProps = mergeProps(() => api().getListProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var useNavigationMenu = (props) => {
+  const id = createUniqueId();
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(navigationMenu.machine, machineProps);
+  return createMemo(() => navigationMenu.connect(service, normalizeProps));
+};
+
+// src/components/navigation-menu/navigation-menu-root.tsx
+var NavigationMenuRoot = (props) => {
+  const [renderStrategyProps, navigationMenuProps] = splitRenderStrategyProps(props);
+  const [useNavigationMenuProps, localProps] = createSplitProps()(navigationMenuProps, ["closeDelay", "defaultValue", "disableClickTrigger", "disableHoverTrigger", "disablePointerLeaveClose", "id", "ids", "onValueChange", "openDelay", "orientation", "value"]);
+  const api = useNavigationMenu(useNavigationMenuProps);
+  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
+  return createComponent(NavigationMenuProvider, {
+    value: api,
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(ark.nav, mergedProps);
+        }
+      });
+    }
+  });
+};
+var NavigationMenuRootProvider = (props) => {
+  const [renderStrategyProps, navigationMenuProps] = splitRenderStrategyProps(props);
+  const [{
+    value: navigationMenu2
+  }, localProps] = createSplitProps()(navigationMenuProps, ["value"]);
+  const mergedProps = mergeProps(() => navigationMenu2().getRootProps(), localProps);
+  return createComponent(NavigationMenuProvider, {
+    value: navigationMenu2,
+    get children() {
+      return createComponent(RenderStrategyProvider, {
+        value: renderStrategyProps,
+        get children() {
+          return createComponent(ark.nav, mergedProps);
+        }
+      });
+    }
+  });
+};
+var splitItemProps2 = createSplitProps();
+var NavigationMenuTrigger = (props) => {
+  const itemContext = useNavigationMenuItemPropsContext();
+  if (!itemContext) {
+    throw new Error("NavigationMenu.Trigger must be used within NavigationMenu.Item");
+  }
+  const value = createMemo(() => itemContext.value);
+  const disabled = createMemo(() => props.disabled ?? itemContext.disabled);
+  const combinedProps = mergeProps(props, () => ({
+    value: value(),
+    disabled: disabled()
+  }));
+  const [triggerProps, localProps] = splitItemProps2(combinedProps, ["value", "disabled"]);
+  const api = useNavigationMenuContext();
+  const mergedProps = mergeProps(() => api().getTriggerProps(triggerProps), localProps);
+  return createComponent(ark.button, mergedProps);
+};
+
+// src/components/navigation-menu/use-navigation-menu-viewport-props-context.ts
+var [NavigationMenuViewportPropsProvider, useNavigationMenuViewportPropsContext] = createContext({
+  hookName: "useNavigationMenuViewportPropsContext",
+  providerName: "<NavigationMenuViewportPropsProvider />",
+  strict: false
+});
+
+// src/components/navigation-menu/navigation-menu-viewport.tsx
+var NavigationMenuViewport = (props) => {
+  const viewportPropsContext = useNavigationMenuViewportPropsContext();
+  const api = useNavigationMenuContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({
+    present: api().open
+  })));
+  const mergedProps = mergeProps(() => api().getViewportProps(viewportPropsContext), () => presenceApi().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
+    }
+  });
+};
+var NavigationMenuViewportPositioner = (props) => {
+  const [viewportProps, localProps] = createSplitProps()(props, ["align"]);
+  const api = useNavigationMenuContext();
+  const mergedProps = mergeProps(() => api().getViewportPositionerProps(viewportProps), localProps);
+  return createComponent(NavigationMenuViewportPropsProvider, {
+    value: viewportProps,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+// src/components/navigation-menu/navigation-menu.ts
+var navigation_menu_exports = {};
+__export(navigation_menu_exports, {
+  Arrow: () => NavigationMenuArrow,
+  Content: () => NavigationMenuContent,
+  Context: () => NavigationMenuContext,
+  Indicator: () => NavigationMenuIndicator,
+  Item: () => NavigationMenuItem,
+  ItemIndicator: () => NavigationMenuItemIndicator,
+  Link: () => NavigationMenuLink,
+  List: () => NavigationMenuList,
+  Root: () => NavigationMenuRoot,
+  RootProvider: () => NavigationMenuRootProvider,
+  Trigger: () => NavigationMenuTrigger,
+  Viewport: () => NavigationMenuViewport,
+  ViewportPositioner: () => NavigationMenuViewportPositioner
+});
+
+export { navigation_menu_exports as NavigationMenu, NavigationMenuArrow, NavigationMenuContent, NavigationMenuContext, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemIndicator, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuRootProvider, NavigationMenuTrigger, NavigationMenuViewport, NavigationMenuViewportPositioner, useNavigationMenu, useNavigationMenuContext };