@wow-two-beta/ui-vue 0.0.2

package/dist/presentation/nav/menu/Menu.variants.d.ts

@@ -0,0 +1,61 @@
+import { VariantProps } from '../../../foundation/utils';
+import { TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+export declare const menuVariants: TVReturnType<{} | {} | {}, undefined, "flex min-w-[8rem] flex-col gap-0.5 rounded-md border border-border bg-popover p-1 text-sm text-popover-foreground shadow-md outline-none", TVConfig<unknown, {} | {}>, {} | {}, undefined, TVReturnType<unknown, undefined, "flex min-w-[8rem] flex-col gap-0.5 rounded-md border border-border bg-popover p-1 text-sm text-popover-foreground shadow-md outline-none", TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const menuItemVariants: TVReturnType<{
+    state: {
+        default: string;
+        destructive: string;
+        disabled: string;
+    };
+}, undefined, "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors focus:bg-muted focus:text-foreground hover:bg-muted hover:text-foreground", TVConfig<{
+    state: {
+        default: string;
+        destructive: string;
+        disabled: string;
+    };
+}, {
+    state: {
+        default: string;
+        destructive: string;
+        disabled: string;
+    };
+}>, {
+    state: {
+        default: string;
+        destructive: string;
+        disabled: string;
+    };
+}, undefined, TVReturnType<{
+    state: {
+        default: string;
+        destructive: string;
+        disabled: string;
+    };
+}, undefined, "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none transition-colors focus:bg-muted focus:text-foreground hover:bg-muted hover:text-foreground", TVConfig<{
+    state: {
+        default: string;
+        destructive: string;
+        disabled: string;
+    };
+}, {
+    state: {
+        default: string;
+        destructive: string;
+        disabled: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const menuLabelVariants: TVReturnType<{} | {} | {}, undefined, "px-2 py-1.5 text-xs font-semibold text-muted-foreground", TVConfig<unknown, {} | {}>, {} | {}, undefined, TVReturnType<unknown, undefined, "px-2 py-1.5 text-xs font-semibold text-muted-foreground", TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const menuSeparatorVariants: TVReturnType<{} | {} | {}, undefined, "-mx-1 my-1 h-px bg-border", TVConfig<unknown, {} | {}>, {} | {}, undefined, TVReturnType<unknown, undefined, "-mx-1 my-1 h-px bg-border", TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export type MenuVariants = VariantProps<typeof menuVariants>;
+export type MenuItemVariants = VariantProps<typeof menuItemVariants>;
+/** Defines the visual state of a menu item. */
+export declare const MenuItemState: {
+    /** Refers to the default, neutral item. */
+    readonly Default: "default";
+    /** Refers to a destructive item (e.g. delete). */
+    readonly Destructive: "destructive";
+    /** Refers to a non-interactive, dimmed item. */
+    readonly Disabled: "disabled";
+};
+export type MenuItemState = (typeof MenuItemState)[keyof typeof MenuItemState];

package/dist/presentation/nav/menu/Menu.vue.d.ts

@@ -0,0 +1,65 @@
+import { Placement } from '@floating-ui/vue';
+import { SurfaceElevation, SurfacePadding, SurfaceRadius, SurfaceTone, SurfaceVariant } from '../../../foundation/utils';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * Represents the prop surface of `Menu`.
+ *
+ * React declared the surface axes by `extends SurfaceVariants`; they are
+ * spelled out here because the SFC compiler's type resolver cannot follow a
+ * `VariantProps<typeof …>` base and fails the build on it. The aliases below
+ * are the canonical ones from `foundation/utils`, already locked against the
+ * `surfaceVariants` config there, so the two cannot drift. `placement` is
+ * `Placement` for the same reason — React read it back off `AnchoredPositioner`
+ * with an indexed access, which the resolver cannot follow either.
+ *
+ * The accessible label is *not* a prop: a declared `'aria-label'` arrives as
+ * `props.ariaLabel` and never renders. It stays a fallthrough attr and lands on
+ * the menu surface through `v-bind="rest"` below.
+ */
+export interface MenuProps {
+    /** The open state, controlled. The React name; `isOpen` is the house spelling and `open` wins when both are set. */
+    open?: boolean;
+    /** The open state, controlled — the house spelling of `open`. */
+    isOpen?: boolean;
+    /** The element the surface anchors to. */
+    anchor: HTMLElement | null;
+    /** The Floating UI placement. Default `bottom-start`. */
+    placement?: Placement;
+    /** The distance between anchor and surface in px. Default 6. */
+    offset?: number;
+    /** The visual recipe. Default `surface`. */
+    variant?: SurfaceVariant;
+    /** The color tone the recipe is tinted with. */
+    tone?: SurfaceTone;
+    /** The corner rounding. Default `md`. */
+    radius?: SurfaceRadius;
+    /** The inner spacing step. Default `xs`. */
+    padding?: SurfacePadding;
+    /** The shadow depth. */
+    elevation?: SurfaceElevation;
+}
+declare const _default: __VLS_WithSlots< DefineComponent<MenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<MenuProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    open: boolean;
+    padding: SurfacePadding;
+    tone: SurfaceTone;
+    variant: SurfaceVariant;
+    radius: SurfaceRadius;
+    elevation: SurfaceElevation;
+    offset: number;
+    placement: Placement;
+    isOpen: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menu/MenuContext.d.ts

@@ -0,0 +1,25 @@
+import { InjectionKey } from 'vue';
+/** One registered `MenuItem` — the unit the arrow-key walk moves across. */
+export interface MenuItemEntry {
+    id: string;
+    el: HTMLButtonElement | null;
+    disabled: boolean;
+}
+/**
+ * The seam between `Menu` and its `MenuItem` / `MenuGroup` / `MenuLabel` /
+ * `MenuSeparator` children.
+ *
+ * React attached these as `Menu.Item` / `.Group` / … over a `createContext`. An
+ * SFC's generated default export cannot carry statics cleanly, so they ship as
+ * sibling components and share state through provide/inject instead.
+ */
+export interface MenuContextValue {
+    registerItem: (entry: MenuItemEntry) => void;
+    unregisterItem: (id: string) => void;
+    /** The live registry — a plain array, read imperatively, exactly as React's `useRef` list was. */
+    items: Array<MenuItemEntry>;
+    /** Closes the menu. React's `onClose`; the root re-emits it. */
+    close: () => void;
+}
+export declare const MenuKey: InjectionKey<MenuContextValue>;
+export declare function useMenuContext(): MenuContextValue;

package/dist/presentation/nav/menu/MenuGroup.vue.d.ts

@@ -0,0 +1,19 @@
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface MenuGroupProps {
+    /** The group heading. React typed this `ReactNode`; the scalar form is the prop and `#label` is the rich override. */
+    label?: string | number;
+}
+declare const _default: __VLS_WithSlots< DefineComponent<MenuGroupProps, {
+    el: Readonly< ShallowRef<HTMLDivElement | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    /** The grouped items — React's `children`. */
+    default(): unknown;
+    /** The rich override for the `label` prop. */
+    label?(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menu/MenuItem.vue.d.ts

@@ -0,0 +1,33 @@
+import { MenuItemState } from './Menu.variants';
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * Represents the prop surface of `MenuItem`.
+ *
+ * React declared `extends Omit<MenuItemVariants, 'state'>`; `state` is the only
+ * axis `menuItemVariants` carries, so the heritage contributed nothing and is
+ * dropped — a `VariantProps<…>` base is unresolvable to the SFC compiler anyway.
+ */
+export interface MenuItemProps {
+    /** The visual state of the item. */
+    state?: MenuItemState;
+    /** The disabled state — blocks activation. */
+    isDisabled?: boolean;
+}
+declare const _default: __VLS_WithSlots< DefineComponent<MenuItemProps, {
+    el: ShallowRef<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: () => any;
+}, string, PublicProps, Readonly<MenuItemProps> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {
+    isDisabled: boolean;
+    state: MenuItemState;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menu/MenuLabel.vue.d.ts

@@ -0,0 +1,20 @@
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * The prop surface of `MenuLabel`.
+ *
+ * React declared `HTMLAttributes<HTMLDivElement>`; attributes reach the root
+ * through `useAttrs` here and `children` is the default slot, which leaves no
+ * declared prop.
+ */
+export type MenuLabelProps = Record<string, never>;
+declare const _default: __VLS_WithSlots< DefineComponent<{}, {
+    el: Readonly< ShallowRef<HTMLDivElement | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menu/MenuSeparator.vue.d.ts

@@ -0,0 +1,12 @@
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * The prop surface of `MenuSeparator`.
+ *
+ * React declared `HTMLAttributes<HTMLDivElement>`; attributes reach the root
+ * through `useAttrs` here, which leaves no declared prop.
+ */
+export type MenuSeparatorProps = Record<string, never>;
+declare const _default: DefineComponent<{}, {
+    el: Readonly< ShallowRef<HTMLDivElement | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/presentation/nav/menu/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Menu, type MenuProps } from './Menu.vue';
+export { default as MenuItem, type MenuItemProps } from './MenuItem.vue';
+export { default as MenuGroup, type MenuGroupProps } from './MenuGroup.vue';
+export { default as MenuLabel } from './MenuLabel.vue';
+export { default as MenuSeparator } from './MenuSeparator.vue';
+export { MenuKey, useMenuContext, type MenuContextValue, type MenuItemEntry } from './MenuContext';
+export { menuVariants, menuItemVariants, menuLabelVariants, menuSeparatorVariants, MenuItemState, type MenuVariants, type MenuItemVariants, } from './Menu.variants';

package/dist/presentation/nav/menubar/Menubar.variants.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from '../../../foundation/utils';
+import { TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+export declare const menubarVariants: TVReturnType<{} | {} | {}, undefined, "flex items-center gap-1 rounded-md border border-border bg-background p-1", TVConfig<unknown, {} | {}>, {} | {}, undefined, TVReturnType<unknown, undefined, "flex items-center gap-1 rounded-md border border-border bg-background p-1", TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const menubarTriggerVariants: TVReturnType<{} | {} | {}, undefined, "inline-flex select-none items-center rounded-sm px-3 py-1 text-sm font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted data-[state=open]:bg-muted", TVConfig<unknown, {} | {}>, {} | {}, undefined, TVReturnType<unknown, undefined, "inline-flex select-none items-center rounded-sm px-3 py-1 text-sm font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted data-[state=open]:bg-muted", TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export type MenubarVariants = VariantProps<typeof menubarVariants>;

package/dist/presentation/nav/menubar/Menubar.vue.d.ts

@@ -0,0 +1,274 @@
+import { DefineComponent, ShallowRef, ComponentInternalInstance, ClassValue, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties, PublicProps } from 'vue';
+import { Orientation, RovingFocusGroupProps } from '../../../foundation/primitives';
+import { OnCleanup } from '@vue/reactivity';
+/**
+ * The prop surface of `Menubar`.
+ *
+ * React declared `extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>`;
+ * attributes reach the root through `useAttrs` here, which leaves the active-menu
+ * value pair. React's `onValueChange` is the `value-change` emit.
+ */
+export interface MenubarProps {
+    /** The id of the currently-open menu, or `null` if none. Controlled. */
+    value?: string | null;
+    /** The initially-open menu id when uncontrolled. Default `null`. */
+    defaultValue?: string | null;
+}
+declare const _default: __VLS_WithSlots< DefineComponent<MenubarProps, {
+    el: Readonly< ShallowRef<({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly orientation?: Orientation | undefined;
+            readonly canLoop?: boolean | undefined;
+            readonly innerHTML?: string | undefined | undefined;
+            readonly class?: ClassValue;
+            readonly style?: StyleValue;
+            readonly accesskey?: string | undefined | undefined;
+            readonly contenteditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+            readonly contextmenu?: string | undefined | undefined;
+            readonly dir?: string | undefined | undefined;
+            readonly draggable?: (boolean | "false" | "true") | undefined;
+            readonly enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+            readonly enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
+            readonly hidden?: "" | "hidden" | (boolean | "false" | "true") | "until-found" | undefined;
+            readonly id?: string | undefined | undefined;
+            readonly inert?: (boolean | "false" | "true") | undefined;
+            readonly lang?: string | undefined | undefined;
+            readonly placeholder?: string | undefined | undefined;
+            readonly spellcheck?: (boolean | "false" | "true") | undefined;
+            readonly tabindex?: (string | number) | undefined;
+            readonly title?: string | undefined | undefined;
+            readonly translate?: "yes" | "no" | undefined | undefined;
+            readonly radiogroup?: string | undefined | undefined;
+            readonly role?: string | undefined | undefined;
+            readonly about?: string | undefined | undefined;
+            readonly datatype?: string | undefined | undefined;
+            readonly inlist?: any;
+            readonly prefix?: string | undefined | undefined;
+            readonly property?: string | undefined | undefined;
+            readonly resource?: string | undefined | undefined;
+            readonly typeof?: string | undefined | undefined;
+            readonly vocab?: string | undefined | undefined;
+            readonly autocapitalize?: string | undefined | undefined;
+            readonly autocorrect?: string | undefined | undefined;
+            readonly autosave?: string | undefined | undefined;
+            readonly color?: string | undefined | undefined;
+            readonly itemprop?: string | undefined | undefined;
+            readonly itemscope?: (boolean | "false" | "true") | undefined;
+            readonly itemtype?: string | undefined | undefined;
+            readonly itemid?: string | undefined | undefined;
+            readonly itemref?: string | undefined | undefined;
+            readonly results?: (string | number) | undefined;
+            readonly security?: string | undefined | undefined;
+            readonly unselectable?: "on" | "off" | undefined | undefined;
+            readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+            readonly is?: string | undefined | undefined;
+            readonly exportparts?: string | undefined;
+            readonly part?: string | undefined;
+            readonly 'aria-activedescendant'?: string | undefined | undefined;
+            readonly 'aria-atomic'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
+            readonly 'aria-busy'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-checked'?: "mixed" | (boolean | "false" | "true") | undefined;
+            readonly 'aria-colcount'?: (string | number) | undefined;
+            readonly 'aria-colindex'?: (string | number) | undefined;
+            readonly 'aria-colspan'?: (string | number) | undefined;
+            readonly 'aria-controls'?: string | undefined | undefined;
+            readonly 'aria-current'?: "time" | "page" | (boolean | "false" | "true") | "step" | "location" | "date" | undefined;
+            readonly 'aria-describedby'?: string | undefined | undefined;
+            readonly 'aria-details'?: string | undefined | undefined;
+            readonly 'aria-disabled'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+            readonly 'aria-errormessage'?: string | undefined | undefined;
+            readonly 'aria-expanded'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-flowto'?: string | undefined | undefined;
+            readonly 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-haspopup'?: "dialog" | "menu" | "listbox" | "grid" | (boolean | "false" | "true") | "tree" | undefined;
+            readonly 'aria-hidden'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-invalid'?: (boolean | "false" | "true") | "grammar" | "spelling" | undefined;
+            readonly 'aria-keyshortcuts'?: string | undefined | undefined;
+            readonly 'aria-label'?: string | undefined | undefined;
+            readonly 'aria-labelledby'?: string | undefined | undefined;
+            readonly 'aria-level'?: (string | number) | undefined;
+            readonly 'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
+            readonly 'aria-modal'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-multiline'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
+            readonly 'aria-owns'?: string | undefined | undefined;
+            readonly 'aria-placeholder'?: string | undefined | undefined;
+            readonly 'aria-posinset'?: (string | number) | undefined;
+            readonly 'aria-pressed'?: "mixed" | (boolean | "false" | "true") | undefined;
+            readonly 'aria-readonly'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+            readonly 'aria-required'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-roledescription'?: string | undefined | undefined;
+            readonly 'aria-rowcount'?: (string | number) | undefined;
+            readonly 'aria-rowindex'?: (string | number) | undefined;
+            readonly 'aria-rowspan'?: (string | number) | undefined;
+            readonly 'aria-selected'?: (boolean | "false" | "true") | undefined;
+            readonly 'aria-setsize'?: (string | number) | undefined;
+            readonly 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+            readonly 'aria-valuemax'?: (string | number) | undefined;
+            readonly 'aria-valuemin'?: (string | number) | undefined;
+            readonly 'aria-valuenow'?: (string | number) | undefined;
+            readonly 'aria-valuetext'?: string | undefined | undefined;
+            readonly onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+            readonly onCut?: ((payload: ClipboardEvent) => void) | undefined;
+            readonly onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+            readonly onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+            readonly onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+            readonly onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+            readonly onDrag?: ((payload: DragEvent) => void) | undefined;
+            readonly onDragend?: ((payload: DragEvent) => void) | undefined;
+            readonly onDragenter?: ((payload: DragEvent) => void) | undefined;
+            readonly onDragexit?: ((payload: DragEvent) => void) | undefined;
+            readonly onDragleave?: ((payload: DragEvent) => void) | undefined;
+            readonly onDragover?: ((payload: DragEvent) => void) | undefined;
+            readonly onDragstart?: ((payload: DragEvent) => void) | undefined;
+            readonly onDrop?: ((payload: DragEvent) => void) | undefined;
+            readonly onFocus?: ((payload: FocusEvent) => void) | undefined;
+            readonly onFocusin?: ((payload: FocusEvent) => void) | undefined;
+            readonly onFocusout?: ((payload: FocusEvent) => void) | undefined;
+            readonly onBlur?: ((payload: FocusEvent) => void) | undefined;
+            readonly onChange?: ((payload: Event) => void) | undefined;
+            readonly onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+            readonly onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+            readonly onInput?: ((payload: InputEvent) => void) | undefined;
+            readonly onReset?: ((payload: Event) => void) | undefined;
+            readonly onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+            readonly onInvalid?: ((payload: Event) => void) | undefined;
+            readonly onFullscreenchange?: ((payload: Event) => void) | undefined;
+            readonly onFullscreenerror?: ((payload: Event) => void) | undefined;
+            readonly onLoad?: ((payload: Event) => void) | undefined;
+            readonly onError?: ((payload: Event) => void) | undefined;
+            readonly onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+            readonly onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+            readonly onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+            readonly onDblclick?: ((payload: MouseEvent) => void) | undefined;
+            readonly onMousedown?: ((payload: MouseEvent) => void) | undefined;
+            readonly onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+            readonly onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+            readonly onMousemove?: ((payload: MouseEvent) => void) | undefined;
+            readonly onMouseout?: ((payload: MouseEvent) => void) | undefined;
+            readonly onMouseover?: ((payload: MouseEvent) => void) | undefined;
+            readonly onMouseup?: ((payload: MouseEvent) => void) | undefined;
+            readonly onAbort?: ((payload: UIEvent) => void) | undefined;
+            readonly onCanplay?: ((payload: Event) => void) | undefined;
+            readonly onCanplaythrough?: ((payload: Event) => void) | undefined;
+            readonly onDurationchange?: ((payload: Event) => void) | undefined;
+            readonly onEmptied?: ((payload: Event) => void) | undefined;
+            readonly onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+            readonly onEnded?: ((payload: Event) => void) | undefined;
+            readonly onLoadeddata?: ((payload: Event) => void) | undefined;
+            readonly onLoadedmetadata?: ((payload: Event) => void) | undefined;
+            readonly onLoadstart?: ((payload: Event) => void) | undefined;
+            readonly onPause?: ((payload: Event) => void) | undefined;
+            readonly onPlay?: ((payload: Event) => void) | undefined;
+            readonly onPlaying?: ((payload: Event) => void) | undefined;
+            readonly onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+            readonly onRatechange?: ((payload: Event) => void) | undefined;
+            readonly onSeeked?: ((payload: Event) => void) | undefined;
+            readonly onSeeking?: ((payload: Event) => void) | undefined;
+            readonly onStalled?: ((payload: Event) => void) | undefined;
+            readonly onSuspend?: ((payload: Event) => void) | undefined;
+            readonly onTimeupdate?: ((payload: Event) => void) | undefined;
+            readonly onVolumechange?: ((payload: Event) => void) | undefined;
+            readonly onWaiting?: ((payload: Event) => void) | undefined;
+            readonly onSelect?: ((payload: Event) => void) | undefined;
+            readonly onScroll?: ((payload: Event) => void) | undefined;
+            readonly onScrollend?: ((payload: Event) => void) | undefined;
+            readonly onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+            readonly onTouchend?: ((payload: TouchEvent) => void) | undefined;
+            readonly onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+            readonly onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+            readonly onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+            readonly onClick?: ((payload: PointerEvent) => void) | undefined;
+            readonly onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+            readonly onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+            readonly onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointermove?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointerup?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointerover?: ((payload: PointerEvent) => void) | undefined;
+            readonly onPointerout?: ((payload: PointerEvent) => void) | undefined;
+            readonly onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+            readonly onToggle?: ((payload: ToggleEvent) => void) | undefined;
+            readonly onWheel?: ((payload: WheelEvent) => void) | undefined;
+            readonly onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+            readonly onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+            readonly onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+            readonly onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+            readonly onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+            readonly onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+            readonly onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+            readonly onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+            readonly onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< RovingFocusGroupProps> & Readonly<{}>, {
+            el: Readonly< ShallowRef<HTMLElement | null>>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            orientation: Orientation;
+            canLoop: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        orientation: Orientation;
+        canLoop: boolean;
+    }> & Omit<Readonly< RovingFocusGroupProps> & Readonly<{}>, "el" | ("orientation" | "canLoop")> & {
+        el: HTMLElement | null;
+    } & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "value-change": (value: string | null) => any;
+}, string, PublicProps, Readonly<MenubarProps> & Readonly<{
+    "onValue-change"?: ((value: string | null) => any) | undefined;
+}>, {
+    value: string | null;
+    defaultValue: string | null;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menubar/MenubarContent.vue.d.ts

@@ -0,0 +1,30 @@
+import { Placement } from '@floating-ui/vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * The prop surface of `MenubarContent`.
+ *
+ * React declared `className` and `'aria-label'` alongside these; both are
+ * fallthrough attrs here and are relayed to `Menu`, which merges `class` and
+ * lands `aria-label` on the menu surface. A declared `'aria-label'` would arrive
+ * as `props.ariaLabel` and never render, so it stays an attr. `placement` is
+ * `Placement` rather than an indexed access into `MenuProps`, which the SFC
+ * compiler cannot resolve.
+ */
+export interface MenubarContentProps {
+    /** The Floating UI placement. Default `bottom-start`. */
+    placement?: Placement;
+    /** The distance between trigger and menu in px. Default 4. */
+    offset?: number;
+}
+declare const _default: __VLS_WithSlots< DefineComponent<MenubarContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenubarContentProps> & Readonly<{}>, {
+    offset: number;
+    placement: Placement;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menubar/MenubarContext.d.ts

@@ -0,0 +1,34 @@
+import { ComputedRef, InjectionKey, Ref, ShallowRef } from 'vue';
+/** One registered menu trigger — the unit `moveAcross` walks. */
+export interface MenubarTriggerEntry {
+    id: string;
+    el: HTMLButtonElement | null;
+}
+/** The bar-level seam: which menu is open, and how focus moves between triggers. */
+export interface MenubarContextValue {
+    /** The id of the currently-open menu, or `null` if none. */
+    activeId: Ref<string | null>;
+    setActiveId: (id: string | null) => void;
+    registerTrigger: (id: string, el: HTMLButtonElement | null) => void;
+    unregisterTrigger: (id: string) => void;
+    /** Focuses the trigger adjacent to `fromId`; switches the open menu when one is open. */
+    moveAcross: (fromId: string, direction: 1 | -1) => void;
+}
+export declare const menubarContextKey: InjectionKey<MenubarContextValue>;
+export declare function useMenubarContext(): MenubarContextValue;
+/**
+ * The per-menu seam.
+ *
+ * React carried the trigger twice — a ref for imperative focus and a state copy
+ * so anchored content re-rendered once the ref attached. A `shallowRef` is
+ * already reactive, so one field covers both here.
+ */
+export interface MenubarMenuContextValue {
+    id: string;
+    open: ComputedRef<boolean>;
+    setOpen: (open: boolean) => void;
+    /** The trigger element — the positioning anchor and the focus-return target. */
+    triggerEl: ShallowRef<HTMLButtonElement | null>;
+}
+export declare const menubarMenuContextKey: InjectionKey<MenubarMenuContextValue>;
+export declare function useMenubarMenuContext(): MenubarMenuContextValue;

package/dist/presentation/nav/menubar/MenubarMenu.vue.d.ts

@@ -0,0 +1,14 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export interface MenubarMenuProps {
+    /** The stable id for this menu — used for active-menu tracking. */
+    value: string;
+}
+declare const _default: __VLS_WithSlots< DefineComponent<MenubarMenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MenubarMenuProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menubar/MenubarTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * The prop surface of `MenubarTrigger`.
+ *
+ * React declared `extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>`;
+ * attributes reach the root through `useAttrs` here and `children` is the default
+ * slot, which leaves no declared prop.
+ */
+export type MenubarTriggerProps = Record<string, never>;
+declare const _default: __VLS_WithSlots< DefineComponent<{}, {
+    el: ShallowRef<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    default(): unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/presentation/nav/menubar/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Menubar, type MenubarProps } from './Menubar.vue';
+export { default as MenubarMenu, type MenubarMenuProps } from './MenubarMenu.vue';
+export { default as MenubarTrigger, type MenubarTriggerProps } from './MenubarTrigger.vue';
+export { default as MenubarContent, type MenubarContentProps } from './MenubarContent.vue';
+export { menubarContextKey, menubarMenuContextKey, useMenubarContext, useMenubarMenuContext, type MenubarContextValue, type MenubarMenuContextValue, type MenubarTriggerEntry, } from './MenubarContext';