@nuxt/ui 4.5.0 → 4.6.0

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.d.mts

@@ -66,11 +66,18 @@ interface ModuleOptions {
     /**
      * Force the import of prose components even if `@nuxtjs/mdc` or `@nuxt/content` are not installed
      * @defaultValue false
+     * @see https://ui.nuxt.com/docs/getting-started/installation/nuxt#prose
+     */
+    prose?: boolean;
+    /**
+     * @deprecated Use `prose` instead
+     * @see https://ui.nuxt.com/docs/getting-started/installation/nuxt#mdc
      */
     mdc?: boolean;
     /**
      * Force the import of content & prose components even if `@nuxt/content` is not installed
      * @defaultValue false
+     * @see https://ui.nuxt.com/docs/getting-started/installation/nuxt#content
      */
     content?: boolean;
     /**

package/dist/module.json

@@ -1,10 +1,10 @@
 {
   "name": "@nuxt/ui",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {
-    "nuxt": ">=4.0.0"
+    "nuxt": ">=4.1.0"
   },
   "builder": {
     "@nuxt/module-builder": "1.0.2",

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 { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, addImports } from '@nuxt/kit';
+import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, p as publicComposables, b as addTemplates } from './shared/ui.DJUbBpE2.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.6.0";
 
 const module$1 = defineNuxtModule({
   meta: {
@@ -20,10 +20,76 @@ const module$1 = defineNuxtModule({
     docs: "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
     configKey: "ui",
     compatibility: {
-      nuxt: ">=4.0.0"
+      nuxt: ">=4.1.0"
     }
   },
   defaults: defaultOptions,
+  moduleDependencies(nuxt) {
+    const userUiOptions = nuxt.options.ui || {};
+    return {
+      "@nuxt/icon": {
+        defaults: {
+          cssLayer: "base"
+        }
+      },
+      ...userUiOptions.fonts !== false && {
+        "@nuxt/fonts": {
+          defaults: {
+            defaults: {
+              weights: [400, 500, 600, 700]
+            }
+          }
+        }
+      },
+      ...userUiOptions.colorMode !== false && {
+        "@nuxtjs/color-mode": {
+          defaults: {
+            classSuffix: "",
+            disableTransition: true
+          }
+        }
+      },
+      "@nuxtjs/mdc": {
+        optional: !userUiOptions.mdc && !userUiOptions.content,
+        defaults: {
+          highlight: {
+            theme: {
+              light: "material-theme-lighter",
+              default: "material-theme",
+              dark: "material-theme-palenight"
+            }
+          },
+          components: {
+            map: {
+              "accordion": "ProseAccordion",
+              "accordion-item": "ProseAccordionItem",
+              "badge": "ProseBadge",
+              "callout": "ProseCallout",
+              "card": "ProseCard",
+              "card-group": "ProseCardGroup",
+              "caution": "ProseCaution",
+              "code-collapse": "ProseCodeCollapse",
+              "code-group": "ProseCodeGroup",
+              "code-icon": "ProseCodeIcon",
+              "code-preview": "ProseCodePreview",
+              "code-tree": "ProseCodeTree",
+              "collapsible": "ProseCollapsible",
+              "field": "ProseField",
+              "field-group": "ProseFieldGroup",
+              "icon": "ProseIcon",
+              "kbd": "ProseKbd",
+              "note": "ProseNote",
+              "steps": "ProseSteps",
+              "tabs": "ProseTabs",
+              "tabs-item": "ProseTabsItem",
+              "tip": "ProseTip",
+              "warning": "ProseWarning"
+            }
+          }
+        }
+      }
+    };
+  },
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     options.theme = options.theme || {};
@@ -41,67 +107,8 @@ const module$1 = defineNuxtModule({
     if (nuxt.options.builder !== "@nuxt/vite-builder") {
       nuxt.options.postcss.plugins["@tailwindcss/postcss"] = {};
     }
-    async function registerModule(name2, key, options2) {
-      if (!hasNuxtModule(name2)) {
-        await installModule(name2, defu(nuxt.options[key], options2));
-      } else {
-        nuxt.options[key] = defu(nuxt.options[key], options2);
-      }
-    }
-    await registerModule("@nuxt/icon", "icon", {
-      cssLayer: "base"
-    });
-    if (options.fonts) {
-      await registerModule("@nuxt/fonts", "fonts", {
-        defaults: {
-          weights: [400, 500, 600, 700]
-        }
-      });
-    }
-    if (options.colorMode) {
-      await registerModule("@nuxtjs/color-mode", "colorMode", {
-        classSuffix: "",
-        disableTransition: true
-      });
-    }
     addPlugin({ src: resolve("./runtime/plugins/colors") });
-    if (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content)) {
-      nuxt.options.mdc = defu(nuxt.options.mdc, {
-        highlight: {
-          theme: {
-            light: "material-theme-lighter",
-            default: "material-theme",
-            dark: "material-theme-palenight"
-          }
-        },
-        components: {
-          map: {
-            "accordion": "ProseAccordion",
-            "accordion-item": "ProseAccordionItem",
-            "badge": "ProseBadge",
-            "callout": "ProseCallout",
-            "card": "ProseCard",
-            "card-group": "ProseCardGroup",
-            "caution": "ProseCaution",
-            "code-collapse": "ProseCodeCollapse",
-            "code-group": "ProseCodeGroup",
-            "code-icon": "ProseCodeIcon",
-            "code-preview": "ProseCodePreview",
-            "code-tree": "ProseCodeTree",
-            "collapsible": "ProseCollapsible",
-            "field": "ProseField",
-            "field-group": "ProseFieldGroup",
-            "icon": "ProseIcon",
-            "kbd": "ProseKbd",
-            "note": "ProseNote",
-            "steps": "ProseSteps",
-            "tabs": "ProseTabs",
-            "tabs-item": "ProseTabsItem",
-            "tip": "ProseTip",
-            "warning": "ProseWarning"
-          }
-        }
-      });
+    if (options.prose || options.mdc || options.content || hasNuxtModule("@nuxtjs/mdc") || hasNuxtModule("@nuxt/content")) {
       addComponentsDir({
         path: resolve("./runtime/components/prose"),
         pathPrefix: false,
@@ -109,14 +116,14 @@ const module$1 = defineNuxtModule({
         global: true
       });
     }
-    if (hasNuxtModule("@nuxt/content") || options.content) {
+    if (options.content || hasNuxtModule("@nuxt/content")) {
       addComponentsDir({
         path: resolve("./runtime/components/content"),
         pathPrefix: false,
         prefix: options.prefix
       });
     }
-    if (hasNuxtModule("@nuxtjs/color-mode")) {
+    if (options.colorMode || hasNuxtModule("@nuxtjs/color-mode")) {
       addComponentsDir({
         path: resolve("./runtime/components/color-mode"),
         pathPrefix: false,
@@ -131,7 +138,11 @@ const module$1 = defineNuxtModule({
       prefix: options.prefix,
       ignore: ["color-mode/**", "content/**", "prose/**"]
     });
-    addImportsDir(resolve("./runtime/composables"));
+    addImports(
+      Object.entries(publicComposables).flatMap(
+        ([file, exports$1]) => exports$1.map((name2) => ({ name: name2, from: resolve(`./runtime/composables/${file}`) }))
+      )
+    );
     addTemplates(options, nuxt, resolve);
   }
 });

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

@@ -39,17 +39,15 @@ const { size } = useAvatarGroup(props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.avatar || {} })({
   size: size.value
 }));
-const sizePx = computed(() => ({
-  "3xs": 16,
-  "2xs": 20,
-  "xs": 24,
-  "sm": 28,
-  "md": 32,
-  "lg": 36,
-  "xl": 40,
-  "2xl": 44,
-  "3xl": 48
-})[props.size || "md"]);
+const rootClass = computed(() => ui.value.root({ class: [uiProp.value?.root, props.class] }));
+const sizePx = computed(() => {
+  const sizeClass = rootClass.value.split(" ").find((c) => /^size-\d+$/.test(c));
+  if (sizeClass) {
+    const num = Number.parseFloat(sizeClass.split("-")[1] ?? "");
+    if (!Number.isNaN(num)) return num * 4;
+  }
+  return null;
+});
 const error = ref(false);
 watch(() => props.src, () => {
   if (error.value) {
@@ -67,7 +65,7 @@ function onError() {
     :as="as.root"
     v-bind="props.chip ? typeof props.chip === 'object' ? { inset: true, ...props.chip } : { inset: true } : {}"
     data-slot="root"
-    :class="ui.root({ class: [uiProp?.root, props.class] })"
+    :class="rootClass"
     :style="props.style"
   >
     <component

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;