@ui-sdk/vue 0.0.0-stage → 0.1.0-beta.1

package/dist/menubar.js

@@ -0,0 +1,48 @@
+// src/menubar.ts
+import {
+  menubar as menubarPrimitive
+} from "@ui-sdk/core/menubar";
+import { defineComponent, provide } from "vue";
+import { withElement } from "./create-parts.js";
+import { MenubarKey } from "./menubar-context.js";
+import {
+  optionalBoolean,
+  usePart,
+  usePrimitive
+} from "./use-primitive.js";
+import { createMenubarController } from "@ui-sdk/core/menubar";
+var Menubar = withElement(
+  "div",
+  defineComponent({
+    name: "Menubar",
+    inheritAttrs: false,
+    props: {
+      orientation: String,
+      loop: optionalBoolean,
+      disabled: optionalBoolean,
+      modal: {
+        type: [Boolean, String],
+        default: void 0
+      },
+      controller: Object,
+      debug: optionalBoolean
+    },
+    slots: Object,
+    setup(props) {
+      const menubar = usePrimitive(menubarPrimitive, () => ({
+        orientation: props.orientation,
+        loop: props.loop,
+        disabled: props.disabled,
+        modal: props.modal,
+        controller: props.controller,
+        debug: props.debug
+      }));
+      provide(MenubarKey, menubar);
+      return usePart(menubar, "root", void 0, void 0, "div");
+    }
+  })
+);
+export {
+  Menubar,
+  createMenubarController
+};

package/dist/meter.d.ts

@@ -0,0 +1,41 @@
+import { type PartSlots } from "./use-primitive.js";
+/**
+ * The root, which is the meter.
+ * @stable
+ */
+declare const Meter: import("./create-parts.js").ElementPart<new (props: Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/meter").MeterPrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, never> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps) => import("vue").CreateComponentPublicInstanceWithMixins<Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/meter").MeterPrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, never> & {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {}, import("vue").PublicProps, {}, false, {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/meter").MeterState>>, {}, {}, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/meter").MeterPrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, never> & {}, {}, {}, {}, {}, {}>, "div">;
+/**
+ * The rail the indicator fills.
+ * @stable
+ */
+declare const MeterTrack: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/meter").MeterState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/meter").MeterState>>>, "div">;
+/**
+ * The filled part of the track, as wide as the value.
+ * @stable
+ */
+declare const MeterIndicator: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/meter").MeterState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/meter").MeterState>>>, "div">;
+/**
+ * Names the meter.
+ * @stable
+ */
+declare const MeterLabel: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/meter").MeterState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/meter").MeterState>>>, "span">;
+/**
+ * The formatted value, like "40%". Content replaces it.
+ * @stable
+ */
+declare const MeterValue: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/meter").MeterValueState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/meter").MeterPrimitive, "value">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "span">;
+export type { MeterLabelDetails, MeterOptions, MeterPrimitive, MeterState, MeterValueState, NumberFormat, } from "@ui-sdk/core/meter";
+export { Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue };

package/dist/meter.js

@@ -0,0 +1,37 @@
+// src/meter.ts
+import { meter } from "@ui-sdk/core/meter";
+import { defineComponent } from "vue";
+import { slotContent } from "./children.js";
+import { createParts, withElement } from "./create-parts.js";
+import { usePart } from "./use-primitive.js";
+var parts = createParts(meter, {
+  root: "div",
+  track: "div",
+  indicator: "div",
+  label: "span"
+});
+var Meter = parts.Root;
+var MeterTrack = parts.Track;
+var MeterIndicator = parts.Indicator;
+var MeterLabel = parts.Label;
+var MeterValue = withElement(
+  "span",
+  defineComponent({
+    name: "MeterValue",
+    inheritAttrs: false,
+    slots: Object,
+    setup(_, { slots }) {
+      return usePart(meter, "value", void 0, void 0, {
+        tag: "span",
+        children: (state) => slotContent(slots.default, { state }) ?? state.text
+      });
+    }
+  })
+);
+export {
+  Meter,
+  MeterIndicator,
+  MeterLabel,
+  MeterTrack,
+  MeterValue
+};

package/dist/navigation-menu.d.ts

@@ -0,0 +1,228 @@
+import type { Anchor, ChangeDetails, Side } from "@ui-sdk/core";
+import { type NavigationMenuController, type NavigationMenuValueChangeReason } from "@ui-sdk/core/navigation-menu";
+import { type PropType } from "vue";
+import { type PartSlots } from "./use-primitive.js";
+type Details = ChangeDetails<NavigationMenuValueChangeReason>;
+/**
+ * A <nav> landmark. Inside another menu's content it's a nested menu, which
+ * renders a <div> and closes with its parent.
+ * @stable
+ */
+declare const NavigationMenu: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    closeDelay: NumberConstructor;
+    openOnHover: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    orientation: PropType<"horizontal" | "vertical">;
+    controller: PropType<NavigationMenuController>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuState<string>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (_value: string | null) => true;
+    "update:modelValue": (_value: string | null) => true;
+    valueChange: (_value: string | null, _details: Details) => true;
+    openChangeComplete: (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    delay: NumberConstructor;
+    closeDelay: NumberConstructor;
+    openOnHover: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    orientation: PropType<"horizontal" | "vertical">;
+    controller: PropType<NavigationMenuController>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_value: string | null) => any) | undefined;
+    onOpenChangeComplete?: ((_open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((_value: string | null) => any) | undefined;
+    onValueChange?: ((_value: string | null, _details: Details) => any) | undefined;
+}>, {
+    value: string | null;
+    debug: boolean;
+    defaultValue: string | null;
+    openOnHover: boolean;
+    closeOnSelect: boolean;
+    modelValue: string | null;
+}, PartSlots<import("@ui-sdk/core/navigation-menu").NavigationMenuPrimitive, "root">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "nav">;
+/**
+ * The list of top-level items.
+ * @stable
+ */
+declare const NavigationMenuList: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuListState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuListState>>>, "ul">;
+/**
+ * One item: a link, or a trigger and the content it opens.
+ * @stable
+ */
+declare const NavigationMenuItem: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuItemState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuItemState>>>, "li">;
+/**
+ * The button that opens its item's content. Resting the pointer on it opens the content too.
+ * @stable
+ */
+declare const NavigationMenuTrigger: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    disabled?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuTriggerState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    disabled?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuTriggerState>>>, "button">;
+/**
+ * Renders into the viewport while its item is open, as its own popup without
+ * a viewport, and in place while closed and kept.
+ * @stable
+ */
+declare const NavigationMenuContent: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    hiddenUntilFound: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    hiddenUntilFound: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    keepMounted: boolean;
+    hiddenUntilFound: boolean;
+}, PartSlots<import("@ui-sdk/core/navigation-menu").NavigationMenuPrimitive, "content">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * A link. Pressing it closes the menu, and `current` marks the current page with `aria-current="page"`.
+ * @stable
+ */
+declare const NavigationMenuLink: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    current?: boolean;
+    closeOnSelect?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuLinkState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    current?: boolean;
+    closeOnSelect?: boolean;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuLinkState>>>, "a">;
+/**
+ * An icon inside a link. Screen readers skip it, and `mirror` flips it in
+ * right-to-left text.
+ * @stable
+ */
+declare const NavigationMenuLinkIcon: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/renderer").ItemIconProps & {
+    item?: string;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<{
+    mirror: boolean;
+}>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/renderer").ItemIconProps & {
+    item?: string;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<{
+    mirror: boolean;
+}>>>, "span">;
+/**
+ * The one popup every content renders into. It takes the open content's size
+ * as --viewport-width and --viewport-height, and moves to the open trigger.
+ * @stable
+ */
+declare const NavigationMenuViewport: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    side: PropType<Side>;
+    align: PropType<"start" | "center" | "end">;
+    sideOffset: NumberConstructor;
+    alignOffset: NumberConstructor;
+    collisionPadding: NumberConstructor;
+    arrowPadding: NumberConstructor;
+    anchor: PropType<Anchor | string | null>;
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/navigation-menu").NavigationMenuPrimitive, "viewport">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * Sits under the open trigger, or under the link with `current` while every panel is closed. Screen readers
+ * skip it.
+ * @stable
+ */
+declare const NavigationMenuIndicator: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuIndicatorState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/navigation-menu").NavigationMenuIndicatorState>>>, "div">;
+export { createNavigationMenuController } from "@ui-sdk/core/navigation-menu";
+export type { NavigationMenuApi, NavigationMenuChangeOptions, NavigationMenuContentProps, NavigationMenuContentState, NavigationMenuController, NavigationMenuIndicatorState, NavigationMenuItemProps, NavigationMenuItemState, NavigationMenuLinkIconProps, NavigationMenuLinkIconState, NavigationMenuLinkProps, NavigationMenuLinkState, NavigationMenuListState, NavigationMenuMotion, NavigationMenuOptions, NavigationMenuOrientation, NavigationMenuPrimitive, NavigationMenuState, NavigationMenuTriggerProps, NavigationMenuTriggerState, NavigationMenuValueChangeReason, NavigationMenuViewportProps, NavigationMenuViewportState, } from "@ui-sdk/core/navigation-menu";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuLinkIcon, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, };

package/dist/navigation-menu.js

@@ -0,0 +1,195 @@
+// src/navigation-menu.ts
+import {
+  navigationMenu as navigationMenuPrimitive
+} from "@ui-sdk/core/navigation-menu";
+import {
+  Teleport,
+  defineComponent,
+  h,
+  inject,
+  provide
+} from "vue";
+import {
+  containerProp,
+  renderPopup,
+  usePopupContainer
+} from "./popup.js";
+import { createParts, withElement } from "./create-parts.js";
+import {
+  optionalBoolean,
+  orModel,
+  useHandle,
+  usePart,
+  usePrimitive,
+  useScope
+} from "./use-primitive.js";
+import { createNavigationMenuController } from "@ui-sdk/core/navigation-menu";
+var ContainerKey = /* @__PURE__ */ Symbol(
+  "navigation-menu-container"
+);
+var useNavigationMenu = () => useHandle(navigationMenuPrimitive);
+var useItemValue = () => {
+  const item = useScope(navigationMenuPrimitive)?.around.item;
+  return () => item?.().value;
+};
+function useItem(part) {
+  const value = useItemValue();
+  if (value() == null) {
+    throw new Error(
+      `<NavigationMenu${part}> must be used inside <NavigationMenuItem>.`
+    );
+  }
+  return value;
+}
+var parts = createParts(navigationMenuPrimitive, {
+  list: "ul",
+  item: "li",
+  trigger: "button",
+  link: "a",
+  "link-icon": "span",
+  indicator: "div"
+});
+var placementProps = {
+  side: String,
+  align: String,
+  sideOffset: Number,
+  alignOffset: Number,
+  collisionPadding: Number,
+  arrowPadding: Number,
+  anchor: [Object, String],
+  // Renders the popup into this element instead of in place.
+  container: containerProp
+};
+var NavigationMenu = withElement(
+  "nav",
+  defineComponent({
+    name: "NavigationMenu",
+    inheritAttrs: false,
+    props: {
+      value: { type: String, default: void 0 },
+      modelValue: {
+        type: String,
+        default: void 0
+      },
+      defaultValue: {
+        type: String,
+        default: void 0
+      },
+      delay: Number,
+      closeDelay: Number,
+      openOnHover: optionalBoolean,
+      closeOnSelect: optionalBoolean,
+      orientation: String,
+      controller: Object,
+      debug: optionalBoolean,
+      container: containerProp
+    },
+    emits: {
+      "update:value": (_value) => true,
+      "update:modelValue": (_value) => true,
+      valueChange: (_value, _details) => true,
+      openChangeComplete: (_open) => true
+    },
+    slots: Object,
+    setup(props, { emit }) {
+      const parentMenu = useScope(navigationMenuPrimitive)?.handle;
+      const parentItem = useItemValue()() ?? null;
+      const parent = parentMenu && parentItem !== null ? { api: parentMenu.api, item: parentItem } : void 0;
+      const menu = usePrimitive(navigationMenuPrimitive, () => ({
+        value: orModel(props.value, props.modelValue),
+        defaultValue: props.defaultValue,
+        delay: props.delay,
+        closeDelay: props.closeDelay,
+        openOnHover: props.openOnHover,
+        closeOnSelect: props.closeOnSelect,
+        orientation: props.orientation,
+        controller: props.controller,
+        debug: props.debug,
+        parent,
+        onValueChange: (value, details) => {
+          emit("valueChange", value, details);
+          if (details.canceled) {
+            return;
+          }
+          emit("update:value", value);
+          emit("update:modelValue", value);
+        },
+        onOpenChangeComplete: (open) => emit("openChangeComplete", open)
+      }));
+      provide(ContainerKey, () => props.container);
+      return usePart(menu, "root", void 0, void 0, parent ? "div" : "nav");
+    }
+  })
+);
+var NavigationMenuList = parts.List;
+var NavigationMenuItem = parts.Item;
+var NavigationMenuTrigger = parts.Trigger;
+var NavigationMenuContent = withElement(
+  "div",
+  defineComponent({
+    name: "NavigationMenuContent",
+    inheritAttrs: false,
+    props: {
+      ...placementProps,
+      keepMounted: optionalBoolean,
+      hiddenUntilFound: optionalBoolean
+    },
+    slots: Object,
+    setup(props) {
+      const menu = useNavigationMenu();
+      const value = useItem("Content");
+      const fromRoot = inject(ContainerKey, () => void 0);
+      const target = usePopupContainer(() => props.container ?? fromRoot());
+      const content = () => {
+        const { container, ...rest } = props;
+        return { ...rest, value: value() };
+      };
+      const part = usePart(menu, "content", content);
+      return () => {
+        const element = part();
+        if (!element) {
+          return null;
+        }
+        const viewport = menu.api.internal.viewportElement();
+        if (viewport && menu.api.internal.inViewport(value())) {
+          return h(Teleport, { to: viewport }, [element]);
+        }
+        return menu.state.viewport ? element : renderPopup(element, target());
+      };
+    }
+  })
+);
+var NavigationMenuLink = parts.Link;
+var NavigationMenuLinkIcon = parts.LinkIcon;
+var NavigationMenuViewport = withElement(
+  "div",
+  defineComponent({
+    name: "NavigationMenuViewport",
+    inheritAttrs: false,
+    props: { ...placementProps },
+    slots: Object,
+    setup(props) {
+      const fromRoot = inject(ContainerKey, () => void 0);
+      const target = usePopupContainer(() => props.container ?? fromRoot());
+      const viewport = () => {
+        const { container, ...rest } = props;
+        return rest;
+      };
+      const part = usePart(navigationMenuPrimitive, "viewport", viewport);
+      return () => renderPopup(part(), target());
+    }
+  })
+);
+var NavigationMenuIndicator = parts.Indicator;
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuLinkIcon,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  createNavigationMenuController
+};