@nuxt/ui 4.5.0 → 4.5.1

package/dist/runtime/components/InputMenu.d.vue.ts

@@ -1,4 +1,5 @@
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-menu';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
@@ -96,6 +97,7 @@ export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOr
     content?: Omit<ComboboxContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<ComboboxContentEmits>>;
     /**
      * Display an arrow alongside the menu.
+     * `{ rounded: true }`{lang="ts-type"}
      * @defaultValue false
      */
     arrow?: boolean | Omit<ComboboxArrowProps, 'as' | 'asChild'>;
@@ -190,42 +192,42 @@ type SlotProps<T extends InputMenuItem> = (props: {
     item: T;
     index: number;
     ui: InputMenu['ui'];
-}) => any;
+}) => VNode[];
 export interface InputMenuSlots<A extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<A> | undefined = undefined, M extends boolean = false, Mod extends Omit<ModelModifiers, 'lazy'> = Omit<ModelModifiers, 'lazy'>, C extends boolean | object = false, T extends NestedItem<A> = NestedItem<A>> {
-    'leading'(props: {
-        modelValue?: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
+    'leading'?(props: {
+        modelValue: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
         open: boolean;
         ui: InputMenu['ui'];
-    }): any;
-    'trailing'(props: {
-        modelValue?: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
+    }): VNode[];
+    'trailing'?(props: {
+        modelValue: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
         open: boolean;
         ui: InputMenu['ui'];
-    }): any;
-    'empty'(props: {
-        searchTerm?: string;
-    }): any;
-    'item': SlotProps<T>;
-    'item-leading': SlotProps<T>;
-    'item-label'(props: {
+    }): VNode[];
+    'empty'?(props: {
+        searchTerm: string;
+    }): VNode[];
+    'item'?: SlotProps<T>;
+    'item-leading'?: SlotProps<T>;
+    'item-label'?(props: {
         item: T;
         index: number;
-    }): any;
-    'item-description'(props: {
+    }): VNode[];
+    'item-description'?(props: {
         item: T;
         index: number;
-    }): any;
-    'item-trailing': SlotProps<T>;
-    'tags-item-text'(props: {
+    }): VNode[];
+    'item-trailing'?: SlotProps<T>;
+    'tags-item-text'?(props: {
         item: T;
         index: number;
-    }): any;
-    'tags-item-delete': SlotProps<T>;
-    'content-top': (props?: {}) => any;
-    'content-bottom': (props?: {}) => any;
-    'create-item-label'(props: {
+    }): VNode[];
+    'tags-item-delete'?: SlotProps<T>;
+    'content-top'?: (props?: {}) => VNode[];
+    'content-bottom'?: (props?: {}) => VNode[];
+    'create-item-label'?(props: {
         item: string;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/InputMenu.vue

@@ -88,7 +88,7 @@ const { filterGroups } = useFilter();
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "modelValue", "defaultValue", "open", "defaultOpen", "required", "multiple", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "resetModelValueOnClear", "highlightOnHover", "openOnClick", "openOnFocus", "by"), emits);
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8, position: "popper" }));
-const arrowProps = toRef(() => props.arrow);
+const arrowProps = toRef(() => defu(props.arrow, { rounded: true }));
 const clearProps = computed(() => typeof props.clear === "object" ? props.clear : {});
 const virtualizerProps = toRef(() => {
   if (!props.virtualize) return false;

package/dist/runtime/components/InputMenu.vue.d.ts

@@ -1,4 +1,5 @@
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-menu';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
@@ -96,6 +97,7 @@ export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOr
     content?: Omit<ComboboxContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<ComboboxContentEmits>>;
     /**
      * Display an arrow alongside the menu.
+     * `{ rounded: true }`{lang="ts-type"}
      * @defaultValue false
      */
     arrow?: boolean | Omit<ComboboxArrowProps, 'as' | 'asChild'>;
@@ -190,42 +192,42 @@ type SlotProps<T extends InputMenuItem> = (props: {
     item: T;
     index: number;
     ui: InputMenu['ui'];
-}) => any;
+}) => VNode[];
 export interface InputMenuSlots<A extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<A> | undefined = undefined, M extends boolean = false, Mod extends Omit<ModelModifiers, 'lazy'> = Omit<ModelModifiers, 'lazy'>, C extends boolean | object = false, T extends NestedItem<A> = NestedItem<A>> {
-    'leading'(props: {
-        modelValue?: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
+    'leading'?(props: {
+        modelValue: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
         open: boolean;
         ui: InputMenu['ui'];
-    }): any;
-    'trailing'(props: {
-        modelValue?: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
+    }): VNode[];
+    'trailing'?(props: {
+        modelValue: ApplyModifiers<GetModelValue<A, VK, M, ExcludeItem>, Mod> | IsClearUsed<M, C>;
         open: boolean;
         ui: InputMenu['ui'];
-    }): any;
-    'empty'(props: {
-        searchTerm?: string;
-    }): any;
-    'item': SlotProps<T>;
-    'item-leading': SlotProps<T>;
-    'item-label'(props: {
+    }): VNode[];
+    'empty'?(props: {
+        searchTerm: string;
+    }): VNode[];
+    'item'?: SlotProps<T>;
+    'item-leading'?: SlotProps<T>;
+    'item-label'?(props: {
         item: T;
         index: number;
-    }): any;
-    'item-description'(props: {
+    }): VNode[];
+    'item-description'?(props: {
         item: T;
         index: number;
-    }): any;
-    'item-trailing': SlotProps<T>;
-    'tags-item-text'(props: {
+    }): VNode[];
+    'item-trailing'?: SlotProps<T>;
+    'tags-item-text'?(props: {
         item: T;
         index: number;
-    }): any;
-    'tags-item-delete': SlotProps<T>;
-    'content-top': (props?: {}) => any;
-    'content-bottom': (props?: {}) => any;
-    'create-item-label'(props: {
+    }): VNode[];
+    'tags-item-delete'?: SlotProps<T>;
+    'content-top'?: (props?: {}) => VNode[];
+    'content-bottom'?: (props?: {}) => VNode[];
+    'create-item-label'?(props: {
         item: string;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/InputNumber.d.vue.ts

@@ -1,4 +1,5 @@
 import type { NumberFieldRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-number';
 import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
@@ -70,8 +71,8 @@ export interface InputNumberEmits<T extends InputNumberValue = InputNumberValue,
     'change': [event: Event];
 }
 export interface InputNumberSlots {
-    increment(props?: {}): any;
-    decrement(props?: {}): any;
+    increment?(props?: {}): VNode[];
+    decrement?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/InputNumber.vue.d.ts

@@ -1,4 +1,5 @@
 import type { NumberFieldRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-number';
 import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
@@ -70,8 +71,8 @@ export interface InputNumberEmits<T extends InputNumberValue = InputNumberValue,
     'change': [event: Event];
 }
 export interface InputNumberSlots {
-    increment(props?: {}): any;
-    decrement(props?: {}): any;
+    increment?(props?: {}): VNode[];
+    decrement?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/InputTags.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { TagsInputRootProps, TagsInputRootEmits, AcceptableInputValue } from 'reka-ui';
 import theme from '#build/ui/input-tags';
@@ -53,19 +54,19 @@ type SlotProps<T extends InputTagItem> = (props: {
     item: T;
     index: number;
     ui: InputTags['ui'];
-}) => any;
+}) => VNode[];
 export interface InputTagsSlots<T extends InputTagItem = InputTagItem> {
-    'leading'(props: {
+    'leading'?(props: {
         ui: InputTags['ui'];
-    }): any;
-    'default'(props: {
+    }): VNode[];
+    'default'?(props: {
         ui: InputTags['ui'];
-    }): any;
-    'trailing'(props: {
+    }): VNode[];
+    'trailing'?(props: {
         ui: InputTags['ui'];
-    }): any;
-    'item-text': SlotProps<T>;
-    'item-delete': SlotProps<T>;
+    }): VNode[];
+    'item-text'?: SlotProps<T>;
+    'item-delete'?: SlotProps<T>;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/InputTags.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { TagsInputRootProps, TagsInputRootEmits, AcceptableInputValue } from 'reka-ui';
 import theme from '#build/ui/input-tags';
@@ -53,19 +54,19 @@ type SlotProps<T extends InputTagItem> = (props: {
     item: T;
     index: number;
     ui: InputTags['ui'];
-}) => any;
+}) => VNode[];
 export interface InputTagsSlots<T extends InputTagItem = InputTagItem> {
-    'leading'(props: {
+    'leading'?(props: {
         ui: InputTags['ui'];
-    }): any;
-    'default'(props: {
+    }): VNode[];
+    'default'?(props: {
         ui: InputTags['ui'];
-    }): any;
-    'trailing'(props: {
+    }): VNode[];
+    'trailing'?(props: {
         ui: InputTags['ui'];
-    }): any;
-    'item-text': SlotProps<T>;
-    'item-delete': SlotProps<T>;
+    }): VNode[];
+    'item-text'?: SlotProps<T>;
+    'item-delete'?: SlotProps<T>;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/InputTime.d.vue.ts

@@ -1,4 +1,4 @@
-import type { ComponentPublicInstance } from 'vue';
+import type { ComponentPublicInstance, VNode } from 'vue';
 import type { TimeFieldRootProps, TimeFieldRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-time';
@@ -38,15 +38,15 @@ export interface InputTimeEmits extends TimeFieldRootEmits {
     focus: [event: FocusEvent];
 }
 export interface InputTimeSlots {
-    leading(props: {
+    leading?(props: {
         ui: InputTime['ui'];
-    }): any;
-    default(props: {
+    }): VNode[];
+    default?(props: {
         ui: InputTime['ui'];
-    }): any;
-    trailing(props: {
+    }): VNode[];
+    trailing?(props: {
         ui: InputTime['ui'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/InputTime.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPublicInstance } from 'vue';
+import type { ComponentPublicInstance, VNode } from 'vue';
 import type { TimeFieldRootProps, TimeFieldRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-time';
@@ -38,15 +38,15 @@ export interface InputTimeEmits extends TimeFieldRootEmits {
     focus: [event: FocusEvent];
 }
 export interface InputTimeSlots {
-    leading(props: {
+    leading?(props: {
         ui: InputTime['ui'];
-    }): any;
-    default(props: {
+    }): VNode[];
+    default?(props: {
         ui: InputTime['ui'];
-    }): any;
-    trailing(props: {
+    }): VNode[];
+    trailing?(props: {
         ui: InputTime['ui'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Kbd.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/kbd';
 import type { KbdKey } from '../composables/useKbd';
@@ -28,7 +29,7 @@ export interface KbdProps {
     };
 }
 export interface KbdSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Kbd.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/kbd';
 import type { KbdKey } from '../composables/useKbd';
@@ -28,7 +29,7 @@ export interface KbdProps {
     };
 }
 export interface KbdSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Link.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { RouterLinkProps, RouteLocationRaw } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../types/html';
 interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
@@ -83,9 +84,9 @@ export interface LinkProps extends NuxtLinkProps, /** @vue-ignore */ Omit<Button
  */
 export type LinkPropsKeys = 'to' | 'href' | 'target' | 'rel' | 'noRel' | 'external' | 'prefetch' | 'prefetchOn' | 'prefetchedClass' | 'noPrefetch' | 'trailingSlash' | 'replace' | 'ariaCurrentValue' | 'active' | 'activeClass' | 'exact' | 'exactQuery' | 'exactHash' | 'inactiveClass' | 'download' | 'ping' | 'referrerpolicy' | 'hreflang' | 'media';
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Link.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { RouterLinkProps, RouteLocationRaw } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../types/html';
 interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
@@ -83,9 +84,9 @@ export interface LinkProps extends NuxtLinkProps, /** @vue-ignore */ Omit<Button
  */
 export type LinkPropsKeys = 'to' | 'href' | 'target' | 'rel' | 'noRel' | 'external' | 'prefetch' | 'prefetchOn' | 'prefetchedClass' | 'noPrefetch' | 'trailingSlash' | 'replace' | 'ariaCurrentValue' | 'active' | 'activeClass' | 'exact' | 'exactQuery' | 'exactHash' | 'inactiveClass' | 'download' | 'ping' | 'referrerpolicy' | 'hreflang' | 'media';
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Main.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface MainProps {
     /**
      * The element or component this component should render as.
@@ -10,7 +11,7 @@ export interface MainProps {
     };
 }
 export interface MainSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Main.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface MainProps {
     /**
      * The element or component this component should render as.
@@ -10,7 +11,7 @@ export interface MainProps {
     };
 }
 export interface MainSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Marquee.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/marquee';
 import type { ComponentConfig } from '../types/tv';
@@ -37,7 +38,7 @@ export interface MarqueeProps {
     ui?: Marquee['slots'];
 }
 export interface MarqueeSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Marquee.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/marquee';
 import type { ComponentConfig } from '../types/tv';
@@ -37,7 +38,7 @@ export interface MarqueeProps {
     ui?: Marquee['slots'];
 }
 export interface MarqueeSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Modal.d.vue.ts

@@ -1,4 +1,5 @@
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/modal';
 import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
@@ -61,27 +62,27 @@ export interface ModalEmits extends DialogRootEmits {
     'close:prevent': [];
 }
 export interface ModalSlots {
-    default(props: {
+    default?(props: {
         open: boolean;
-    }): any;
-    content(props: {
+    }): VNode[];
+    content?(props: {
         close: () => void;
-    }): any;
-    header(props: {
+    }): VNode[];
+    header?(props: {
         close: () => void;
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    actions(props?: {}): any;
-    close(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
         ui: Modal['ui'];
-    }): any;
-    body(props: {
+    }): VNode[];
+    body?(props: {
         close: () => void;
-    }): any;
-    footer(props: {
+    }): VNode[];
+    footer?(props: {
         close: () => void;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Modal.vue.d.ts

@@ -1,4 +1,5 @@
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/modal';
 import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
@@ -61,27 +62,27 @@ export interface ModalEmits extends DialogRootEmits {
     'close:prevent': [];
 }
 export interface ModalSlots {
-    default(props: {
+    default?(props: {
         open: boolean;
-    }): any;
-    content(props: {
+    }): VNode[];
+    content?(props: {
         close: () => void;
-    }): any;
-    header(props: {
+    }): VNode[];
+    header?(props: {
         close: () => void;
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    actions(props?: {}): any;
-    close(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
         ui: Modal['ui'];
-    }): any;
-    body(props: {
+    }): VNode[];
+    body?(props: {
         close: () => void;
-    }): any;
-    footer(props: {
+    }): VNode[];
+    footer?(props: {
         close: () => void;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/NavigationMenu.d.vue.ts

@@ -1,4 +1,5 @@
 import type { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMenuContentEmits, AccordionRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/navigation-menu';
 import type { AvatarProps, BadgeProps, ChipProps, IconProps, LinkProps, PopoverProps, TooltipProps } from '../types';
@@ -187,30 +188,34 @@ export type NavigationMenuEmits<K extends SingleOrMultipleType = SingleOrMultipl
 type SlotProps<T extends NavigationMenuItem> = (props: {
     item: T;
     index: number;
-    active?: boolean;
+    active: boolean;
     ui: NavigationMenu['ui'];
-}) => any;
+}) => VNode[];
 export type NavigationMenuSlots<A extends ArrayOrNested<NavigationMenuItem> = ArrayOrNested<NavigationMenuItem>, T extends NestedItem<A> = NestedItem<A>> = {
-    'item': SlotProps<T>;
-    'item-leading': SlotProps<T>;
-    'item-label': (props: {
+    'item'?: SlotProps<T>;
+    'item-leading'?: SlotProps<T>;
+    'item-label'?: (props: {
         item: T;
         index: number;
-        active?: boolean;
-    }) => any;
-    'item-trailing': SlotProps<T>;
-    'item-content': SlotProps<T> & {
-        close?: () => void;
-    };
-    'list-leading': (props?: {}) => any;
-    'list-trailing': (props?: {}) => any;
+        active: boolean;
+    }) => VNode[];
+    'item-trailing'?: SlotProps<T>;
+    'item-content'?: (props: {
+        item: T;
+        index: number;
+        active: boolean;
+        ui: NavigationMenu['ui'];
+        close: (() => void) | undefined;
+    }) => VNode[];
+    'list-leading'?: (props?: {}) => VNode[];
+    'list-trailing'?: (props?: {}) => VNode[];
 } & DynamicSlots<MergeTypes<T>, 'label', {
     index: number;
-    active?: boolean;
+    active: boolean;
     ui: NavigationMenu['ui'];
 }> & DynamicSlots<MergeTypes<T>, 'leading' | 'trailing' | 'content', {
     index: number;
-    active?: boolean;
+    active: boolean;
     ui: NavigationMenu['ui'];
 }>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/NavigationMenu.vue

@@ -105,6 +105,17 @@ function getAccordionDefaultValue(list, level = 0, listIndex = 0) {
   }, []);
   return props.type === "single" ? indexes[0] : indexes;
 }
+function onLinkTrailingClick(e, item) {
+  if (!item.children?.length) {
+    return;
+  }
+  if (props.orientation === "horizontal") {
+    e.preventDefault();
+  } else if (props.orientation === "vertical" && !props.collapsed) {
+    e.preventDefault();
+    e.stopPropagation();
+  }
+}
 </script>
 
 <template>
@@ -142,12 +153,7 @@ function getAccordionDefaultValue(list, level = 0, listIndex = 0) {
         :as="orientation === 'vertical' && item.children?.length && !collapsed ? 'span' : void 0"
         data-slot="linkTrailing"
         :class="ui.linkTrailing({ class: [uiProp?.linkTrailing, item.ui?.linkTrailing] })"
-        @click="(e) => {
-  if (orientation === 'vertical' && item.children?.length && !collapsed) {
-    e.preventDefault();
-    e.stopPropagation();
-  }
-}"
+        @click="(e) => onLinkTrailingClick(e, item)"
       >
         <slot :name="item.slot ? `${item.slot}-trailing` : 'item-trailing'" :item="item" :active="active" :index="index" :ui="ui">
           <UBadge