@wirekyt/svelte 0.0.1 → 0.0.2

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

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [MenuItemProvider, useMenuItemContext] = createContext({
+    name: "MenuItemContext",
+    hookName: "useMenuItemContext",
+    providerName: "<MenuItemProvider />",
+});

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

@@ -0,0 +1,11 @@
+import type { Accessor } from "../../core";
+export interface ValueChangeDetails {
+    value: string;
+}
+export interface UseMenuItemGroupContext extends Accessor<{
+    id: string;
+    value?: string;
+    onValueChange?: (e: ValueChangeDetails) => void;
+}> {
+}
+export declare const MenuItemGroupProvider: (opts: UseMenuItemGroupContext) => void, useMenuItemGroupContext: (fallback?: UseMenuItemGroupContext | undefined) => UseMenuItemGroupContext;

package/dist/components/menu/use-item-group-context.js

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [MenuItemGroupProvider, useMenuItemGroupContext] = createContext({
+    name: "MenuItemGroupContext",
+    hookName: "useMenuItemGroupContext",
+    providerName: "<MenuItemGroupProvider />",
+});

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

@@ -0,0 +1,4 @@
+import type { Accessor } from "../../core";
+import type { Service } from "@wirekyt/dom/machines/menu";
+export type UseMenuMachineContext = Accessor<Service | undefined>;
+export declare const MenuMachineProvider: (opts: UseMenuMachineContext) => void, useMenuMachineContext: (fallback?: UseMenuMachineContext | undefined) => UseMenuMachineContext;

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

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils";
+export const [MenuMachineProvider, useMenuMachineContext] = createContext({
+    name: "MenuMachineContext",
+    hookName: "useMenuMachineContext",
+    providerName: "<MenuMachineProvider />",
+    strict: false,
+});

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

@@ -0,0 +1,3 @@
+import type { Accessor } from "../../core";
+import type { ItemBaseProps } from "@wirekyt/dom/machines/menu";
+export declare const MenuItemPropsProvider: (opts: Accessor<ItemBaseProps>) => void, useMenuItemPropsContext: (fallback?: Accessor<ItemBaseProps> | undefined) => Accessor<ItemBaseProps>;

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

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [MenuItemPropsProvider, useMenuItemPropsContext] = createContext({
+    name: "MenuItemPropsContext",
+    hookName: "useMenuItemPropsContext",
+    providerName: "<MenuItemPropsProvider />",
+});

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

@@ -0,0 +1,4 @@
+import type { PropTypes } from "../../core";
+import type * as menu from "@wirekyt/dom/machines/menu";
+export type UseMenuTriggerItemContext = () => ReturnType<menu.Api<PropTypes>["getTriggerItemProps"]> | undefined;
+export declare const MenuTriggerItemProvider: (opts: UseMenuTriggerItemContext) => void, useMenuTriggerItemContext: (fallback?: UseMenuTriggerItemContext | undefined) => UseMenuTriggerItemContext;

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

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils";
+export const [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext({
+    name: "MenuTriggerItemContext",
+    hookName: "useMenuTriggerItemContext",
+    providerName: "<MenuTriggerItemProvider />",
+    strict: false,
+});

package/dist/components/menu/use.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Accessor, Optional } from "../../core";
+import { type PropTypes } from "../../core";
+import * as menu from "@wirekyt/dom/machines/menu";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+export interface UseMenuProps extends Optional<Omit<menu.Props, "dir" | "getRootNode">, "id"> {
+}
+export interface UseMenuReturn extends Accessor<{
+    api: menu.Api<PropTypes>;
+    service: menu.Service;
+}> {
+}
+export declare const useMenu: (props?: MaybeFunction<UseMenuProps>) => UseMenuReturn;

package/dist/components/menu/use.svelte.js

@@ -0,0 +1,20 @@
+import { normalizeProps, useMachine } from "../../core";
+import { useEnvironmentContext } from "../../providers";
+import { useLocaleContext } from "../../providers";
+import * as menu from "@wirekyt/dom/machines/menu";
+import { runIfFn } from "@wirekyt/dom/utils";
+export const useMenu = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(menu.machine, () => machineProps);
+    const api = $derived(menu.connect(service, normalizeProps));
+    return () => ({ api, service });
+};

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

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from "@wirekyt/dom/machines/navigation-menu";

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

@@ -0,0 +1 @@
+export { anatomy as navigationMenuAnatomy } from "@wirekyt/dom/machines/navigation-menu";

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface NavigationMenuArrowBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface NavigationMenuArrowProps extends Assign<
+    HTMLProps<"div">,
+    NavigationMenuArrowBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useNavigationMenuContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuArrowProps = $props();
+
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = $derived(mergeProps(navigationMenu().getArrowProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface NavigationMenuArrowBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface NavigationMenuArrowProps extends Assign<HTMLProps<"div">, NavigationMenuArrowBaseProps> {
+}
+declare const Arrow: import("svelte").Component<NavigationMenuArrowProps, {}, "ref">;
+type Arrow = ReturnType<typeof Arrow>;
+export default Arrow;

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

@@ -0,0 +1,72 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ContentProps } from "@wirekyt/dom/machines/navigation-menu";
+
+  export interface NavigationMenuContentBaseProps
+    extends Partial<ContentProps>, PolymorphicProps<"div">, RefAttribute {}
+  export interface NavigationMenuContentProps extends Assign<
+    HTMLProps<"div">,
+    NavigationMenuContentBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import type { RequiredBy } from "@wirekyt/dom/types";
+
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+  import { useRenderStrategyPropsContext } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { Portal } from "../portal";
+  import { usePresence } from "../presence";
+  import { useNavigationMenuContext } from "./use-context";
+  import { useNavigationMenuItemPropsContext } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuContentProps = $props();
+
+  const splitContentProps = createSplitProps<ContentProps>();
+
+  const navigationMenu = useNavigationMenuContext();
+  const itemContext = useNavigationMenuItemPropsContext();
+
+  const value = $derived(props.value ?? itemContext()?.value);
+
+  const combinedProps = $derived(
+    mergeProps(props, { value }) as RequiredBy<NavigationMenuContentProps, "value">,
+  );
+  const [contentProps, localProps] = $derived(splitContentProps(combinedProps, ["value"]));
+
+  const renderStrategyProps = useRenderStrategyPropsContext();
+
+  const presence = usePresence(() => ({
+    ...renderStrategyProps(),
+    present: navigationMenu().value === value,
+  }));
+
+  const mergedProps = $derived(
+    mergeProps(
+      navigationMenu().getContentProps(contentProps),
+      presence().getPresenceProps(),
+      localProps,
+    ),
+  );
+
+  const viewportNode = $derived(navigationMenu().getViewportNode());
+
+  function setNode(node: Element | null) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if navigationMenu().isViewportRendered && viewportNode}
+  <div {...navigationMenu().getViewportProxyProps(contentProps)}></div>
+  <div {...navigationMenu().getTriggerProxyProps(contentProps)}></div>
+  <Portal container={viewportNode}>
+    {#if !presence().unmounted}
+      <Wire as="div" bind:ref {...mergedProps} {@attach setNode} />
+    {/if}
+  </Portal>
+{:else if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ContentProps } from "@wirekyt/dom/machines/navigation-menu";
+export interface NavigationMenuContentBaseProps extends Partial<ContentProps>, PolymorphicProps<"div">, RefAttribute {
+}
+export interface NavigationMenuContentProps extends Assign<HTMLProps<"div">, NavigationMenuContentBaseProps> {
+}
+declare const Content: import("svelte").Component<NavigationMenuContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UseNavigationMenuContext } from "./use-context";
+
+  export interface NavigationMenuContextProps {
+    render?: Snippet<[UseNavigationMenuContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useNavigationMenuContext } from "./use-context";
+
+  const { render }: NavigationMenuContextProps = $props();
+
+  const context = useNavigationMenuContext();
+</script>
+
+{@render render?.(context)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+import type { UseNavigationMenuContext } from "./use-context";
+export interface NavigationMenuContextProps {
+    render?: Snippet<[UseNavigationMenuContext]>;
+}
+declare const Context: import("svelte").Component<NavigationMenuContextProps, {}, "">;
+type Context = ReturnType<typeof Context>;
+export default Context;

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

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

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

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

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

@@ -0,0 +1,38 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface NavigationMenuIndicatorProps extends Assign<
+    HTMLProps<"div">,
+    NavigationMenuIndicatorBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { useRenderStrategyPropsContext } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { usePresence } from "../presence";
+  import { useNavigationMenuContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuIndicatorProps = $props();
+
+  const navigationMenu = useNavigationMenuContext();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+  const presence = usePresence(() => ({
+    ...renderStrategyProps(),
+    present: navigationMenu().open,
+  }));
+  const mergedProps = $derived(
+    mergeProps(navigationMenu().getIndicatorProps(), presence().getPresenceProps(), props),
+  );
+
+  function setNode(node: Element | null) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface NavigationMenuIndicatorBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface NavigationMenuIndicatorProps extends Assign<HTMLProps<"div">, NavigationMenuIndicatorBaseProps> {
+}
+declare const Indicator: import("svelte").Component<NavigationMenuIndicatorProps, {}, "ref">;
+type Indicator = ReturnType<typeof Indicator>;
+export default Indicator;

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

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface NavigationMenuItemIndicatorBaseProps
+    extends PolymorphicProps<"div">, RefAttribute {}
+  export interface NavigationMenuItemIndicatorProps extends Assign<
+    HTMLProps<"div">,
+    NavigationMenuItemIndicatorBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useNavigationMenuContext } from "./use-context";
+  import { useNavigationMenuItemPropsContext } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuItemIndicatorProps = $props();
+
+  const navigationMenu = useNavigationMenuContext();
+  const itemProps = useNavigationMenuItemPropsContext();
+
+  const mergedProps = $derived(
+    mergeProps(navigationMenu().getItemIndicatorProps(itemProps()), props),
+  );
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface NavigationMenuItemIndicatorBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface NavigationMenuItemIndicatorProps extends Assign<HTMLProps<"div">, NavigationMenuItemIndicatorBaseProps> {
+}
+declare const ItemIndicator: import("svelte").Component<NavigationMenuItemIndicatorProps, {}, "ref">;
+type ItemIndicator = ReturnType<typeof ItemIndicator>;
+export default ItemIndicator;

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

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ItemProps } from "@wirekyt/dom/machines/navigation-menu";
+
+  export interface NavigationMenuItemBaseProps
+    extends ItemProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface NavigationMenuItemProps extends Assign<
+    HTMLProps<"div">,
+    NavigationMenuItemBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useNavigationMenuContext } from "./use-context";
+  import { NavigationMenuItemPropsProvider } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuItemProps = $props();
+  const splitItemProps = createSplitProps<ItemProps>();
+  const [itemProps, localProps] = $derived(splitItemProps(props, ["disabled", "value"]));
+
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = $derived(mergeProps(navigationMenu().getItemProps(itemProps), localProps));
+
+  NavigationMenuItemPropsProvider(() => itemProps);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ItemProps } from "@wirekyt/dom/machines/navigation-menu";
+export interface NavigationMenuItemBaseProps extends ItemProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface NavigationMenuItemProps extends Assign<HTMLProps<"div">, NavigationMenuItemBaseProps> {
+}
+declare const Item: import("svelte").Component<NavigationMenuItemProps, {}, "ref">;
+type Item = ReturnType<typeof Item>;
+export default Item;

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

@@ -0,0 +1,40 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { LinkProps } from "@wirekyt/dom/machines/navigation-menu";
+
+  export interface NavigationMenuLinkBaseProps
+    extends Partial<LinkProps>, PolymorphicProps<"a">, RefAttribute {}
+  export interface NavigationMenuLinkProps extends Assign<
+    HTMLProps<"a">,
+    NavigationMenuLinkBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import type { RequiredBy } from "@wirekyt/dom/types";
+
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useNavigationMenuContext } from "./use-context";
+  import { useNavigationMenuItemPropsContext } from "./use-item-props-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuLinkProps = $props();
+
+  const itemContext = useNavigationMenuItemPropsContext();
+  const value = $derived(props.value ?? itemContext?.()?.value);
+  const combinedProps = $derived(
+    mergeProps(props, { value }) as RequiredBy<NavigationMenuLinkProps, "value">,
+  );
+
+  const splitLinkProps = createSplitProps<LinkProps>();
+  const [linkProps, localProps] = $derived(
+    splitLinkProps(combinedProps, ["current", "onSelect", "value", "closeOnClick"]),
+  );
+
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = $derived(mergeProps(navigationMenu().getLinkProps(linkProps), localProps));
+</script>
+
+<Wire as="a" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { LinkProps } from "@wirekyt/dom/machines/navigation-menu";
+export interface NavigationMenuLinkBaseProps extends Partial<LinkProps>, PolymorphicProps<"a">, RefAttribute {
+}
+export interface NavigationMenuLinkProps extends Assign<HTMLProps<"a">, NavigationMenuLinkBaseProps> {
+}
+declare const Link: import("svelte").Component<NavigationMenuLinkProps, {}, "ref">;
+type Link = ReturnType<typeof Link>;
+export default Link;

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface NavigationMenuListBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface NavigationMenuListProps extends Assign<
+    HTMLProps<"div">,
+    NavigationMenuListBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useNavigationMenuContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuListProps = $props();
+
+  const navigationMenu = useNavigationMenuContext();
+  const mergedProps = $derived(mergeProps(navigationMenu().getListProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface NavigationMenuListBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface NavigationMenuListProps extends Assign<HTMLProps<"div">, NavigationMenuListBaseProps> {
+}
+declare const List: import("svelte").Component<NavigationMenuListProps, {}, "ref">;
+type List = ReturnType<typeof List>;
+export default List;

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

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

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

@@ -0,0 +1,13 @@
+export { default as Arrow, } from "./arrow.svelte";
+export { default as Content, } from "./content.svelte";
+export { default as Context, } from "./context.svelte";
+export { default as Indicator, } from "./indicator.svelte";
+export { default as Item, } from "./item.svelte";
+export { default as ItemIndicator, } from "./item-indicator.svelte";
+export { default as Link, } from "./link.svelte";
+export { default as List, } from "./list.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Trigger, } from "./trigger.svelte";
+export { default as Viewport, } from "./viewport.svelte";
+export { default as ViewportPositioner, } from "./viewport-positioner.svelte";

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

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UsePresenceProps } from "../presence";
+  import type { UseNavigationMenuReturn } from "./use.svelte";
+
+  interface RootProviderProps {
+    value: UseNavigationMenuReturn;
+  }
+
+  export interface NavigationMenuRootProviderBaseProps
+    extends RootProviderProps, PolymorphicProps<"nav">, UsePresenceProps, RefAttribute {}
+
+  export interface NavigationMenuRootProviderProps extends Assign<
+    HTMLProps<"nav">,
+    NavigationMenuRootProviderBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { RenderStrategyPropsProvider, splitRenderStrategyProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { NavigationMenuProvider } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: NavigationMenuRootProviderProps = $props();
+
+  const [renderStrategyProps, localProps] = $derived(splitRenderStrategyProps(props));
+
+  const mergedProps = $derived(mergeProps(props.value().getRootProps(), localProps));
+
+  NavigationMenuProvider(() => props.value());
+  RenderStrategyPropsProvider(() => renderStrategyProps);
+</script>
+
+<Wire as="nav" bind:ref {...mergedProps} />

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

@@ -0,0 +1,13 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { UsePresenceProps } from "../presence";
+import type { UseNavigationMenuReturn } from "./use.svelte";
+interface RootProviderProps {
+    value: UseNavigationMenuReturn;
+}
+export interface NavigationMenuRootProviderBaseProps extends RootProviderProps, PolymorphicProps<"nav">, UsePresenceProps, RefAttribute {
+}
+export interface NavigationMenuRootProviderProps extends Assign<HTMLProps<"nav">, NavigationMenuRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<NavigationMenuRootProviderProps, {}, "ref">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;