@nuxt/ui 4.5.0 → 4.5.1

package/.nuxt/ui.css

@@ -147,8 +147,10 @@
   --divide-color-bg: var(--ui-bg);
   --outline-color-default: var(--ui-border);
   --outline-color-inverted: var(--ui-border-inverted);
+  --stroke-bg: var(--ui-bg);
   --stroke-default: var(--ui-border);
   --stroke-inverted: var(--ui-border-inverted);
+  --fill-bg: var(--ui-bg);
   --fill-default: var(--ui-border);
   --fill-inverted: var(--ui-border-inverted);
 }

package/cli/templates.mjs

@@ -26,6 +26,7 @@ const component = ({ name, primitive, prose, content }) => {
     contents: primitive
       ? `
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/${prose ? 'prose/' : ''}${content ? 'content/' : ''}${kebabName}'
 import type { ComponentConfig } from '../types/tv'
@@ -43,7 +44,7 @@ export interface ${upperName}Props {
 }
 
 export interface ${upperName}Slots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
@@ -144,23 +145,19 @@ import { describe, it, expect } from 'vitest'
 import { axe } from 'vitest-axe'
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import ${upperName} from '../../${content ? '../' : ''}src/runtime/components/${content ? 'content/' : ''}${upperName}.vue'
-import type { ${upperName}Props, ${upperName}Slots } from '../../${content ? '../' : ''}src/runtime/components/${content ? 'content/' : ''}${upperName}.vue'
-import ComponentRender from '../${content ? '../' : ''}component-render'
+import { renderEach } from '../${content ? '../' : ''}component-render'
 
 describe('${upperName}', () => {
   const props = {}
 
-  it.each([
+  renderEach(${upperName}, [
     // Props
     ['with as', { props: { as: 'section' } }],
     ['with class', { props: { class: '' } }],
     ['with ui', { props: { ui: {} } }],
     // Slots
     ['with default slot', { props, slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ${upperName}Props, slots?: Partial<${upperName}Slots> }) => {
-    const html = await ComponentRender(nameOrHtml, options, ${upperName})
-    expect(html).toMatchSnapshot()
-  })
+  ])
 
   it('passes accessibility tests', async () => {
     const wrapper = await mountSuspended(${upperName}, {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "4.5.0",
+  "version": "4.5.1",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, b as addTemplates } from './shared/ui.BrgdrRzy.mjs';
+import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, b as addTemplates } from './shared/ui.DI_ypO2T.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
 import 'scule';
@@ -11,7 +11,7 @@ import 'pathe';
 import 'tinyglobby';
 
 const name = "@nuxt/ui";
-const version = "4.5.0";
+const version = "4.5.1";
 
 const module$1 = defineNuxtModule({
   meta: {

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

@@ -1,4 +1,5 @@
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/accordion';
 import type { IconProps } from '../types';
@@ -57,17 +58,17 @@ type SlotProps<T extends AccordionItem> = (props: {
     index: number;
     open: boolean;
     ui: Accordion['ui'];
-}) => any;
+}) => VNode[];
 export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
-    leading: SlotProps<T>;
-    default(props: {
+    default?(props: {
         item: T;
         index: number;
         open: boolean;
-    }): any;
-    trailing: SlotProps<T>;
-    content: SlotProps<T>;
-    body: SlotProps<T>;
+    }): VNode[];
+    leading?: SlotProps<T>;
+    trailing?: SlotProps<T>;
+    content?: SlotProps<T>;
+    body?: SlotProps<T>;
 } & DynamicSlots<T, 'body', {
     index: number;
     open: boolean;

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

@@ -1,4 +1,5 @@
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/accordion';
 import type { IconProps } from '../types';
@@ -57,17 +58,17 @@ type SlotProps<T extends AccordionItem> = (props: {
     index: number;
     open: boolean;
     ui: Accordion['ui'];
-}) => any;
+}) => VNode[];
 export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
-    leading: SlotProps<T>;
-    default(props: {
+    default?(props: {
         item: T;
         index: number;
         open: boolean;
-    }): any;
-    trailing: SlotProps<T>;
-    content: SlotProps<T>;
-    body: SlotProps<T>;
+    }): VNode[];
+    leading?: SlotProps<T>;
+    trailing?: SlotProps<T>;
+    content?: SlotProps<T>;
+    body?: SlotProps<T>;
 } & DynamicSlots<T, 'body', {
     index: number;
     open: boolean;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/alert';
 import type { AvatarProps, ButtonProps, IconProps, LinkPropsKeys } from '../types';
@@ -56,15 +57,15 @@ export interface AlertEmits {
     'update:open': [value: boolean];
 }
 export interface AlertSlots {
-    leading(props: {
+    leading?(props: {
         ui: Alert['ui'];
-    }): 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: Alert['ui'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/alert';
 import type { AvatarProps, ButtonProps, IconProps, LinkPropsKeys } from '../types';
@@ -56,15 +57,15 @@ export interface AlertEmits {
     'update:open': [value: boolean];
 }
 export interface AlertSlots {
-    leading(props: {
+    leading?(props: {
         ui: Alert['ui'];
-    }): 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: Alert['ui'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,4 +1,5 @@
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { ToasterProps } from '../types';
 import type { Locale, Messages } from '../types/locale';
 export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'locale'> {
@@ -8,7 +9,7 @@ export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProv
     portal?: boolean | string | HTMLElement;
 }
 export interface AppSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,4 +1,5 @@
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { ToasterProps } from '../types';
 import type { Locale, Messages } from '../types/locale';
 export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'locale'> {
@@ -8,7 +9,7 @@ export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProv
     portal?: boolean | string | HTMLElement;
 }
 export interface AppSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/auth-form';
 import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, InputProps, CheckboxProps, SelectMenuProps, PinInputProps, IconProps, LinkPropsKeys } from '../types';
@@ -76,21 +77,21 @@ export type AuthFormEmits<T extends object> = {
 type DynamicFieldSlots<T, F, SlotProps = {
     field: F;
     state: T;
-}> = Record<string, (props: SlotProps) => any> & Record<`${keyof T extends string ? keyof T : never}-field`, (props: SlotProps) => any>;
-type DynamicFormFieldSlots<T> = Record<string, (props?: {}) => any> & Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}`, (props?: {}) => any>;
+}> = Record<`${keyof T extends string ? keyof T : never}-field` | (string & {}), (props: SlotProps) => VNode[]>;
+type DynamicFormFieldSlots<T> = Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}` | (string & {}), (props?: {}) => VNode[]>;
 export type AuthFormSlots<T extends object = object, F extends AuthFormField = AuthFormField> = {
-    header(props?: {}): any;
-    leading(props: {
+    header?(props?: {}): VNode[];
+    leading?(props: {
         ui: AuthForm['ui'];
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    providers(props?: {}): any;
-    validation(props?: {}): any;
-    submit(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    providers?(props?: {}): VNode[];
+    validation?(props?: {}): VNode[];
+    submit?(props: {
         loading: boolean;
-    }): any;
-    footer(props?: {}): any;
+    }): VNode[];
+    footer?(props?: {}): VNode[];
 } & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/auth-form';
 import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, InputProps, CheckboxProps, SelectMenuProps, PinInputProps, IconProps, LinkPropsKeys } from '../types';
@@ -76,21 +77,21 @@ export type AuthFormEmits<T extends object> = {
 type DynamicFieldSlots<T, F, SlotProps = {
     field: F;
     state: T;
-}> = Record<string, (props: SlotProps) => any> & Record<`${keyof T extends string ? keyof T : never}-field`, (props: SlotProps) => any>;
-type DynamicFormFieldSlots<T> = Record<string, (props?: {}) => any> & Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}`, (props?: {}) => any>;
+}> = Record<`${keyof T extends string ? keyof T : never}-field` | (string & {}), (props: SlotProps) => VNode[]>;
+type DynamicFormFieldSlots<T> = Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}` | (string & {}), (props?: {}) => VNode[]>;
 export type AuthFormSlots<T extends object = object, F extends AuthFormField = AuthFormField> = {
-    header(props?: {}): any;
-    leading(props: {
+    header?(props?: {}): VNode[];
+    leading?(props: {
         ui: AuthForm['ui'];
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    providers(props?: {}): any;
-    validation(props?: {}): any;
-    submit(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    providers?(props?: {}): VNode[];
+    validation?(props?: {}): VNode[];
+    submit?(props: {
         loading: boolean;
-    }): any;
-    footer(props?: {}): any;
+    }): VNode[];
+    footer?(props?: {}): VNode[];
 } & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/avatar';
 import type { ChipProps, IconProps } from '../types';
@@ -30,7 +31,7 @@ export interface AvatarProps extends /** @vue-ignore */ Omit<ImgHTMLAttributes,
     ui?: Avatar['slots'];
 }
 export interface AvatarSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/avatar';
 import type { ChipProps, IconProps } from '../types';
@@ -30,7 +31,7 @@ export interface AvatarProps extends /** @vue-ignore */ Omit<ImgHTMLAttributes,
     ui?: Avatar['slots'];
 }
 export interface AvatarSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/avatar-group';
 import type { ComponentConfig } from '../types/tv';
@@ -20,7 +21,7 @@ export interface AvatarGroupProps {
     ui?: AvatarGroup['slots'];
 }
 export interface AvatarGroupSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/avatar-group';
 import type { ComponentConfig } from '../types/tv';
@@ -20,7 +21,7 @@ export interface AvatarGroupProps {
     ui?: AvatarGroup['slots'];
 }
 export interface AvatarGroupSlots {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/badge';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
@@ -28,15 +29,15 @@ export interface BadgeProps extends Omit<UseComponentIconsProps, 'loading' | 'lo
     ui?: Badge['slots'];
 }
 export interface BadgeSlots {
-    leading(props: {
+    leading?(props: {
         ui: Badge['ui'];
-    }): any;
-    default(props: {
+    }): VNode[];
+    default?(props: {
         ui: Badge['ui'];
-    }): any;
-    trailing(props: {
+    }): VNode[];
+    trailing?(props: {
         ui: Badge['ui'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/badge';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
@@ -28,15 +29,15 @@ export interface BadgeProps extends Omit<UseComponentIconsProps, 'loading' | 'lo
     ui?: Badge['slots'];
 }
 export interface BadgeSlots {
-    leading(props: {
+    leading?(props: {
         ui: Badge['ui'];
-    }): any;
-    default(props: {
+    }): VNode[];
+    default?(props: {
         ui: Badge['ui'];
-    }): any;
-    trailing(props: {
+    }): VNode[];
+    trailing?(props: {
         ui: Badge['ui'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/banner';
 import type { ButtonProps, IconProps, LinkProps, LinkPropsKeys } from '../types';
@@ -48,14 +49,14 @@ export interface BannerProps {
     ui?: Banner['slots'];
 }
 export interface BannerSlots {
-    leading(props: {
+    leading?(props: {
         ui: Banner['ui'];
-    }): any;
-    title(props?: {}): any;
-    actions(props?: {}): any;
-    close(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
         ui: Banner['ui'];
-    }): any;
+    }): VNode[];
 }
 export interface BannerEmits {
     close: [];

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/banner';
 import type { ButtonProps, IconProps, LinkProps, LinkPropsKeys } from '../types';
@@ -48,14 +49,14 @@ export interface BannerProps {
     ui?: Banner['slots'];
 }
 export interface BannerSlots {
-    leading(props: {
+    leading?(props: {
         ui: Banner['ui'];
-    }): any;
-    title(props?: {}): any;
-    actions(props?: {}): any;
-    close(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
         ui: Banner['ui'];
-    }): any;
+    }): VNode[];
 }
 export interface BannerEmits {
     close: [];

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/blog-post';
 import type { BadgeProps, LinkProps, UserProps } from '../types';
@@ -42,18 +43,18 @@ export interface BlogPostProps {
     ui?: BlogPost['slots'];
 }
 export interface BlogPostSlots {
-    date(props?: {}): any;
-    badge(props?: {}): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    authors(props: {
+    date?(props?: {}): VNode[];
+    badge?(props?: {}): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    authors?(props: {
         ui: BlogPost['ui'];
-    }): any;
-    header(props: {
+    }): VNode[];
+    header?(props: {
         ui: BlogPost['ui'];
-    }): any;
-    body(props?: {}): any;
-    footer(props?: {}): any;
+    }): VNode[];
+    body?(props?: {}): VNode[];
+    footer?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/blog-post';
 import type { BadgeProps, LinkProps, UserProps } from '../types';
@@ -42,18 +43,18 @@ export interface BlogPostProps {
     ui?: BlogPost['slots'];
 }
 export interface BlogPostSlots {
-    date(props?: {}): any;
-    badge(props?: {}): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    authors(props: {
+    date?(props?: {}): VNode[];
+    badge?(props?: {}): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    authors?(props: {
         ui: BlogPost['ui'];
-    }): any;
-    header(props: {
+    }): VNode[];
+    header?(props: {
         ui: BlogPost['ui'];
-    }): any;
-    body(props?: {}): any;
-    footer(props?: {}): any;
+    }): VNode[];
+    body?(props?: {}): VNode[];
+    footer?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/blog-posts';
 import type { BlogPostProps, BlogPostSlots } from '../types';
@@ -20,13 +21,13 @@ export interface BlogPostsProps<T extends BlogPostProps = BlogPostProps> {
         base?: any;
     };
 }
-type ExtendSlotWithPost<T extends BlogPostProps, K extends keyof BlogPostSlots> = BlogPostSlots[K] extends (props: infer P) => any ? (props: P & {
+type ExtendSlotWithPost<T extends BlogPostProps, K extends keyof BlogPostSlots> = Required<BlogPostSlots>[K] extends (props: infer P) => VNode[] ? (props: P & {
     post: T;
-}) => any : BlogPostSlots[K];
+}) => VNode[] : Required<BlogPostSlots>[K];
 export type BlogPostsSlots<T extends BlogPostProps = BlogPostProps> = {
-    [K in keyof BlogPostSlots]: ExtendSlotWithPost<T, K>;
+    [K in keyof BlogPostSlots]?: ExtendSlotWithPost<T, K>;
 } & {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/blog-posts';
 import type { BlogPostProps, BlogPostSlots } from '../types';
@@ -20,13 +21,13 @@ export interface BlogPostsProps<T extends BlogPostProps = BlogPostProps> {
         base?: any;
     };
 }
-type ExtendSlotWithPost<T extends BlogPostProps, K extends keyof BlogPostSlots> = BlogPostSlots[K] extends (props: infer P) => any ? (props: P & {
+type ExtendSlotWithPost<T extends BlogPostProps, K extends keyof BlogPostSlots> = Required<BlogPostSlots>[K] extends (props: infer P) => VNode[] ? (props: P & {
     post: T;
-}) => any : BlogPostSlots[K];
+}) => VNode[] : Required<BlogPostSlots>[K];
 export type BlogPostsSlots<T extends BlogPostProps = BlogPostProps> = {
-    [K in keyof BlogPostSlots]: ExtendSlotWithPost<T, K>;
+    [K in keyof BlogPostSlots]?: ExtendSlotWithPost<T, K>;
 } & {
-    default(props?: {}): any;
+    default?(props?: {}): VNode[];
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/breadcrumb';
 import type { AvatarProps, IconProps, LinkProps } from '../types';
@@ -40,32 +41,32 @@ export interface BreadcrumbProps<T extends BreadcrumbItem = BreadcrumbItem> {
 type SlotProps<T extends BreadcrumbItem> = (props: {
     item: T;
     index: number;
-    active?: boolean;
+    active: boolean;
     ui: Breadcrumb['ui'];
-}) => any;
+}) => VNode[];
 export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
-    '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': (props: {
+        active: boolean;
+    }) => VNode[];
+    'item-trailing'?: (props: {
         item: T;
         index: number;
-        active?: boolean;
-    }) => any;
-    'separator': (props: {
+        active: boolean;
+    }) => VNode[];
+    'separator'?: (props: {
         ui: Breadcrumb['ui'];
-    }) => any;
+    }) => VNode[];
 } & DynamicSlots<T, 'leading', {
     index: number;
-    active?: boolean;
+    active: boolean;
     ui: Breadcrumb['ui'];
 }> & DynamicSlots<T, 'label' | 'trailing', {
     index: number;
-    active?: boolean;
+    active: boolean;
 }>;
 declare const _default: typeof __VLS_export;
 export default _default;