From e5788e24a74f70d0dea065e1238ab7e6f9c346e1 Mon Sep 17 00:00:00 2001
From: Sandro Circi <sandro.circi@digitoolmedia.com>
Date: Wed, 15 Oct 2025 16:08:38 +0200
Subject: [PATCH 1/7] type: fix slots typing

---
 .../components/content/ComponentExample.vue   |  5 +--
 .../theme-picker/ThemePickerButton.vue        |  2 +-
 playgrounds/nuxt/app/components/Matrix.vue    |  4 ++-
 src/runtime/components/Accordion.vue          | 13 ++++----
 src/runtime/components/Alert.vue              | 11 ++++---
 src/runtime/components/App.vue                |  3 +-
 src/runtime/components/AuthForm.vue           | 21 ++++++------
 src/runtime/components/AvatarGroup.vue        |  3 +-
 src/runtime/components/Badge.vue              |  7 ++--
 src/runtime/components/Banner.vue             |  9 ++---
 src/runtime/components/BlogPost.vue           | 17 +++++-----
 src/runtime/components/BlogPosts.vue          |  3 +-
 src/runtime/components/Breadcrumb.vue         | 21 ++++++------
 src/runtime/components/Button.vue             |  8 ++---
 src/runtime/components/Calendar.vue           |  7 ++--
 src/runtime/components/Card.vue               |  7 ++--
 src/runtime/components/Carousel.vue           |  3 +-
 src/runtime/components/ChangelogVersion.vue   | 23 ++++++-------
 src/runtime/components/ChangelogVersions.vue  | 27 +++++++--------
 src/runtime/components/ChatMessage.vue        |  7 ++--
 src/runtime/components/ChatMessages.vue       | 14 ++++----
 src/runtime/components/ChatPalette.vue        |  5 +--
 src/runtime/components/ChatPrompt.vue         |  5 +--
 src/runtime/components/Checkbox.vue           |  5 +--
 src/runtime/components/CheckboxGroup.vue      |  9 ++---
 src/runtime/components/Chip.vue               |  5 +--
 src/runtime/components/Collapsible.vue        |  5 +--
 src/runtime/components/CommandPalette.vue     | 19 ++++++-----
 src/runtime/components/Container.vue          |  3 +-
 src/runtime/components/ContextMenu.vue        | 17 +++++-----
 src/runtime/components/DashboardGroup.vue     |  3 +-
 src/runtime/components/DashboardNavbar.vue    | 15 +++++----
 src/runtime/components/DashboardPanel.vue     | 11 ++++---
 .../components/DashboardResizeHandle.vue      |  3 +-
 src/runtime/components/DashboardSearch.vue    |  3 +-
 src/runtime/components/DashboardSidebar.vue   | 13 ++++----
 src/runtime/components/DashboardToolbar.vue   |  7 ++--
 src/runtime/components/Drawer.vue             | 15 +++++----
 src/runtime/components/DropdownMenu.vue       | 17 +++++-----
 .../components/DropdownMenuContent.vue        |  3 +-
 src/runtime/components/Empty.vue              | 15 +++++----
 src/runtime/components/Error.vue              | 11 ++++---
 src/runtime/components/FieldGroup.vue         |  3 +-
 src/runtime/components/FileUpload.vue         | 29 ++++++++--------
 src/runtime/components/Footer.vue             | 11 ++++---
 src/runtime/components/FooterColumns.vue      | 19 ++++++-----
 src/runtime/components/Form.vue               |  3 +-
 src/runtime/components/FormField.vue          | 14 ++++----
 src/runtime/components/Header.vue             | 19 ++++++-----
 src/runtime/components/Input.vue              |  8 ++---
 src/runtime/components/InputMenu.vue          | 32 +++++++++---------
 src/runtime/components/InputNumber.vue        |  5 +--
 src/runtime/components/InputTags.vue          | 13 ++++----
 src/runtime/components/Kbd.vue                |  3 +-
 src/runtime/components/Link.vue               |  4 +--
 src/runtime/components/Main.vue               |  3 +-
 src/runtime/components/Marquee.vue            |  3 +-
 src/runtime/components/Modal.vue              | 19 ++++++-----
 src/runtime/components/NavigationMenu.vue     | 17 +++++-----
 src/runtime/components/Page.vue               |  7 ++--
 src/runtime/components/PageAnchors.vue        | 11 ++++---
 src/runtime/components/PageAside.vue          |  7 ++--
 src/runtime/components/PageBody.vue           |  3 +-
 src/runtime/components/PageCTA.vue            | 19 ++++++-----
 src/runtime/components/PageCard.vue           | 15 +++++----
 src/runtime/components/PageColumns.vue        |  3 +-
 src/runtime/components/PageFeature.vue        |  9 ++---
 src/runtime/components/PageGrid.vue           |  3 +-
 src/runtime/components/PageHeader.vue         | 11 ++++---
 src/runtime/components/PageHero.vue           | 21 ++++++------
 src/runtime/components/PageLinks.vue          | 13 ++++----
 src/runtime/components/PageList.vue           |  3 +-
 src/runtime/components/PageLogos.vue          |  3 +-
 src/runtime/components/PageSection.vue        | 25 +++++++-------
 src/runtime/components/Pagination.vue         | 15 +++++----
 src/runtime/components/Popover.vue            |  7 ++--
 src/runtime/components/PricingPlan.vue        | 27 +++++++--------
 src/runtime/components/PricingPlans.vue       |  3 +-
 src/runtime/components/PricingTable.vue       | 33 ++++++++++---------
 src/runtime/components/Progress.vue           |  5 +--
 src/runtime/components/RadioGroup.vue         |  9 ++---
 src/runtime/components/Select.vue             | 27 +++++++--------
 src/runtime/components/SelectMenu.vue         | 31 ++++++++---------
 src/runtime/components/Separator.vue          |  3 +-
 src/runtime/components/Slideover.vue          | 19 ++++++-----
 src/runtime/components/Stepper.vue            | 11 ++++---
 src/runtime/components/Switch.vue             |  5 +--
 src/runtime/components/Table.vue              | 20 +++++------
 src/runtime/components/Tabs.vue               | 14 ++++----
 src/runtime/components/Textarea.vue           |  7 ++--
 src/runtime/components/Timeline.vue           | 11 ++++---
 src/runtime/components/Toast.vue              | 11 ++++---
 src/runtime/components/Toaster.vue            |  3 +-
 src/runtime/components/Tooltip.vue            |  5 +--
 src/runtime/components/Tree.vue               | 13 ++++----
 src/runtime/components/User.vue               |  9 ++---
 .../components/color-mode/ColorModeButton.vue |  4 +--
 .../components/content/ContentNavigation.vue  | 11 ++++---
 .../components/content/ContentSearch.vue      |  3 +-
 .../components/content/ContentSurround.vue    | 12 +++----
 src/runtime/components/content/ContentToc.vue | 17 +++++-----
 src/runtime/components/prose/A.vue            |  3 +-
 src/runtime/components/prose/Accordion.vue    |  3 +-
 .../components/prose/AccordionItem.vue        |  3 +-
 src/runtime/components/prose/Badge.vue        |  3 +-
 src/runtime/components/prose/Blockquote.vue   |  3 +-
 src/runtime/components/prose/Callout.vue      |  3 +-
 src/runtime/components/prose/Card.vue         |  5 +--
 src/runtime/components/prose/CardGroup.vue    |  3 +-
 src/runtime/components/prose/Code.vue         |  3 +-
 src/runtime/components/prose/CodeCollapse.vue |  3 +-
 src/runtime/components/prose/CodeGroup.vue    |  3 +-
 src/runtime/components/prose/CodePreview.vue  |  5 +--
 src/runtime/components/prose/CodeTree.vue     |  3 +-
 src/runtime/components/prose/Collapsible.vue  |  3 +-
 src/runtime/components/prose/Em.vue           |  3 +-
 src/runtime/components/prose/Field.vue        |  3 +-
 src/runtime/components/prose/FieldGroup.vue   |  3 +-
 src/runtime/components/prose/H1.vue           |  3 +-
 src/runtime/components/prose/H2.vue           |  3 +-
 src/runtime/components/prose/H3.vue           |  3 +-
 src/runtime/components/prose/H4.vue           |  3 +-
 src/runtime/components/prose/Li.vue           |  3 +-
 src/runtime/components/prose/Ol.vue           |  3 +-
 src/runtime/components/prose/P.vue            |  3 +-
 src/runtime/components/prose/Pre.vue          |  3 +-
 src/runtime/components/prose/Steps.vue        |  3 +-
 src/runtime/components/prose/Strong.vue       |  3 +-
 src/runtime/components/prose/Table.vue        |  3 +-
 src/runtime/components/prose/Tabs.vue         |  3 +-
 src/runtime/components/prose/TabsItem.vue     |  3 +-
 src/runtime/components/prose/Tbody.vue        |  3 +-
 src/runtime/components/prose/Td.vue           |  3 +-
 src/runtime/components/prose/Th.vue           |  3 +-
 src/runtime/components/prose/Thead.vue        |  3 +-
 src/runtime/components/prose/Tr.vue           |  3 +-
 src/runtime/components/prose/Ul.vue           |  3 +-
 src/runtime/inertia/components/Link.vue       |  4 +--
 src/runtime/types/utils.ts                    |  4 +--
 src/runtime/vue/components/Link.vue           |  4 +--
 140 files changed, 674 insertions(+), 547 deletions(-)

diff --git a/docs/app/components/content/ComponentExample.vue b/docs/app/components/content/ComponentExample.vue
index 1d2889e63a..33b9dba706 100644
--- a/docs/app/components/content/ComponentExample.vue
+++ b/docs/app/components/content/ComponentExample.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { VNode } from 'vue'
 import type { ChipProps } from '@nuxt/ui'
 import { camelCase } from 'scule'
 import { hash } from 'ohash'
@@ -65,8 +66,8 @@ const props = withDefaults(defineProps<{
 })
 
 const slots = defineSlots<{
-  options(props?: {}): any
-  code(props?: {}): any
+  options?(props?: {}): VNode
+  code?(props?: {}): VNode
 }>()
 
 const el = ref<HTMLElement | null>(null)
diff --git a/docs/app/components/theme-picker/ThemePickerButton.vue b/docs/app/components/theme-picker/ThemePickerButton.vue
index 8795cf891a..284da70327 100644
--- a/docs/app/components/theme-picker/ThemePickerButton.vue
+++ b/docs/app/components/theme-picker/ThemePickerButton.vue
@@ -7,7 +7,7 @@ defineProps<{
 }>()
 
 const slots = defineSlots<{
-  leading: () => any
+  leading?(): VNode[]
 }>()
 </script>
 
diff --git a/playgrounds/nuxt/app/components/Matrix.vue b/playgrounds/nuxt/app/components/Matrix.vue
index c3aeb9772a..d453ce69b5 100644
--- a/playgrounds/nuxt/app/components/Matrix.vue
+++ b/playgrounds/nuxt/app/components/Matrix.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts" generic="T extends Record<string, string[]>">
+import type { VNode } from 'vue'
+
 const props = defineProps<{
   attrs: T
   containerClass?: string
@@ -6,7 +8,7 @@ const props = defineProps<{
 }>()
 
 defineSlots<{
-  default: (props?: { [K in keyof T]: T[K] extends (infer U)[] ? U : never }) => any
+  default?(props?: { [K in keyof T]: T[K] extends (infer U)[] ? U : never }): VNode
 }>()
 
 const combinations = computed(() => {
diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index 81f329a02f..dcbc1c8f5b 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/accordion'
@@ -53,14 +54,14 @@ export interface AccordionProps<T extends AccordionItem = AccordionItem> extends
 
 export interface AccordionEmits extends AccordionRootEmits {}
 
-type SlotProps<T extends AccordionItem> = (props: { item: T, index: number, open: boolean }) => any
+type SlotProps<T extends AccordionItem> = (props: { item: T, index: number, open: boolean }) => VNode[]
 
 export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
-  leading: SlotProps<T>
-  default: SlotProps<T>
-  trailing: SlotProps<T>
-  content: SlotProps<T>
-  body: SlotProps<T>
+  leading?: SlotProps<T>
+  default?: SlotProps<T>
+  trailing?: SlotProps<T>
+  content?: SlotProps<T>
+  body?: SlotProps<T>
 } & DynamicSlots<T, 'body', { index: number, open: boolean }>
 
 </script>
diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index 1d9ab5c5c1..6fd05b921f 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/alert'
 import type { AvatarProps, ButtonProps, IconProps } from '../types'
@@ -61,11 +62,11 @@ export interface AlertEmits {
 }
 
 export interface AlertSlots {
-  leading(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  actions(props?: {}): any
-  close(props: { ui: { [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string } }): any
+  leading?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  actions?(props?: {}): VNode[]
+  close?(props: { ui: { [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index d2171cb9d6..c37ab7fe7d 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui'
 import type { ToasterProps } from '../types'
 import type { Locale, Messages } from '../types/locale'
@@ -11,7 +12,7 @@ export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProv
 }
 
 export interface AppSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 
 export default {
diff --git a/src/runtime/components/AuthForm.vue b/src/runtime/components/AuthForm.vue
index ae6d78f4cd..9795524556 100644
--- a/src/runtime/components/AuthForm.vue
+++ b/src/runtime/components/AuthForm.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+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 } from '../types'
@@ -90,19 +91,19 @@ export type AuthFormEmits<T extends object> = {
   submit: [payload: FormSubmitEvent<T>]
 }
 
-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 DynamicFieldSlots<T, F, SlotProps = { field: F, state: T }> = Record<string, (props: SlotProps) => VNode[]> & Record<`${keyof T extends string ? keyof T : never}-field`, (props: SlotProps) => VNode[]>
 
-type DynamicFormFieldSlots<T> = Record<string, (props?: {}) => any> & Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}`, (props?: {}) => any>
+type DynamicFormFieldSlots<T> = Record<string, (props?: {}) => VNode[]> & Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}`, (props?: {}) => VNode[]>
 
 export type AuthFormSlots<T extends object = object, F extends AuthFormField = AuthFormField> = {
-  header(props?: {}): any
-  leading(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  providers(props?: {}): any
-  validation(props?: {}): any
-  submit(props: { loading: boolean }): any
-  footer(props?: {}): any
+  header?(props?: {}): VNode[]
+  leading?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  providers?(props?: {}): VNode[]
+  validation?(props?: {}): VNode[]
+  submit?(props: { loading: boolean }): VNode[]
+  footer?(props?: {}): VNode[]
 } & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>
 
 </script>
diff --git a/src/runtime/components/AvatarGroup.vue b/src/runtime/components/AvatarGroup.vue
index 722d5519ae..6f3ba0caf2 100644
--- a/src/runtime/components/AvatarGroup.vue
+++ b/src/runtime/components/AvatarGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/avatar-group'
 import type { ComponentConfig } from '../types/tv'
@@ -24,7 +25,7 @@ export interface AvatarGroupProps {
 }
 
 export interface AvatarGroupSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Badge.vue b/src/runtime/components/Badge.vue
index 6ee8a7a88e..62defcc068 100644
--- a/src/runtime/components/Badge.vue
+++ b/src/runtime/components/Badge.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/badge'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
@@ -33,9 +34,9 @@ export interface BadgeProps extends Omit<UseComponentIconsProps, 'loading' | 'lo
 }
 
 export interface BadgeSlots {
-  leading(props?: {}): any
-  default(props?: {}): any
-  trailing(props?: {}): any
+  leading?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  trailing?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Banner.vue b/src/runtime/components/Banner.vue
index ea89369361..95b4f583c1 100644
--- a/src/runtime/components/Banner.vue
+++ b/src/runtime/components/Banner.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/banner'
 import type { ButtonProps, IconProps, LinkProps } from '../types'
@@ -53,10 +54,10 @@ export interface BannerProps {
 }
 
 export interface BannerSlots {
-  leading(props?: {}): any
-  title(props?: {}): any
-  actions(props?: {}): any
-  close(props: { ui: any }): any
+  leading?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  actions?(props?: {}): VNode[]
+  close?(props: { ui: any }): VNode[]
 }
 
 export interface BannerEmits {
diff --git a/src/runtime/components/BlogPost.vue b/src/runtime/components/BlogPost.vue
index 5b345b766d..a158ab42e6 100644
--- a/src/runtime/components/BlogPost.vue
+++ b/src/runtime/components/BlogPost.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+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'
@@ -43,14 +44,14 @@ export interface BlogPostProps {
 }
 
 export interface BlogPostSlots {
-  date(props?: {}): any
-  badge(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  authors(props?: {}): any
-  header(props?: {}): any
-  body(props?: {}): any
-  footer(props?: {}): any
+  date?(props?: {}): VNode[]
+  badge?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  authors?(props?: {}): VNode[]
+  header?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/BlogPosts.vue b/src/runtime/components/BlogPosts.vue
index de5abc5f3e..a2af799002 100644
--- a/src/runtime/components/BlogPosts.vue
+++ b/src/runtime/components/BlogPosts.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/blog-posts'
 import type { BlogPostProps } from '../types'
@@ -22,7 +23,7 @@ export interface BlogPostsProps {
 }
 
 export interface BlogPostsSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index a6f9092577..c1a1264d43 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/breadcrumb'
 import type { AvatarProps, IconProps, LinkProps } from '../types'
@@ -43,14 +44,14 @@ export interface BreadcrumbProps<T extends BreadcrumbItem = BreadcrumbItem> {
   ui?: Breadcrumb['slots']
 }
 
-type SlotProps<T extends BreadcrumbItem> = (props: { item: T, index: number, active?: boolean }) => any
+type SlotProps<T extends BreadcrumbItem> = (props: { item: T, index: number, active?: boolean }) => VNode[]
 
 export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
-  'item': SlotProps<T>
-  'item-leading': SlotProps<T>
-  'item-label': SlotProps<T>
-  'item-trailing': SlotProps<T>
-  'separator': any
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
+  'separator'?: (props?: {}) => VNode[]
 } & DynamicSlots<T, 'leading' | 'label' | 'trailing', { index: number, active?: boolean }>
 
 </script>
@@ -90,19 +91,19 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.breadcrumb |
         <li :class="ui.item({ class: [props.ui?.item, item.ui?.item] })">
           <ULink v-slot="{ active, ...slotProps }" v-bind="pickLinkProps(item)" custom>
             <ULinkBase v-bind="slotProps" as="span" :aria-current="active && (index === items!.length - 1) ? 'page' : undefined" :class="ui.link({ class: [props.ui?.link, item.ui?.link, item.class], active: index === items!.length - 1, disabled: !!item.disabled, to: !!item.to })">
-              <slot :name="((item.slot || 'item') as keyof BreadcrumbSlots<T>)" :item="item" :index="index">
-                <slot :name="((item.slot ? `${item.slot}-leading`: 'item-leading') as keyof BreadcrumbSlots<T>)" :item="item" :active="index === items!.length - 1" :index="index">
+              <slot :name="((item.slot || 'item') as keyof BreadcrumbSlots<T>)" :item="(item as Extract<T, { slot: string }>)" :index="index">
+                <slot :name="((item.slot ? `${item.slot}-leading`: 'item-leading') as keyof BreadcrumbSlots<T>)" :item="(item as Extract<T, { slot: string }>)" :active="index === items!.length - 1" :index="index">
                   <UIcon v-if="item.icon" :name="item.icon" :class="ui.linkLeadingIcon({ class: [props.ui?.linkLeadingIcon, item.ui?.linkLeadingIcon], active: index === items!.length - 1 })" />
                   <UAvatar v-else-if="item.avatar" :size="((props.ui?.linkLeadingAvatarSize || ui.linkLeadingAvatarSize()) as AvatarProps['size'])" v-bind="item.avatar" :class="ui.linkLeadingAvatar({ class: [props.ui?.linkLeadingAvatar, item.ui?.linkLeadingAvatar], active: index === items!.length - 1 })" />
                 </slot>
 
                 <span v-if="get(item, props.labelKey as string) || !!slots[(item.slot ? `${item.slot}-label`: 'item-label') as keyof BreadcrumbSlots<T>]" :class="ui.linkLabel({ class: [props.ui?.linkLabel, item.ui?.linkLabel] })">
-                  <slot :name="((item.slot ? `${item.slot}-label`: 'item-label') as keyof BreadcrumbSlots<T>)" :item="item" :active="index === items!.length - 1" :index="index">
+                  <slot :name="((item.slot ? `${item.slot}-label`: 'item-label') as keyof BreadcrumbSlots<T>)" :item="(item as Extract<T, { slot: string }>)" :active="index === items!.length - 1" :index="index">
                     {{ get(item, props.labelKey as string) }}
                   </slot>
                 </span>
 
-                <slot :name="((item.slot ? `${item.slot}-trailing`: 'item-trailing') as keyof BreadcrumbSlots<T>)" :item="item" :active="index === items!.length - 1" :index="index" />
+                <slot :name="((item.slot ? `${item.slot}-trailing`: 'item-trailing') as keyof BreadcrumbSlots<T>)" :item="(item as Extract<T, { slot: string }>)" :active="index === items!.length - 1" :index="index" />
               </slot>
             </ULinkBase>
           </ULink>
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index c0411ade3a..a3d14a32ee 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { Ref, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/button'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
@@ -35,15 +36,14 @@ export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'ra
 }
 
 export interface ButtonSlots {
-  leading(props?: {}): any
-  default(props?: {}): any
-  trailing(props?: {}): any
+  leading?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  trailing?(props?: {}): VNode[]
 }
 </script>
 
 <script setup lang="ts">
 import { computed, ref, inject } from 'vue'
-import type { Ref } from 'vue'
 import { defu } from 'defu'
 import { useForwardProps } from 'reka-ui'
 import { useAppConfig } from '#imports'
diff --git a/src/runtime/components/Calendar.vue b/src/runtime/components/Calendar.vue
index 182bd84d70..62ba809625 100644
--- a/src/runtime/components/Calendar.vue
+++ b/src/runtime/components/Calendar.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, RangeCalendarRootEmits, DateRange, CalendarCellTriggerProps } from 'reka-ui'
 import type { DateValue } from '@internationalized/date'
 import type { AppConfig } from '@nuxt/schema'
@@ -103,9 +104,9 @@ export interface CalendarEmits<R extends boolean, M extends boolean> extends Omi
 }
 
 export interface CalendarSlots {
-  'heading': (props: { value: string }) => any
-  'day': (props: Pick<CalendarCellTriggerProps, 'day'>) => any
-  'week-day': (props: { day: string }) => any
+  'heading'?: (props: { value: string }) => VNode[]
+  'day'?: (props: Pick<CalendarCellTriggerProps, 'day'>) => VNode[]
+  'week-day'?: (props: { day: string }) => VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Card.vue b/src/runtime/components/Card.vue
index 2e53d39dcc..4d6af96ae2 100644
--- a/src/runtime/components/Card.vue
+++ b/src/runtime/components/Card.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/card'
 import type { ComponentConfig } from '../types/tv'
@@ -20,9 +21,9 @@ export interface CardProps {
 }
 
 export interface CardSlots {
-  header(props?: {}): any
-  default(props?: {}): any
-  footer(props?: {}): any
+  header?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
index 75191d0031..fba2fd0212 100644
--- a/src/runtime/components/Carousel.vue
+++ b/src/runtime/components/Carousel.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel'
 import type { AutoplayOptionsType } from 'embla-carousel-autoplay'
@@ -101,7 +102,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Om
 }
 
 export type CarouselSlots<T extends CarouselItem = CarouselItem> = {
-  default(props: { item: T, index: number }): any
+  default?(props: { item: T, index: number }): VNode[]
 }
 
 export interface CarouselEmits {
diff --git a/src/runtime/components/ChangelogVersion.vue b/src/runtime/components/ChangelogVersion.vue
index 75d0ca9a88..b41d544664 100644
--- a/src/runtime/components/ChangelogVersion.vue
+++ b/src/runtime/components/ChangelogVersion.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/changelog-version'
 import type { BadgeProps, LinkProps, UserProps } from '../types'
@@ -39,17 +40,17 @@ export interface ChangelogVersionProps {
 }
 
 export interface ChangelogVersionSlots {
-  header(props?: {}): any
-  badge(props?: {}): any
-  date(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  image(props?: {}): any
-  body(props?: {}): any
-  footer(props?: {}): any
-  authors(props?: {}): any
-  actions(props?: {}): any
-  indicator(props?: {}): any
+  header?(props?: {}): VNode[]
+  badge?(props?: {}): VNode[]
+  date?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  image?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
+  authors?(props?: {}): VNode[]
+  actions?(props?: {}): VNode[]
+  indicator?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/ChangelogVersions.vue b/src/runtime/components/ChangelogVersions.vue
index c76ac1f618..d172cf30e8 100644
--- a/src/runtime/components/ChangelogVersions.vue
+++ b/src/runtime/components/ChangelogVersions.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { SpringOptions } from 'motion-v'
 import theme from '#build/ui/changelog-versions'
@@ -31,19 +32,19 @@ export interface ChangelogVersionsProps<T extends ChangelogVersionProps = Change
 }
 
 export interface ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVersionProps> {
-  default(props?: {}): any
-  indicator(props?: {}): any
-  header(props: { version: T }): any
-  badge(props: { version: T }): any
-  date(props: { version: T }): any
-  title(props: { version: T }): any
-  description(props: { version: T }): any
-  image(props: { version: T }): any
-  body(props: { version: T }): any
-  footer(props: { version: T }): any
-  authors(props: { version: T }): any
-  actions(props: { version: T }): any
-  indicator(props: { version: T }): any
+  default?(props?: {}): VNode[]
+  indicator?(props?: {}): VNode[]
+  header?(props: { version: T }): VNode[]
+  badge?(props: { version: T }): VNode[]
+  date?(props: { version: T }): VNode[]
+  title?(props: { version: T }): VNode[]
+  description?(props: { version: T }): VNode[]
+  image?(props: { version: T }): VNode[]
+  body?(props: { version: T }): VNode[]
+  footer?(props: { version: T }): VNode[]
+  authors?(props: { version: T }): VNode[]
+  actions?(props: { version: T }): VNode[]
+  indicator?(props: { version: T }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/ChatMessage.vue b/src/runtime/components/ChatMessage.vue
index 04f54cc44a..43e1fd76e4 100644
--- a/src/runtime/components/ChatMessage.vue
+++ b/src/runtime/components/ChatMessage.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UIMessage } from 'ai'
 import theme from '#build/ui/chat-message'
@@ -48,9 +49,9 @@ export interface ChatMessageProps extends UIMessage {
 }
 
 export interface ChatMessageSlots {
-  leading(props: { avatar: ChatMessageProps['avatar'] }): any
-  content(props: ChatMessageProps): any
-  actions(props: { actions: ChatMessageProps['actions'] }): any
+  leading?(props: { avatar: ChatMessageProps['avatar'] }): VNode[]
+  content?(props: ChatMessageProps): VNode[]
+  actions?(props: { actions: ChatMessageProps['actions'] }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/ChatMessages.vue b/src/runtime/components/ChatMessages.vue
index c19740d389..9351d6c59b 100644
--- a/src/runtime/components/ChatMessages.vue
+++ b/src/runtime/components/ChatMessages.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { ComponentPublicInstance, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UIMessage, ChatStatus } from 'ai'
 import theme from '#build/ui/chat-messages'
@@ -58,17 +59,16 @@ export interface ChatMessagesProps {
 }
 
 export interface ChatMessagesSlots {
-  default(props?: {}): any
-  indicator(props?: {}): any
-  viewport(props: { onClick: () => void }): any
-  content(props: { message: UIMessage }): any
-  leading(props: { message: UIMessage }): any
-  actions(props: { message: UIMessage }): any
+  default?(props?: {}): VNode[]
+  indicator?(props?: {}): VNode[]
+  viewport?(props: { onClick: () => void }): VNode[]
+  content?(props: { message: UIMessage }): VNode[]
+  leading?(props: { message: UIMessage }): VNode[]
+  actions?(props: { message: UIMessage }): VNode[]
 }
 </script>
 
 <script setup lang="ts">
-import type { ComponentPublicInstance } from 'vue'
 import { ref, computed, watch, nextTick, toRef, onMounted } from 'vue'
 import { Presence } from 'reka-ui'
 import { defu } from 'defu'
diff --git a/src/runtime/components/ChatPalette.vue b/src/runtime/components/ChatPalette.vue
index 8b67cfd85e..1170cf57fb 100644
--- a/src/runtime/components/ChatPalette.vue
+++ b/src/runtime/components/ChatPalette.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/chat-palette'
 import type { ComponentConfig } from '../types/tv'
@@ -16,8 +17,8 @@ export interface ChatPaletteProps {
 }
 
 export interface ChatPaletteSlots {
-  default(props?: {}): any
-  prompt(props?: {}): any
+  default?(props?: {}): VNode[]
+  prompt?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/ChatPrompt.vue b/src/runtime/components/ChatPrompt.vue
index 89ff553c80..cce4075f4a 100644
--- a/src/runtime/components/ChatPrompt.vue
+++ b/src/runtime/components/ChatPrompt.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/chat-prompt'
 import type { TextareaProps, TextareaSlots } from '../types'
@@ -35,8 +36,8 @@ export interface ChatPromptEmits {
 }
 
 export interface ChatPromptSlots extends TextareaSlots {
-  header(props?: {}): any
-  footer(props?: {}): any
+  header?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Checkbox.vue b/src/runtime/components/Checkbox.vue
index 1c6884ef0f..bdda60c946 100644
--- a/src/runtime/components/Checkbox.vue
+++ b/src/runtime/components/Checkbox.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { CheckboxRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/checkbox'
@@ -53,8 +54,8 @@ export type CheckboxEmits = {
 }
 
 export interface CheckboxSlots {
-  label(props: { label?: string }): any
-  description(props: { description?: string }): any
+  label?(props: { label?: string }): VNode[]
+  description?(props: { description?: string }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/CheckboxGroup.vue b/src/runtime/components/CheckboxGroup.vue
index d89586a815..84c254bcce 100644
--- a/src/runtime/components/CheckboxGroup.vue
+++ b/src/runtime/components/CheckboxGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { CheckboxGroupRootProps, CheckboxGroupRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/checkbox-group'
@@ -67,12 +68,12 @@ export type CheckboxGroupEmits<T extends CheckboxGroupItem[] = CheckboxGroupItem
   change: [event: Event]
 }
 
-type SlotProps<T extends CheckboxGroupItem> = (props: { item: T & { id: string } }) => any
+type SlotProps<T extends CheckboxGroupItem> = (props: { item: T & { id: string } }) => VNode[]
 
 export interface CheckboxGroupSlots<T extends CheckboxGroupItem[] = CheckboxGroupItem[]> {
-  legend(props?: {}): any
-  label: SlotProps<T[number]>
-  description: SlotProps<T[number]>
+  legend?(props?: {}): VNode[]
+  label?: SlotProps<T[number]>
+  description?: SlotProps<T[number]>
 }
 </script>
 
diff --git a/src/runtime/components/Chip.vue b/src/runtime/components/Chip.vue
index 742c2ecaf8..ad6eb47665 100644
--- a/src/runtime/components/Chip.vue
+++ b/src/runtime/components/Chip.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/chip'
 import type { ComponentConfig } from '../types/tv'
@@ -39,8 +40,8 @@ export interface ChipEmits {
 }
 
 export interface ChipSlots {
-  default(props?: {}): any
-  content(props?: {}): any
+  default?(props?: {}): VNode[]
+  content?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Collapsible.vue b/src/runtime/components/Collapsible.vue
index 6bf0703c32..d5a069bc9f 100644
--- a/src/runtime/components/Collapsible.vue
+++ b/src/runtime/components/Collapsible.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/collapsible'
@@ -19,8 +20,8 @@ export interface CollapsibleProps extends Pick<CollapsibleRootProps, 'defaultOpe
 export interface CollapsibleEmits extends CollapsibleRootEmits {}
 
 export interface CollapsibleSlots {
-  default(props: { open: boolean }): any
-  content(props?: {}): any
+  default?(props: { open: boolean }): VNode[]
+  content?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index 0a213df0a2..819df70eb5 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ListboxRootProps, ListboxRootEmits } from 'reka-ui'
 import type { FuseResult } from 'fuse.js'
 import type { AppConfig } from '@nuxt/schema'
@@ -161,17 +162,17 @@ export type CommandPaletteEmits<T extends CommandPaletteItem = CommandPaletteIte
   'update:open': [value: boolean]
 }
 
-type SlotProps<T> = (props: { item: T, index: number }) => any
+type SlotProps<T> = (props: { item: T, index: number }) => VNode[]
 
 export type CommandPaletteSlots<G extends CommandPaletteGroup<T> = CommandPaletteGroup<any>, T extends CommandPaletteItem = CommandPaletteItem> = {
-  'empty'(props: { searchTerm?: string }): any
-  'footer'(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): any
-  'back'(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): any
-  'close'(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): any
-  'item': SlotProps<T>
-  'item-leading': SlotProps<T>
-  'item-label': SlotProps<T>
-  'item-trailing': SlotProps<T>
+  'empty'?(props: { searchTerm?: string }): VNode[]
+  'footer'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  'back'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  'close'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
 } & Record<string, SlotProps<G>> & Record<string, SlotProps<T>>
 
 </script>
diff --git a/src/runtime/components/Container.vue b/src/runtime/components/Container.vue
index cda21f8f41..c5b92e1df1 100644
--- a/src/runtime/components/Container.vue
+++ b/src/runtime/components/Container.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/container'
 import type { ComponentConfig } from '../types/tv'
@@ -15,7 +16,7 @@ export interface ContainerProps {
 }
 
 export interface ContainerSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index 208e548dfd..6796334114 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ContextMenuRootProps, ContextMenuRootEmits, ContextMenuContentProps, ContextMenuContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/context-menu'
@@ -82,19 +83,19 @@ export interface ContextMenuProps<T extends ArrayOrNested<ContextMenuItem> = Arr
 
 export interface ContextMenuEmits extends ContextMenuRootEmits {}
 
-type SlotProps<T extends ContextMenuItem> = (props: { item: T, active?: boolean, index: number }) => any
+type SlotProps<T extends ContextMenuItem> = (props: { item: T, active?: boolean, index: number }) => VNode[]
 
 export type ContextMenuSlots<
   A extends ArrayOrNested<ContextMenuItem> = ArrayOrNested<ContextMenuItem>,
   T extends NestedItem<A> = NestedItem<A>
 > = {
-  'default'(props?: {}): any
-  'item': SlotProps<T>
-  'item-leading': SlotProps<T>
-  'item-label': SlotProps<T>
-  'item-trailing': SlotProps<T>
-  'content-top': (props?: {}) => any
-  'content-bottom': (props?: {}) => any
+  'default'?(props?: {}): VNode[]
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
+  'content-top'?: (props?: {}) => VNode[]
+  'content-bottom'?: (props?: {}) => VNode[]
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing', { active?: boolean, index: number }>
 
 </script>
diff --git a/src/runtime/components/DashboardGroup.vue b/src/runtime/components/DashboardGroup.vue
index 11f0d27b2d..5a979cdaf5 100644
--- a/src/runtime/components/DashboardGroup.vue
+++ b/src/runtime/components/DashboardGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-group'
 import type { UseResizableProps } from '../composables/useResizable'
@@ -16,7 +17,7 @@ export interface DashboardGroupProps extends Pick<UseResizableProps, 'storage' |
 }
 
 export interface DashboardGroupSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/DashboardNavbar.vue b/src/runtime/components/DashboardNavbar.vue
index f8109c2621..008fe3dfe5 100644
--- a/src/runtime/components/DashboardNavbar.vue
+++ b/src/runtime/components/DashboardNavbar.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-navbar'
 import type { DashboardContext } from '../utils/dashboard'
@@ -37,13 +38,13 @@ export interface DashboardNavbarProps {
 type DashboardNavbarSlotsProps = Omit<DashboardContext, 'storage' | 'storageKey' | 'persistent' | 'unit'>
 
 export interface DashboardNavbarSlots {
-  title(props?: {}): any
-  leading(props: DashboardNavbarSlotsProps): any
-  trailing(props: DashboardNavbarSlotsProps): any
-  left(props: DashboardNavbarSlotsProps): any
-  default(props: DashboardNavbarSlotsProps): any
-  right(props: DashboardNavbarSlotsProps): any
-  toggle(props: DashboardNavbarSlotsProps): any
+  title?(props?: {}): VNode[]
+  leading?(props: DashboardNavbarSlotsProps): VNode[]
+  trailing?(props: DashboardNavbarSlotsProps): VNode[]
+  left?(props: DashboardNavbarSlotsProps): VNode[]
+  default?(props: DashboardNavbarSlotsProps): VNode[]
+  right?(props: DashboardNavbarSlotsProps): VNode[]
+  toggle?(props: DashboardNavbarSlotsProps): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/DashboardPanel.vue b/src/runtime/components/DashboardPanel.vue
index 2aed4b7620..aa517a1d05 100644
--- a/src/runtime/components/DashboardPanel.vue
+++ b/src/runtime/components/DashboardPanel.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-panel'
 import type { UseResizableProps } from '../composables/useResizable'
@@ -12,11 +13,11 @@ export interface DashboardPanelProps extends Pick<UseResizableProps, 'id' | 'min
 }
 
 export interface DashboardPanelSlots {
-  'default'(props?: {}): any
-  'header'(props?: {}): any
-  'body'(props?: {}): any
-  'footer'(props?: {}): any
-  'resize-handle'(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): any
+  'default'?(props?: {}): VNode[]
+  'header'?(props?: {}): VNode[]
+  'body'?(props?: {}): VNode[]
+  'footer'?(props?: {}): VNode[]
+  'resize-handle'?(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/DashboardResizeHandle.vue b/src/runtime/components/DashboardResizeHandle.vue
index a909b90c1d..9a3f9a0cbe 100644
--- a/src/runtime/components/DashboardResizeHandle.vue
+++ b/src/runtime/components/DashboardResizeHandle.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-resize-handle'
 import type { ComponentConfig } from '../types/tv'
@@ -15,7 +16,7 @@ export interface DashboardResizeHandleProps {
 }
 
 export interface DashboardResizeHandleSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/DashboardSearch.vue b/src/runtime/components/DashboardSearch.vue
index cc836edf67..44a15bda14 100644
--- a/src/runtime/components/DashboardSearch.vue
+++ b/src/runtime/components/DashboardSearch.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import theme from '#build/ui/dashboard-search'
@@ -67,7 +68,7 @@ export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPale
 }
 
 export type DashboardSearchSlots = CommandPaletteSlots<CommandPaletteGroup<CommandPaletteItem>, CommandPaletteItem> & {
-  content(props?: {}): any
+  content?(props?: {}): VNode[]
 }
 
 </script>
diff --git a/src/runtime/components/DashboardSidebar.vue b/src/runtime/components/DashboardSidebar.vue
index 6b01e9ad5e..b608de5f0b 100644
--- a/src/runtime/components/DashboardSidebar.vue
+++ b/src/runtime/components/DashboardSidebar.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-sidebar'
 import type { UseResizableProps } from '../composables/useResizable'
@@ -36,12 +37,12 @@ export interface DashboardSidebarProps<T extends DashboardSidebarMode = Dashboar
 }
 
 export interface DashboardSidebarSlots {
-  'header'(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): any
-  'default'(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): any
-  'footer'(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): any
-  'toggle'(props: { open: boolean, toggle: () => void }): any
-  'content'(props?: {}): any
-  'resize-handle'(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): any
+  'header'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): VNode[]
+  'default'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): VNode[]
+  'footer'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): VNode[]
+  'toggle'?(props: { open: boolean, toggle: () => void }): VNode[]
+  'content'?(props?: {}): VNode[]
+  'resize-handle'?(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/DashboardToolbar.vue b/src/runtime/components/DashboardToolbar.vue
index 0804190641..3f0797ac70 100644
--- a/src/runtime/components/DashboardToolbar.vue
+++ b/src/runtime/components/DashboardToolbar.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-toolbar'
 import type { ComponentConfig } from '../types/tv'
@@ -16,9 +17,9 @@ export interface DashboardToolbarProps {
 }
 
 export interface DashboardToolbarSlots {
-  default(props?: {}): any
-  left(props?: {}): any
-  right(props?: {}): any
+  default?(props?: {}): VNode[]
+  left?(props?: {}): VNode[]
+  right?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index 65e92871eb..917b28c183 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { DrawerRootProps, DrawerRootEmits } from 'vaul-vue'
 import type { DialogContentProps, DialogContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
@@ -52,13 +53,13 @@ export interface DrawerEmits extends DrawerRootEmits {
 }
 
 export interface DrawerSlots {
-  default(props?: {}): any
-  content(props?: {}): any
-  header(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  body(props?: {}): any
-  footer(props?: {}): any
+  default?(props?: {}): VNode[]
+  content?(props?: {}): VNode[]
+  header?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 5eb96481c1..9e52eb4bc7 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentProps, DropdownMenuContentEmits, DropdownMenuArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dropdown-menu'
@@ -90,19 +91,19 @@ export interface DropdownMenuProps<T extends ArrayOrNested<DropdownMenuItem> = A
 
 export interface DropdownMenuEmits extends DropdownMenuRootEmits {}
 
-type SlotProps<T extends DropdownMenuItem> = (props: { item: T, active?: boolean, index: number }) => any
+type SlotProps<T extends DropdownMenuItem> = (props: { item: T, active?: boolean, index: number }) => VNode[]
 
 export type DropdownMenuSlots<
   A extends ArrayOrNested<DropdownMenuItem> = ArrayOrNested<DropdownMenuItem>,
   T extends NestedItem<A> = NestedItem<A>
 > = {
-  'default'(props: { open: boolean }): any
-  'item': SlotProps<T>
-  'item-leading': SlotProps<T>
-  'item-label': SlotProps<T>
-  'item-trailing': SlotProps<T>
-  'content-top': (props?: {}) => any
-  'content-bottom': (props?: {}) => any
+  'default'?(props: { open: boolean }): VNode[]
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
+  'content-top'?: (props?: {}) => VNode[]
+  'content-bottom'?: (props?: {}) => VNode[]
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing', { active?: boolean, index: number }>
 
 </script>
diff --git a/src/runtime/components/DropdownMenuContent.vue b/src/runtime/components/DropdownMenuContent.vue
index bfcbd56016..17ff48f100 100644
--- a/src/runtime/components/DropdownMenuContent.vue
+++ b/src/runtime/components/DropdownMenuContent.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { DropdownMenuContentProps as RekaDropdownMenuContentProps, DropdownMenuContentEmits as RekaDropdownMenuContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import type theme from '#build/ui/dropdown-menu'
@@ -37,7 +38,7 @@ type DropdownMenuContentSlots<
   A extends ArrayOrNested<DropdownMenuItem> = ArrayOrNested<DropdownMenuItem>,
   T extends NestedItem<A> = NestedItem<A>
 > = Pick<DropdownMenuSlots<A>, 'item' | 'item-leading' | 'item-label' | 'item-trailing' | 'content-top' | 'content-bottom'> & {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing', { active?: boolean, index: number }>
 
 </script>
diff --git a/src/runtime/components/Empty.vue b/src/runtime/components/Empty.vue
index fde3dea1a1..4704a0fe3b 100644
--- a/src/runtime/components/Empty.vue
+++ b/src/runtime/components/Empty.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/empty'
 import type { ComponentConfig } from '../types/tv'
@@ -37,13 +38,13 @@ export interface EmptyProps {
 }
 
 export interface EmptySlots {
-  header(props?: {}): any
-  leading(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  body(props?: {}): any
-  actions(props?: {}): any
-  footer(props?: {}): any
+  header?(props?: {}): VNode[]
+  leading?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  actions?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Error.vue b/src/runtime/components/Error.vue
index 66fedb6c44..7c59bf71e5 100644
--- a/src/runtime/components/Error.vue
+++ b/src/runtime/components/Error.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { NuxtError } from '#app'
 import theme from '#build/ui/error'
@@ -30,11 +31,11 @@ export interface ErrorProps {
 }
 
 export interface ErrorSlots {
-  default(props?: {}): any
-  statusCode(props?: {}): any
-  statusMessage(props?: {}): any
-  message(props?: {}): any
-  links(props?: {}): any
+  default?(props?: {}): VNode[]
+  statusCode?(props?: {}): VNode[]
+  statusMessage?(props?: {}): VNode[]
+  message?(props?: {}): VNode[]
+  links?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/FieldGroup.vue b/src/runtime/components/FieldGroup.vue
index 3bb45f90e7..614c99fe98 100644
--- a/src/runtime/components/FieldGroup.vue
+++ b/src/runtime/components/FieldGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/field-group'
 import type { ComponentConfig } from '../types/tv'
@@ -25,7 +26,7 @@ export interface FieldGroupProps {
 }
 
 export interface FieldGroupSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/FileUpload.vue b/src/runtime/components/FileUpload.vue
index 17b9a8b3f3..5185a235bf 100644
--- a/src/runtime/components/FileUpload.vue
+++ b/src/runtime/components/FileUpload.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UseFileDialogReturn } from '@vueuse/core'
 import theme from '#build/ui/file-upload'
@@ -103,22 +104,22 @@ export interface FileUploadEmits {
 type FileUploadFiles<M> = (M extends true ? File[] : File) | null
 
 export interface FileUploadSlots<M extends boolean = false> {
-  'default'(props: {
+  'default'?(props: {
     open: UseFileDialogReturn['open']
     removeFile: (index?: number) => void
-  }): any
-  'leading'(props?: {}): any
-  'label'(props?: {}): any
-  'description'(props?: {}): any
-  'actions'(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): any
-  'files'(props: { files?: FileUploadFiles<M> }): any
-  'files-top'(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): any
-  'files-bottom'(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): any
-  'file'(props: { file: File, index: number }): any
-  'file-leading'(props: { file: File, index: number }): any
-  'file-name'(props: { file: File, index: number }): any
-  'file-size'(props: { file: File, index: number }): any
-  'file-trailing'(props: { file: File, index: number }): any
+  }): VNode[]
+  'leading'?(props?: {}): VNode[]
+  'label'?(props?: {}): VNode[]
+  'description'?(props?: {}): VNode[]
+  'actions'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): VNode[]
+  'files'?(props: { files?: FileUploadFiles<M> }): VNode[]
+  'files-top'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): VNode[]
+  'files-bottom'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): VNode[]
+  'file'?(props: { file: File, index: number }): VNode[]
+  'file-leading'?(props: { file: File, index: number }): VNode[]
+  'file-name'?(props: { file: File, index: number }): VNode[]
+  'file-size'?(props: { file: File, index: number }): VNode[]
+  'file-trailing'?(props: { file: File, index: number }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Footer.vue b/src/runtime/components/Footer.vue
index eae721f362..d3dde071c1 100644
--- a/src/runtime/components/Footer.vue
+++ b/src/runtime/components/Footer.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../types/tv'
 import theme from '#build/ui/footer'
@@ -16,11 +17,11 @@ export interface FooterProps {
 }
 
 export interface FooterSlots {
-  left(props?: {}): any
-  default(props?: {}): any
-  right(props?: {}): any
-  top(props?: {}): any
-  bottom(props?: {}): any
+  left?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  right?(props?: {}): VNode[]
+  top?(props?: {}): VNode[]
+  bottom?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/FooterColumns.vue b/src/runtime/components/FooterColumns.vue
index 5857cb8c7d..c3571bb122 100644
--- a/src/runtime/components/FooterColumns.vue
+++ b/src/runtime/components/FooterColumns.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/footer-columns'
 import type { IconProps, LinkProps } from '../types'
@@ -32,17 +33,17 @@ export interface FooterColumnsProps<T extends FooterColumnLink = FooterColumnLin
   ui?: FooterColumns['slots']
 }
 
-type SlotProps<T> = (props: { link: T, active: boolean }) => any
+type SlotProps<T> = (props: { link: T, active: boolean }) => VNode[]
 
 export interface FooterColumnsSlots<T extends FooterColumnLink = FooterColumnLink> {
-  'left'(props?: {}): any
-  'default'(props?: {}): any
-  'right'(props?: {}): any
-  'column-label'?: (props: { column: FooterColumn<T> }) => any
-  'link': SlotProps<T>
-  'link-leading': SlotProps<T>
-  'link-label': SlotProps<T>
-  'link-trailing': SlotProps<T>
+  'left'?(props?: {}): VNode[]
+  'default'?(props?: {}): VNode[]
+  'right'?(props?: {}): VNode[]
+  'column-label'?: (props: { column: FooterColumn<T> }) => VNode[]
+  'link'?: SlotProps<T>
+  'link-leading'?: SlotProps<T>
+  'link-label'?: SlotProps<T>
+  'link-trailing'?: SlotProps<T>
 }
 </script>
 
diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index 653900c4a1..2cdaabe61e 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/form'
 import type { FormSchema, FormError, FormInputEvents, FormErrorEvent, FormSubmitEvent, FormEvent, Form, FormErrorWithId, InferInput, InferOutput, FormData } from '../types/form'
@@ -68,7 +69,7 @@ export interface FormEmits<S extends FormSchema, T extends boolean = true> {
 }
 
 export interface FormSlots {
-  default(props: { errors: FormError[], loading: boolean }): any
+  default(props: { errors: FormError[], loading: boolean }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/FormField.vue b/src/runtime/components/FormField.vue
index 87e523d996..6ba399e9c4 100644
--- a/src/runtime/components/FormField.vue
+++ b/src/runtime/components/FormField.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { Ref, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/form-field'
 import type { ComponentConfig } from '../types/tv'
@@ -37,18 +38,17 @@ export interface FormFieldProps {
 }
 
 export interface FormFieldSlots {
-  label(props: { label?: string }): any
-  hint(props: { hint?: string }): any
-  description(props: { description?: string }): any
-  help(props: { help?: string }): any
-  error(props: { error?: boolean | string }): any
-  default(props: { error?: boolean | string }): any
+  label?(props: { label?: string }): VNode[]
+  hint?(props: { hint?: string }): VNode[]
+  description?(props: { description?: string }): VNode[]
+  help?(props: { help?: string }): VNode[]
+  error?(props: { error?: boolean | string }): VNode[]
+  default(props: { error?: boolean | string }): VNode[]
 }
 </script>
 
 <script setup lang="ts">
 import { computed, ref, inject, provide, useId, watch } from 'vue'
-import type { Ref } from 'vue'
 import { Primitive, Label } from 'reka-ui'
 import { useAppConfig } from '#imports'
 import { formFieldInjectionKey, inputIdInjectionKey, formErrorsInjectionKey, formInputsInjectionKey } from '../composables/useFormField'
diff --git a/src/runtime/components/Header.vue b/src/runtime/components/Header.vue
index b0f37aae9f..3242a4ede0 100644
--- a/src/runtime/components/Header.vue
+++ b/src/runtime/components/Header.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/header'
 import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps } from '../types'
@@ -41,15 +42,15 @@ export interface HeaderProps<T extends HeaderMode = HeaderMode> {
 }
 
 export interface HeaderSlots {
-  title(props?: {}): any
-  left(props?: {}): any
-  default(props?: {}): any
-  right(props?: {}): any
-  toggle(props: { open: boolean, toggle: () => void }): any
-  top(props?: {}): any
-  bottom(props?: {}): any
-  body(props?: {}): any
-  content(props?: {}): any
+  title?(props?: {}): VNode[]
+  left?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  right?(props?: {}): VNode[]
+  toggle?(props: { open: boolean, toggle: () => void }): VNode[]
+  top?(props?: {}): VNode[]
+  bottom?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  content?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Input.vue b/src/runtime/components/Input.vue
index aed1b12f1d..153936961f 100644
--- a/src/runtime/components/Input.vue
+++ b/src/runtime/components/Input.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { InputHTMLAttributes } from 'vue'
+import type { InputHTMLAttributes, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/input'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
@@ -55,9 +55,9 @@ export interface InputEmits<T extends InputValue = InputValue> {
 }
 
 export interface InputSlots {
-  leading(props?: {}): any
-  default(props?: {}): any
-  trailing(props?: {}): any
+  leading?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  trailing?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index be0fb4bd3c..1c8cf5da4a 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { InputHTMLAttributes } from 'vue'
+import type { InputHTMLAttributes, VNode } from 'vue'
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/input-menu'
@@ -158,7 +158,7 @@ export type InputMenuEmits<A extends ArrayOrNested<InputMenuItem>, VK extends Ge
   'remove-tag': [item: GetModelValue<A, VK, M>]
 } & GetModelValueEmits<A, VK, M>
 
-type SlotProps<T extends InputMenuItem> = (props: { item: T, index: number }) => any
+type SlotProps<T extends InputMenuItem> = (props: { item: T, index: number }) => VNode[]
 
 export interface InputMenuSlots<
   A extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>,
@@ -166,26 +166,26 @@ export interface InputMenuSlots<
   M extends boolean = false,
   T extends NestedItem<A> = NestedItem<A>
 > {
-  'leading'(props: {
+  'leading'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<InputMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): any
-  'trailing'(props: {
+  }): VNode[]
+  'trailing'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<InputMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): any
-  'empty'(props: { searchTerm?: string }): any
-  'item': SlotProps<T>
-  'item-leading': SlotProps<T>
-  'item-label': SlotProps<T>
-  'item-trailing': SlotProps<T>
-  'tags-item-text': SlotProps<T>
-  'tags-item-delete': SlotProps<T>
-  'content-top': (props?: {}) => any
-  'content-bottom': (props?: {}) => any
-  'create-item-label'(props: { item: string }): any
+  }): VNode[]
+  'empty'?(props: { searchTerm?: string }): VNode[]
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
+  'tags-item-text'?: SlotProps<T>
+  'tags-item-delete'?: SlotProps<T>
+  'content-top'?: (props?: {}) => VNode[]
+  'content-bottom'?: (props?: {}) => VNode[]
+  'create-item-label'?(props: { item: string }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/InputNumber.vue b/src/runtime/components/InputNumber.vue
index a865e9e039..8f50d9a160 100644
--- a/src/runtime/components/InputNumber.vue
+++ b/src/runtime/components/InputNumber.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { NumberFieldRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/input-number'
@@ -71,8 +72,8 @@ export interface InputNumberEmits {
 }
 
 export interface InputNumberSlots {
-  increment(props?: {}): any
-  decrement(props?: {}): any
+  increment?(props?: {}): VNode[]
+  decrement?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/InputTags.vue b/src/runtime/components/InputTags.vue
index a55e664de7..6cbfacbc37 100644
--- a/src/runtime/components/InputTags.vue
+++ b/src/runtime/components/InputTags.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+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'
@@ -52,14 +53,14 @@ export interface InputTagsEmits<T extends InputTagItem> extends TagsInputRootEmi
   focus: [event: FocusEvent]
 }
 
-type SlotProps<T extends InputTagItem> = (props: { item: T, index: number }) => any
+type SlotProps<T extends InputTagItem> = (props: { item: T, index: number }) => VNode[]
 
 export interface InputTagsSlots<T extends InputTagItem = InputTagItem> {
-  'leading'(props?: {}): any
-  'default'(props?: {}): any
-  'trailing'(props?: {}): any
-  'item-text': SlotProps<T>
-  'item-delete': SlotProps<T>
+  'leading'?(props?: {}): VNode[]
+  'default'?(props?: {}): VNode[]
+  'trailing'?(props?: {}): VNode[]
+  'item-text'?: SlotProps<T>
+  'item-delete'?: SlotProps<T>
 }
 </script>
 
diff --git a/src/runtime/components/Kbd.vue b/src/runtime/components/Kbd.vue
index 3ad66e85f5..198a41d94b 100644
--- a/src/runtime/components/Kbd.vue
+++ b/src/runtime/components/Kbd.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/kbd'
 import type { KbdKey } from '../composables/useKbd'
@@ -29,7 +30,7 @@ export interface KbdProps {
 }
 
 export interface KbdSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Link.vue b/src/runtime/components/Link.vue
index a555269dc7..24cba3d236 100644
--- a/src/runtime/components/Link.vue
+++ b/src/runtime/components/Link.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { ButtonHTMLAttributes } from 'vue'
+import type { ButtonHTMLAttributes, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { RouterLinkProps, RouteLocationRaw } from 'vue-router'
 import theme from '#build/ui/link'
@@ -82,7 +82,7 @@ export interface LinkProps extends NuxtLinkProps {
 }
 
 export interface LinkSlots {
-  default(props: { active: boolean }): any
+  default?(props: { active: boolean }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Main.vue b/src/runtime/components/Main.vue
index ea744b68e1..6e316b32ee 100644
--- a/src/runtime/components/Main.vue
+++ b/src/runtime/components/Main.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/main'
 import type { ComponentConfig } from '../types/tv'
@@ -15,7 +16,7 @@ export interface MainProps {
 }
 
 export interface MainSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Marquee.vue b/src/runtime/components/Marquee.vue
index 0774ca5b80..cd64c34bef 100644
--- a/src/runtime/components/Marquee.vue
+++ b/src/runtime/components/Marquee.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/marquee'
 import type { ComponentConfig } from '../types/tv'
@@ -41,7 +42,7 @@ export interface MarqueeProps {
 }
 
 export interface MarqueeSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
index b06853d5e9..0d7f0aa69b 100644
--- a/src/runtime/components/Modal.vue
+++ b/src/runtime/components/Modal.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/modal'
@@ -61,15 +62,15 @@ export interface ModalEmits extends DialogRootEmits {
 }
 
 export interface ModalSlots {
-  default(props: { open: boolean }): any
-  content(props: { close: () => void }): any
-  header(props: { close: () => void }): any
-  title(props?: {}): any
-  description(props?: {}): any
-  actions(props?: {}): any
-  close(props: { close: () => void, ui: { [K in keyof Required<Modal['slots']>]: (props?: Record<string, any>) => string } }): any
-  body(props: { close: () => void }): any
-  footer(props: { close: () => void }): any
+  default?(props: { open: boolean }): VNode[]
+  content?(props: { close: () => void }): VNode[]
+  header?(props: { close: () => void }): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  actions?(props?: {}): VNode[]
+  close?(props: { close: () => void, ui: { [K in keyof Required<Modal['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  body?(props: { close: () => void }): VNode[]
+  footer?(props: { close: () => void }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index b4641b77c8..c21812efa2 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { NavigationMenuRootProps, NavigationMenuRootEmits, NavigationMenuContentProps, NavigationMenuContentEmits, AccordionRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/navigation-menu'
@@ -144,19 +145,19 @@ export interface NavigationMenuProps<T extends ArrayOrNested<NavigationMenuItem>
 
 export interface NavigationMenuEmits extends NavigationMenuRootEmits {}
 
-type SlotProps<T extends NavigationMenuItem> = (props: { item: T, index: number, active?: boolean }) => any
+type SlotProps<T extends NavigationMenuItem> = (props: { item: T, index: number, active?: boolean }) => 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': SlotProps<T>
-  'item-trailing': SlotProps<T>
-  'item-content': SlotProps<T>
-  'list-leading': (props?: {}) => any
-  'list-trailing': (props?: {}) => any
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
+  'item-content'?: SlotProps<T>
+  'list-leading'?: (props?: {}) => VNode[]
+  'list-trailing'?: (props?: {}) => VNode[]
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing' | 'content', { index: number, active?: boolean }>
 
 </script>
diff --git a/src/runtime/components/Page.vue b/src/runtime/components/Page.vue
index 616dc9cab2..3deddac2eb 100644
--- a/src/runtime/components/Page.vue
+++ b/src/runtime/components/Page.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page'
 import type { ComponentConfig } from '../types/tv'
@@ -16,9 +17,9 @@ export interface PageProps {
 }
 
 export interface PageSlots {
-  left(props?: {}): any
-  default(props?: {}): any
-  right(props?: {}): any
+  left?(props?: {}): VNode[]
+  default(props?: {}): VNode[]
+  right?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageAnchors.vue b/src/runtime/components/PageAnchors.vue
index 719d431089..1d80aba4c5 100644
--- a/src/runtime/components/PageAnchors.vue
+++ b/src/runtime/components/PageAnchors.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-anchors'
 import type { IconProps, LinkProps } from '../types'
@@ -27,13 +28,13 @@ export interface PageAnchorsProps<T extends PageAnchor = PageAnchor> {
   ui?: PageAnchors['slots']
 }
 
-type SlotProps<T> = (props: { link: T, active: boolean }) => any
+type SlotProps<T> = (props: { link: T, active: boolean }) => VNode[]
 
 export interface PageAnchorsSlots<T extends PageAnchor = PageAnchor> {
-  'link': SlotProps<T>
-  'link-leading': SlotProps<T>
-  'link-label': SlotProps<T>
-  'link-trailing': SlotProps<T>
+  'link'?: SlotProps<T>
+  'link-leading'?: SlotProps<T>
+  'link-label'?: SlotProps<T>
+  'link-trailing'?: SlotProps<T>
 }
 </script>
 
diff --git a/src/runtime/components/PageAside.vue b/src/runtime/components/PageAside.vue
index 06264e7f8f..f1d057202b 100644
--- a/src/runtime/components/PageAside.vue
+++ b/src/runtime/components/PageAside.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-aside'
 import type { ComponentConfig } from '../types/tv'
@@ -16,9 +17,9 @@ export interface PageAsideProps {
 }
 
 export interface PageAsideSlots {
-  top(props?: {}): any
-  default(props?: {}): any
-  bottom(props?: {}): any
+  top?(props?: {}): VNode[]
+  default(props?: {}): VNode[]
+  bottom?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageBody.vue b/src/runtime/components/PageBody.vue
index cd1540cefa..099d6feba5 100644
--- a/src/runtime/components/PageBody.vue
+++ b/src/runtime/components/PageBody.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-body'
 import type { ComponentConfig } from '../types/tv'
@@ -15,7 +16,7 @@ export interface PageBodyProps {
 }
 
 export interface PageBodySlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageCTA.vue b/src/runtime/components/PageCTA.vue
index 3fd3f10dbc..1dcf016c7f 100644
--- a/src/runtime/components/PageCTA.vue
+++ b/src/runtime/components/PageCTA.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-cta'
 import type { ButtonProps } from '../types'
@@ -38,15 +39,15 @@ export interface PageCTAProps {
 }
 
 export interface PageCTASlots {
-  top(props?: {}): any
-  header(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  body(props?: {}): any
-  footer(props?: {}): any
-  links(props?: {}): any
-  default(props?: {}): any
-  bottom(props?: {}): any
+  top?(props?: {}): VNode[]
+  header?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
+  links?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  bottom?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageCard.vue b/src/runtime/components/PageCard.vue
index 5640a8a891..8df62f781c 100644
--- a/src/runtime/components/PageCard.vue
+++ b/src/runtime/components/PageCard.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-card'
 import type { IconProps, LinkProps } from '../types'
@@ -57,13 +58,13 @@ export interface PageCardProps {
 }
 
 export interface PageCardSlots {
-  header(props?: {}): any
-  body(props?: {}): any
-  leading(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  footer(props?: {}): any
-  default(props?: {}): any
+  header?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  leading?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageColumns.vue b/src/runtime/components/PageColumns.vue
index 7e99f6d509..dea407ed33 100644
--- a/src/runtime/components/PageColumns.vue
+++ b/src/runtime/components/PageColumns.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-columns'
 import type { ComponentConfig } from '../types/tv'
@@ -15,7 +16,7 @@ export interface PageColumnsProps {
 }
 
 export interface PageColumnsSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageFeature.vue b/src/runtime/components/PageFeature.vue
index 6d289701f1..74fb67bbe2 100644
--- a/src/runtime/components/PageFeature.vue
+++ b/src/runtime/components/PageFeature.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-feature'
 import type { IconProps, LinkProps } from '../types'
@@ -32,10 +33,10 @@ export interface PageFeatureProps {
 }
 
 export interface PageFeatureSlots {
-  leading(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  default(props?: {}): any
+  leading?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageGrid.vue b/src/runtime/components/PageGrid.vue
index 5be289c4e7..cef0c51b1d 100644
--- a/src/runtime/components/PageGrid.vue
+++ b/src/runtime/components/PageGrid.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-grid'
 import type { ComponentConfig } from '../types/tv'
@@ -15,7 +16,7 @@ export interface PageGridProps {
 }
 
 export interface PageGridSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageHeader.vue b/src/runtime/components/PageHeader.vue
index 75aaeef5be..e4f90d2c38 100644
--- a/src/runtime/components/PageHeader.vue
+++ b/src/runtime/components/PageHeader.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-header'
 import type { ButtonProps } from '../types'
@@ -25,11 +26,11 @@ export interface PageHeaderProps {
 }
 
 export interface PageHeaderSlots {
-  headline(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  links(props?: {}): any
-  default(props?: {}): any
+  headline?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  links?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageHero.vue b/src/runtime/components/PageHero.vue
index c987e8c21b..2c1dbe328e 100644
--- a/src/runtime/components/PageHero.vue
+++ b/src/runtime/components/PageHero.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-hero'
 import type { ButtonProps } from '../types'
@@ -35,16 +36,16 @@ export interface PageHeroProps {
 }
 
 export interface PageHeroSlots {
-  top(props?: {}): any
-  header(props?: {}): any
-  headline(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  body(props?: {}): any
-  footer(props?: {}): any
-  links(props?: {}): any
-  default(props?: {}): any
-  bottom(props?: {}): any
+  top?(props?: {}): VNode[]
+  header?(props?: {}): VNode[]
+  headline?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
+  links?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  bottom?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageLinks.vue b/src/runtime/components/PageLinks.vue
index f98b548311..f83b3b1f61 100644
--- a/src/runtime/components/PageLinks.vue
+++ b/src/runtime/components/PageLinks.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-links'
 import type { IconProps, LinkProps } from '../types'
@@ -28,14 +29,14 @@ export interface PageLinksProps<T extends PageLink = PageLink> {
   ui?: PageLinks['slots']
 }
 
-type SlotProps<T> = (props: { link: T, active: boolean }) => any
+type SlotProps<T> = (props: { link: T, active: boolean }) => VNode[]
 
 export interface PageLinksSlots<T extends PageLink = PageLink> {
-  'title'(props?: {}): any
-  'link': SlotProps<T>
-  'link-leading': SlotProps<T>
-  'link-label': SlotProps<T>
-  'link-trailing': SlotProps<T>
+  'title'?(props?: {}): VNode[]
+  'link'?: SlotProps<T>
+  'link-leading'?: SlotProps<T>
+  'link-label'?: SlotProps<T>
+  'link-trailing'?: SlotProps<T>
 }
 </script>
 
diff --git a/src/runtime/components/PageList.vue b/src/runtime/components/PageList.vue
index 7fde32cdf3..f8ddea5a2e 100644
--- a/src/runtime/components/PageList.vue
+++ b/src/runtime/components/PageList.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-list'
 import type { ComponentConfig } from '../types/tv'
@@ -16,7 +17,7 @@ export interface PageListProps {
 }
 
 export interface PageListSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageLogos.vue b/src/runtime/components/PageLogos.vue
index 06e2a1c9aa..99f7ed64cd 100644
--- a/src/runtime/components/PageLogos.vue
+++ b/src/runtime/components/PageLogos.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-logos'
 import type { MarqueeProps } from '../types'
@@ -25,7 +26,7 @@ export interface PageLogosProps {
 }
 
 export interface PageLogosSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PageSection.vue b/src/runtime/components/PageSection.vue
index 03cbc7cac4..85fc0b392a 100644
--- a/src/runtime/components/PageSection.vue
+++ b/src/runtime/components/PageSection.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-section'
 import type { ButtonProps, IconProps, PageFeatureProps } from '../types'
@@ -47,18 +48,18 @@ export interface PageSectionProps {
 }
 
 export interface PageSectionSlots {
-  top(props?: {}): any
-  header(props?: {}): any
-  leading(props?: {}): any
-  headline(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  body(props?: {}): any
-  features(props?: {}): any
-  footer(props?: {}): any
-  links(props?: {}): any
-  default(props?: {}): any
-  bottom(props?: {}): any
+  top?(props?: {}): VNode[]
+  header?(props?: {}): VNode[]
+  leading?(props?: {}): VNode[]
+  headline?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  features?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
+  links?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
+  bottom?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Pagination.vue b/src/runtime/components/Pagination.vue
index 1bbe701b44..73294418d7 100644
--- a/src/runtime/components/Pagination.vue
+++ b/src/runtime/components/Pagination.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { PaginationRootProps, PaginationRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pagination'
@@ -82,12 +83,12 @@ export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defa
 export interface PaginationEmits extends PaginationRootEmits {}
 
 export interface PaginationSlots {
-  first(props?: {}): any
-  prev(props?: {}): any
-  next(props?: {}): any
-  last(props?: {}): any
-  ellipsis(props?: {}): any
-  item(props: {
+  first?(props?: {}): VNode[]
+  prev?(props?: {}): VNode[]
+  next?(props?: {}): VNode[]
+  last?(props?: {}): VNode[]
+  ellipsis?(props?: {}): VNode[]
+  item?(props: {
     page: number
     pageCount: number
     item: {
@@ -97,7 +98,7 @@ export interface PaginationSlots {
       value: number
     }
     index: number
-  }): any
+  }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Popover.vue b/src/runtime/components/Popover.vue
index 3e58f8f491..7e427dcd2f 100644
--- a/src/runtime/components/Popover.vue
+++ b/src/runtime/components/Popover.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverContentProps, PopoverContentEmits, PopoverArrowProps, HoverCardTriggerProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/popover'
@@ -51,9 +52,9 @@ export interface PopoverEmits extends PopoverRootEmits {
 type SlotProps<M extends PopoverMode = PopoverMode> = [M] extends ['hover'] ? {} : { close: () => void }
 
 export interface PopoverSlots<M extends PopoverMode = PopoverMode> {
-  default(props: { open: boolean }): any
-  content(props: SlotProps<M>): any
-  anchor(props: SlotProps<M>): any
+  default(props: { open: boolean }): VNode[]
+  content?(props: SlotProps<M>): VNode[]
+  anchor?(props: SlotProps<M>): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PricingPlan.vue b/src/runtime/components/PricingPlan.vue
index 912178ff96..2f8685f653 100644
--- a/src/runtime/components/PricingPlan.vue
+++ b/src/runtime/components/PricingPlan.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pricing-plan'
 import type { BadgeProps, ButtonProps, IconProps } from '../types'
@@ -92,19 +93,19 @@ export interface PricingPlanProps {
 }
 
 export interface PricingPlanSlots {
-  badge(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  price(props?: {}): any
-  discount(props?: {}): any
-  billing(props?: {}): any
-  features(props?: {}): any
-  button(props?: {}): any
-  header(props?: {}): any
-  body(props?: {}): any
-  footer(props?: {}): any
-  tagline(props?: {}): any
-  terms(props?: {}): any
+  badge?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  price?(props?: {}): VNode[]
+  discount?(props?: {}): VNode[]
+  billing?(props?: {}): VNode[]
+  features?(props?: {}): VNode[]
+  button?(props?: {}): VNode[]
+  header?(props?: {}): VNode[]
+  body?(props?: {}): VNode[]
+  footer?(props?: {}): VNode[]
+  tagline?(props?: {}): VNode[]
+  terms?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PricingPlans.vue b/src/runtime/components/PricingPlans.vue
index 198b7ec8d5..20507ad095 100644
--- a/src/runtime/components/PricingPlans.vue
+++ b/src/runtime/components/PricingPlans.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pricing-plans'
 import type { PricingPlanProps } from '../types'
@@ -33,7 +34,7 @@ export interface PricingPlansProps {
 }
 
 export interface PricingPlansSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/PricingTable.vue b/src/runtime/components/PricingTable.vue
index f8f5c0671f..d5b4c00961 100644
--- a/src/runtime/components/PricingTable.vue
+++ b/src/runtime/components/PricingTable.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pricing-table'
 import type { PricingPlanProps } from '../types'
@@ -13,7 +14,7 @@ type DynamicSlots<T extends { id: string }, S extends string | undefined = undef
       ? (K | `${K}-${S}`)
       : K
     : never
-  ]?: (props: { tier: Extract<T, { id: K extends `${infer Base}-${S}` ? Base : K }> }) => any
+  ]?: (props: { tier: Extract<T, { id: K extends `${infer Base}-${S}` ? Base : K }> }) => VNode[]
 }
 
 type FeatureDynamicSlots<T extends PricingTableSectionFeature, S extends string | undefined = undefined> = {
@@ -22,7 +23,7 @@ type FeatureDynamicSlots<T extends PricingTableSectionFeature, S extends string
       ? (`feature-${K}` | `feature-${K}-${S}`)
       : `feature-${K}`
     : never
-  ]?: (props: { feature: T, tier: PricingTableTier, section: PricingTableSection }) => any
+  ]?: (props: { feature: T, tier: PricingTableTier, section: PricingTableSection }) => VNode[]
 }
 
 type SectionDynamicSlots<T extends PricingTableSection, S extends string | undefined = undefined> = {
@@ -31,7 +32,7 @@ type SectionDynamicSlots<T extends PricingTableSection, S extends string | undef
       ? (`section-${K}` | `section-${K}-${S}`)
       : `section-${K}`
     : never
-  ]?: (props: { section: T }) => any
+  ]?: (props: { section: T }) => VNode[]
 }
 
 export type PricingTableTier = Pick<PricingPlanProps, 'title' | 'description' | 'badge' | 'billingCycle' | 'billingPeriod' | 'price' | 'discount' | 'button' | 'highlight'> & {
@@ -78,21 +79,21 @@ export interface PricingTableProps<T extends PricingTableTier = PricingTableTier
   ui?: PricingTable['slots']
 }
 
-type SlotProps<T extends PricingTableTier> = (props: { tier: T }) => any
+type SlotProps<T extends PricingTableTier> = (props: { tier: T }) => VNode[]
 
 export type PricingTableSlots<T extends PricingTableTier = PricingTableTier> = {
-  'caption': (props?: {}) => any
-  'tier': SlotProps<T>
-  'tier-title': SlotProps<T>
-  'tier-description': SlotProps<T>
-  'tier-badge': SlotProps<T>
-  'tier-button': SlotProps<T>
-  'tier-billing': SlotProps<T>
-  'tier-discount': SlotProps<T>
-  'tier-price': SlotProps<T>
-  'section-title': (props: { section: PricingTableSection<T> }) => any
-  'feature-title': (props: { feature: PricingTableSectionFeature<T>, section: PricingTableSection<T> }) => any
-  'feature-value': (props: { feature: PricingTableSectionFeature<T>, tier: T, section: PricingTableSection<T> }) => any
+  'caption'?: (props?: {}) => VNode[]
+  'tier'?: SlotProps<T>
+  'tier-title'?: SlotProps<T>
+  'tier-description'?: SlotProps<T>
+  'tier-badge'?: SlotProps<T>
+  'tier-button'?: SlotProps<T>
+  'tier-billing'?: SlotProps<T>
+  'tier-discount'?: SlotProps<T>
+  'tier-price'?: SlotProps<T>
+  'section-title'?: (props: { section: PricingTableSection<T> }) => VNode[]
+  'feature-title'?: (props: { feature: PricingTableSectionFeature<T>, section: PricingTableSection<T> }) => VNode[]
+  'feature-value'?: (props: { feature: PricingTableSectionFeature<T>, tier: T, section: PricingTableSection<T> }) => VNode[]
 } & DynamicSlots<T, 'title' | 'description' | 'badge' | 'button' | 'billing' | 'discount' | 'price'>
 & FeatureDynamicSlots<PricingTableSectionFeature<T>, 'title' | 'value'>
 & SectionDynamicSlots<PricingTableSection<T>, 'title'>
diff --git a/src/runtime/components/Progress.vue b/src/runtime/components/Progress.vue
index 388acb9388..aa7df9770b 100644
--- a/src/runtime/components/Progress.vue
+++ b/src/runtime/components/Progress.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ProgressRootProps, ProgressRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/progress'
@@ -44,9 +45,9 @@ export interface ProgressProps extends Pick<ProgressRootProps, 'getValueLabel' |
 export interface ProgressEmits extends ProgressRootEmits {}
 
 export type ProgressSlots = {
-  status(props: { percent?: number }): any
+  status?(props: { percent?: number }): VNode[]
 } & {
-  [key: string]: (props: { step: number }) => any
+  [key: string]: (props: { step: number }) => VNode[]
 }
 
 </script>
diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index f07b213a10..c5395480c1 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { RadioGroupRootProps, RadioGroupRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/radio-group'
@@ -77,12 +78,12 @@ export type RadioGroupEmits = RadioGroupRootEmits & {
 
 type NormalizeItem<T extends RadioGroupItem> = Exclude<T & { id: string }, RadioGroupValue>
 
-type SlotProps<T extends RadioGroupItem> = (props: { item: NormalizeItem<T>, modelValue?: RadioGroupValue }) => any
+type SlotProps<T extends RadioGroupItem> = (props: { item: NormalizeItem<T>, modelValue?: RadioGroupValue }) => VNode[]
 
 export interface RadioGroupSlots<T extends RadioGroupItem[] = RadioGroupItem[]> {
-  legend(props?: {}): any
-  label: SlotProps<T[number]>
-  description: SlotProps<T[number]>
+  legend?(props?: {}): VNode[]
+  label?: SlotProps<T[number]>
+  description?: SlotProps<T[number]>
 }
 </script>
 
diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index 96da5bacb5..d3fa1353ab 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { SelectRootProps, SelectRootEmits, SelectContentProps, SelectContentEmits, SelectArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/select'
@@ -105,7 +106,7 @@ export type SelectEmits<A extends ArrayOrNested<SelectItem>, VK extends GetItemK
   focus: [event: FocusEvent]
 } & GetModelValueEmits<A, VK, M>
 
-type SlotProps<T extends SelectItem> = (props: { item: T, index: number }) => any
+type SlotProps<T extends SelectItem> = (props: { item: T, index: number }) => VNode[]
 
 export interface SelectSlots<
   A extends ArrayOrNested<SelectItem> = ArrayOrNested<SelectItem>,
@@ -113,26 +114,26 @@ export interface SelectSlots<
   M extends boolean = false,
   T extends NestedItem<A> = NestedItem<A>
 > {
-  'leading'(props: {
+  'leading'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<Select['slots']>]: (props?: Record<string, any>) => string }
-  }): any
-  'default'(props: {
+  }): VNode[]
+  'default'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
-  }): any
-  'trailing'(props: {
+  }): VNode[]
+  'trailing'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<Select['slots']>]: (props?: Record<string, any>) => string }
-  }): any
-  'item': SlotProps<T>
-  'item-leading': SlotProps<T>
-  'item-label': SlotProps<T>
-  'item-trailing': SlotProps<T>
-  'content-top': (props?: {}) => any
-  'content-bottom': (props?: {}) => any
+  }): VNode[]
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
+  'content-top'?: (props?: {}) => VNode[]
+  'content-bottom'?: (props?: {}) => VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index 191b73f5cb..e3dd4c813c 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/select-menu'
@@ -151,7 +152,7 @@ export type SelectMenuEmits<A extends ArrayOrNested<SelectMenuItem>, VK extends
   } | undefined]
 } & GetModelValueEmits<A, VK, M>
 
-type SlotProps<T extends SelectMenuItem> = (props: { item: T, index: number }) => any
+type SlotProps<T extends SelectMenuItem> = (props: { item: T, index: number }) => VNode[]
 
 export interface SelectMenuSlots<
   A extends ArrayOrNested<SelectMenuItem> = ArrayOrNested<SelectMenuItem>,
@@ -159,28 +160,28 @@ export interface SelectMenuSlots<
   M extends boolean = false,
   T extends NestedItem<A> = NestedItem<A>
 > {
-  'leading'(props: {
+  'leading'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<SelectMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): any
-  'default'(props: {
+  }): VNode[]
+  'default'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
-  }): any
-  'trailing'(props: {
+  }): VNode[]
+  'trailing'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<SelectMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): any
-  'empty'(props: { searchTerm?: string }): any
-  'item': SlotProps<T>
-  'item-leading': SlotProps<T>
-  'item-label': SlotProps<T>
-  'item-trailing': SlotProps<T>
-  'content-top': (props?: {}) => any
-  'content-bottom': (props?: {}) => any
-  'create-item-label'(props: { item: string }): any
+  }): VNode[]
+  'empty'?(props: { searchTerm?: string }): VNode[]
+  'item'?: SlotProps<T>
+  'item-leading'?: SlotProps<T>
+  'item-label'?: SlotProps<T>
+  'item-trailing'?: SlotProps<T>
+  'content-top'?: (props?: {}) => VNode[]
+  'content-bottom'?: (props?: {}) => VNode[]
+  'create-item-label'?(props: { item: string }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Separator.vue b/src/runtime/components/Separator.vue
index 2d58a14cfe..210ddbac3e 100644
--- a/src/runtime/components/Separator.vue
+++ b/src/runtime/components/Separator.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { SeparatorProps as _SeparatorProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/separator'
@@ -44,7 +45,7 @@ export interface SeparatorProps extends Pick<_SeparatorProps, 'decorative'> {
 }
 
 export interface SeparatorSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Slideover.vue b/src/runtime/components/Slideover.vue
index 9df043f300..a4d8cf8cb4 100644
--- a/src/runtime/components/Slideover.vue
+++ b/src/runtime/components/Slideover.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/slideover'
@@ -61,15 +62,15 @@ export interface SlideoverEmits extends DialogRootEmits {
 }
 
 export interface SlideoverSlots {
-  default(props: { open: boolean }): any
-  content(props: { close: () => void }): any
-  header(props: { close: () => void }): any
-  title(props?: {}): any
-  description(props?: {}): any
-  actions(props?: {}): any
-  close(props: { close: () => void, ui: { [K in keyof Required<Slideover['slots']>]: (props?: Record<string, any>) => string } }): any
-  body(props: { close: () => void }): any
-  footer(props: { close: () => void }): any
+  default?(props: { open: boolean }): VNode[]
+  content?(props: { close: () => void }): VNode[]
+  header?(props: { close: () => void }): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  actions?(props?: {}): VNode[]
+  close?(props: { close: () => void, ui: { [K in keyof Required<Slideover['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  body?(props: { close: () => void }): VNode[]
+  footer?(props: { close: () => void }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Stepper.vue b/src/runtime/components/Stepper.vue
index 82dc4fd150..416225a198 100644
--- a/src/runtime/components/Stepper.vue
+++ b/src/runtime/components/Stepper.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { StepperRootProps, StepperRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/stepper'
@@ -59,13 +60,13 @@ export type StepperEmits<T extends StepperItem = StepperItem> = Omit<StepperRoot
   prev: [value: T]
 }
 
-type SlotProps<T extends StepperItem> = (props: { item: T }) => any
+type SlotProps<T extends StepperItem> = (props: { item: T }) => VNode[]
 
 export type StepperSlots<T extends StepperItem = StepperItem> = {
-  indicator: SlotProps<T>
-  title: SlotProps<T>
-  description: SlotProps<T>
-  content: SlotProps<T>
+  indicator?: SlotProps<T>
+  title?: SlotProps<T>
+  description?: SlotProps<T>
+  content?: SlotProps<T>
 } & DynamicSlots<T>
 
 </script>
diff --git a/src/runtime/components/Switch.vue b/src/runtime/components/Switch.vue
index ada4ae985f..5980844e73 100644
--- a/src/runtime/components/Switch.vue
+++ b/src/runtime/components/Switch.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { SwitchRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/switch'
@@ -50,8 +51,8 @@ export type SwitchEmits = {
 }
 
 export interface SwitchSlots {
-  label(props: { label?: string }): any
-  description(props: { description?: string }): any
+  label?(props: { label?: string }): VNode[]
+  description?(props: { description?: string }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Table.vue b/src/runtime/components/Table.vue
index f596e803d5..5df837e650 100644
--- a/src/runtime/components/Table.vue
+++ b/src/runtime/components/Table.vue
@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { Ref, WatchOptions } from 'vue'
+import type { Ref, WatchOptions, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { Cell, Header, RowData, TableMeta } from '@tanstack/table-core'
 import type {
@@ -204,17 +204,17 @@ export interface TableProps<T extends TableData = TableData> extends TableOption
   ui?: Table['slots']
 }
 
-type DynamicHeaderSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => any> & Record<`${K extends string ? K : never}-header`, (props: HeaderContext<T, unknown>) => any>
-type DynamicFooterSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => any> & Record<`${K extends string ? K : never}-footer`, (props: HeaderContext<T, unknown>) => any>
-type DynamicCellSlots<T, K = keyof T> = Record<string, (props: CellContext<T, unknown>) => any> & Record<`${K extends string ? K : never}-cell`, (props: CellContext<T, unknown>) => any>
+type DynamicHeaderSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => VNode[]> & Record<`${K extends string ? K : never}-header`, (props: HeaderContext<T, unknown>) => VNode[]>
+type DynamicFooterSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => VNode[]> & Record<`${K extends string ? K : never}-footer`, (props: HeaderContext<T, unknown>) => VNode[]>
+type DynamicCellSlots<T, K = keyof T> = Record<string, (props: CellContext<T, unknown>) => VNode[]> & Record<`${K extends string ? K : never}-cell`, (props: CellContext<T, unknown>) => VNode[]>
 
 export type TableSlots<T extends TableData = TableData> = {
-  'expanded': (props: { row: Row<T> }) => any
-  'empty': (props?: {}) => any
-  'loading': (props?: {}) => any
-  'caption': (props?: {}) => any
-  'body-top': (props?: {}) => any
-  'body-bottom': (props?: {}) => any
+  'expanded'?: (props: { row: Row<T> }) => VNode[]
+  'empty'?: (props?: {}) => VNode[]
+  'loading'?: (props?: {}) => VNode[]
+  'caption'?: (props?: {}) => VNode[]
+  'body-top'?: (props?: {}) => VNode[]
+  'body-bottom'?: (props?: {}) => VNode[]
 } & DynamicHeaderSlots<T> & DynamicFooterSlots<T> & DynamicCellSlots<T>
 
 </script>
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index 0c0877b283..f6c2ace2f5 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { ComponentPublicInstance, VNode } from 'vue'
 import type { TabsRootProps, TabsRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/tabs'
@@ -71,21 +72,20 @@ export interface TabsProps<T extends TabsItem = TabsItem> extends Pick<TabsRootP
 
 export interface TabsEmits extends TabsRootEmits<string | number> {}
 
-type SlotProps<T extends TabsItem> = (props: { item: T, index: number }) => any
+type SlotProps<T extends TabsItem> = (props: { item: T, index: number }) => VNode[]
 
 export type TabsSlots<T extends TabsItem = TabsItem> = {
-  'leading': SlotProps<T>
+  'leading'?: SlotProps<T>
   'default': SlotProps<T>
-  'trailing': SlotProps<T>
-  'content': SlotProps<T>
-  'list-leading': (props?: {}) => any
-  'list-trailing': (props?: {}) => any
+  'trailing'?: SlotProps<T>
+  'content'?: SlotProps<T>
+  'list-leading'?: (props?: {}) => VNode[]
+  'list-trailing'?: (props?: {}) => VNode[]
 } & DynamicSlots<T, undefined, { index: number }>
 
 </script>
 
 <script setup lang="ts" generic="T extends TabsItem">
-import type { ComponentPublicInstance } from 'vue'
 import { ref, computed } from 'vue'
 import { TabsRoot, TabsList, TabsIndicator, TabsTrigger, TabsContent, useForwardPropsEmits } from 'reka-ui'
 import { reactivePick } from '@vueuse/core'
diff --git a/src/runtime/components/Textarea.vue b/src/runtime/components/Textarea.vue
index d65f8cd5fe..07989e6ea2 100644
--- a/src/runtime/components/Textarea.vue
+++ b/src/runtime/components/Textarea.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/textarea'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
@@ -56,9 +57,9 @@ export interface TextareaEmits<T extends TextareaValue = TextareaValue> {
 }
 
 export interface TextareaSlots {
-  leading(props?: {}): any
-  default(props?: {}): any
-  trailing(props?: {}): any
+  leading?(props?: {}): VNode[]
+  default(props?: {}): VNode[]
+  trailing?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Timeline.vue b/src/runtime/components/Timeline.vue
index 213656441d..cd020b04bb 100644
--- a/src/runtime/components/Timeline.vue
+++ b/src/runtime/components/Timeline.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/timeline'
 import type { AvatarProps, IconProps } from '../types'
@@ -47,13 +48,13 @@ export interface TimelineProps<T extends TimelineItem = TimelineItem> {
   ui?: Timeline['slots']
 }
 
-type SlotProps<T extends TimelineItem> = (props: { item: T }) => any
+type SlotProps<T extends TimelineItem> = (props: { item: T }) => VNode[]
 
 export type TimelineSlots<T extends TimelineItem = TimelineItem> = {
-  indicator: SlotProps<T>
-  date: SlotProps<T>
-  title: SlotProps<T>
-  description: SlotProps<T>
+  indicator?: SlotProps<T>
+  date?: SlotProps<T>
+  title?: SlotProps<T>
+  description?: SlotProps<T>
 } & DynamicSlots<T, 'indicator' | 'date' | 'title' | 'description', { item: T }>
 
 </script>
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index d2f04e2dad..925a3a875f 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ToastRootProps, ToastRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/toast'
@@ -62,11 +63,11 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
 export interface ToastEmits extends ToastRootEmits {}
 
 export interface ToastSlots {
-  leading(props?: {}): any
-  title(props?: {}): any
-  description(props?: {}): any
-  actions(props?: {}): any
-  close(props: { ui: { [K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string } }): any
+  leading?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  actions?(props?: {}): VNode[]
+  close?(props: { ui: { [K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index 5ecc7ee219..ebbc7398c6 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ToastProviderProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/toaster'
@@ -37,7 +38,7 @@ export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'>
 }
 
 export interface ToasterSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 
 export default {
diff --git a/src/runtime/components/Tooltip.vue b/src/runtime/components/Tooltip.vue
index 19f86cd6a1..29e35863b7 100644
--- a/src/runtime/components/Tooltip.vue
+++ b/src/runtime/components/Tooltip.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipContentEmits, TooltipArrowProps, TooltipTriggerProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/tooltip'
@@ -41,8 +42,8 @@ export interface TooltipProps extends TooltipRootProps {
 export interface TooltipEmits extends TooltipRootEmits {}
 
 export interface TooltipSlots {
-  default(props: { open: boolean }): any
-  content(props?: {}): any
+  default(props: { open: boolean }): VNode[]
+  content?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/Tree.vue b/src/runtime/components/Tree.vue
index 6b52f7f657..102be82caa 100644
--- a/src/runtime/components/Tree.vue
+++ b/src/runtime/components/Tree.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { TreeRootProps, TreeRootEmits, TreeItemSelectEvent, TreeItemToggleEvent } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/tree'
@@ -116,16 +117,16 @@ type SlotProps<T extends TreeItem> = (props: {
   indeterminate: boolean | undefined
   handleSelect: () => void
   handleToggle: () => void
-}) => any
+}) => VNode[]
 
 export type TreeSlots<
   T extends TreeItem[] = TreeItem[]
 > = {
-  'item-wrapper': SlotProps<T[number]>
-  'item': SlotProps<T[number]>
-  'item-leading': SlotProps<T[number]>
-  'item-label': SlotProps<T[number]>
-  'item-trailing': SlotProps<T[number]>
+  'item-wrapper'?: SlotProps<T[number]>
+  'item'?: SlotProps<T[number]>
+  'item-leading'?: SlotProps<T[number]>
+  'item-label'?: SlotProps<T[number]>
+  'item-trailing'?: SlotProps<T[number]>
 } & DynamicSlots<T[number], undefined, {
   index: number
   level: number
diff --git a/src/runtime/components/User.vue b/src/runtime/components/User.vue
index 62137d96df..6eb65d7005 100644
--- a/src/runtime/components/User.vue
+++ b/src/runtime/components/User.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/user'
 import type { AvatarProps, ChipProps, LinkProps } from '../types'
@@ -33,10 +34,10 @@ export interface UserProps {
 }
 
 export interface UserSlots {
-  avatar(props?: {}): any
-  name(props?: {}): any
-  description(props?: {}): any
-  default(props?: {}): any
+  avatar?(props?: {}): VNode[]
+  name?(props?: {}): VNode[]
+  description?(props?: {}): VNode[]
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/color-mode/ColorModeButton.vue b/src/runtime/components/color-mode/ColorModeButton.vue
index 0d8ad091ad..fa12b60cce 100644
--- a/src/runtime/components/color-mode/ColorModeButton.vue
+++ b/src/runtime/components/color-mode/ColorModeButton.vue
@@ -14,7 +14,7 @@ export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProp
 </script>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { type VNode, computed } from 'vue'
 import { useColorMode, useAppConfig } from '#imports'
 import { useLocale } from '../../composables/useLocale'
 import UButton from '../Button.vue'
@@ -26,7 +26,7 @@ withDefaults(defineProps<ColorModeButtonProps>(), {
   variant: 'ghost'
 })
 defineSlots<{
-  fallback(props?: {}): any
+  fallback?(props?: {}): VNode[]
 }>()
 
 const { t } = useLocale()
diff --git a/src/runtime/components/content/ContentNavigation.vue b/src/runtime/components/content/ContentNavigation.vue
index 01caa4135e..6fa7b93f82 100644
--- a/src/runtime/components/content/ContentNavigation.vue
+++ b/src/runtime/components/content/ContentNavigation.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import type { ContentNavigationItem } from '@nuxt/content'
@@ -80,13 +81,13 @@ export interface ContentNavigationProps<T extends ContentNavigationLink = Conten
 
 export interface ContentNavigationEmits extends AccordionRootEmits {}
 
-type SlotProps<T> = (props: { link: T, active?: boolean }) => any
+type SlotProps<T> = (props: { link: T, active?: boolean }) => VNode[]
 
 export interface ContentNavigationSlots<T extends ContentNavigationLink = ContentNavigationLink> {
-  'link': SlotProps<T>
-  'link-leading': SlotProps<T>
-  'link-title': SlotProps<T>
-  'link-trailing': SlotProps<T>
+  'link'?: SlotProps<T>
+  'link-leading'?: SlotProps<T>
+  'link-title'?: SlotProps<T>
+  'link-trailing'?: SlotProps<T>
 }
 </script>
 
diff --git a/src/runtime/components/content/ContentSearch.vue b/src/runtime/components/content/ContentSearch.vue
index 26b5b9af27..16493f6a32 100644
--- a/src/runtime/components/content/ContentSearch.vue
+++ b/src/runtime/components/content/ContentSearch.vue
@@ -1,5 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { ContentNavigationItem } from '@nuxt/content'
 import type { AppConfig } from '@nuxt/schema'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
@@ -99,7 +100,7 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
 }
 
 export type ContentSearchSlots = CommandPaletteSlots<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem> & {
-  content(props?: {}): any
+  content?(props?: {}): VNode[]
 }
 
 </script>
diff --git a/src/runtime/components/content/ContentSurround.vue b/src/runtime/components/content/ContentSurround.vue
index 29bc2061ed..98ab25359d 100644
--- a/src/runtime/components/content/ContentSurround.vue
+++ b/src/runtime/components/content/ContentSurround.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { PropType, VNode } from 'vue'
 import type { ContentNavigationItem } from '@nuxt/content'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/content/content-surround'
@@ -40,18 +41,17 @@ export interface ContentSurroundProps<T extends ContentSurroundLink = ContentSur
   ui?: ContentSurround['slots']
 }
 
-type SlotProps<T> = (props: { link: T }) => any
+type SlotProps<T> = (props: { link: T }) => VNode[]
 
 export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSurroundLink> {
-  'link': SlotProps<T>
-  'link-leading': SlotProps<T>
-  'link-title': SlotProps<T>
-  'link-description': SlotProps<T>
+  'link'?: SlotProps<T>
+  'link-leading'?: SlotProps<T>
+  'link-title'?: SlotProps<T>
+  'link-description'?: SlotProps<T>
 }
 </script>
 
 <script setup lang="ts" generic="T extends ContentSurroundLink">
-import type { PropType } from 'vue'
 import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
 import { createReusableTemplate } from '@vueuse/core'
diff --git a/src/runtime/components/content/ContentToc.vue b/src/runtime/components/content/ContentToc.vue
index 1076647d5c..3c5e3b7dd7 100644
--- a/src/runtime/components/content/ContentToc.vue
+++ b/src/runtime/components/content/ContentToc.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui'
 import type { TocLink } from '@nuxt/content'
 import type { AppConfig } from '@nuxt/schema'
@@ -52,16 +53,16 @@ export type ContentTocEmits = CollapsibleRootEmits & {
   move: [id: string]
 }
 
-type SlotProps<T> = (props: { link: T }) => any
+type SlotProps<T> = (props: { link: T }) => VNode[]
 
 export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
-  leading(props: { open: boolean }): any
-  default(props: { open: boolean }): any
-  trailing(props: { open: boolean }): any
-  content(props: { links: T[] }): any
-  link: SlotProps<T>
-  top(props: { links?: T[] }): any
-  bottom(props: { links?: T[] }): any
+  leading?(props: { open: boolean }): VNode[]
+  default?(props: { open: boolean }): VNode[]
+  trailing?(props: { open: boolean }): VNode[]
+  content?(props: { links: T[] }): VNode[]
+  link?: SlotProps<T>
+  top?(props: { links?: T[] }): VNode[]
+  bottom?(props: { links?: T[] }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/A.vue b/src/runtime/components/prose/A.vue
index b07667f148..521f3f6e12 100644
--- a/src/runtime/components/prose/A.vue
+++ b/src/runtime/components/prose/A.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/a'
 import type { ComponentConfig } from '../../types/tv'
@@ -12,7 +13,7 @@ export interface ProseAProps {
 }
 
 export interface ProseASlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Accordion.vue b/src/runtime/components/prose/Accordion.vue
index dd2ba99b0a..ff509664c8 100644
--- a/src/runtime/components/prose/Accordion.vue
+++ b/src/runtime/components/prose/Accordion.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/accordion'
 import type { AccordionProps } from '../../types'
@@ -13,7 +14,7 @@ export interface ProseAccordionProps {
 }
 
 export interface ProseAccordionSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/AccordionItem.vue b/src/runtime/components/prose/AccordionItem.vue
index 369a9a6b6a..8116c90b61 100644
--- a/src/runtime/components/prose/AccordionItem.vue
+++ b/src/runtime/components/prose/AccordionItem.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/accordion-item'
@@ -12,7 +13,7 @@ export interface ProseAccordionItemProps {
 }
 
 export interface ProseAccordionItemSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Badge.vue b/src/runtime/components/prose/Badge.vue
index 9294e9d3f8..38c365156c 100644
--- a/src/runtime/components/prose/Badge.vue
+++ b/src/runtime/components/prose/Badge.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/badge'
 import type { ComponentConfig } from '../../types/tv'
@@ -10,7 +11,7 @@ export interface ProseBadgeProps {
 }
 
 export interface ProseBadgeSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Blockquote.vue b/src/runtime/components/prose/Blockquote.vue
index 77fa64634c..dcf30e2278 100644
--- a/src/runtime/components/prose/Blockquote.vue
+++ b/src/runtime/components/prose/Blockquote.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/blockquote'
@@ -10,7 +11,7 @@ export interface ProseBlockquoteProps {
 }
 
 export interface ProseBlockquoteSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Callout.vue b/src/runtime/components/prose/Callout.vue
index 750400d946..86f6b5a260 100644
--- a/src/runtime/components/prose/Callout.vue
+++ b/src/runtime/components/prose/Callout.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/callout'
 import type { IconProps, LinkProps } from '../../types'
@@ -19,7 +20,7 @@ export interface ProseCalloutProps {
 }
 
 export interface ProseCalloutSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Card.vue b/src/runtime/components/prose/Card.vue
index 312183d49f..58c1a7f390 100644
--- a/src/runtime/components/prose/Card.vue
+++ b/src/runtime/components/prose/Card.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/card'
 import type { IconProps, LinkProps } from '../../types'
@@ -21,8 +22,8 @@ export interface ProseCardProps {
 }
 
 export interface ProseCardSlots {
-  default(props?: {}): any
-  title(props?: {}): any
+  default?(props?: {}): VNode[]
+  title?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/CardGroup.vue b/src/runtime/components/prose/CardGroup.vue
index 4ed8659a57..0e2478ef37 100644
--- a/src/runtime/components/prose/CardGroup.vue
+++ b/src/runtime/components/prose/CardGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/card-group'
@@ -10,7 +11,7 @@ export interface ProseCardGroupProps {
 }
 
 export interface ProseCardGroupSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Code.vue b/src/runtime/components/prose/Code.vue
index f35345ba11..bdc8d13cc5 100644
--- a/src/runtime/components/prose/Code.vue
+++ b/src/runtime/components/prose/Code.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/code'
@@ -15,7 +16,7 @@ export interface ProseCodeProps {
 }
 
 export interface ProseCodeSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodeCollapse.vue b/src/runtime/components/prose/CodeCollapse.vue
index 041389ed49..2431256a6b 100644
--- a/src/runtime/components/prose/CodeCollapse.vue
+++ b/src/runtime/components/prose/CodeCollapse.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/code-collapse'
 import type { IconProps } from '../../types'
@@ -32,7 +33,7 @@ export interface ProseCodeCollapseProps {
 }
 
 export interface ProseCodeCollapseSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodeGroup.vue b/src/runtime/components/prose/CodeGroup.vue
index 6b8622275f..906142a31e 100644
--- a/src/runtime/components/prose/CodeGroup.vue
+++ b/src/runtime/components/prose/CodeGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/code-group'
@@ -20,7 +21,7 @@ export interface ProseCodeGroupProps {
 }
 
 export interface ProseCodeGroupSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodePreview.vue b/src/runtime/components/prose/CodePreview.vue
index d7813b83ac..99617fe9c3 100644
--- a/src/runtime/components/prose/CodePreview.vue
+++ b/src/runtime/components/prose/CodePreview.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/code-preview'
@@ -11,8 +12,8 @@ export interface ProseCodePreviewProps {
 }
 
 export interface ProseCodePreviewSlots {
-  default(props?: {}): any
-  code(props?: {}): any
+  default(props?: {}): VNode[]
+  code?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodeTree.vue b/src/runtime/components/prose/CodeTree.vue
index ed52d98f93..d999ba1c1a 100644
--- a/src/runtime/components/prose/CodeTree.vue
+++ b/src/runtime/components/prose/CodeTree.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/code-tree'
 import type { ComponentConfig } from '../../types/tv'
@@ -27,7 +28,7 @@ export interface ProseCodeTreeProps {
 }
 
 export interface ProseCodeTreeSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Collapsible.vue b/src/runtime/components/prose/Collapsible.vue
index 4e2aa1038e..9f5ded2799 100644
--- a/src/runtime/components/prose/Collapsible.vue
+++ b/src/runtime/components/prose/Collapsible.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/collapsible'
 import type { IconProps, CollapsibleProps } from '../../types'
@@ -32,7 +33,7 @@ export interface ProseCollapsibleProps {
 }
 
 export interface ProseCollapsibleSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Em.vue b/src/runtime/components/prose/Em.vue
index e382b7dd48..1f393af4c9 100644
--- a/src/runtime/components/prose/Em.vue
+++ b/src/runtime/components/prose/Em.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/em'
@@ -10,7 +11,7 @@ export interface ProseEmProps {
 }
 
 export interface ProseEmSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Field.vue b/src/runtime/components/prose/Field.vue
index 2bcc38b04b..950853a555 100644
--- a/src/runtime/components/prose/Field.vue
+++ b/src/runtime/components/prose/Field.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/field'
@@ -32,7 +33,7 @@ export interface ProseFieldProps {
 }
 
 export interface ProseFieldSlots {
-  default(props?: {}): any
+  default?(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/FieldGroup.vue b/src/runtime/components/prose/FieldGroup.vue
index 277f2d49cb..c4db324ef4 100644
--- a/src/runtime/components/prose/FieldGroup.vue
+++ b/src/runtime/components/prose/FieldGroup.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/field-group'
@@ -15,7 +16,7 @@ export interface ProseFieldGroupProps {
 }
 
 export interface ProseFieldGroupSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/H1.vue b/src/runtime/components/prose/H1.vue
index f3541d2600..a32e19fb7a 100644
--- a/src/runtime/components/prose/H1.vue
+++ b/src/runtime/components/prose/H1.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/h1'
@@ -12,7 +13,7 @@ export interface ProseH1Props {
 }
 
 export interface ProseH1Slots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/H2.vue b/src/runtime/components/prose/H2.vue
index 125978b4f9..742166c6d3 100644
--- a/src/runtime/components/prose/H2.vue
+++ b/src/runtime/components/prose/H2.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/h2'
 import type { ComponentConfig } from '../../types/tv'
@@ -12,7 +13,7 @@ export interface ProseH2Props {
 }
 
 export interface ProseH2Slots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/H3.vue b/src/runtime/components/prose/H3.vue
index 958b7d5167..2f2cce6250 100644
--- a/src/runtime/components/prose/H3.vue
+++ b/src/runtime/components/prose/H3.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/h3'
 import type { ComponentConfig } from '../../types/tv'
@@ -12,7 +13,7 @@ export interface ProseH3Props {
 }
 
 export interface ProseH3Slots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/H4.vue b/src/runtime/components/prose/H4.vue
index ff8b46f06f..b02e7eb19b 100644
--- a/src/runtime/components/prose/H4.vue
+++ b/src/runtime/components/prose/H4.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/h4'
@@ -12,7 +13,7 @@ export interface ProseH4Props {
 }
 
 export interface ProseH4Slots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Li.vue b/src/runtime/components/prose/Li.vue
index 24fe19dc39..30956040ef 100644
--- a/src/runtime/components/prose/Li.vue
+++ b/src/runtime/components/prose/Li.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/li'
@@ -10,7 +11,7 @@ export interface ProseLiProps {
 }
 
 export interface ProseLiSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Ol.vue b/src/runtime/components/prose/Ol.vue
index 155c5c00eb..f81ec7be71 100644
--- a/src/runtime/components/prose/Ol.vue
+++ b/src/runtime/components/prose/Ol.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/ol'
@@ -10,7 +11,7 @@ export interface ProseOlProps {
 }
 
 export interface ProseOlSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/P.vue b/src/runtime/components/prose/P.vue
index 1c30334624..0308481f4e 100644
--- a/src/runtime/components/prose/P.vue
+++ b/src/runtime/components/prose/P.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/p'
@@ -10,7 +11,7 @@ export interface ProsePProps {
 }
 
 export interface ProsePSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Pre.vue b/src/runtime/components/prose/Pre.vue
index 6c1e0c655d..ef5d37ff78 100644
--- a/src/runtime/components/prose/Pre.vue
+++ b/src/runtime/components/prose/Pre.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/pre'
 import type { IconProps } from '../../types'
@@ -19,7 +20,7 @@ export interface ProsePreProps {
 }
 
 export interface ProsePreSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Steps.vue b/src/runtime/components/prose/Steps.vue
index ee2ce19c27..20a81cd4a6 100644
--- a/src/runtime/components/prose/Steps.vue
+++ b/src/runtime/components/prose/Steps.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/steps'
@@ -15,7 +16,7 @@ export interface ProseStepsProps {
 }
 
 export interface ProseStepsSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Strong.vue b/src/runtime/components/prose/Strong.vue
index 23ac2b45c2..d64958adba 100644
--- a/src/runtime/components/prose/Strong.vue
+++ b/src/runtime/components/prose/Strong.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/strong'
@@ -10,7 +11,7 @@ export interface ProseStrongProps {
 }
 
 export interface ProseStrongSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Table.vue b/src/runtime/components/prose/Table.vue
index e16dd8e5cf..a84363ac37 100644
--- a/src/runtime/components/prose/Table.vue
+++ b/src/runtime/components/prose/Table.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/table'
@@ -11,7 +12,7 @@ export interface ProseTableProps {
 }
 
 export interface ProseTableSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Tabs.vue b/src/runtime/components/prose/Tabs.vue
index 7e96c4213e..a48f11f86e 100644
--- a/src/runtime/components/prose/Tabs.vue
+++ b/src/runtime/components/prose/Tabs.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/tabs'
 import type { TabsProps } from '../../types'
@@ -25,7 +26,7 @@ export interface ProseTabsProps {
 }
 
 export interface ProseTabsSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/TabsItem.vue b/src/runtime/components/prose/TabsItem.vue
index 49d30a8835..71c9e49684 100644
--- a/src/runtime/components/prose/TabsItem.vue
+++ b/src/runtime/components/prose/TabsItem.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/tabs-item'
@@ -12,7 +13,7 @@ export interface ProseTabsItemProps {
 }
 
 export interface ProseTabsItemSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Tbody.vue b/src/runtime/components/prose/Tbody.vue
index 2dfe56afb5..d80ce199c1 100644
--- a/src/runtime/components/prose/Tbody.vue
+++ b/src/runtime/components/prose/Tbody.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/tbody'
@@ -10,7 +11,7 @@ export interface ProseTbodyProps {
 }
 
 export interface ProseTbodySlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Td.vue b/src/runtime/components/prose/Td.vue
index 87fe88e49f..b436af76fa 100644
--- a/src/runtime/components/prose/Td.vue
+++ b/src/runtime/components/prose/Td.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/td'
@@ -10,7 +11,7 @@ export interface ProseTdProps {
 }
 
 export interface ProseTdSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Th.vue b/src/runtime/components/prose/Th.vue
index 9a04a0cf67..38b70c0caa 100644
--- a/src/runtime/components/prose/Th.vue
+++ b/src/runtime/components/prose/Th.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/th'
@@ -10,7 +11,7 @@ export interface ProseThProps {
 }
 
 export interface ProseThSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Thead.vue b/src/runtime/components/prose/Thead.vue
index 8dc6de681a..c52fde4c84 100644
--- a/src/runtime/components/prose/Thead.vue
+++ b/src/runtime/components/prose/Thead.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/thead'
@@ -10,7 +11,7 @@ export interface ProseTheadProps {
 }
 
 export interface ProseTheadSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Tr.vue b/src/runtime/components/prose/Tr.vue
index a4619d3e94..3392634ca4 100644
--- a/src/runtime/components/prose/Tr.vue
+++ b/src/runtime/components/prose/Tr.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/tr'
@@ -10,7 +11,7 @@ export interface ProseTrProps {
 }
 
 export interface ProseTrSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/components/prose/Ul.vue b/src/runtime/components/prose/Ul.vue
index d5558977f8..88aa61b4f1 100644
--- a/src/runtime/components/prose/Ul.vue
+++ b/src/runtime/components/prose/Ul.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/ul'
@@ -10,7 +11,7 @@ export interface ProseUlProps {
 }
 
 export interface ProseUlSlots {
-  default(props?: {}): any
+  default(props?: {}): VNode[]
 }
 </script>
 
diff --git a/src/runtime/inertia/components/Link.vue b/src/runtime/inertia/components/Link.vue
index 1061d74197..a341a8e3e7 100644
--- a/src/runtime/inertia/components/Link.vue
+++ b/src/runtime/inertia/components/Link.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { ButtonHTMLAttributes } from 'vue'
+import type { ButtonHTMLAttributes, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { InertiaLinkProps } from '@inertiajs/vue3'
 import theme from '#build/ui/link'
@@ -53,7 +53,7 @@ export interface LinkProps extends NuxtLinkProps {
 }
 
 export interface LinkSlots {
-  default(props: { active: boolean }): any
+  default(props: { active: boolean }): VNode[]
 }
 </script>
 
diff --git a/src/runtime/types/utils.ts b/src/runtime/types/utils.ts
index aaacba9d66..7605063297 100644
--- a/src/runtime/types/utils.ts
+++ b/src/runtime/types/utils.ts
@@ -17,9 +17,9 @@ export type DynamicSlots<
   Suffix extends string | undefined = undefined,
   ExtraProps extends object = {}
 > = {
-  [K in DynamicSlotsKeys<T['slot'], Suffix>]: (
+  [K in DynamicSlotsKeys<T['slot'], Suffix>]?: (
     props: { item: Extract<T, { slot: K extends `${infer Base}-${Suffix}` ? Base : K }> } & ExtraProps
-  ) => any
+  ) => VNode[]
 }
 
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any>
diff --git a/src/runtime/vue/components/Link.vue b/src/runtime/vue/components/Link.vue
index 89775d09ad..ddd4dc254c 100644
--- a/src/runtime/vue/components/Link.vue
+++ b/src/runtime/vue/components/Link.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { ButtonHTMLAttributes } from 'vue'
+import type { ButtonHTMLAttributes, VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { RouterLinkProps, RouteLocationRaw } from 'vue-router'
 import theme from '#build/ui/link'
@@ -82,7 +82,7 @@ export interface LinkProps extends NuxtLinkProps {
 }
 
 export interface LinkSlots {
-  default(props: { active: boolean }): any
+  default(props: { active: boolean }): VNode[]
 }
 </script>
 

From 28ba62195e4a1432a08fd31172d63d310e95d151 Mon Sep 17 00:00:00 2001
From: Sandro Circi <sandro.circi@digitoolmedia.com>
Date: Thu, 16 Oct 2025 19:29:49 +0200
Subject: [PATCH 2/7] fix: improve slots return

---
 .../components/content/ComponentExample.vue   |  6 ++--
 .../theme-picker/ThemePickerButton.vue        |  4 ++-
 playgrounds/nuxt/app/components/Matrix.vue    |  4 +--
 src/runtime/components/Accordion.vue          |  5 ++--
 src/runtime/components/Alert.vue              | 12 ++++----
 src/runtime/components/App.vue                |  4 +--
 src/runtime/components/AuthForm.vue           | 22 +++++++--------
 src/runtime/components/AvatarGroup.vue        |  7 +++--
 src/runtime/components/Badge.vue              |  8 +++---
 src/runtime/components/Banner.vue             | 10 +++----
 src/runtime/components/BlogPost.vue           | 18 ++++++------
 src/runtime/components/BlogPosts.vue          |  4 +--
 src/runtime/components/Breadcrumb.vue         |  7 ++---
 src/runtime/components/Button.vue             |  9 +++---
 src/runtime/components/Calendar.vue           |  8 +++---
 src/runtime/components/Card.vue               |  8 +++---
 src/runtime/components/Carousel.vue           |  5 ++--
 src/runtime/components/ChangelogVersion.vue   | 24 ++++++++--------
 src/runtime/components/ChangelogVersions.vue  | 28 +++++++++----------
 src/runtime/components/ChatMessage.vue        |  8 +++---
 src/runtime/components/ChatMessages.vue       | 15 +++++-----
 src/runtime/components/ChatPalette.vue        |  6 ++--
 src/runtime/components/ChatPrompt.vue         |  6 ++--
 src/runtime/components/Checkbox.vue           |  6 ++--
 src/runtime/components/CheckboxGroup.vue      |  7 ++---
 src/runtime/components/Chip.vue               |  6 ++--
 src/runtime/components/Collapsible.vue        |  6 ++--
 src/runtime/components/CommandPalette.vue     | 13 ++++-----
 src/runtime/components/Container.vue          |  4 +--
 src/runtime/components/ContextMenu.vue        | 11 ++++----
 src/runtime/components/DashboardGroup.vue     |  4 +--
 src/runtime/components/DashboardNavbar.vue    | 16 +++++------
 src/runtime/components/DashboardPanel.vue     | 12 ++++----
 .../components/DashboardResizeHandle.vue      |  4 +--
 src/runtime/components/DashboardSearch.vue    |  4 +--
 src/runtime/components/DashboardSidebar.vue   | 14 +++++-----
 src/runtime/components/DashboardToolbar.vue   |  8 +++---
 src/runtime/components/Drawer.vue             | 17 ++++++-----
 src/runtime/components/DropdownMenu.vue       | 11 ++++----
 .../components/DropdownMenuContent.vue        |  5 ++--
 src/runtime/components/Empty.vue              | 16 +++++------
 src/runtime/components/Error.vue              | 12 ++++----
 src/runtime/components/FieldGroup.vue         |  4 +--
 src/runtime/components/FileUpload.vue         | 28 +++++++++----------
 src/runtime/components/Footer.vue             | 12 ++++----
 src/runtime/components/FooterColumns.vue      | 12 ++++----
 src/runtime/components/Form.vue               |  4 +--
 src/runtime/components/FormField.vue          | 15 +++++-----
 src/runtime/components/Header.vue             | 20 ++++++-------
 src/runtime/components/Input.vue              | 10 +++----
 src/runtime/components/InputMenu.vue          | 18 ++++++------
 src/runtime/components/InputNumber.vue        |  6 ++--
 src/runtime/components/InputTags.vue          | 10 +++----
 src/runtime/components/Kbd.vue                |  4 +--
 src/runtime/components/Link.vue               |  5 ++--
 src/runtime/components/Main.vue               |  4 +--
 src/runtime/components/Marquee.vue            |  4 +--
 src/runtime/components/Modal.vue              | 21 +++++++-------
 src/runtime/components/NavigationMenu.vue     |  9 +++---
 src/runtime/components/Page.vue               |  8 +++---
 src/runtime/components/PageAnchors.vue        |  4 +--
 src/runtime/components/PageAside.vue          |  8 +++---
 src/runtime/components/PageBody.vue           |  4 +--
 src/runtime/components/PageCTA.vue            | 20 ++++++-------
 src/runtime/components/PageCard.vue           | 16 +++++------
 src/runtime/components/PageColumns.vue        |  4 +--
 src/runtime/components/PageFeature.vue        | 10 +++----
 src/runtime/components/PageGrid.vue           |  4 +--
 src/runtime/components/PageHeader.vue         | 12 ++++----
 src/runtime/components/PageHero.vue           | 22 +++++++--------
 src/runtime/components/PageLinks.vue          |  6 ++--
 src/runtime/components/PageList.vue           |  4 +--
 src/runtime/components/PageLogos.vue          |  4 +--
 src/runtime/components/PageSection.vue        | 26 ++++++++---------
 src/runtime/components/Pagination.vue         | 14 +++++-----
 src/runtime/components/Popover.vue            |  9 +++---
 src/runtime/components/PricingPlan.vue        | 28 +++++++++----------
 src/runtime/components/PricingPlans.vue       | 16 +++++++++--
 src/runtime/components/PricingTable.vue       | 18 ++++++------
 src/runtime/components/Progress.vue           |  6 ++--
 src/runtime/components/RadioGroup.vue         |  7 ++---
 src/runtime/components/Select.vue             | 15 +++++-----
 src/runtime/components/SelectMenu.vue         | 19 ++++++-------
 src/runtime/components/Separator.vue          |  4 +--
 src/runtime/components/Slideover.vue          | 21 +++++++-------
 src/runtime/components/Stepper.vue            |  5 ++--
 src/runtime/components/Switch.vue             |  6 ++--
 src/runtime/components/Table.vue              | 21 +++++++-------
 src/runtime/components/Tabs.vue               | 10 +++----
 src/runtime/components/Textarea.vue           |  8 +++---
 src/runtime/components/Timeline.vue           |  5 ++--
 src/runtime/components/Toast.vue              | 13 ++++-----
 src/runtime/components/Toaster.vue            |  4 +--
 src/runtime/components/Tooltip.vue            |  7 ++---
 src/runtime/components/Tree.vue               |  5 ++--
 src/runtime/components/User.vue               | 10 +++----
 .../components/color-mode/ColorModeButton.vue |  5 ++--
 .../components/content/ContentNavigation.vue  |  4 +--
 .../components/content/ContentSearch.vue      |  4 +--
 .../components/content/ContentSurround.vue    |  5 ++--
 src/runtime/components/content/ContentToc.vue | 16 +++++------
 src/runtime/components/prose/A.vue            |  4 +--
 src/runtime/components/prose/Accordion.vue    | 10 +++++--
 .../components/prose/AccordionItem.vue        |  4 +--
 src/runtime/components/prose/Badge.vue        |  4 +--
 src/runtime/components/prose/Blockquote.vue   |  4 +--
 src/runtime/components/prose/Callout.vue      |  4 +--
 src/runtime/components/prose/Card.vue         |  6 ++--
 src/runtime/components/prose/CardGroup.vue    |  4 +--
 src/runtime/components/prose/Code.vue         |  4 +--
 src/runtime/components/prose/CodeCollapse.vue |  4 +--
 src/runtime/components/prose/CodeGroup.vue    | 10 +++++--
 src/runtime/components/prose/CodePreview.vue  |  6 ++--
 src/runtime/components/prose/CodeTree.vue     | 10 +++++--
 src/runtime/components/prose/Collapsible.vue  |  4 +--
 src/runtime/components/prose/Em.vue           |  4 +--
 src/runtime/components/prose/Field.vue        |  4 +--
 src/runtime/components/prose/FieldGroup.vue   |  4 +--
 src/runtime/components/prose/H1.vue           |  4 +--
 src/runtime/components/prose/H2.vue           |  4 +--
 src/runtime/components/prose/H3.vue           |  4 +--
 src/runtime/components/prose/H4.vue           |  4 +--
 src/runtime/components/prose/Li.vue           |  4 +--
 src/runtime/components/prose/Ol.vue           |  4 +--
 src/runtime/components/prose/P.vue            |  4 +--
 src/runtime/components/prose/Pre.vue          |  4 +--
 src/runtime/components/prose/Steps.vue        |  4 +--
 src/runtime/components/prose/Strong.vue       |  4 +--
 src/runtime/components/prose/Table.vue        |  4 +--
 src/runtime/components/prose/Tabs.vue         | 10 +++++--
 src/runtime/components/prose/TabsItem.vue     |  4 +--
 src/runtime/components/prose/Tbody.vue        |  4 +--
 src/runtime/components/prose/Td.vue           |  4 +--
 src/runtime/components/prose/Th.vue           |  4 +--
 src/runtime/components/prose/Thead.vue        |  4 +--
 src/runtime/components/prose/Tr.vue           |  4 +--
 src/runtime/components/prose/Ul.vue           |  4 +--
 src/runtime/inertia/components/Link.vue       |  5 ++--
 src/runtime/types/utils.ts                    |  5 +++-
 src/runtime/vue/components/Link.vue           |  5 ++--
 140 files changed, 618 insertions(+), 596 deletions(-)

diff --git a/docs/app/components/content/ComponentExample.vue b/docs/app/components/content/ComponentExample.vue
index 33b9dba706..a681de5f6d 100644
--- a/docs/app/components/content/ComponentExample.vue
+++ b/docs/app/components/content/ComponentExample.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { VNode } from 'vue'
 import type { ChipProps } from '@nuxt/ui'
 import { camelCase } from 'scule'
 import { hash } from 'ohash'
 import { useElementSize } from '@vueuse/core'
 import { get, set } from '#ui/utils'
+import type { SlotsReturn } from '#ui/types/utils'
 
 const props = withDefaults(defineProps<{
   name: string
@@ -66,8 +66,8 @@ const props = withDefaults(defineProps<{
 })
 
 const slots = defineSlots<{
-  options?(props?: {}): VNode
-  code?(props?: {}): VNode
+  options?(props?: {}): SlotsReturn
+  code?(props?: {}): SlotsReturn
 }>()
 
 const el = ref<HTMLElement | null>(null)
diff --git a/docs/app/components/theme-picker/ThemePickerButton.vue b/docs/app/components/theme-picker/ThemePickerButton.vue
index 284da70327..95759ee0d2 100644
--- a/docs/app/components/theme-picker/ThemePickerButton.vue
+++ b/docs/app/components/theme-picker/ThemePickerButton.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { SlotsReturn } from '#ui/types/utils'
+
 defineProps<{
   label: string
   icon?: string
@@ -7,7 +9,7 @@ defineProps<{
 }>()
 
 const slots = defineSlots<{
-  leading?(): VNode[]
+  leading?(): SlotsReturn
 }>()
 </script>
 
diff --git a/playgrounds/nuxt/app/components/Matrix.vue b/playgrounds/nuxt/app/components/Matrix.vue
index d453ce69b5..dd73e52191 100644
--- a/playgrounds/nuxt/app/components/Matrix.vue
+++ b/playgrounds/nuxt/app/components/Matrix.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts" generic="T extends Record<string, string[]>">
-import type { VNode } from 'vue'
+import type { SlotsReturn } from '#ui/types/utils'
 
 const props = defineProps<{
   attrs: T
@@ -8,7 +8,7 @@ const props = defineProps<{
 }>()
 
 defineSlots<{
-  default?(props?: { [K in keyof T]: T[K] extends (infer U)[] ? U : never }): VNode
+  default?(props?: { [K in keyof T]: T[K] extends (infer U)[] ? U : never }): SlotsReturn
 }>()
 
 const combinations = computed(() => {
diff --git a/src/runtime/components/Accordion.vue b/src/runtime/components/Accordion.vue
index dcbc1c8f5b..3b56415c77 100644
--- a/src/runtime/components/Accordion.vue
+++ b/src/runtime/components/Accordion.vue
@@ -1,11 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/accordion'
 import type { IconProps } from '../types'
-import type { DynamicSlots, GetItemKeys } from '../types/utils'
+import type { DynamicSlots, GetItemKeys, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Accordion = ComponentConfig<typeof theme, AppConfig, 'accordion'>
@@ -54,7 +53,7 @@ export interface AccordionProps<T extends AccordionItem = AccordionItem> extends
 
 export interface AccordionEmits extends AccordionRootEmits {}
 
-type SlotProps<T extends AccordionItem> = (props: { item: T, index: number, open: boolean }) => VNode[]
+type SlotProps<T extends AccordionItem> = (props: { item: T, index: number, open: boolean }) => SlotsReturn
 
 export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
   leading?: SlotProps<T>
diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index 6fd05b921f..b6b36ca01d 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/alert'
 import type { AvatarProps, ButtonProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Alert = ComponentConfig<typeof theme, AppConfig, 'alert'>
 
@@ -62,11 +62,11 @@ export interface AlertEmits {
 }
 
 export interface AlertSlots {
-  leading?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  actions?(props?: {}): VNode[]
-  close?(props: { ui: { [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  leading?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  actions?(props?: {}): SlotsReturn
+  close?(props: { ui: { [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string } }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index c37ab7fe7d..d4216027f2 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui'
 import type { ToasterProps } from '../types'
 import type { Locale, Messages } from '../types/locale'
+import type { SlotsReturn } from '../types/utils'
 
 export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
   tooltip?: TooltipProviderProps
@@ -12,7 +12,7 @@ export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProv
 }
 
 export interface AppSlots {
-  default?(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 
 export default {
diff --git a/src/runtime/components/AuthForm.vue b/src/runtime/components/AuthForm.vue
index 9795524556..177cbaf43c 100644
--- a/src/runtime/components/AuthForm.vue
+++ b/src/runtime/components/AuthForm.vue
@@ -1,11 +1,11 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-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 } from '../types'
 import type { FormSchema, FormSubmitEvent, InferInput } from '../types/form'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type AuthForm = ComponentConfig<typeof theme, AppConfig, 'authForm'>
 
@@ -91,19 +91,19 @@ export type AuthFormEmits<T extends object> = {
   submit: [payload: FormSubmitEvent<T>]
 }
 
-type DynamicFieldSlots<T, F, SlotProps = { field: F, state: T }> = Record<string, (props: SlotProps) => VNode[]> & Record<`${keyof T extends string ? keyof T : never}-field`, (props: SlotProps) => VNode[]>
+type DynamicFieldSlots<T, F, SlotProps = { field: F, state: T }> = Record<string, (props: SlotProps) => SlotsReturn> & Record<`${keyof T extends string ? keyof T : never}-field`, (props: SlotProps) => SlotsReturn>
 
-type DynamicFormFieldSlots<T> = Record<string, (props?: {}) => VNode[]> & Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}`, (props?: {}) => VNode[]>
+type DynamicFormFieldSlots<T> = Record<string, (props?: {}) => SlotsReturn> & Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}`, (props?: {}) => SlotsReturn>
 
 export type AuthFormSlots<T extends object = object, F extends AuthFormField = AuthFormField> = {
-  header?(props?: {}): VNode[]
-  leading?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  providers?(props?: {}): VNode[]
-  validation?(props?: {}): VNode[]
-  submit?(props: { loading: boolean }): VNode[]
-  footer?(props?: {}): VNode[]
+  header?(props?: {}): SlotsReturn
+  leading?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  providers?(props?: {}): SlotsReturn
+  validation?(props?: {}): SlotsReturn
+  submit?(props: { loading: boolean }): SlotsReturn
+  footer?(props?: {}): SlotsReturn
 } & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>
 
 </script>
diff --git a/src/runtime/components/AvatarGroup.vue b/src/runtime/components/AvatarGroup.vue
index 6f3ba0caf2..3d65b97fa9 100644
--- a/src/runtime/components/AvatarGroup.vue
+++ b/src/runtime/components/AvatarGroup.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/avatar-group'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type AvatarGroup = ComponentConfig<typeof theme, AppConfig, 'avatarGroup'>
 
@@ -25,7 +25,7 @@ export interface AvatarGroupProps {
 }
 
 export interface AvatarGroupSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
@@ -50,6 +50,9 @@ const max = computed(() => typeof props.max === 'string' ? Number.parseInt(props
 
 const children = computed(() => {
   let children = slots.default?.()
+  if (!Array.isArray(children)) {
+    children = children ? [children] : []
+  }
   if (children?.length) {
     children = children.flatMap((child: any) => {
       if (typeof child.type === 'symbol') {
diff --git a/src/runtime/components/Badge.vue b/src/runtime/components/Badge.vue
index 62defcc068..d8b0ad40af 100644
--- a/src/runtime/components/Badge.vue
+++ b/src/runtime/components/Badge.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/badge'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Badge = ComponentConfig<typeof theme, AppConfig, 'badge'>
 
@@ -34,9 +34,9 @@ export interface BadgeProps extends Omit<UseComponentIconsProps, 'loading' | 'lo
 }
 
 export interface BadgeSlots {
-  leading?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  trailing?(props?: {}): VNode[]
+  leading?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  trailing?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Banner.vue b/src/runtime/components/Banner.vue
index 95b4f583c1..59b32fade3 100644
--- a/src/runtime/components/Banner.vue
+++ b/src/runtime/components/Banner.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/banner'
 import type { ButtonProps, IconProps, LinkProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Banner = ComponentConfig<typeof theme, AppConfig, 'banner'>
 
@@ -54,10 +54,10 @@ export interface BannerProps {
 }
 
 export interface BannerSlots {
-  leading?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  actions?(props?: {}): VNode[]
-  close?(props: { ui: any }): VNode[]
+  leading?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  actions?(props?: {}): SlotsReturn
+  close?(props: { ui: any }): SlotsReturn
 }
 
 export interface BannerEmits {
diff --git a/src/runtime/components/BlogPost.vue b/src/runtime/components/BlogPost.vue
index a158ab42e6..e8561114c9 100644
--- a/src/runtime/components/BlogPost.vue
+++ b/src/runtime/components/BlogPost.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-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'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type BlogPost = ComponentConfig<typeof theme, AppConfig, 'blogPost'>
 
@@ -44,14 +44,14 @@ export interface BlogPostProps {
 }
 
 export interface BlogPostSlots {
-  date?(props?: {}): VNode[]
-  badge?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  authors?(props?: {}): VNode[]
-  header?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
+  date?(props?: {}): SlotsReturn
+  badge?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  authors?(props?: {}): SlotsReturn
+  header?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/BlogPosts.vue b/src/runtime/components/BlogPosts.vue
index a2af799002..5118b8ac05 100644
--- a/src/runtime/components/BlogPosts.vue
+++ b/src/runtime/components/BlogPosts.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/blog-posts'
 import type { BlogPostProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type BlogPosts = ComponentConfig<typeof theme, AppConfig, 'blogPosts'>
 
@@ -23,7 +23,7 @@ export interface BlogPostsProps {
 }
 
 export interface BlogPostsSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Breadcrumb.vue b/src/runtime/components/Breadcrumb.vue
index c1a1264d43..c6089a4203 100644
--- a/src/runtime/components/Breadcrumb.vue
+++ b/src/runtime/components/Breadcrumb.vue
@@ -1,10 +1,9 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/breadcrumb'
 import type { AvatarProps, IconProps, LinkProps } from '../types'
-import type { DynamicSlots, GetItemKeys } from '../types/utils'
+import type { DynamicSlots, GetItemKeys, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Breadcrumb = ComponentConfig<typeof theme, AppConfig, 'breadcrumb'>
@@ -44,14 +43,14 @@ export interface BreadcrumbProps<T extends BreadcrumbItem = BreadcrumbItem> {
   ui?: Breadcrumb['slots']
 }
 
-type SlotProps<T extends BreadcrumbItem> = (props: { item: T, index: number, active?: boolean }) => VNode[]
+type SlotProps<T extends BreadcrumbItem> = (props: { item: T, index: number, active?: boolean }) => SlotsReturn
 
 export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
   'item'?: SlotProps<T>
   'item-leading'?: SlotProps<T>
   'item-label'?: SlotProps<T>
   'item-trailing'?: SlotProps<T>
-  'separator'?: (props?: {}) => VNode[]
+  'separator'?: (props?: {}) => SlotsReturn
 } & DynamicSlots<T, 'leading' | 'label' | 'trailing', { index: number, active?: boolean }>
 
 </script>
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index a3d14a32ee..009269721e 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -1,10 +1,11 @@
 <script lang="ts">
-import type { Ref, VNode } from 'vue'
+import type { Ref } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/button'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { LinkProps, AvatarProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Button = ComponentConfig<typeof theme, AppConfig, 'button'>
 
@@ -36,9 +37,9 @@ export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'ra
 }
 
 export interface ButtonSlots {
-  leading?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  trailing?(props?: {}): VNode[]
+  leading?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  trailing?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Calendar.vue b/src/runtime/components/Calendar.vue
index 62ba809625..7755ce4eb7 100644
--- a/src/runtime/components/Calendar.vue
+++ b/src/runtime/components/Calendar.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, RangeCalendarRootEmits, DateRange, CalendarCellTriggerProps } from 'reka-ui'
 import type { DateValue } from '@internationalized/date'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/calendar'
 import type { ButtonProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>
 
@@ -104,9 +104,9 @@ export interface CalendarEmits<R extends boolean, M extends boolean> extends Omi
 }
 
 export interface CalendarSlots {
-  'heading'?: (props: { value: string }) => VNode[]
-  'day'?: (props: Pick<CalendarCellTriggerProps, 'day'>) => VNode[]
-  'week-day'?: (props: { day: string }) => VNode[]
+  'heading'?: (props: { value: string }) => SlotsReturn
+  'day'?: (props: Pick<CalendarCellTriggerProps, 'day'>) => SlotsReturn
+  'week-day'?: (props: { day: string }) => SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Card.vue b/src/runtime/components/Card.vue
index 4d6af96ae2..c8f47e67fd 100644
--- a/src/runtime/components/Card.vue
+++ b/src/runtime/components/Card.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/card'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Card = ComponentConfig<typeof theme, AppConfig, 'card'>
 
@@ -21,9 +21,9 @@ export interface CardProps {
 }
 
 export interface CardSlots {
-  header?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
+  header?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Carousel.vue b/src/runtime/components/Carousel.vue
index fba2fd0212..c4c82d4fe7 100644
--- a/src/runtime/components/Carousel.vue
+++ b/src/runtime/components/Carousel.vue
@@ -1,6 +1,5 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel'
 import type { AutoplayOptionsType } from 'embla-carousel-autoplay'
@@ -11,7 +10,7 @@ import type { FadeOptionsType } from 'embla-carousel-fade'
 import type { WheelGesturesPluginOptions } from 'embla-carousel-wheel-gestures'
 import theme from '#build/ui/carousel'
 import type { ButtonProps, IconProps } from '../types'
-import type { AcceptableValue } from '../types/utils'
+import type { AcceptableValue, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Carousel = ComponentConfig<typeof theme, AppConfig, 'carousel'>
@@ -102,7 +101,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Om
 }
 
 export type CarouselSlots<T extends CarouselItem = CarouselItem> = {
-  default?(props: { item: T, index: number }): VNode[]
+  default?(props: { item: T, index: number }): SlotsReturn
 }
 
 export interface CarouselEmits {
diff --git a/src/runtime/components/ChangelogVersion.vue b/src/runtime/components/ChangelogVersion.vue
index b41d544664..c3c38e3a41 100644
--- a/src/runtime/components/ChangelogVersion.vue
+++ b/src/runtime/components/ChangelogVersion.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/changelog-version'
 import type { BadgeProps, LinkProps, UserProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type ChangelogVersion = ComponentConfig<typeof theme, AppConfig, 'changelogVersion'>
 
@@ -40,17 +40,17 @@ export interface ChangelogVersionProps {
 }
 
 export interface ChangelogVersionSlots {
-  header?(props?: {}): VNode[]
-  badge?(props?: {}): VNode[]
-  date?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  image?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
-  authors?(props?: {}): VNode[]
-  actions?(props?: {}): VNode[]
-  indicator?(props?: {}): VNode[]
+  header?(props?: {}): SlotsReturn
+  badge?(props?: {}): SlotsReturn
+  date?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  image?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
+  authors?(props?: {}): SlotsReturn
+  actions?(props?: {}): SlotsReturn
+  indicator?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/ChangelogVersions.vue b/src/runtime/components/ChangelogVersions.vue
index d172cf30e8..86ed267b5e 100644
--- a/src/runtime/components/ChangelogVersions.vue
+++ b/src/runtime/components/ChangelogVersions.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { SpringOptions } from 'motion-v'
 import theme from '#build/ui/changelog-versions'
 import type { ChangelogVersionProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type ChangelogVersions = ComponentConfig<typeof theme, AppConfig, 'changelogVersions'>
 
@@ -32,19 +32,19 @@ export interface ChangelogVersionsProps<T extends ChangelogVersionProps = Change
 }
 
 export interface ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVersionProps> {
-  default?(props?: {}): VNode[]
-  indicator?(props?: {}): VNode[]
-  header?(props: { version: T }): VNode[]
-  badge?(props: { version: T }): VNode[]
-  date?(props: { version: T }): VNode[]
-  title?(props: { version: T }): VNode[]
-  description?(props: { version: T }): VNode[]
-  image?(props: { version: T }): VNode[]
-  body?(props: { version: T }): VNode[]
-  footer?(props: { version: T }): VNode[]
-  authors?(props: { version: T }): VNode[]
-  actions?(props: { version: T }): VNode[]
-  indicator?(props: { version: T }): VNode[]
+  default?(props?: {}): SlotsReturn
+  indicator?(props?: {}): SlotsReturn
+  header?(props: { version: T }): SlotsReturn
+  badge?(props: { version: T }): SlotsReturn
+  date?(props: { version: T }): SlotsReturn
+  title?(props: { version: T }): SlotsReturn
+  description?(props: { version: T }): SlotsReturn
+  image?(props: { version: T }): SlotsReturn
+  body?(props: { version: T }): SlotsReturn
+  footer?(props: { version: T }): SlotsReturn
+  authors?(props: { version: T }): SlotsReturn
+  actions?(props: { version: T }): SlotsReturn
+  indicator?(props: { version: T }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/ChatMessage.vue b/src/runtime/components/ChatMessage.vue
index 43e1fd76e4..725e4c2212 100644
--- a/src/runtime/components/ChatMessage.vue
+++ b/src/runtime/components/ChatMessage.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UIMessage } from 'ai'
 import theme from '#build/ui/chat-message'
 import type { AvatarProps, ButtonProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type ChatMessage = ComponentConfig<typeof theme, AppConfig, 'chatMessage'>
 
@@ -49,9 +49,9 @@ export interface ChatMessageProps extends UIMessage {
 }
 
 export interface ChatMessageSlots {
-  leading?(props: { avatar: ChatMessageProps['avatar'] }): VNode[]
-  content?(props: ChatMessageProps): VNode[]
-  actions?(props: { actions: ChatMessageProps['actions'] }): VNode[]
+  leading?(props: { avatar: ChatMessageProps['avatar'] }): SlotsReturn
+  content?(props: ChatMessageProps): SlotsReturn
+  actions?(props: { actions: ChatMessageProps['actions'] }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/ChatMessages.vue b/src/runtime/components/ChatMessages.vue
index 9351d6c59b..f5f8d0399e 100644
--- a/src/runtime/components/ChatMessages.vue
+++ b/src/runtime/components/ChatMessages.vue
@@ -1,10 +1,11 @@
 <script lang="ts">
-import type { ComponentPublicInstance, VNode } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UIMessage, ChatStatus } from 'ai'
 import theme from '#build/ui/chat-messages'
 import type { ButtonProps, ChatMessageProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type ChatMessages = ComponentConfig<typeof theme, AppConfig, 'chatMessages'>
 
@@ -59,12 +60,12 @@ export interface ChatMessagesProps {
 }
 
 export interface ChatMessagesSlots {
-  default?(props?: {}): VNode[]
-  indicator?(props?: {}): VNode[]
-  viewport?(props: { onClick: () => void }): VNode[]
-  content?(props: { message: UIMessage }): VNode[]
-  leading?(props: { message: UIMessage }): VNode[]
-  actions?(props: { message: UIMessage }): VNode[]
+  default?(props?: {}): SlotsReturn
+  indicator?(props?: {}): SlotsReturn
+  viewport?(props: { onClick: () => void }): SlotsReturn
+  content?(props: { message: UIMessage }): SlotsReturn
+  leading?(props: { message: UIMessage }): SlotsReturn
+  actions?(props: { message: UIMessage }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/ChatPalette.vue b/src/runtime/components/ChatPalette.vue
index 1170cf57fb..4ede3d63cb 100644
--- a/src/runtime/components/ChatPalette.vue
+++ b/src/runtime/components/ChatPalette.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/chat-palette'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type ChatPalette = ComponentConfig<typeof theme, AppConfig, 'chatPalette'>
 
@@ -17,8 +17,8 @@ export interface ChatPaletteProps {
 }
 
 export interface ChatPaletteSlots {
-  default?(props?: {}): VNode[]
-  prompt?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
+  prompt?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/ChatPrompt.vue b/src/runtime/components/ChatPrompt.vue
index cce4075f4a..f16dba030c 100644
--- a/src/runtime/components/ChatPrompt.vue
+++ b/src/runtime/components/ChatPrompt.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/chat-prompt'
 import type { TextareaProps, TextareaSlots } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type ChatPrompt = ComponentConfig<typeof theme, AppConfig, 'chatPrompt'>
 
@@ -36,8 +36,8 @@ export interface ChatPromptEmits {
 }
 
 export interface ChatPromptSlots extends TextareaSlots {
-  header?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
+  header?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Checkbox.vue b/src/runtime/components/Checkbox.vue
index bdda60c946..78b86536a0 100644
--- a/src/runtime/components/Checkbox.vue
+++ b/src/runtime/components/Checkbox.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { CheckboxRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/checkbox'
 import type { IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Checkbox = ComponentConfig<typeof theme, AppConfig, 'checkbox'>
 
@@ -54,8 +54,8 @@ export type CheckboxEmits = {
 }
 
 export interface CheckboxSlots {
-  label?(props: { label?: string }): VNode[]
-  description?(props: { description?: string }): VNode[]
+  label?(props: { label?: string }): SlotsReturn
+  description?(props: { description?: string }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/CheckboxGroup.vue b/src/runtime/components/CheckboxGroup.vue
index 84c254bcce..dd820d245d 100644
--- a/src/runtime/components/CheckboxGroup.vue
+++ b/src/runtime/components/CheckboxGroup.vue
@@ -1,10 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { CheckboxGroupRootProps, CheckboxGroupRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/checkbox-group'
 import type { CheckboxProps } from '../types'
-import type { AcceptableValue, GetItemKeys, GetModelValue } from '../types/utils'
+import type { AcceptableValue, GetItemKeys, GetModelValue, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type CheckboxGroup = ComponentConfig<typeof theme, AppConfig, 'checkboxGroup'>
@@ -68,10 +67,10 @@ export type CheckboxGroupEmits<T extends CheckboxGroupItem[] = CheckboxGroupItem
   change: [event: Event]
 }
 
-type SlotProps<T extends CheckboxGroupItem> = (props: { item: T & { id: string } }) => VNode[]
+type SlotProps<T extends CheckboxGroupItem> = (props: { item: T & { id: string } }) => SlotsReturn
 
 export interface CheckboxGroupSlots<T extends CheckboxGroupItem[] = CheckboxGroupItem[]> {
-  legend?(props?: {}): VNode[]
+  legend?(props?: {}): SlotsReturn
   label?: SlotProps<T[number]>
   description?: SlotProps<T[number]>
 }
diff --git a/src/runtime/components/Chip.vue b/src/runtime/components/Chip.vue
index ad6eb47665..6ce4015947 100644
--- a/src/runtime/components/Chip.vue
+++ b/src/runtime/components/Chip.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/chip'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Chip = ComponentConfig<typeof theme, AppConfig, 'chip'>
 
@@ -40,8 +40,8 @@ export interface ChipEmits {
 }
 
 export interface ChipSlots {
-  default?(props?: {}): VNode[]
-  content?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
+  content?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Collapsible.vue b/src/runtime/components/Collapsible.vue
index d5a069bc9f..14ceeaa0c9 100644
--- a/src/runtime/components/Collapsible.vue
+++ b/src/runtime/components/Collapsible.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/collapsible'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Collapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible'>
 
@@ -20,8 +20,8 @@ export interface CollapsibleProps extends Pick<CollapsibleRootProps, 'defaultOpe
 export interface CollapsibleEmits extends CollapsibleRootEmits {}
 
 export interface CollapsibleSlots {
-  default?(props: { open: boolean }): VNode[]
-  content?(props?: {}): VNode[]
+  default?(props: { open: boolean }): SlotsReturn
+  content?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/CommandPalette.vue b/src/runtime/components/CommandPalette.vue
index 819df70eb5..8ee25a3341 100644
--- a/src/runtime/components/CommandPalette.vue
+++ b/src/runtime/components/CommandPalette.vue
@@ -1,6 +1,5 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ListboxRootProps, ListboxRootEmits } from 'reka-ui'
 import type { FuseResult } from 'fuse.js'
 import type { AppConfig } from '@nuxt/schema'
@@ -8,7 +7,7 @@ import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import theme from '#build/ui/command-palette'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ButtonProps, ChipProps, KbdProps, InputProps, LinkProps, IconProps } from '../types'
-import type { GetItemKeys } from '../types/utils'
+import type { GetItemKeys, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type CommandPalette = ComponentConfig<typeof theme, AppConfig, 'commandPalette'>
@@ -162,13 +161,13 @@ export type CommandPaletteEmits<T extends CommandPaletteItem = CommandPaletteIte
   'update:open': [value: boolean]
 }
 
-type SlotProps<T> = (props: { item: T, index: number }) => VNode[]
+type SlotProps<T> = (props: { item: T, index: number }) => SlotsReturn
 
 export type CommandPaletteSlots<G extends CommandPaletteGroup<T> = CommandPaletteGroup<any>, T extends CommandPaletteItem = CommandPaletteItem> = {
-  'empty'?(props: { searchTerm?: string }): VNode[]
-  'footer'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
-  'back'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
-  'close'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  'empty'?(props: { searchTerm?: string }): SlotsReturn
+  'footer'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): SlotsReturn
+  'back'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): SlotsReturn
+  'close'?(props: { ui: { [K in keyof Required<CommandPalette['slots']>]: (props?: Record<string, any>) => string } }): SlotsReturn
   'item'?: SlotProps<T>
   'item-leading'?: SlotProps<T>
   'item-label'?: SlotProps<T>
diff --git a/src/runtime/components/Container.vue b/src/runtime/components/Container.vue
index c5b92e1df1..e14b97733e 100644
--- a/src/runtime/components/Container.vue
+++ b/src/runtime/components/Container.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/container'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Container = ComponentConfig<typeof theme, AppConfig, 'container'>
 
@@ -16,7 +16,7 @@ export interface ContainerProps {
 }
 
 export interface ContainerSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/ContextMenu.vue b/src/runtime/components/ContextMenu.vue
index 6796334114..f8fcb9ae40 100644
--- a/src/runtime/components/ContextMenu.vue
+++ b/src/runtime/components/ContextMenu.vue
@@ -1,11 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ContextMenuRootProps, ContextMenuRootEmits, ContextMenuContentProps, ContextMenuContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/context-menu'
 import type { AvatarProps, IconProps, KbdProps, LinkProps } from '../types'
-import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils'
+import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type ContextMenu = ComponentConfig<typeof theme, AppConfig, 'contextMenu'>
@@ -83,19 +82,19 @@ export interface ContextMenuProps<T extends ArrayOrNested<ContextMenuItem> = Arr
 
 export interface ContextMenuEmits extends ContextMenuRootEmits {}
 
-type SlotProps<T extends ContextMenuItem> = (props: { item: T, active?: boolean, index: number }) => VNode[]
+type SlotProps<T extends ContextMenuItem> = (props: { item: T, active?: boolean, index: number }) => SlotsReturn
 
 export type ContextMenuSlots<
   A extends ArrayOrNested<ContextMenuItem> = ArrayOrNested<ContextMenuItem>,
   T extends NestedItem<A> = NestedItem<A>
 > = {
-  'default'?(props?: {}): VNode[]
+  'default'?(props?: {}): SlotsReturn
   'item'?: SlotProps<T>
   'item-leading'?: SlotProps<T>
   'item-label'?: SlotProps<T>
   'item-trailing'?: SlotProps<T>
-  'content-top'?: (props?: {}) => VNode[]
-  'content-bottom'?: (props?: {}) => VNode[]
+  'content-top'?: (props?: {}) => SlotsReturn
+  'content-bottom'?: (props?: {}) => SlotsReturn
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing', { active?: boolean, index: number }>
 
 </script>
diff --git a/src/runtime/components/DashboardGroup.vue b/src/runtime/components/DashboardGroup.vue
index 5a979cdaf5..7dd9f9afb8 100644
--- a/src/runtime/components/DashboardGroup.vue
+++ b/src/runtime/components/DashboardGroup.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-group'
 import type { UseResizableProps } from '../composables/useResizable'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type DashboardGroup = ComponentConfig<typeof theme, AppConfig, 'dashboardGroup'>
 
@@ -17,7 +17,7 @@ export interface DashboardGroupProps extends Pick<UseResizableProps, 'storage' |
 }
 
 export interface DashboardGroupSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/DashboardNavbar.vue b/src/runtime/components/DashboardNavbar.vue
index 008fe3dfe5..875f5505f9 100644
--- a/src/runtime/components/DashboardNavbar.vue
+++ b/src/runtime/components/DashboardNavbar.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { VNode } from 'vue'
+import type { VNodeChild } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-navbar'
 import type { DashboardContext } from '../utils/dashboard'
@@ -38,13 +38,13 @@ export interface DashboardNavbarProps {
 type DashboardNavbarSlotsProps = Omit<DashboardContext, 'storage' | 'storageKey' | 'persistent' | 'unit'>
 
 export interface DashboardNavbarSlots {
-  title?(props?: {}): VNode[]
-  leading?(props: DashboardNavbarSlotsProps): VNode[]
-  trailing?(props: DashboardNavbarSlotsProps): VNode[]
-  left?(props: DashboardNavbarSlotsProps): VNode[]
-  default?(props: DashboardNavbarSlotsProps): VNode[]
-  right?(props: DashboardNavbarSlotsProps): VNode[]
-  toggle?(props: DashboardNavbarSlotsProps): VNode[]
+  title?(props?: {}): VNodeChild
+  leading?(props: DashboardNavbarSlotsProps): VNodeChild
+  trailing?(props: DashboardNavbarSlotsProps): VNodeChild
+  left?(props: DashboardNavbarSlotsProps): VNodeChild
+  default?(props: DashboardNavbarSlotsProps): VNodeChild
+  right?(props: DashboardNavbarSlotsProps): VNodeChild
+  toggle?(props: DashboardNavbarSlotsProps): VNodeChild
 }
 </script>
 
diff --git a/src/runtime/components/DashboardPanel.vue b/src/runtime/components/DashboardPanel.vue
index aa517a1d05..1ef53d3bb0 100644
--- a/src/runtime/components/DashboardPanel.vue
+++ b/src/runtime/components/DashboardPanel.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-panel'
 import type { UseResizableProps } from '../composables/useResizable'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type DashboardPanel = ComponentConfig<typeof theme, AppConfig, 'dashboardPanel'>
 
@@ -13,11 +13,11 @@ export interface DashboardPanelProps extends Pick<UseResizableProps, 'id' | 'min
 }
 
 export interface DashboardPanelSlots {
-  'default'?(props?: {}): VNode[]
-  'header'?(props?: {}): VNode[]
-  'body'?(props?: {}): VNode[]
-  'footer'?(props?: {}): VNode[]
-  'resize-handle'?(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): VNode[]
+  'default'?(props?: {}): SlotsReturn
+  'header'?(props?: {}): SlotsReturn
+  'body'?(props?: {}): SlotsReturn
+  'footer'?(props?: {}): SlotsReturn
+  'resize-handle'?(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/DashboardResizeHandle.vue b/src/runtime/components/DashboardResizeHandle.vue
index 9a3f9a0cbe..949f2e39d5 100644
--- a/src/runtime/components/DashboardResizeHandle.vue
+++ b/src/runtime/components/DashboardResizeHandle.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-resize-handle'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type DashboardResizeHandle = ComponentConfig<typeof theme, AppConfig, 'dashboardResizeHandle'>
 
@@ -16,7 +16,7 @@ export interface DashboardResizeHandleProps {
 }
 
 export interface DashboardResizeHandleSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/DashboardSearch.vue b/src/runtime/components/DashboardSearch.vue
index 44a15bda14..2b7d9f651d 100644
--- a/src/runtime/components/DashboardSearch.vue
+++ b/src/runtime/components/DashboardSearch.vue
@@ -1,11 +1,11 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import theme from '#build/ui/dashboard-search'
 import type { ButtonProps, InputProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type DashboardSearch = ComponentConfig<typeof theme, AppConfig, 'dashboardSearch'>
 
@@ -68,7 +68,7 @@ export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPale
 }
 
 export type DashboardSearchSlots = CommandPaletteSlots<CommandPaletteGroup<CommandPaletteItem>, CommandPaletteItem> & {
-  content?(props?: {}): VNode[]
+  content?(props?: {}): SlotsReturn
 }
 
 </script>
diff --git a/src/runtime/components/DashboardSidebar.vue b/src/runtime/components/DashboardSidebar.vue
index b608de5f0b..3faee71557 100644
--- a/src/runtime/components/DashboardSidebar.vue
+++ b/src/runtime/components/DashboardSidebar.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-sidebar'
 import type { UseResizableProps } from '../composables/useResizable'
 import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type DashboardSidebar = ComponentConfig<typeof theme, AppConfig, 'dashboardSidebar'>
 
@@ -37,12 +37,12 @@ export interface DashboardSidebarProps<T extends DashboardSidebarMode = Dashboar
 }
 
 export interface DashboardSidebarSlots {
-  'header'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): VNode[]
-  'default'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): VNode[]
-  'footer'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): VNode[]
-  'toggle'?(props: { open: boolean, toggle: () => void }): VNode[]
-  'content'?(props?: {}): VNode[]
-  'resize-handle'?(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): VNode[]
+  'header'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): SlotsReturn
+  'default'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): SlotsReturn
+  'footer'?(props: { collapsed?: boolean, collapse?: (value: boolean) => void }): SlotsReturn
+  'toggle'?(props: { open: boolean, toggle: () => void }): SlotsReturn
+  'content'?(props?: {}): SlotsReturn
+  'resize-handle'?(props: { onMouseDown: (e: MouseEvent) => void, onTouchStart: (e: TouchEvent) => void, onDoubleClick: (e: MouseEvent) => void }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/DashboardToolbar.vue b/src/runtime/components/DashboardToolbar.vue
index 3f0797ac70..40d73e9a83 100644
--- a/src/runtime/components/DashboardToolbar.vue
+++ b/src/runtime/components/DashboardToolbar.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-toolbar'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type DashboardToolbar = ComponentConfig<typeof theme, AppConfig, 'dashboardToolbar'>
 
@@ -17,9 +17,9 @@ export interface DashboardToolbarProps {
 }
 
 export interface DashboardToolbarSlots {
-  default?(props?: {}): VNode[]
-  left?(props?: {}): VNode[]
-  right?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
+  left?(props?: {}): SlotsReturn
+  right?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index 917b28c183..3aa0507a81 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -1,10 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { DrawerRootProps, DrawerRootEmits } from 'vaul-vue'
 import type { DialogContentProps, DialogContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/drawer'
-import type { EmitsToProps } from '../types/utils'
+import type { EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Drawer = ComponentConfig<typeof theme, AppConfig, 'drawer'>
@@ -53,13 +52,13 @@ export interface DrawerEmits extends DrawerRootEmits {
 }
 
 export interface DrawerSlots {
-  default?(props?: {}): VNode[]
-  content?(props?: {}): VNode[]
-  header?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
+  content?(props?: {}): SlotsReturn
+  header?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/DropdownMenu.vue b/src/runtime/components/DropdownMenu.vue
index 9e52eb4bc7..331bc9293f 100644
--- a/src/runtime/components/DropdownMenu.vue
+++ b/src/runtime/components/DropdownMenu.vue
@@ -1,11 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentProps, DropdownMenuContentEmits, DropdownMenuArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dropdown-menu'
 import type { AvatarProps, IconProps, KbdProps, LinkProps } from '../types'
-import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils'
+import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>
@@ -91,19 +90,19 @@ export interface DropdownMenuProps<T extends ArrayOrNested<DropdownMenuItem> = A
 
 export interface DropdownMenuEmits extends DropdownMenuRootEmits {}
 
-type SlotProps<T extends DropdownMenuItem> = (props: { item: T, active?: boolean, index: number }) => VNode[]
+type SlotProps<T extends DropdownMenuItem> = (props: { item: T, active?: boolean, index: number }) => SlotsReturn
 
 export type DropdownMenuSlots<
   A extends ArrayOrNested<DropdownMenuItem> = ArrayOrNested<DropdownMenuItem>,
   T extends NestedItem<A> = NestedItem<A>
 > = {
-  'default'?(props: { open: boolean }): VNode[]
+  'default'?(props: { open: boolean }): SlotsReturn
   'item'?: SlotProps<T>
   'item-leading'?: SlotProps<T>
   'item-label'?: SlotProps<T>
   'item-trailing'?: SlotProps<T>
-  'content-top'?: (props?: {}) => VNode[]
-  'content-bottom'?: (props?: {}) => VNode[]
+  'content-top'?: (props?: {}) => SlotsReturn
+  'content-bottom'?: (props?: {}) => SlotsReturn
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing', { active?: boolean, index: number }>
 
 </script>
diff --git a/src/runtime/components/DropdownMenuContent.vue b/src/runtime/components/DropdownMenuContent.vue
index 17ff48f100..d1ef946699 100644
--- a/src/runtime/components/DropdownMenuContent.vue
+++ b/src/runtime/components/DropdownMenuContent.vue
@@ -1,11 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { DropdownMenuContentProps as RekaDropdownMenuContentProps, DropdownMenuContentEmits as RekaDropdownMenuContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import type theme from '#build/ui/dropdown-menu'
 import type { KbdProps, AvatarProps, DropdownMenuItem, DropdownMenuSlots, IconProps } from '../types'
-import type { ArrayOrNested, GetItemKeys, NestedItem, DynamicSlots, MergeTypes } from '../types/utils'
+import type { ArrayOrNested, GetItemKeys, NestedItem, DynamicSlots, MergeTypes, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>
@@ -38,7 +37,7 @@ type DropdownMenuContentSlots<
   A extends ArrayOrNested<DropdownMenuItem> = ArrayOrNested<DropdownMenuItem>,
   T extends NestedItem<A> = NestedItem<A>
 > = Pick<DropdownMenuSlots<A>, 'item' | 'item-leading' | 'item-label' | 'item-trailing' | 'content-top' | 'content-bottom'> & {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing', { active?: boolean, index: number }>
 
 </script>
diff --git a/src/runtime/components/Empty.vue b/src/runtime/components/Empty.vue
index 4704a0fe3b..9441a113c8 100644
--- a/src/runtime/components/Empty.vue
+++ b/src/runtime/components/Empty.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/empty'
 import type { ComponentConfig } from '../types/tv'
 import type { ButtonProps, IconProps, AvatarProps } from '../types'
+import type { SlotsReturn } from '../types/utils'
 
 type Empty = ComponentConfig<typeof theme, AppConfig, 'empty'>
 
@@ -38,13 +38,13 @@ export interface EmptyProps {
 }
 
 export interface EmptySlots {
-  header?(props?: {}): VNode[]
-  leading?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  actions?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
+  header?(props?: {}): SlotsReturn
+  leading?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  actions?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Error.vue b/src/runtime/components/Error.vue
index 7c59bf71e5..0d2453d2e2 100644
--- a/src/runtime/components/Error.vue
+++ b/src/runtime/components/Error.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { NuxtError } from '#app'
 import theme from '#build/ui/error'
 import type { ButtonProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Error = ComponentConfig<typeof theme, AppConfig, 'error'>
 
@@ -31,11 +31,11 @@ export interface ErrorProps {
 }
 
 export interface ErrorSlots {
-  default?(props?: {}): VNode[]
-  statusCode?(props?: {}): VNode[]
-  statusMessage?(props?: {}): VNode[]
-  message?(props?: {}): VNode[]
-  links?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
+  statusCode?(props?: {}): SlotsReturn
+  statusMessage?(props?: {}): SlotsReturn
+  message?(props?: {}): SlotsReturn
+  links?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/FieldGroup.vue b/src/runtime/components/FieldGroup.vue
index 614c99fe98..9564e736c7 100644
--- a/src/runtime/components/FieldGroup.vue
+++ b/src/runtime/components/FieldGroup.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/field-group'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type FieldGroup = ComponentConfig<typeof theme, AppConfig, 'fieldGroup'>
 
@@ -26,7 +26,7 @@ export interface FieldGroupProps {
 }
 
 export interface FieldGroupSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/FileUpload.vue b/src/runtime/components/FileUpload.vue
index 5185a235bf..2e40db3780 100644
--- a/src/runtime/components/FileUpload.vue
+++ b/src/runtime/components/FileUpload.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { UseFileDialogReturn } from '@vueuse/core'
 import theme from '#build/ui/file-upload'
 import type { ButtonProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type FileUpload = ComponentConfig<typeof theme, AppConfig, 'fileUpload'>
 
@@ -107,19 +107,19 @@ export interface FileUploadSlots<M extends boolean = false> {
   'default'?(props: {
     open: UseFileDialogReturn['open']
     removeFile: (index?: number) => void
-  }): VNode[]
-  'leading'?(props?: {}): VNode[]
-  'label'?(props?: {}): VNode[]
-  'description'?(props?: {}): VNode[]
-  'actions'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): VNode[]
-  'files'?(props: { files?: FileUploadFiles<M> }): VNode[]
-  'files-top'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): VNode[]
-  'files-bottom'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): VNode[]
-  'file'?(props: { file: File, index: number }): VNode[]
-  'file-leading'?(props: { file: File, index: number }): VNode[]
-  'file-name'?(props: { file: File, index: number }): VNode[]
-  'file-size'?(props: { file: File, index: number }): VNode[]
-  'file-trailing'?(props: { file: File, index: number }): VNode[]
+  }): SlotsReturn
+  'leading'?(props?: {}): SlotsReturn
+  'label'?(props?: {}): SlotsReturn
+  'description'?(props?: {}): SlotsReturn
+  'actions'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): SlotsReturn
+  'files'?(props: { files?: FileUploadFiles<M> }): SlotsReturn
+  'files-top'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): SlotsReturn
+  'files-bottom'?(props: { files?: FileUploadFiles<M>, open: UseFileDialogReturn['open'], removeFile: (index?: number) => void }): SlotsReturn
+  'file'?(props: { file: File, index: number }): SlotsReturn
+  'file-leading'?(props: { file: File, index: number }): SlotsReturn
+  'file-name'?(props: { file: File, index: number }): SlotsReturn
+  'file-size'?(props: { file: File, index: number }): SlotsReturn
+  'file-trailing'?(props: { file: File, index: number }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Footer.vue b/src/runtime/components/Footer.vue
index d3dde071c1..6f46212cf9 100644
--- a/src/runtime/components/Footer.vue
+++ b/src/runtime/components/Footer.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 import theme from '#build/ui/footer'
 
 type Footer = ComponentConfig<typeof theme, AppConfig, 'footer'>
@@ -17,11 +17,11 @@ export interface FooterProps {
 }
 
 export interface FooterSlots {
-  left?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  right?(props?: {}): VNode[]
-  top?(props?: {}): VNode[]
-  bottom?(props?: {}): VNode[]
+  left?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  right?(props?: {}): SlotsReturn
+  top?(props?: {}): SlotsReturn
+  bottom?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/FooterColumns.vue b/src/runtime/components/FooterColumns.vue
index c3571bb122..52311b96d4 100644
--- a/src/runtime/components/FooterColumns.vue
+++ b/src/runtime/components/FooterColumns.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/footer-columns'
 import type { IconProps, LinkProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type FooterColumns = ComponentConfig<typeof theme, AppConfig, 'footerColumns'>
 
@@ -33,13 +33,13 @@ export interface FooterColumnsProps<T extends FooterColumnLink = FooterColumnLin
   ui?: FooterColumns['slots']
 }
 
-type SlotProps<T> = (props: { link: T, active: boolean }) => VNode[]
+type SlotProps<T> = (props: { link: T, active: boolean }) => SlotsReturn
 
 export interface FooterColumnsSlots<T extends FooterColumnLink = FooterColumnLink> {
-  'left'?(props?: {}): VNode[]
-  'default'?(props?: {}): VNode[]
-  'right'?(props?: {}): VNode[]
-  'column-label'?: (props: { column: FooterColumn<T> }) => VNode[]
+  'left'?(props?: {}): SlotsReturn
+  'default'?(props?: {}): SlotsReturn
+  'right'?(props?: {}): SlotsReturn
+  'column-label'?: (props: { column: FooterColumn<T> }) => SlotsReturn
   'link'?: SlotProps<T>
   'link-leading'?: SlotProps<T>
   'link-label'?: SlotProps<T>
diff --git a/src/runtime/components/Form.vue b/src/runtime/components/Form.vue
index 2cdaabe61e..79a2d43b88 100644
--- a/src/runtime/components/Form.vue
+++ b/src/runtime/components/Form.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/form'
 import type { FormSchema, FormError, FormInputEvents, FormErrorEvent, FormSubmitEvent, FormEvent, Form, FormErrorWithId, InferInput, InferOutput, FormData } from '../types/form'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type FormConfig = ComponentConfig<typeof theme, AppConfig, 'form'>
 
@@ -69,7 +69,7 @@ export interface FormEmits<S extends FormSchema, T extends boolean = true> {
 }
 
 export interface FormSlots {
-  default(props: { errors: FormError[], loading: boolean }): VNode[]
+  default(props: { errors: FormError[], loading: boolean }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/FormField.vue b/src/runtime/components/FormField.vue
index 6ba399e9c4..696d636534 100644
--- a/src/runtime/components/FormField.vue
+++ b/src/runtime/components/FormField.vue
@@ -1,8 +1,9 @@
 <script lang="ts">
-import type { Ref, VNode } from 'vue'
+import type { Ref } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/form-field'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type FormField = ComponentConfig<typeof theme, AppConfig, 'formField'>
 
@@ -38,12 +39,12 @@ export interface FormFieldProps {
 }
 
 export interface FormFieldSlots {
-  label?(props: { label?: string }): VNode[]
-  hint?(props: { hint?: string }): VNode[]
-  description?(props: { description?: string }): VNode[]
-  help?(props: { help?: string }): VNode[]
-  error?(props: { error?: boolean | string }): VNode[]
-  default(props: { error?: boolean | string }): VNode[]
+  label?(props: { label?: string }): SlotsReturn
+  hint?(props: { hint?: string }): SlotsReturn
+  description?(props: { description?: string }): SlotsReturn
+  help?(props: { help?: string }): SlotsReturn
+  error?(props: { error?: boolean | string }): SlotsReturn
+  default(props: { error?: boolean | string }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Header.vue b/src/runtime/components/Header.vue
index 3242a4ede0..631da29ff7 100644
--- a/src/runtime/components/Header.vue
+++ b/src/runtime/components/Header.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/header'
 import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Header = ComponentConfig<typeof theme, AppConfig, 'header'>
 
@@ -42,15 +42,15 @@ export interface HeaderProps<T extends HeaderMode = HeaderMode> {
 }
 
 export interface HeaderSlots {
-  title?(props?: {}): VNode[]
-  left?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  right?(props?: {}): VNode[]
-  toggle?(props: { open: boolean, toggle: () => void }): VNode[]
-  top?(props?: {}): VNode[]
-  bottom?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  content?(props?: {}): VNode[]
+  title?(props?: {}): SlotsReturn
+  left?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  right?(props?: {}): SlotsReturn
+  toggle?(props: { open: boolean, toggle: () => void }): SlotsReturn
+  top?(props?: {}): SlotsReturn
+  bottom?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  content?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Input.vue b/src/runtime/components/Input.vue
index 153936961f..293df4b4b0 100644
--- a/src/runtime/components/Input.vue
+++ b/src/runtime/components/Input.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import type { InputHTMLAttributes, VNode } from 'vue'
+import type { InputHTMLAttributes } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/input'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps } from '../types'
 import type { ModelModifiers } from '../types/input'
-import type { AcceptableValue } from '../types/utils'
+import type { AcceptableValue, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Input = ComponentConfig<typeof theme, AppConfig, 'input'>
@@ -55,9 +55,9 @@ export interface InputEmits<T extends InputValue = InputValue> {
 }
 
 export interface InputSlots {
-  leading?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  trailing?(props?: {}): VNode[]
+  leading?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  trailing?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/InputMenu.vue b/src/runtime/components/InputMenu.vue
index 1c8cf5da4a..593c1f6555 100644
--- a/src/runtime/components/InputMenu.vue
+++ b/src/runtime/components/InputMenu.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import type { InputHTMLAttributes, VNode } from 'vue'
+import type { InputHTMLAttributes } from 'vue'
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/input-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, IconProps, InputProps } from '../types'
-import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetItemValue, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps } from '../types/utils'
+import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetItemValue, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type InputMenu = ComponentConfig<typeof theme, AppConfig, 'inputMenu'>
@@ -158,7 +158,7 @@ export type InputMenuEmits<A extends ArrayOrNested<InputMenuItem>, VK extends Ge
   'remove-tag': [item: GetModelValue<A, VK, M>]
 } & GetModelValueEmits<A, VK, M>
 
-type SlotProps<T extends InputMenuItem> = (props: { item: T, index: number }) => VNode[]
+type SlotProps<T extends InputMenuItem> = (props: { item: T, index: number }) => SlotsReturn
 
 export interface InputMenuSlots<
   A extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>,
@@ -170,22 +170,22 @@ export interface InputMenuSlots<
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<InputMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): VNode[]
+  }): SlotsReturn
   'trailing'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<InputMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): VNode[]
-  'empty'?(props: { searchTerm?: string }): VNode[]
+  }): SlotsReturn
+  'empty'?(props: { searchTerm?: string }): SlotsReturn
   'item'?: SlotProps<T>
   'item-leading'?: SlotProps<T>
   'item-label'?: SlotProps<T>
   'item-trailing'?: SlotProps<T>
   'tags-item-text'?: SlotProps<T>
   'tags-item-delete'?: SlotProps<T>
-  'content-top'?: (props?: {}) => VNode[]
-  'content-bottom'?: (props?: {}) => VNode[]
-  'create-item-label'?(props: { item: string }): VNode[]
+  'content-top'?: (props?: {}) => SlotsReturn
+  'content-bottom'?: (props?: {}) => SlotsReturn
+  'create-item-label'?(props: { item: string }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/InputNumber.vue b/src/runtime/components/InputNumber.vue
index 8f50d9a160..3175a20090 100644
--- a/src/runtime/components/InputNumber.vue
+++ b/src/runtime/components/InputNumber.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { NumberFieldRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/input-number'
 import type { ButtonProps, IconProps } from '../types'
 import type { ModelModifiers } from '../types/input'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type InputNumber = ComponentConfig<typeof theme, AppConfig, 'inputNumber'>
 
@@ -72,8 +72,8 @@ export interface InputNumberEmits {
 }
 
 export interface InputNumberSlots {
-  increment?(props?: {}): VNode[]
-  decrement?(props?: {}): VNode[]
+  increment?(props?: {}): SlotsReturn
+  decrement?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/InputTags.vue b/src/runtime/components/InputTags.vue
index 6cbfacbc37..c03fd5b276 100644
--- a/src/runtime/components/InputTags.vue
+++ b/src/runtime/components/InputTags.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-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'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type InputTags = ComponentConfig<typeof theme, AppConfig, 'inputTags'>
 
@@ -53,12 +53,12 @@ export interface InputTagsEmits<T extends InputTagItem> extends TagsInputRootEmi
   focus: [event: FocusEvent]
 }
 
-type SlotProps<T extends InputTagItem> = (props: { item: T, index: number }) => VNode[]
+type SlotProps<T extends InputTagItem> = (props: { item: T, index: number }) => SlotsReturn
 
 export interface InputTagsSlots<T extends InputTagItem = InputTagItem> {
-  'leading'?(props?: {}): VNode[]
-  'default'?(props?: {}): VNode[]
-  'trailing'?(props?: {}): VNode[]
+  'leading'?(props?: {}): SlotsReturn
+  'default'?(props?: {}): SlotsReturn
+  'trailing'?(props?: {}): SlotsReturn
   'item-text'?: SlotProps<T>
   'item-delete'?: SlotProps<T>
 }
diff --git a/src/runtime/components/Kbd.vue b/src/runtime/components/Kbd.vue
index 198a41d94b..3029e6b1f7 100644
--- a/src/runtime/components/Kbd.vue
+++ b/src/runtime/components/Kbd.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/kbd'
 import type { KbdKey } from '../composables/useKbd'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Kbd = ComponentConfig<typeof theme, AppConfig, 'kbd'>
 
@@ -30,7 +30,7 @@ export interface KbdProps {
 }
 
 export interface KbdSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Link.vue b/src/runtime/components/Link.vue
index 24cba3d236..39213310be 100644
--- a/src/runtime/components/Link.vue
+++ b/src/runtime/components/Link.vue
@@ -1,9 +1,10 @@
 <script lang="ts">
-import type { ButtonHTMLAttributes, VNode } from 'vue'
+import type { ButtonHTMLAttributes } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { RouterLinkProps, RouteLocationRaw } from 'vue-router'
 import theme from '#build/ui/link'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Link = ComponentConfig<typeof theme, AppConfig, 'link'>
 
@@ -82,7 +83,7 @@ export interface LinkProps extends NuxtLinkProps {
 }
 
 export interface LinkSlots {
-  default?(props: { active: boolean }): VNode[]
+  default?(props: { active: boolean }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Main.vue b/src/runtime/components/Main.vue
index 6e316b32ee..b01e2a7fa3 100644
--- a/src/runtime/components/Main.vue
+++ b/src/runtime/components/Main.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/main'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Main = ComponentConfig<typeof theme, AppConfig, 'main'>
 
@@ -16,7 +16,7 @@ export interface MainProps {
 }
 
 export interface MainSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Marquee.vue b/src/runtime/components/Marquee.vue
index cd64c34bef..9855a6b8d4 100644
--- a/src/runtime/components/Marquee.vue
+++ b/src/runtime/components/Marquee.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/marquee'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Marquee = ComponentConfig<typeof theme, AppConfig, 'marquee'>
 
@@ -42,7 +42,7 @@ export interface MarqueeProps {
 }
 
 export interface MarqueeSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
index 0d7f0aa69b..363532ccaa 100644
--- a/src/runtime/components/Modal.vue
+++ b/src/runtime/components/Modal.vue
@@ -1,10 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/modal'
 import type { ButtonProps, IconProps } from '../types'
-import type { EmitsToProps } from '../types/utils'
+import type { EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Modal = ComponentConfig<typeof theme, AppConfig, 'modal'>
@@ -62,15 +61,15 @@ export interface ModalEmits extends DialogRootEmits {
 }
 
 export interface ModalSlots {
-  default?(props: { open: boolean }): VNode[]
-  content?(props: { close: () => void }): VNode[]
-  header?(props: { close: () => void }): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  actions?(props?: {}): VNode[]
-  close?(props: { close: () => void, ui: { [K in keyof Required<Modal['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
-  body?(props: { close: () => void }): VNode[]
-  footer?(props: { close: () => void }): VNode[]
+  default?(props: { open: boolean }): SlotsReturn
+  content?(props: { close: () => void }): SlotsReturn
+  header?(props: { close: () => void }): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  actions?(props?: {}): SlotsReturn
+  close?(props: { close: () => void, ui: { [K in keyof Required<Modal['slots']>]: (props?: Record<string, any>) => string } }): SlotsReturn
+  body?(props: { close: () => void }): SlotsReturn
+  footer?(props: { close: () => void }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/NavigationMenu.vue b/src/runtime/components/NavigationMenu.vue
index c21812efa2..2a9faaf6bf 100644
--- a/src/runtime/components/NavigationMenu.vue
+++ b/src/runtime/components/NavigationMenu.vue
@@ -1,11 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { NavigationMenuRootProps, NavigationMenuRootEmits, NavigationMenuContentProps, NavigationMenuContentEmits, AccordionRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/navigation-menu'
 import type { AvatarProps, BadgeProps, IconProps, LinkProps, PopoverProps, TooltipProps } from '../types'
-import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils'
+import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type NavigationMenu = ComponentConfig<typeof theme, AppConfig, 'navigationMenu'>
@@ -145,7 +144,7 @@ export interface NavigationMenuProps<T extends ArrayOrNested<NavigationMenuItem>
 
 export interface NavigationMenuEmits extends NavigationMenuRootEmits {}
 
-type SlotProps<T extends NavigationMenuItem> = (props: { item: T, index: number, active?: boolean }) => VNode[]
+type SlotProps<T extends NavigationMenuItem> = (props: { item: T, index: number, active?: boolean }) => SlotsReturn
 
 export type NavigationMenuSlots<
   A extends ArrayOrNested<NavigationMenuItem> = ArrayOrNested<NavigationMenuItem>,
@@ -156,8 +155,8 @@ export type NavigationMenuSlots<
   'item-label'?: SlotProps<T>
   'item-trailing'?: SlotProps<T>
   'item-content'?: SlotProps<T>
-  'list-leading'?: (props?: {}) => VNode[]
-  'list-trailing'?: (props?: {}) => VNode[]
+  'list-leading'?: (props?: {}) => SlotsReturn
+  'list-trailing'?: (props?: {}) => SlotsReturn
 } & DynamicSlots<MergeTypes<T>, 'leading' | 'label' | 'trailing' | 'content', { index: number, active?: boolean }>
 
 </script>
diff --git a/src/runtime/components/Page.vue b/src/runtime/components/Page.vue
index 3deddac2eb..a17eb99803 100644
--- a/src/runtime/components/Page.vue
+++ b/src/runtime/components/Page.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Page = ComponentConfig<typeof theme, AppConfig, 'page'>
 
@@ -17,9 +17,9 @@ export interface PageProps {
 }
 
 export interface PageSlots {
-  left?(props?: {}): VNode[]
-  default(props?: {}): VNode[]
-  right?(props?: {}): VNode[]
+  left?(props?: {}): SlotsReturn
+  default(props?: {}): SlotsReturn
+  right?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageAnchors.vue b/src/runtime/components/PageAnchors.vue
index 1d80aba4c5..6025d4a2bb 100644
--- a/src/runtime/components/PageAnchors.vue
+++ b/src/runtime/components/PageAnchors.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-anchors'
 import type { IconProps, LinkProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageAnchors = ComponentConfig<typeof theme, AppConfig, 'pageAnchors'>
 
@@ -28,7 +28,7 @@ export interface PageAnchorsProps<T extends PageAnchor = PageAnchor> {
   ui?: PageAnchors['slots']
 }
 
-type SlotProps<T> = (props: { link: T, active: boolean }) => VNode[]
+type SlotProps<T> = (props: { link: T, active: boolean }) => SlotsReturn
 
 export interface PageAnchorsSlots<T extends PageAnchor = PageAnchor> {
   'link'?: SlotProps<T>
diff --git a/src/runtime/components/PageAside.vue b/src/runtime/components/PageAside.vue
index f1d057202b..3bf362b84b 100644
--- a/src/runtime/components/PageAside.vue
+++ b/src/runtime/components/PageAside.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-aside'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageAside = ComponentConfig<typeof theme, AppConfig, 'pageAside'>
 
@@ -17,9 +17,9 @@ export interface PageAsideProps {
 }
 
 export interface PageAsideSlots {
-  top?(props?: {}): VNode[]
-  default(props?: {}): VNode[]
-  bottom?(props?: {}): VNode[]
+  top?(props?: {}): SlotsReturn
+  default(props?: {}): SlotsReturn
+  bottom?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageBody.vue b/src/runtime/components/PageBody.vue
index 099d6feba5..5fe6c04dc0 100644
--- a/src/runtime/components/PageBody.vue
+++ b/src/runtime/components/PageBody.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-body'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageBody = ComponentConfig<typeof theme, AppConfig, 'pageBody'>
 
@@ -16,7 +16,7 @@ export interface PageBodyProps {
 }
 
 export interface PageBodySlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageCTA.vue b/src/runtime/components/PageCTA.vue
index 1dcf016c7f..6eeff79d61 100644
--- a/src/runtime/components/PageCTA.vue
+++ b/src/runtime/components/PageCTA.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-cta'
 import type { ButtonProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageCTA = ComponentConfig<typeof theme, AppConfig, 'pageCTA'>
 
@@ -39,15 +39,15 @@ export interface PageCTAProps {
 }
 
 export interface PageCTASlots {
-  top?(props?: {}): VNode[]
-  header?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
-  links?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  bottom?(props?: {}): VNode[]
+  top?(props?: {}): SlotsReturn
+  header?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
+  links?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  bottom?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageCard.vue b/src/runtime/components/PageCard.vue
index 8df62f781c..e071dc5156 100644
--- a/src/runtime/components/PageCard.vue
+++ b/src/runtime/components/PageCard.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-card'
 import type { IconProps, LinkProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageCard = ComponentConfig<typeof theme, AppConfig, 'pageCard'>
 
@@ -58,13 +58,13 @@ export interface PageCardProps {
 }
 
 export interface PageCardSlots {
-  header?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  leading?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
+  header?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  leading?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageColumns.vue b/src/runtime/components/PageColumns.vue
index dea407ed33..68eaced86f 100644
--- a/src/runtime/components/PageColumns.vue
+++ b/src/runtime/components/PageColumns.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-columns'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageColumns = ComponentConfig<typeof theme, AppConfig, 'pageColumns'>
 
@@ -16,7 +16,7 @@ export interface PageColumnsProps {
 }
 
 export interface PageColumnsSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageFeature.vue b/src/runtime/components/PageFeature.vue
index 74fb67bbe2..480d28c0ae 100644
--- a/src/runtime/components/PageFeature.vue
+++ b/src/runtime/components/PageFeature.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-feature'
 import type { IconProps, LinkProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageFeature = ComponentConfig<typeof theme, AppConfig, 'pageFeature'>
 
@@ -33,10 +33,10 @@ export interface PageFeatureProps {
 }
 
 export interface PageFeatureSlots {
-  leading?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
+  leading?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageGrid.vue b/src/runtime/components/PageGrid.vue
index cef0c51b1d..bddf69cecc 100644
--- a/src/runtime/components/PageGrid.vue
+++ b/src/runtime/components/PageGrid.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-grid'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageGrid = ComponentConfig<typeof theme, AppConfig, 'pageGrid'>
 
@@ -16,7 +16,7 @@ export interface PageGridProps {
 }
 
 export interface PageGridSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageHeader.vue b/src/runtime/components/PageHeader.vue
index e4f90d2c38..9d94e8c483 100644
--- a/src/runtime/components/PageHeader.vue
+++ b/src/runtime/components/PageHeader.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-header'
 import type { ButtonProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageHeader = ComponentConfig<typeof theme, AppConfig, 'pageHeader'>
 
@@ -26,11 +26,11 @@ export interface PageHeaderProps {
 }
 
 export interface PageHeaderSlots {
-  headline?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  links?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
+  headline?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  links?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageHero.vue b/src/runtime/components/PageHero.vue
index 2c1dbe328e..34e3843f4f 100644
--- a/src/runtime/components/PageHero.vue
+++ b/src/runtime/components/PageHero.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-hero'
 import type { ButtonProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageHero = ComponentConfig<typeof theme, AppConfig, 'pageHero'>
 
@@ -36,16 +36,16 @@ export interface PageHeroProps {
 }
 
 export interface PageHeroSlots {
-  top?(props?: {}): VNode[]
-  header?(props?: {}): VNode[]
-  headline?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
-  links?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  bottom?(props?: {}): VNode[]
+  top?(props?: {}): SlotsReturn
+  header?(props?: {}): SlotsReturn
+  headline?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
+  links?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  bottom?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageLinks.vue b/src/runtime/components/PageLinks.vue
index f83b3b1f61..19732ca7e6 100644
--- a/src/runtime/components/PageLinks.vue
+++ b/src/runtime/components/PageLinks.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-links'
 import type { IconProps, LinkProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageLinks = ComponentConfig<typeof theme, AppConfig, 'pageLinks'>
 
@@ -29,10 +29,10 @@ export interface PageLinksProps<T extends PageLink = PageLink> {
   ui?: PageLinks['slots']
 }
 
-type SlotProps<T> = (props: { link: T, active: boolean }) => VNode[]
+type SlotProps<T> = (props: { link: T, active: boolean }) => SlotsReturn
 
 export interface PageLinksSlots<T extends PageLink = PageLink> {
-  'title'?(props?: {}): VNode[]
+  'title'?(props?: {}): SlotsReturn
   'link'?: SlotProps<T>
   'link-leading'?: SlotProps<T>
   'link-label'?: SlotProps<T>
diff --git a/src/runtime/components/PageList.vue b/src/runtime/components/PageList.vue
index f8ddea5a2e..53d0b56c82 100644
--- a/src/runtime/components/PageList.vue
+++ b/src/runtime/components/PageList.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-list'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageList = ComponentConfig<typeof theme, AppConfig, 'pageList'>
 
@@ -17,7 +17,7 @@ export interface PageListProps {
 }
 
 export interface PageListSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageLogos.vue b/src/runtime/components/PageLogos.vue
index 99f7ed64cd..f4d2a9e820 100644
--- a/src/runtime/components/PageLogos.vue
+++ b/src/runtime/components/PageLogos.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-logos'
 import type { MarqueeProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageLogos = ComponentConfig<typeof theme, AppConfig, 'pageLogos'>
 
@@ -26,7 +26,7 @@ export interface PageLogosProps {
 }
 
 export interface PageLogosSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PageSection.vue b/src/runtime/components/PageSection.vue
index 85fc0b392a..19e2d128d7 100644
--- a/src/runtime/components/PageSection.vue
+++ b/src/runtime/components/PageSection.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/page-section'
 import type { ButtonProps, IconProps, PageFeatureProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PageSection = ComponentConfig<typeof theme, AppConfig, 'pageSection'>
 
@@ -48,18 +48,18 @@ export interface PageSectionProps {
 }
 
 export interface PageSectionSlots {
-  top?(props?: {}): VNode[]
-  header?(props?: {}): VNode[]
-  leading?(props?: {}): VNode[]
-  headline?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  features?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
-  links?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
-  bottom?(props?: {}): VNode[]
+  top?(props?: {}): SlotsReturn
+  header?(props?: {}): SlotsReturn
+  leading?(props?: {}): SlotsReturn
+  headline?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  features?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
+  links?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
+  bottom?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Pagination.vue b/src/runtime/components/Pagination.vue
index 73294418d7..013852019f 100644
--- a/src/runtime/components/Pagination.vue
+++ b/src/runtime/components/Pagination.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { PaginationRootProps, PaginationRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pagination'
 import type { ButtonProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Pagination = ComponentConfig<typeof theme, AppConfig, 'pagination'>
 
@@ -83,11 +83,11 @@ export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defa
 export interface PaginationEmits extends PaginationRootEmits {}
 
 export interface PaginationSlots {
-  first?(props?: {}): VNode[]
-  prev?(props?: {}): VNode[]
-  next?(props?: {}): VNode[]
-  last?(props?: {}): VNode[]
-  ellipsis?(props?: {}): VNode[]
+  first?(props?: {}): SlotsReturn
+  prev?(props?: {}): SlotsReturn
+  next?(props?: {}): SlotsReturn
+  last?(props?: {}): SlotsReturn
+  ellipsis?(props?: {}): SlotsReturn
   item?(props: {
     page: number
     pageCount: number
@@ -98,7 +98,7 @@ export interface PaginationSlots {
       value: number
     }
     index: number
-  }): VNode[]
+  }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Popover.vue b/src/runtime/components/Popover.vue
index 7e427dcd2f..89946dee4b 100644
--- a/src/runtime/components/Popover.vue
+++ b/src/runtime/components/Popover.vue
@@ -1,9 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { PopoverRootProps, HoverCardRootProps, PopoverRootEmits, PopoverContentProps, PopoverContentEmits, PopoverArrowProps, HoverCardTriggerProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/popover'
-import type { EmitsToProps } from '../types/utils'
+import type { EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Popover = ComponentConfig<typeof theme, AppConfig, 'popover'>
@@ -52,9 +51,9 @@ export interface PopoverEmits extends PopoverRootEmits {
 type SlotProps<M extends PopoverMode = PopoverMode> = [M] extends ['hover'] ? {} : { close: () => void }
 
 export interface PopoverSlots<M extends PopoverMode = PopoverMode> {
-  default(props: { open: boolean }): VNode[]
-  content?(props: SlotProps<M>): VNode[]
-  anchor?(props: SlotProps<M>): VNode[]
+  default(props: { open: boolean }): SlotsReturn
+  content?(props: SlotProps<M>): SlotsReturn
+  anchor?(props: SlotProps<M>): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PricingPlan.vue b/src/runtime/components/PricingPlan.vue
index 2f8685f653..6d8c4b107e 100644
--- a/src/runtime/components/PricingPlan.vue
+++ b/src/runtime/components/PricingPlan.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pricing-plan'
 import type { BadgeProps, ButtonProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PricingPlan = ComponentConfig<typeof theme, AppConfig, 'pricingPlan'>
 
@@ -93,19 +93,19 @@ export interface PricingPlanProps {
 }
 
 export interface PricingPlanSlots {
-  badge?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  price?(props?: {}): VNode[]
-  discount?(props?: {}): VNode[]
-  billing?(props?: {}): VNode[]
-  features?(props?: {}): VNode[]
-  button?(props?: {}): VNode[]
-  header?(props?: {}): VNode[]
-  body?(props?: {}): VNode[]
-  footer?(props?: {}): VNode[]
-  tagline?(props?: {}): VNode[]
-  terms?(props?: {}): VNode[]
+  badge?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  price?(props?: {}): SlotsReturn
+  discount?(props?: {}): SlotsReturn
+  billing?(props?: {}): SlotsReturn
+  features?(props?: {}): SlotsReturn
+  button?(props?: {}): SlotsReturn
+  header?(props?: {}): SlotsReturn
+  body?(props?: {}): SlotsReturn
+  footer?(props?: {}): SlotsReturn
+  tagline?(props?: {}): SlotsReturn
+  terms?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/PricingPlans.vue b/src/runtime/components/PricingPlans.vue
index 20507ad095..17a8f6e5f0 100644
--- a/src/runtime/components/PricingPlans.vue
+++ b/src/runtime/components/PricingPlans.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pricing-plans'
 import type { PricingPlanProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PricingPlans = ComponentConfig<typeof theme, AppConfig, 'pricingPlans'>
 
@@ -34,7 +34,7 @@ export interface PricingPlansProps {
 }
 
 export interface PricingPlansSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
@@ -56,7 +56,17 @@ const appConfig = useAppConfig() as PricingPlans['AppConfig']
 
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.pricingPlans || {}) }))
 
-const count = computed(() => props.plans?.length || slots.default?.()?.flatMap(mapSlot).filter(Boolean)?.length || 3)
+const count = computed(() => {
+  if (props.plans?.length) {
+    return props.plans.length
+  }
+  const children = slots.default?.()
+  if (Array.isArray(children)) {
+    return children.flatMap(mapSlot).filter(Boolean).length || 3
+  } else {
+    return children ? 1 : 3
+  }
+})
 
 function mapSlot(slot: any) {
   if (typeof slot.type === 'symbol') {
diff --git a/src/runtime/components/PricingTable.vue b/src/runtime/components/PricingTable.vue
index d5b4c00961..546df96da0 100644
--- a/src/runtime/components/PricingTable.vue
+++ b/src/runtime/components/PricingTable.vue
@@ -1,10 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/pricing-table'
 import type { PricingPlanProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type PricingTable = ComponentConfig<typeof theme, AppConfig, 'pricingTable'>
 
@@ -14,7 +14,7 @@ type DynamicSlots<T extends { id: string }, S extends string | undefined = undef
       ? (K | `${K}-${S}`)
       : K
     : never
-  ]?: (props: { tier: Extract<T, { id: K extends `${infer Base}-${S}` ? Base : K }> }) => VNode[]
+  ]?: (props: { tier: Extract<T, { id: K extends `${infer Base}-${S}` ? Base : K }> }) => SlotsReturn
 }
 
 type FeatureDynamicSlots<T extends PricingTableSectionFeature, S extends string | undefined = undefined> = {
@@ -23,7 +23,7 @@ type FeatureDynamicSlots<T extends PricingTableSectionFeature, S extends string
       ? (`feature-${K}` | `feature-${K}-${S}`)
       : `feature-${K}`
     : never
-  ]?: (props: { feature: T, tier: PricingTableTier, section: PricingTableSection }) => VNode[]
+  ]?: (props: { feature: T, tier: PricingTableTier, section: PricingTableSection }) => SlotsReturn
 }
 
 type SectionDynamicSlots<T extends PricingTableSection, S extends string | undefined = undefined> = {
@@ -32,7 +32,7 @@ type SectionDynamicSlots<T extends PricingTableSection, S extends string | undef
       ? (`section-${K}` | `section-${K}-${S}`)
       : `section-${K}`
     : never
-  ]?: (props: { section: T }) => VNode[]
+  ]?: (props: { section: T }) => SlotsReturn
 }
 
 export type PricingTableTier = Pick<PricingPlanProps, 'title' | 'description' | 'badge' | 'billingCycle' | 'billingPeriod' | 'price' | 'discount' | 'button' | 'highlight'> & {
@@ -79,10 +79,10 @@ export interface PricingTableProps<T extends PricingTableTier = PricingTableTier
   ui?: PricingTable['slots']
 }
 
-type SlotProps<T extends PricingTableTier> = (props: { tier: T }) => VNode[]
+type SlotProps<T extends PricingTableTier> = (props: { tier: T }) => SlotsReturn
 
 export type PricingTableSlots<T extends PricingTableTier = PricingTableTier> = {
-  'caption'?: (props?: {}) => VNode[]
+  'caption'?: (props?: {}) => SlotsReturn
   'tier'?: SlotProps<T>
   'tier-title'?: SlotProps<T>
   'tier-description'?: SlotProps<T>
@@ -91,9 +91,9 @@ export type PricingTableSlots<T extends PricingTableTier = PricingTableTier> = {
   'tier-billing'?: SlotProps<T>
   'tier-discount'?: SlotProps<T>
   'tier-price'?: SlotProps<T>
-  'section-title'?: (props: { section: PricingTableSection<T> }) => VNode[]
-  'feature-title'?: (props: { feature: PricingTableSectionFeature<T>, section: PricingTableSection<T> }) => VNode[]
-  'feature-value'?: (props: { feature: PricingTableSectionFeature<T>, tier: T, section: PricingTableSection<T> }) => VNode[]
+  'section-title'?: (props: { section: PricingTableSection<T> }) => SlotsReturn
+  'feature-title'?: (props: { feature: PricingTableSectionFeature<T>, section: PricingTableSection<T> }) => SlotsReturn
+  'feature-value'?: (props: { feature: PricingTableSectionFeature<T>, tier: T, section: PricingTableSection<T> }) => SlotsReturn
 } & DynamicSlots<T, 'title' | 'description' | 'badge' | 'button' | 'billing' | 'discount' | 'price'>
 & FeatureDynamicSlots<PricingTableSectionFeature<T>, 'title' | 'value'>
 & SectionDynamicSlots<PricingTableSection<T>, 'title'>
diff --git a/src/runtime/components/Progress.vue b/src/runtime/components/Progress.vue
index aa7df9770b..3b78d8a936 100644
--- a/src/runtime/components/Progress.vue
+++ b/src/runtime/components/Progress.vue
@@ -1,10 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ProgressRootProps, ProgressRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/progress'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Progress = ComponentConfig<typeof theme, AppConfig, 'progress'>
 
@@ -45,9 +45,9 @@ export interface ProgressProps extends Pick<ProgressRootProps, 'getValueLabel' |
 export interface ProgressEmits extends ProgressRootEmits {}
 
 export type ProgressSlots = {
-  status?(props: { percent?: number }): VNode[]
+  status?(props: { percent?: number }): SlotsReturn
 } & {
-  [key: string]: (props: { step: number }) => VNode[]
+  [key: string]: (props: { step: number }) => SlotsReturn
 }
 
 </script>
diff --git a/src/runtime/components/RadioGroup.vue b/src/runtime/components/RadioGroup.vue
index c5395480c1..2e31b74bf9 100644
--- a/src/runtime/components/RadioGroup.vue
+++ b/src/runtime/components/RadioGroup.vue
@@ -1,9 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { RadioGroupRootProps, RadioGroupRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/radio-group'
-import type { AcceptableValue, GetItemKeys, GetModelValue } from '../types/utils'
+import type { AcceptableValue, GetItemKeys, GetModelValue, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type RadioGroup = ComponentConfig<typeof theme, AppConfig, 'radioGroup'>
@@ -78,10 +77,10 @@ export type RadioGroupEmits = RadioGroupRootEmits & {
 
 type NormalizeItem<T extends RadioGroupItem> = Exclude<T & { id: string }, RadioGroupValue>
 
-type SlotProps<T extends RadioGroupItem> = (props: { item: NormalizeItem<T>, modelValue?: RadioGroupValue }) => VNode[]
+type SlotProps<T extends RadioGroupItem> = (props: { item: NormalizeItem<T>, modelValue?: RadioGroupValue }) => SlotsReturn
 
 export interface RadioGroupSlots<T extends RadioGroupItem[] = RadioGroupItem[]> {
-  legend?(props?: {}): VNode[]
+  legend?(props?: {}): SlotsReturn
   label?: SlotProps<T[number]>
   description?: SlotProps<T[number]>
 }
diff --git a/src/runtime/components/Select.vue b/src/runtime/components/Select.vue
index d3fa1353ab..c3a8318c7e 100644
--- a/src/runtime/components/Select.vue
+++ b/src/runtime/components/Select.vue
@@ -1,11 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { SelectRootProps, SelectRootEmits, SelectContentProps, SelectContentEmits, SelectArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/select'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, IconProps, InputProps } from '../types'
-import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetItemValue, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps } from '../types/utils'
+import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetItemValue, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Select = ComponentConfig<typeof theme, AppConfig, 'select'>
@@ -106,7 +105,7 @@ export type SelectEmits<A extends ArrayOrNested<SelectItem>, VK extends GetItemK
   focus: [event: FocusEvent]
 } & GetModelValueEmits<A, VK, M>
 
-type SlotProps<T extends SelectItem> = (props: { item: T, index: number }) => VNode[]
+type SlotProps<T extends SelectItem> = (props: { item: T, index: number }) => SlotsReturn
 
 export interface SelectSlots<
   A extends ArrayOrNested<SelectItem> = ArrayOrNested<SelectItem>,
@@ -118,22 +117,22 @@ export interface SelectSlots<
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<Select['slots']>]: (props?: Record<string, any>) => string }
-  }): VNode[]
+  }): SlotsReturn
   'default'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
-  }): VNode[]
+  }): SlotsReturn
   'trailing'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<Select['slots']>]: (props?: Record<string, any>) => string }
-  }): VNode[]
+  }): SlotsReturn
   'item'?: SlotProps<T>
   'item-leading'?: SlotProps<T>
   'item-label'?: SlotProps<T>
   'item-trailing'?: SlotProps<T>
-  'content-top'?: (props?: {}) => VNode[]
-  'content-bottom'?: (props?: {}) => VNode[]
+  'content-top'?: (props?: {}) => SlotsReturn
+  'content-bottom'?: (props?: {}) => SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/SelectMenu.vue b/src/runtime/components/SelectMenu.vue
index e3dd4c813c..7307e2e7cb 100644
--- a/src/runtime/components/SelectMenu.vue
+++ b/src/runtime/components/SelectMenu.vue
@@ -1,11 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxContentEmits, ComboboxArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/select-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps, ChipProps, IconProps, InputProps } from '../types'
-import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetItemValue, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps } from '../types/utils'
+import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetItemValue, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type SelectMenu = ComponentConfig<typeof theme, AppConfig, 'selectMenu'>
@@ -152,7 +151,7 @@ export type SelectMenuEmits<A extends ArrayOrNested<SelectMenuItem>, VK extends
   } | undefined]
 } & GetModelValueEmits<A, VK, M>
 
-type SlotProps<T extends SelectMenuItem> = (props: { item: T, index: number }) => VNode[]
+type SlotProps<T extends SelectMenuItem> = (props: { item: T, index: number }) => SlotsReturn
 
 export interface SelectMenuSlots<
   A extends ArrayOrNested<SelectMenuItem> = ArrayOrNested<SelectMenuItem>,
@@ -164,24 +163,24 @@ export interface SelectMenuSlots<
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<SelectMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): VNode[]
+  }): SlotsReturn
   'default'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
-  }): VNode[]
+  }): SlotsReturn
   'trailing'?(props: {
     modelValue?: GetModelValue<A, VK, M>
     open: boolean
     ui: { [K in keyof Required<SelectMenu['slots']>]: (props?: Record<string, any>) => string }
-  }): VNode[]
-  'empty'?(props: { searchTerm?: string }): VNode[]
+  }): SlotsReturn
+  'empty'?(props: { searchTerm?: string }): SlotsReturn
   'item'?: SlotProps<T>
   'item-leading'?: SlotProps<T>
   'item-label'?: SlotProps<T>
   'item-trailing'?: SlotProps<T>
-  'content-top'?: (props?: {}) => VNode[]
-  'content-bottom'?: (props?: {}) => VNode[]
-  'create-item-label'?(props: { item: string }): VNode[]
+  'content-top'?: (props?: {}) => SlotsReturn
+  'content-bottom'?: (props?: {}) => SlotsReturn
+  'create-item-label'?(props: { item: string }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Separator.vue b/src/runtime/components/Separator.vue
index 210ddbac3e..6299787285 100644
--- a/src/runtime/components/Separator.vue
+++ b/src/runtime/components/Separator.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { SeparatorProps as _SeparatorProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/separator'
 import type { AvatarProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Separator = ComponentConfig<typeof theme, AppConfig, 'separator'>
 
@@ -45,7 +45,7 @@ export interface SeparatorProps extends Pick<_SeparatorProps, 'decorative'> {
 }
 
 export interface SeparatorSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Slideover.vue b/src/runtime/components/Slideover.vue
index a4d8cf8cb4..68a65019ec 100644
--- a/src/runtime/components/Slideover.vue
+++ b/src/runtime/components/Slideover.vue
@@ -1,10 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/slideover'
 import type { ButtonProps, IconProps } from '../types'
-import type { EmitsToProps } from '../types/utils'
+import type { EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Slideover = ComponentConfig<typeof theme, AppConfig, 'slideover'>
@@ -62,15 +61,15 @@ export interface SlideoverEmits extends DialogRootEmits {
 }
 
 export interface SlideoverSlots {
-  default?(props: { open: boolean }): VNode[]
-  content?(props: { close: () => void }): VNode[]
-  header?(props: { close: () => void }): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  actions?(props?: {}): VNode[]
-  close?(props: { close: () => void, ui: { [K in keyof Required<Slideover['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
-  body?(props: { close: () => void }): VNode[]
-  footer?(props: { close: () => void }): VNode[]
+  default?(props: { open: boolean }): SlotsReturn
+  content?(props: { close: () => void }): SlotsReturn
+  header?(props: { close: () => void }): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  actions?(props?: {}): SlotsReturn
+  close?(props: { close: () => void, ui: { [K in keyof Required<Slideover['slots']>]: (props?: Record<string, any>) => string } }): SlotsReturn
+  body?(props: { close: () => void }): SlotsReturn
+  footer?(props: { close: () => void }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Stepper.vue b/src/runtime/components/Stepper.vue
index 416225a198..4da962e9ad 100644
--- a/src/runtime/components/Stepper.vue
+++ b/src/runtime/components/Stepper.vue
@@ -1,11 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { StepperRootProps, StepperRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/stepper'
 import type { IconProps } from '../types'
-import type { DynamicSlots } from '../types/utils'
+import type { DynamicSlots, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Stepper = ComponentConfig<typeof theme, AppConfig, 'stepper'>
@@ -60,7 +59,7 @@ export type StepperEmits<T extends StepperItem = StepperItem> = Omit<StepperRoot
   prev: [value: T]
 }
 
-type SlotProps<T extends StepperItem> = (props: { item: T }) => VNode[]
+type SlotProps<T extends StepperItem> = (props: { item: T }) => SlotsReturn
 
 export type StepperSlots<T extends StepperItem = StepperItem> = {
   indicator?: SlotProps<T>
diff --git a/src/runtime/components/Switch.vue b/src/runtime/components/Switch.vue
index 5980844e73..368cc1acd4 100644
--- a/src/runtime/components/Switch.vue
+++ b/src/runtime/components/Switch.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { SwitchRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/switch'
 import type { IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Switch = ComponentConfig<typeof theme, AppConfig, 'switch'>
 
@@ -51,8 +51,8 @@ export type SwitchEmits = {
 }
 
 export interface SwitchSlots {
-  label?(props: { label?: string }): VNode[]
-  description?(props: { description?: string }): VNode[]
+  label?(props: { label?: string }): SlotsReturn
+  description?(props: { description?: string }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Table.vue b/src/runtime/components/Table.vue
index 5df837e650..d5ca4d47a2 100644
--- a/src/runtime/components/Table.vue
+++ b/src/runtime/components/Table.vue
@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { Ref, WatchOptions, VNode } from 'vue'
+import type { Ref, WatchOptions } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { Cell, Header, RowData, TableMeta } from '@tanstack/table-core'
 import type {
@@ -38,6 +38,7 @@ import type {
 import type { VirtualizerOptions } from '@tanstack/vue-virtual'
 import theme from '#build/ui/table'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 declare module '@tanstack/table-core' {
 
@@ -204,17 +205,17 @@ export interface TableProps<T extends TableData = TableData> extends TableOption
   ui?: Table['slots']
 }
 
-type DynamicHeaderSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => VNode[]> & Record<`${K extends string ? K : never}-header`, (props: HeaderContext<T, unknown>) => VNode[]>
-type DynamicFooterSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => VNode[]> & Record<`${K extends string ? K : never}-footer`, (props: HeaderContext<T, unknown>) => VNode[]>
-type DynamicCellSlots<T, K = keyof T> = Record<string, (props: CellContext<T, unknown>) => VNode[]> & Record<`${K extends string ? K : never}-cell`, (props: CellContext<T, unknown>) => VNode[]>
+type DynamicHeaderSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => SlotsReturn> & Record<`${K extends string ? K : never}-header`, (props: HeaderContext<T, unknown>) => SlotsReturn>
+type DynamicFooterSlots<T, K = keyof T> = Record<string, (props: HeaderContext<T, unknown>) => SlotsReturn> & Record<`${K extends string ? K : never}-footer`, (props: HeaderContext<T, unknown>) => SlotsReturn>
+type DynamicCellSlots<T, K = keyof T> = Record<string, (props: CellContext<T, unknown>) => SlotsReturn> & Record<`${K extends string ? K : never}-cell`, (props: CellContext<T, unknown>) => SlotsReturn>
 
 export type TableSlots<T extends TableData = TableData> = {
-  'expanded'?: (props: { row: Row<T> }) => VNode[]
-  'empty'?: (props?: {}) => VNode[]
-  'loading'?: (props?: {}) => VNode[]
-  'caption'?: (props?: {}) => VNode[]
-  'body-top'?: (props?: {}) => VNode[]
-  'body-bottom'?: (props?: {}) => VNode[]
+  'expanded'?: (props: { row: Row<T> }) => SlotsReturn
+  'empty'?: (props?: {}) => SlotsReturn
+  'loading'?: (props?: {}) => SlotsReturn
+  'caption'?: (props?: {}) => SlotsReturn
+  'body-top'?: (props?: {}) => SlotsReturn
+  'body-bottom'?: (props?: {}) => SlotsReturn
 } & DynamicHeaderSlots<T> & DynamicFooterSlots<T> & DynamicCellSlots<T>
 
 </script>
diff --git a/src/runtime/components/Tabs.vue b/src/runtime/components/Tabs.vue
index f6c2ace2f5..41bb3f6e58 100644
--- a/src/runtime/components/Tabs.vue
+++ b/src/runtime/components/Tabs.vue
@@ -1,11 +1,11 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { ComponentPublicInstance, VNode } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
 import type { TabsRootProps, TabsRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/tabs'
 import type { AvatarProps, BadgeProps, IconProps } from '../types'
-import type { DynamicSlots, GetItemKeys } from '../types/utils'
+import type { DynamicSlots, GetItemKeys, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Tabs = ComponentConfig<typeof theme, AppConfig, 'tabs'>
@@ -72,15 +72,15 @@ export interface TabsProps<T extends TabsItem = TabsItem> extends Pick<TabsRootP
 
 export interface TabsEmits extends TabsRootEmits<string | number> {}
 
-type SlotProps<T extends TabsItem> = (props: { item: T, index: number }) => VNode[]
+type SlotProps<T extends TabsItem> = (props: { item: T, index: number }) => SlotsReturn
 
 export type TabsSlots<T extends TabsItem = TabsItem> = {
   'leading'?: SlotProps<T>
   'default': SlotProps<T>
   'trailing'?: SlotProps<T>
   'content'?: SlotProps<T>
-  'list-leading'?: (props?: {}) => VNode[]
-  'list-trailing'?: (props?: {}) => VNode[]
+  'list-leading'?: (props?: {}) => SlotsReturn
+  'list-trailing'?: (props?: {}) => SlotsReturn
 } & DynamicSlots<T, undefined, { index: number }>
 
 </script>
diff --git a/src/runtime/components/Textarea.vue b/src/runtime/components/Textarea.vue
index 07989e6ea2..b0318a78fa 100644
--- a/src/runtime/components/Textarea.vue
+++ b/src/runtime/components/Textarea.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/textarea'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import type { AvatarProps } from '../types'
 import type { ModelModifiers } from '../types/input'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Textarea = ComponentConfig<typeof theme, AppConfig, 'textarea'>
 
@@ -57,9 +57,9 @@ export interface TextareaEmits<T extends TextareaValue = TextareaValue> {
 }
 
 export interface TextareaSlots {
-  leading?(props?: {}): VNode[]
-  default(props?: {}): VNode[]
-  trailing?(props?: {}): VNode[]
+  leading?(props?: {}): SlotsReturn
+  default(props?: {}): SlotsReturn
+  trailing?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Timeline.vue b/src/runtime/components/Timeline.vue
index cd020b04bb..875114ab17 100644
--- a/src/runtime/components/Timeline.vue
+++ b/src/runtime/components/Timeline.vue
@@ -1,10 +1,9 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/timeline'
 import type { AvatarProps, IconProps } from '../types'
-import type { DynamicSlots } from '../types/utils'
+import type { DynamicSlots, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Timeline = ComponentConfig<typeof theme, AppConfig, 'timeline'>
@@ -48,7 +47,7 @@ export interface TimelineProps<T extends TimelineItem = TimelineItem> {
   ui?: Timeline['slots']
 }
 
-type SlotProps<T extends TimelineItem> = (props: { item: T }) => VNode[]
+type SlotProps<T extends TimelineItem> = (props: { item: T }) => SlotsReturn
 
 export type TimelineSlots<T extends TimelineItem = TimelineItem> = {
   indicator?: SlotProps<T>
diff --git a/src/runtime/components/Toast.vue b/src/runtime/components/Toast.vue
index 925a3a875f..d8342cff75 100644
--- a/src/runtime/components/Toast.vue
+++ b/src/runtime/components/Toast.vue
@@ -1,10 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ToastRootProps, ToastRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/toast'
 import type { AvatarProps, ButtonProps, IconProps, ProgressProps } from '../types'
-import type { StringOrVNode } from '../types/utils'
+import type { StringOrVNode, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>
@@ -63,11 +62,11 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
 export interface ToastEmits extends ToastRootEmits {}
 
 export interface ToastSlots {
-  leading?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  actions?(props?: {}): VNode[]
-  close?(props: { ui: { [K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string } }): VNode[]
+  leading?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  actions?(props?: {}): SlotsReturn
+  close?(props: { ui: { [K in keyof Required<Toast['slots']>]: (props?: Record<string, any>) => string } }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Toaster.vue b/src/runtime/components/Toaster.vue
index ebbc7398c6..839026428f 100644
--- a/src/runtime/components/Toaster.vue
+++ b/src/runtime/components/Toaster.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ToastProviderProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/toaster'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Toaster = ComponentConfig<typeof theme, AppConfig, 'toaster'>
 
@@ -38,7 +38,7 @@ export interface ToasterProps extends Omit<ToastProviderProps, 'swipeDirection'>
 }
 
 export interface ToasterSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 
 export default {
diff --git a/src/runtime/components/Tooltip.vue b/src/runtime/components/Tooltip.vue
index 29e35863b7..269cc2d8e2 100644
--- a/src/runtime/components/Tooltip.vue
+++ b/src/runtime/components/Tooltip.vue
@@ -1,10 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipContentEmits, TooltipArrowProps, TooltipTriggerProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/tooltip'
 import type { KbdProps } from '../types'
-import type { EmitsToProps } from '../types/utils'
+import type { EmitsToProps, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Tooltip = ComponentConfig<typeof theme, AppConfig, 'tooltip'>
@@ -42,8 +41,8 @@ export interface TooltipProps extends TooltipRootProps {
 export interface TooltipEmits extends TooltipRootEmits {}
 
 export interface TooltipSlots {
-  default(props: { open: boolean }): VNode[]
-  content?(props?: {}): VNode[]
+  default(props: { open: boolean }): SlotsReturn
+  content?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/Tree.vue b/src/runtime/components/Tree.vue
index 102be82caa..797e6816f5 100644
--- a/src/runtime/components/Tree.vue
+++ b/src/runtime/components/Tree.vue
@@ -1,11 +1,10 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { TreeRootProps, TreeRootEmits, TreeItemSelectEvent, TreeItemToggleEvent } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/tree'
 import type { IconProps } from '../types'
-import type { DynamicSlots, GetItemKeys } from '../types/utils'
+import type { DynamicSlots, GetItemKeys, SlotsReturn } from '../types/utils'
 import type { ComponentConfig } from '../types/tv'
 
 type Tree = ComponentConfig<typeof theme, AppConfig, 'tree'>
@@ -117,7 +116,7 @@ type SlotProps<T extends TreeItem> = (props: {
   indeterminate: boolean | undefined
   handleSelect: () => void
   handleToggle: () => void
-}) => VNode[]
+}) => SlotsReturn
 
 export type TreeSlots<
   T extends TreeItem[] = TreeItem[]
diff --git a/src/runtime/components/User.vue b/src/runtime/components/User.vue
index 6eb65d7005..83909f4e8c 100644
--- a/src/runtime/components/User.vue
+++ b/src/runtime/components/User.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/user'
 import type { AvatarProps, ChipProps, LinkProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type User = ComponentConfig<typeof theme, AppConfig, 'user'>
 
@@ -34,10 +34,10 @@ export interface UserProps {
 }
 
 export interface UserSlots {
-  avatar?(props?: {}): VNode[]
-  name?(props?: {}): VNode[]
-  description?(props?: {}): VNode[]
-  default?(props?: {}): VNode[]
+  avatar?(props?: {}): SlotsReturn
+  name?(props?: {}): SlotsReturn
+  description?(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/color-mode/ColorModeButton.vue b/src/runtime/components/color-mode/ColorModeButton.vue
index fa12b60cce..fdaba77e00 100644
--- a/src/runtime/components/color-mode/ColorModeButton.vue
+++ b/src/runtime/components/color-mode/ColorModeButton.vue
@@ -14,10 +14,11 @@ export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProp
 </script>
 
 <script setup lang="ts">
-import { type VNode, computed } from 'vue'
+import { computed } from 'vue'
 import { useColorMode, useAppConfig } from '#imports'
 import { useLocale } from '../../composables/useLocale'
 import UButton from '../Button.vue'
+import type { SlotsReturn } from '../../types/utils'
 
 defineOptions({ inheritAttrs: false })
 
@@ -26,7 +27,7 @@ withDefaults(defineProps<ColorModeButtonProps>(), {
   variant: 'ghost'
 })
 defineSlots<{
-  fallback?(props?: {}): VNode[]
+  fallback?(props?: {}): SlotsReturn
 }>()
 
 const { t } = useLocale()
diff --git a/src/runtime/components/content/ContentNavigation.vue b/src/runtime/components/content/ContentNavigation.vue
index 6fa7b93f82..3812dadcb5 100644
--- a/src/runtime/components/content/ContentNavigation.vue
+++ b/src/runtime/components/content/ContentNavigation.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import type { ContentNavigationItem } from '@nuxt/content'
 import theme from '#build/ui/content/content-navigation'
 import type { BadgeProps, IconProps, LinkProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ContentNavigation = ComponentConfig<typeof theme, AppConfig, 'contentNavigation'>
 
@@ -81,7 +81,7 @@ export interface ContentNavigationProps<T extends ContentNavigationLink = Conten
 
 export interface ContentNavigationEmits extends AccordionRootEmits {}
 
-type SlotProps<T> = (props: { link: T, active?: boolean }) => VNode[]
+type SlotProps<T> = (props: { link: T, active?: boolean }) => SlotsReturn
 
 export interface ContentNavigationSlots<T extends ContentNavigationLink = ContentNavigationLink> {
   'link'?: SlotProps<T>
diff --git a/src/runtime/components/content/ContentSearch.vue b/src/runtime/components/content/ContentSearch.vue
index 16493f6a32..db9fa18d8c 100644
--- a/src/runtime/components/content/ContentSearch.vue
+++ b/src/runtime/components/content/ContentSearch.vue
@@ -1,12 +1,12 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { ContentNavigationItem } from '@nuxt/content'
 import type { AppConfig } from '@nuxt/schema'
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse'
 import theme from '#build/ui/content/content-search'
 import type { ButtonProps, InputProps, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ContentSearch = ComponentConfig<typeof theme, AppConfig, 'contentSearch'>
 
@@ -100,7 +100,7 @@ export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchL
 }
 
 export type ContentSearchSlots = CommandPaletteSlots<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem> & {
-  content?(props?: {}): VNode[]
+  content?(props?: {}): SlotsReturn
 }
 
 </script>
diff --git a/src/runtime/components/content/ContentSurround.vue b/src/runtime/components/content/ContentSurround.vue
index 98ab25359d..f7eb499092 100644
--- a/src/runtime/components/content/ContentSurround.vue
+++ b/src/runtime/components/content/ContentSurround.vue
@@ -1,10 +1,11 @@
 <script lang="ts">
-import type { PropType, VNode } from 'vue'
+import type { PropType } from 'vue'
 import type { ContentNavigationItem } from '@nuxt/content'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/content/content-surround'
 import type { IconProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ContentSurround = ComponentConfig<typeof theme, AppConfig, 'contentSurround'>
 
@@ -41,7 +42,7 @@ export interface ContentSurroundProps<T extends ContentSurroundLink = ContentSur
   ui?: ContentSurround['slots']
 }
 
-type SlotProps<T> = (props: { link: T }) => VNode[]
+type SlotProps<T> = (props: { link: T }) => SlotsReturn
 
 export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSurroundLink> {
   'link'?: SlotProps<T>
diff --git a/src/runtime/components/content/ContentToc.vue b/src/runtime/components/content/ContentToc.vue
index 3c5e3b7dd7..8d00f2e16a 100644
--- a/src/runtime/components/content/ContentToc.vue
+++ b/src/runtime/components/content/ContentToc.vue
@@ -1,11 +1,11 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui'
 import type { TocLink } from '@nuxt/content'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/content/content-toc'
 import type { IconProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ContentToc = ComponentConfig<typeof theme, AppConfig, 'contentToc'>
 
@@ -53,16 +53,16 @@ export type ContentTocEmits = CollapsibleRootEmits & {
   move: [id: string]
 }
 
-type SlotProps<T> = (props: { link: T }) => VNode[]
+type SlotProps<T> = (props: { link: T }) => SlotsReturn
 
 export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
-  leading?(props: { open: boolean }): VNode[]
-  default?(props: { open: boolean }): VNode[]
-  trailing?(props: { open: boolean }): VNode[]
-  content?(props: { links: T[] }): VNode[]
+  leading?(props: { open: boolean }): SlotsReturn
+  default?(props: { open: boolean }): SlotsReturn
+  trailing?(props: { open: boolean }): SlotsReturn
+  content?(props: { links: T[] }): SlotsReturn
   link?: SlotProps<T>
-  top?(props: { links?: T[] }): VNode[]
-  bottom?(props: { links?: T[] }): VNode[]
+  top?(props: { links?: T[] }): SlotsReturn
+  bottom?(props: { links?: T[] }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/A.vue b/src/runtime/components/prose/A.vue
index 521f3f6e12..78e85a279c 100644
--- a/src/runtime/components/prose/A.vue
+++ b/src/runtime/components/prose/A.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/a'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseA = ComponentConfig<typeof theme, AppConfig, 'a', 'ui.prose'>
 
@@ -13,7 +13,7 @@ export interface ProseAProps {
 }
 
 export interface ProseASlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Accordion.vue b/src/runtime/components/prose/Accordion.vue
index ff509664c8..fb9ac96ed2 100644
--- a/src/runtime/components/prose/Accordion.vue
+++ b/src/runtime/components/prose/Accordion.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/accordion'
 import type { AccordionProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseAccordion = ComponentConfig<typeof theme, AppConfig, 'accordion', 'ui.prose'>
 
@@ -14,7 +14,7 @@ export interface ProseAccordionProps {
 }
 
 export interface ProseAccordionSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
@@ -45,7 +45,11 @@ const items = computed<{
 }[]>(() => {
   // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   rerenderCount.value
-  return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || []
+  let children = slots.default?.()
+  if (!Array.isArray(children)) {
+    children = [children]
+  }
+  return children?.flatMap(transformSlot).filter(Boolean) || []
 })
 
 function transformSlot(slot: any, index: number) {
diff --git a/src/runtime/components/prose/AccordionItem.vue b/src/runtime/components/prose/AccordionItem.vue
index 8116c90b61..5172410ec6 100644
--- a/src/runtime/components/prose/AccordionItem.vue
+++ b/src/runtime/components/prose/AccordionItem.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/accordion-item'
 
 type ProseAccordionItem = ComponentConfig<typeof theme, AppConfig, 'accordionItem', 'ui.prose'>
@@ -13,7 +13,7 @@ export interface ProseAccordionItemProps {
 }
 
 export interface ProseAccordionItemSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Badge.vue b/src/runtime/components/prose/Badge.vue
index 38c365156c..a042255cf0 100644
--- a/src/runtime/components/prose/Badge.vue
+++ b/src/runtime/components/prose/Badge.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/badge'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseBadge = ComponentConfig<typeof theme, AppConfig, 'badge', 'ui.prose'>
 
@@ -11,7 +11,7 @@ export interface ProseBadgeProps {
 }
 
 export interface ProseBadgeSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Blockquote.vue b/src/runtime/components/prose/Blockquote.vue
index dcf30e2278..83f3981b04 100644
--- a/src/runtime/components/prose/Blockquote.vue
+++ b/src/runtime/components/prose/Blockquote.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
 import theme from '#build/ui/prose/blockquote'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseBlockquote = ComponentConfig<typeof theme, AppConfig, 'blockquote', 'ui.prose'>
 
@@ -11,7 +11,7 @@ export interface ProseBlockquoteProps {
 }
 
 export interface ProseBlockquoteSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Callout.vue b/src/runtime/components/prose/Callout.vue
index 86f6b5a260..f4f283db54 100644
--- a/src/runtime/components/prose/Callout.vue
+++ b/src/runtime/components/prose/Callout.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/callout'
 import type { IconProps, LinkProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseCallout = ComponentConfig<typeof theme, AppConfig, 'callout', 'ui.prose'>
 
@@ -20,7 +20,7 @@ export interface ProseCalloutProps {
 }
 
 export interface ProseCalloutSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Card.vue b/src/runtime/components/prose/Card.vue
index 58c1a7f390..2136601c0f 100644
--- a/src/runtime/components/prose/Card.vue
+++ b/src/runtime/components/prose/Card.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/card'
 import type { IconProps, LinkProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseCard = ComponentConfig<typeof theme, AppConfig, 'card', 'ui.prose'>
 
@@ -22,8 +22,8 @@ export interface ProseCardProps {
 }
 
 export interface ProseCardSlots {
-  default?(props?: {}): VNode[]
-  title?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
+  title?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/CardGroup.vue b/src/runtime/components/prose/CardGroup.vue
index 0e2478ef37..919990d5df 100644
--- a/src/runtime/components/prose/CardGroup.vue
+++ b/src/runtime/components/prose/CardGroup.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/card-group'
 
 type ProseCardGroup = ComponentConfig<typeof theme, AppConfig, 'cardGroup', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseCardGroupProps {
 }
 
 export interface ProseCardGroupSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Code.vue b/src/runtime/components/prose/Code.vue
index bdc8d13cc5..300235750f 100644
--- a/src/runtime/components/prose/Code.vue
+++ b/src/runtime/components/prose/Code.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/code'
 
 type ProseCode = ComponentConfig<typeof theme, AppConfig, 'code', 'ui.prose'>
@@ -16,7 +16,7 @@ export interface ProseCodeProps {
 }
 
 export interface ProseCodeSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodeCollapse.vue b/src/runtime/components/prose/CodeCollapse.vue
index 2431256a6b..36be61c77c 100644
--- a/src/runtime/components/prose/CodeCollapse.vue
+++ b/src/runtime/components/prose/CodeCollapse.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/code-collapse'
 import type { IconProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseCodeCollapse = ComponentConfig<typeof theme, AppConfig, 'codeCollapse', 'ui.prose'>
 
@@ -33,7 +33,7 @@ export interface ProseCodeCollapseProps {
 }
 
 export interface ProseCodeCollapseSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodeGroup.vue b/src/runtime/components/prose/CodeGroup.vue
index 906142a31e..f891963e3e 100644
--- a/src/runtime/components/prose/CodeGroup.vue
+++ b/src/runtime/components/prose/CodeGroup.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/code-group'
 
 type ProseCodeGroup = ComponentConfig<typeof theme, AppConfig, 'codeGroup', 'ui.prose'>
@@ -21,7 +21,7 @@ export interface ProseCodeGroupProps {
 }
 
 export interface ProseCodeGroupSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
@@ -54,7 +54,11 @@ const items = computed<{
 }[]>(() => {
   // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   rerenderCount.value
-  return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || []
+  let children = slots.default?.()
+  if (!Array.isArray(children)) {
+    children = [children]
+  }
+  return children?.flatMap(transformSlot).filter(Boolean) || []
 })
 
 function transformSlot(slot: any, index: number) {
diff --git a/src/runtime/components/prose/CodePreview.vue b/src/runtime/components/prose/CodePreview.vue
index 99617fe9c3..c2a8348773 100644
--- a/src/runtime/components/prose/CodePreview.vue
+++ b/src/runtime/components/prose/CodePreview.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/code-preview'
 
 type ProseCodePreview = ComponentConfig<typeof theme, AppConfig, 'codePreview', 'ui.prose'>
@@ -12,8 +12,8 @@ export interface ProseCodePreviewProps {
 }
 
 export interface ProseCodePreviewSlots {
-  default(props?: {}): VNode[]
-  code?(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
+  code?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodeTree.vue b/src/runtime/components/prose/CodeTree.vue
index d999ba1c1a..fc4d3ceea8 100644
--- a/src/runtime/components/prose/CodeTree.vue
+++ b/src/runtime/components/prose/CodeTree.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/code-tree'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseCodeTree = ComponentConfig<typeof theme, AppConfig, 'codeTree', 'ui.prose'>
 
@@ -28,7 +28,7 @@ export interface ProseCodeTreeProps {
 }
 
 export interface ProseCodeTreeSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
@@ -65,7 +65,11 @@ const flatItems = computed<{
 }[]>(() => {
   // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   rerenderCount.value
-  return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || []
+  let children = slots.default?.()
+  if (!Array.isArray(children)) {
+    children = [children]
+  }
+  return children?.flatMap(transformSlot).filter(Boolean) || []
 })
 const items = computed(() => buildTree(flatItems.value))
 
diff --git a/src/runtime/components/prose/Collapsible.vue b/src/runtime/components/prose/Collapsible.vue
index 9f5ded2799..c28f485dcd 100644
--- a/src/runtime/components/prose/Collapsible.vue
+++ b/src/runtime/components/prose/Collapsible.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/collapsible'
 import type { IconProps, CollapsibleProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseCollapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible', 'ui.prose'>
 
@@ -33,7 +33,7 @@ export interface ProseCollapsibleProps {
 }
 
 export interface ProseCollapsibleSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Em.vue b/src/runtime/components/prose/Em.vue
index 1f393af4c9..b786f90550 100644
--- a/src/runtime/components/prose/Em.vue
+++ b/src/runtime/components/prose/Em.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/em'
 
 type ProseEm = ComponentConfig<typeof theme, AppConfig, 'em', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseEmProps {
 }
 
 export interface ProseEmSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Field.vue b/src/runtime/components/prose/Field.vue
index 950853a555..925d0ac9a3 100644
--- a/src/runtime/components/prose/Field.vue
+++ b/src/runtime/components/prose/Field.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/field'
 
 type ProseField = ComponentConfig<typeof theme, AppConfig, 'field', 'ui.prose'>
@@ -33,7 +33,7 @@ export interface ProseFieldProps {
 }
 
 export interface ProseFieldSlots {
-  default?(props?: {}): VNode[]
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/FieldGroup.vue b/src/runtime/components/prose/FieldGroup.vue
index c4db324ef4..3ad2a765e3 100644
--- a/src/runtime/components/prose/FieldGroup.vue
+++ b/src/runtime/components/prose/FieldGroup.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/field-group'
 
 type ProseFieldGroup = ComponentConfig<typeof theme, AppConfig, 'fieldGroup', 'ui.prose'>
@@ -16,7 +16,7 @@ export interface ProseFieldGroupProps {
 }
 
 export interface ProseFieldGroupSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/H1.vue b/src/runtime/components/prose/H1.vue
index a32e19fb7a..8c64128aba 100644
--- a/src/runtime/components/prose/H1.vue
+++ b/src/runtime/components/prose/H1.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/h1'
 
 type ProseH1 = ComponentConfig<typeof theme, AppConfig, 'h1', 'ui.prose'>
@@ -13,7 +13,7 @@ export interface ProseH1Props {
 }
 
 export interface ProseH1Slots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/H2.vue b/src/runtime/components/prose/H2.vue
index 742166c6d3..22e7c3e1fb 100644
--- a/src/runtime/components/prose/H2.vue
+++ b/src/runtime/components/prose/H2.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/h2'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseH2 = ComponentConfig<typeof theme, AppConfig, 'h2', 'ui.prose'>
 
@@ -13,7 +13,7 @@ export interface ProseH2Props {
 }
 
 export interface ProseH2Slots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/H3.vue b/src/runtime/components/prose/H3.vue
index 2f2cce6250..c35fde84a2 100644
--- a/src/runtime/components/prose/H3.vue
+++ b/src/runtime/components/prose/H3.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/h3'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseH3 = ComponentConfig<typeof theme, AppConfig, 'h3', 'ui.prose'>
 
@@ -13,7 +13,7 @@ export interface ProseH3Props {
 }
 
 export interface ProseH3Slots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/H4.vue b/src/runtime/components/prose/H4.vue
index b02e7eb19b..3d8c4c5e98 100644
--- a/src/runtime/components/prose/H4.vue
+++ b/src/runtime/components/prose/H4.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/h4'
 
 type ProseH4 = ComponentConfig<typeof theme, AppConfig, 'h4', 'ui.prose'>
@@ -13,7 +13,7 @@ export interface ProseH4Props {
 }
 
 export interface ProseH4Slots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Li.vue b/src/runtime/components/prose/Li.vue
index 30956040ef..6ab3ebd69f 100644
--- a/src/runtime/components/prose/Li.vue
+++ b/src/runtime/components/prose/Li.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/li'
 
 type ProseLi = ComponentConfig<typeof theme, AppConfig, 'li', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseLiProps {
 }
 
 export interface ProseLiSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Ol.vue b/src/runtime/components/prose/Ol.vue
index f81ec7be71..841b49d233 100644
--- a/src/runtime/components/prose/Ol.vue
+++ b/src/runtime/components/prose/Ol.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/ol'
 
 type ProseOl = ComponentConfig<typeof theme, AppConfig, 'ol', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseOlProps {
 }
 
 export interface ProseOlSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/P.vue b/src/runtime/components/prose/P.vue
index 0308481f4e..084da3097c 100644
--- a/src/runtime/components/prose/P.vue
+++ b/src/runtime/components/prose/P.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/p'
 
 type ProseP = ComponentConfig<typeof theme, AppConfig, 'p', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProsePProps {
 }
 
 export interface ProsePSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Pre.vue b/src/runtime/components/prose/Pre.vue
index ef5d37ff78..c52b40f601 100644
--- a/src/runtime/components/prose/Pre.vue
+++ b/src/runtime/components/prose/Pre.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/pre'
 import type { IconProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProsePre = ComponentConfig<typeof theme, AppConfig, 'pre', 'ui.prose'>
 
@@ -20,7 +20,7 @@ export interface ProsePreProps {
 }
 
 export interface ProsePreSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Steps.vue b/src/runtime/components/prose/Steps.vue
index 20a81cd4a6..06e63f7021 100644
--- a/src/runtime/components/prose/Steps.vue
+++ b/src/runtime/components/prose/Steps.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/steps'
 
 type ProseSteps = ComponentConfig<typeof theme, AppConfig, 'steps', 'ui.prose'>
@@ -16,7 +16,7 @@ export interface ProseStepsProps {
 }
 
 export interface ProseStepsSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Strong.vue b/src/runtime/components/prose/Strong.vue
index d64958adba..15377431a3 100644
--- a/src/runtime/components/prose/Strong.vue
+++ b/src/runtime/components/prose/Strong.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/strong'
 
 type ProseStrong = ComponentConfig<typeof theme, AppConfig, 'strong', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseStrongProps {
 }
 
 export interface ProseStrongSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Table.vue b/src/runtime/components/prose/Table.vue
index a84363ac37..8ca15da008 100644
--- a/src/runtime/components/prose/Table.vue
+++ b/src/runtime/components/prose/Table.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/table'
 
 type ProseTable = ComponentConfig<typeof theme, AppConfig, 'table', 'ui.prose'>
@@ -12,7 +12,7 @@ export interface ProseTableProps {
 }
 
 export interface ProseTableSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Tabs.vue b/src/runtime/components/prose/Tabs.vue
index a48f11f86e..1438d95041 100644
--- a/src/runtime/components/prose/Tabs.vue
+++ b/src/runtime/components/prose/Tabs.vue
@@ -1,9 +1,9 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/tabs'
 import type { TabsProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type ProseTabs = ComponentConfig<typeof theme, AppConfig, 'tabs', 'ui.prose'>
 
@@ -26,7 +26,7 @@ export interface ProseTabsProps {
 }
 
 export interface ProseTabsSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
@@ -59,7 +59,11 @@ const items = computed<{
 }[]>(() => {
   // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   rerenderCount.value
-  return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || []
+  let children = slots.default?.()
+  if (!Array.isArray(children)) {
+    children = [children]
+  }
+  return children?.flatMap(transformSlot).filter(Boolean) || []
 })
 
 function transformSlot(slot: any, index: number) {
diff --git a/src/runtime/components/prose/TabsItem.vue b/src/runtime/components/prose/TabsItem.vue
index 71c9e49684..32445c35fc 100644
--- a/src/runtime/components/prose/TabsItem.vue
+++ b/src/runtime/components/prose/TabsItem.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/tabs-item'
 
 type ProseTabsItem = ComponentConfig<typeof theme, AppConfig, 'tabsItem', 'ui.prose'>
@@ -13,7 +13,7 @@ export interface ProseTabsItemProps {
 }
 
 export interface ProseTabsItemSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Tbody.vue b/src/runtime/components/prose/Tbody.vue
index d80ce199c1..4bb3164a0a 100644
--- a/src/runtime/components/prose/Tbody.vue
+++ b/src/runtime/components/prose/Tbody.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/tbody'
 
 type ProseTbody = ComponentConfig<typeof theme, AppConfig, 'tbody', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseTbodyProps {
 }
 
 export interface ProseTbodySlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Td.vue b/src/runtime/components/prose/Td.vue
index b436af76fa..760abb50ef 100644
--- a/src/runtime/components/prose/Td.vue
+++ b/src/runtime/components/prose/Td.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/td'
 
 type ProseTd = ComponentConfig<typeof theme, AppConfig, 'td', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseTdProps {
 }
 
 export interface ProseTdSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Th.vue b/src/runtime/components/prose/Th.vue
index 38b70c0caa..5e9e169184 100644
--- a/src/runtime/components/prose/Th.vue
+++ b/src/runtime/components/prose/Th.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/th'
 
 type ProseTh = ComponentConfig<typeof theme, AppConfig, 'th', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseThProps {
 }
 
 export interface ProseThSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Thead.vue b/src/runtime/components/prose/Thead.vue
index c52fde4c84..b64b645f30 100644
--- a/src/runtime/components/prose/Thead.vue
+++ b/src/runtime/components/prose/Thead.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/thead'
 
 type ProseThead = ComponentConfig<typeof theme, AppConfig, 'thead', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseTheadProps {
 }
 
 export interface ProseTheadSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Tr.vue b/src/runtime/components/prose/Tr.vue
index 3392634ca4..a50468b597 100644
--- a/src/runtime/components/prose/Tr.vue
+++ b/src/runtime/components/prose/Tr.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/tr'
 
 type ProseTr = ComponentConfig<typeof theme, AppConfig, 'tr', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseTrProps {
 }
 
 export interface ProseTrSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/Ul.vue b/src/runtime/components/prose/Ul.vue
index 88aa61b4f1..1e7a9e2d9d 100644
--- a/src/runtime/components/prose/Ul.vue
+++ b/src/runtime/components/prose/Ul.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import type { VNode } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 import theme from '#build/ui/prose/ul'
 
 type ProseUl = ComponentConfig<typeof theme, AppConfig, 'ul', 'ui.prose'>
@@ -11,7 +11,7 @@ export interface ProseUlProps {
 }
 
 export interface ProseUlSlots {
-  default(props?: {}): VNode[]
+  default(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/inertia/components/Link.vue b/src/runtime/inertia/components/Link.vue
index a341a8e3e7..b813df89ce 100644
--- a/src/runtime/inertia/components/Link.vue
+++ b/src/runtime/inertia/components/Link.vue
@@ -1,9 +1,10 @@
 <script lang="ts">
-import type { ButtonHTMLAttributes, VNode } from 'vue'
+import type { ButtonHTMLAttributes } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { InertiaLinkProps } from '@inertiajs/vue3'
 import theme from '#build/ui/link'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type Link = ComponentConfig<typeof theme, AppConfig, 'link'>
 
@@ -53,7 +54,7 @@ export interface LinkProps extends NuxtLinkProps {
 }
 
 export interface LinkSlots {
-  default(props: { active: boolean }): VNode[]
+  default(props: { active: boolean }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/types/utils.ts b/src/runtime/types/utils.ts
index 7605063297..d1c1468b4e 100644
--- a/src/runtime/types/utils.ts
+++ b/src/runtime/types/utils.ts
@@ -5,6 +5,9 @@ export type DeepPartial<T> = {
   [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P] | undefined
 }
 
+export type MaybeArray<T> = T | T[]
+export type SlotsReturn = MaybeArray<VNode | string | number | boolean | null | undefined>
+
 export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined> = (
   Name extends string
     ? Suffix extends string
@@ -19,7 +22,7 @@ export type DynamicSlots<
 > = {
   [K in DynamicSlotsKeys<T['slot'], Suffix>]?: (
     props: { item: Extract<T, { slot: K extends `${infer Base}-${Suffix}` ? Base : K }> } & ExtraProps
-  ) => VNode[]
+  ) => SlotsReturn
 }
 
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any>
diff --git a/src/runtime/vue/components/Link.vue b/src/runtime/vue/components/Link.vue
index ddd4dc254c..cfd21e48eb 100644
--- a/src/runtime/vue/components/Link.vue
+++ b/src/runtime/vue/components/Link.vue
@@ -1,9 +1,10 @@
 <script lang="ts">
-import type { ButtonHTMLAttributes, VNode } from 'vue'
+import type { ButtonHTMLAttributes } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import type { RouterLinkProps, RouteLocationRaw } from 'vue-router'
 import theme from '#build/ui/link'
 import type { ComponentConfig } from '../../types/tv'
+import type { SlotsReturn } from '../../types/utils'
 
 type Link = ComponentConfig<typeof theme, AppConfig, 'link'>
 
@@ -82,7 +83,7 @@ export interface LinkProps extends NuxtLinkProps {
 }
 
 export interface LinkSlots {
-  default(props: { active: boolean }): VNode[]
+  default(props: { active: boolean }): SlotsReturn
 }
 </script>
 

From c1d6eda3bff9c0ffd82f0e19f75d2e7f29269139 Mon Sep 17 00:00:00 2001
From: Sandro Circi <sandro.circi@digitoolmedia.com>
Date: Thu, 16 Oct 2025 19:30:03 +0200
Subject: [PATCH 3/7] test: update slots tests

---
 test/components/Accordion.spec.ts                 | 2 +-
 test/components/Alert.spec.ts                     | 2 +-
 test/components/AuthForm.spec.ts                  | 2 +-
 test/components/AvatarGroup.spec.ts               | 2 +-
 test/components/Badge.spec.ts                     | 2 +-
 test/components/Banner.spec.ts                    | 2 +-
 test/components/BlogPost.spec.ts                  | 2 +-
 test/components/BlogPosts.spec.ts                 | 2 +-
 test/components/Breadcrumb.spec.ts                | 2 +-
 test/components/Button.spec.ts                    | 2 +-
 test/components/Calendar.spec.ts                  | 6 +++---
 test/components/Card.spec.ts                      | 2 +-
 test/components/Carousel.spec.ts                  | 2 +-
 test/components/ChangelogVersion.spec.ts          | 2 +-
 test/components/ChangelogVersions.spec.ts         | 2 +-
 test/components/ChatMessage.spec.ts               | 2 +-
 test/components/ChatMessages.spec.ts              | 2 +-
 test/components/ChatPalette.spec.ts               | 2 +-
 test/components/ChatPrompt.spec.ts                | 2 +-
 test/components/Checkbox.spec.ts                  | 2 +-
 test/components/CheckboxGroup.spec.ts             | 2 +-
 test/components/Chip.spec.ts                      | 2 +-
 test/components/Collapsible.spec.ts               | 2 +-
 test/components/CommandPalette.spec.ts            | 2 +-
 test/components/Container.spec.ts                 | 2 +-
 test/components/ContextMenu.spec.ts               | 2 +-
 test/components/DashboardGroup.spec.ts            | 2 +-
 test/components/DashboardNavbar.spec.ts           | 8 ++++----
 test/components/DashboardPanel.spec.ts            | 8 ++++----
 test/components/DashboardResizeHandle.spec.ts     | 8 ++++----
 test/components/DashboardSidebar.spec.ts          | 8 ++++----
 test/components/DashboardToolbar.spec.ts          | 2 +-
 test/components/Drawer.spec.ts                    | 2 +-
 test/components/DropdownMenu.spec.ts              | 2 +-
 test/components/Empty.spec.ts                     | 2 +-
 test/components/Error.spec.ts                     | 2 +-
 test/components/FieldGroup.spec.ts                | 2 +-
 test/components/FileUpload.spec.ts                | 2 +-
 test/components/Footer.spec.ts                    | 2 +-
 test/components/FooterColumns.spec.ts             | 2 +-
 test/components/Form.spec.ts                      | 2 +-
 test/components/FormField.spec.ts                 | 2 +-
 test/components/Header.spec.ts                    | 2 +-
 test/components/Input.spec.ts                     | 2 +-
 test/components/InputMenu.spec.ts                 | 2 +-
 test/components/InputNumber.spec.ts               | 2 +-
 test/components/InputTags.spec.ts                 | 2 +-
 test/components/Kbd.spec.ts                       | 2 +-
 test/components/Link.spec.ts                      | 2 +-
 test/components/Main.spec.ts                      | 2 +-
 test/components/Marquee.spec.ts                   | 2 +-
 test/components/Modal.spec.ts                     | 2 +-
 test/components/NavigationMenu.spec.ts            | 2 +-
 test/components/PageAnchors.spec.ts               | 2 +-
 test/components/PageBody.spec.ts                  | 2 +-
 test/components/PageCTA.spec.ts                   | 2 +-
 test/components/PageCard.spec.ts                  | 2 +-
 test/components/PageColumns.spec.ts               | 2 +-
 test/components/PageFeature.spec.ts               | 2 +-
 test/components/PageGrid.spec.ts                  | 2 +-
 test/components/PageHeader.spec.ts                | 2 +-
 test/components/PageHero.spec.ts                  | 2 +-
 test/components/PageLinks.spec.ts                 | 2 +-
 test/components/PageList.spec.ts                  | 2 +-
 test/components/PageLogos.spec.ts                 | 2 +-
 test/components/PageSection.spec.ts               | 2 +-
 test/components/Pagination.spec.ts                | 2 +-
 test/components/PricingPlan.spec.ts               | 2 +-
 test/components/PricingPlans.spec.ts              | 2 +-
 test/components/PricingTable.spec.ts              | 2 +-
 test/components/Progress.spec.ts                  | 2 +-
 test/components/RadioGroup.spec.ts                | 2 +-
 test/components/Select.spec.ts                    | 2 +-
 test/components/SelectMenu.spec.ts                | 2 +-
 test/components/Separator.spec.ts                 | 2 +-
 test/components/Slideover.spec.ts                 | 2 +-
 test/components/Stepper.spec.ts                   | 2 +-
 test/components/Switch.spec.ts                    | 2 +-
 test/components/Table.spec.ts                     | 2 +-
 test/components/Tabs.spec.ts                      | 2 +-
 test/components/Textarea.spec.ts                  | 2 +-
 test/components/Timeline.spec.ts                  | 2 +-
 test/components/Toast.spec.ts                     | 2 +-
 test/components/Tree.spec.ts                      | 2 +-
 test/components/User.spec.ts                      | 2 +-
 test/components/content/ContentNavigation.spec.ts | 2 +-
 test/components/content/ContentSurround.spec.ts   | 2 +-
 test/components/content/ContentToc.spec.ts        | 2 +-
 test/utils/types.ts                               | 2 +-
 89 files changed, 103 insertions(+), 103 deletions(-)

diff --git a/test/components/Accordion.spec.ts b/test/components/Accordion.spec.ts
index 3e34131b05..7cc5f84a6e 100644
--- a/test/components/Accordion.spec.ts
+++ b/test/components/Accordion.spec.ts
@@ -60,7 +60,7 @@ describe('Accordion', () => {
     ['with body slot', { props: { ...props, modelValue: '1' }, slots: { body: () => 'Body slot' } }],
     ['with custom slot', { props: { ...props, modelValue: '5' }, slots: { custom: () => 'Custom slot' } }],
     ['with custom body slot', { props: { ...props, modelValue: '5' }, slots: { 'custom-body': () => 'Custom body slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: AccordionProps, slots?: Partial<AccordionSlots & { custom: () => 'Custom slot' } & { 'custom-body': () => 'Custom body slot' }> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: AccordionProps, slots?: AccordionSlots & { custom?: () => 'Custom slot' } & { 'custom-body'?: () => 'Custom body slot' } }) => {
     const html = await ComponentRender(nameOrHtml, options, Accordion)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Alert.spec.ts b/test/components/Alert.spec.ts
index 905d096984..3cfde9184b 100644
--- a/test/components/Alert.spec.ts
+++ b/test/components/Alert.spec.ts
@@ -32,7 +32,7 @@ describe('Alert', () => {
     ['with title slot', { props, slots: { title: () => 'Title slot' } }],
     ['with description slot', { props, slots: { description: () => 'Description slot' } }],
     ['with close slot', { props, slots: { close: () => 'Close slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: AlertProps, slots?: Partial<AlertSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: AlertProps, slots?: AlertSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Alert)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/AuthForm.spec.ts b/test/components/AuthForm.spec.ts
index 0a3b46233a..6e6903880b 100644
--- a/test/components/AuthForm.spec.ts
+++ b/test/components/AuthForm.spec.ts
@@ -42,7 +42,7 @@ describe('AuthForm', () => {
     ['with validation slot', { props, slots: { validation: () => 'Validation' } }],
     ['with submit slot', { props, slots: { submit: () => 'Submit' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props: AuthFormProps, slots?: Partial<AuthFormSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props: AuthFormProps, slots?: AuthFormSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, AuthForm)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/AvatarGroup.spec.ts b/test/components/AvatarGroup.spec.ts
index 445f334263..2f0b7ed9b3 100644
--- a/test/components/AvatarGroup.spec.ts
+++ b/test/components/AvatarGroup.spec.ts
@@ -32,7 +32,7 @@ describe('AvatarGroup', () => {
     ['with ui', { props: { ui: { base: 'rounded-lg' } } }],
     // Slots
     ['with default slot', {}]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: AvatarGroupProps, slots?: Partial<AvatarGroupSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: AvatarGroupProps, slots?: AvatarGroupSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, AvatarGroupWrapper)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Badge.spec.ts b/test/components/Badge.spec.ts
index c6f41cfc01..a4c18e3b4f 100644
--- a/test/components/Badge.spec.ts
+++ b/test/components/Badge.spec.ts
@@ -32,7 +32,7 @@ describe('Badge', () => {
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with leading slot', { slots: { leading: () => 'Leading slot' } }],
     ['with trailing slot', { slots: { trailing: () => 'Trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BadgeProps, slots?: Partial<BadgeSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BadgeProps, slots?: BadgeSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Badge)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Banner.spec.ts b/test/components/Banner.spec.ts
index 9c17feb3e9..7b252ebdb8 100644
--- a/test/components/Banner.spec.ts
+++ b/test/components/Banner.spec.ts
@@ -27,7 +27,7 @@ describe('Banner', () => {
     ['with title slot', { props, slots: { title: () => 'Title slot' } }],
     ['with actions slot', { props, slots: { actions: () => 'Actions slot' } }],
     ['with close slot', { props, slots: { close: () => 'Close slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BannerProps, slots?: Partial<BannerSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BannerProps, slots?: BannerSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Banner)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/BlogPost.spec.ts b/test/components/BlogPost.spec.ts
index 149dbd72b6..dc25b9187e 100644
--- a/test/components/BlogPost.spec.ts
+++ b/test/components/BlogPost.spec.ts
@@ -58,7 +58,7 @@ describe('BlogPost', () => {
     ['with header slot', { props, slots: { header: () => 'Header slot' } }],
     ['with body slot', { props, slots: { body: () => 'Body slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BlogPostProps, slots?: Partial<BlogPostSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BlogPostProps, slots?: BlogPostSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, BlogPost)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/BlogPosts.spec.ts b/test/components/BlogPosts.spec.ts
index 92adc107ac..dd301571d4 100644
--- a/test/components/BlogPosts.spec.ts
+++ b/test/components/BlogPosts.spec.ts
@@ -33,7 +33,7 @@ describe('BlogPosts', () => {
     ['with class', { props: { ...props, class: 'gap-y-12' } }],
     // Slots
     ['with default slot', { props, slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BlogPostsProps, slots?: Partial<BlogPostsSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BlogPostsProps, slots?: BlogPostsSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, BlogPosts)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Breadcrumb.spec.ts b/test/components/Breadcrumb.spec.ts
index 89194552d1..09b6b8b9e5 100644
--- a/test/components/Breadcrumb.spec.ts
+++ b/test/components/Breadcrumb.spec.ts
@@ -41,7 +41,7 @@ describe('Breadcrumb', () => {
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }],
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }],
     ['with separator slot', { props, slots: { separator: () => '/' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BreadcrumbProps, slots?: Partial<BreadcrumbSlots & { custom: () => 'Custom slot' }> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: BreadcrumbProps, slots?: BreadcrumbSlots & { custom?: () => 'Custom slot' } }) => {
     const html = await ComponentRender(nameOrHtml, options, Breadcrumb)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Button.spec.ts b/test/components/Button.spec.ts
index 75afdf4f23..acc66867c3 100644
--- a/test/components/Button.spec.ts
+++ b/test/components/Button.spec.ts
@@ -46,7 +46,7 @@ describe('Button', () => {
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with leading slot', { slots: { leading: () => 'Leading slot' } }],
     ['with trailing slot', { slots: { trailing: () => 'Trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ButtonProps, slots?: Partial<ButtonSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ButtonProps, slots?: ButtonSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Button)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Calendar.spec.ts b/test/components/Calendar.spec.ts
index f3350fec4b..7298bfa94c 100644
--- a/test/components/Calendar.spec.ts
+++ b/test/components/Calendar.spec.ts
@@ -46,9 +46,9 @@ describe('Calendar', () => {
     ['with ui', { props: { ui: { header: 'gap-4' } } }],
     // Slots
     ['with heading slot', { slots: { heading: () => 'Heading' } }],
-    ['with day slot', { slots: { day: ({ day }: Parameters<CalendarSlots['day']>[0]) => day.day } }],
-    ['with week-day slot', { slots: { 'week-day': ({ day }: Parameters<CalendarSlots['week-day']>[0]) => day } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CalendarProps<false, false>, slots?: Partial<CalendarSlots> }) => {
+    ['with day slot', { slots: { day: ({ day }: Parameters<Required<CalendarSlots>['day']>[0]) => day.day } }],
+    ['with week-day slot', { slots: { 'week-day': ({ day }: Parameters<Required<CalendarSlots>['week-day']>[0]) => day } }]
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CalendarProps<false, false>, slots?: CalendarSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Calendar)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Card.spec.ts b/test/components/Card.spec.ts
index f537d74aed..ea4a75ca4f 100644
--- a/test/components/Card.spec.ts
+++ b/test/components/Card.spec.ts
@@ -19,7 +19,7 @@ describe('Card', () => {
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with header slot', { slots: { header: () => 'Header slot' } }],
     ['with footer slot', { slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CardProps, slots?: Partial<CardSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CardProps, slots?: CardSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Card)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Carousel.spec.ts b/test/components/Carousel.spec.ts
index bb499e354c..091a5e4f14 100644
--- a/test/components/Carousel.spec.ts
+++ b/test/components/Carousel.spec.ts
@@ -40,7 +40,7 @@ describe('Carousel', () => {
     ['with as', { props: { ...props, as: 'nav' } }],
     ['with class', { props: { ...props, class: 'w-full max-w-xs' } }],
     ['with ui', { props: { ...props, ui: { viewport: 'h-[320px]' } } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CarouselProps, slots?: Partial<CarouselSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CarouselProps, slots?: CarouselSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, CarouselWrapper)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/ChangelogVersion.spec.ts b/test/components/ChangelogVersion.spec.ts
index 60a895f5f8..14584d0cee 100644
--- a/test/components/ChangelogVersion.spec.ts
+++ b/test/components/ChangelogVersion.spec.ts
@@ -35,7 +35,7 @@ describe('ChangelogVersion', () => {
     ['with authors slot', { slots: { authors: () => 'Authors slot' } }],
     ['with actions slot', { slots: { actions: () => 'Actions slot' } }],
     ['with indicator slot', { slots: { indicator: () => 'Indicator slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChangelogVersionProps, slots?: Partial<ChangelogVersionSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChangelogVersionProps, slots?: ChangelogVersionSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ChangelogVersion)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/ChangelogVersions.spec.ts b/test/components/ChangelogVersions.spec.ts
index 4a3adac132..cc21d2fc5b 100644
--- a/test/components/ChangelogVersions.spec.ts
+++ b/test/components/ChangelogVersions.spec.ts
@@ -36,7 +36,7 @@ describe('ChangelogVersions', () => {
     // Slots
     ['with default slot', { props, slots: { default: () => 'Default slot' } }],
     ['with indicator slot', { props, slots: { indicator: () => 'Indicator slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChangelogVersionsProps, slots?: Partial<ChangelogVersionsSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChangelogVersionsProps, slots?: ChangelogVersionsSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ChangelogVersions)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/ChatMessage.spec.ts b/test/components/ChatMessage.spec.ts
index a25ae09a52..700ffe7f4e 100644
--- a/test/components/ChatMessage.spec.ts
+++ b/test/components/ChatMessage.spec.ts
@@ -29,7 +29,7 @@ describe('ChatMessage', () => {
     ['with ui', { props: { ...props, ui: {} } }],
     // Slots
     ['with content slot', { props, slots: { content: () => 'Content slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatMessageProps, slots?: Partial<ChatMessageSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatMessageProps, slots?: ChatMessageSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ChatMessage)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/ChatMessages.spec.ts b/test/components/ChatMessages.spec.ts
index e46a595512..add45b1334 100644
--- a/test/components/ChatMessages.spec.ts
+++ b/test/components/ChatMessages.spec.ts
@@ -34,7 +34,7 @@ describe('ChatMessages', () => {
     ['with indicator slot', { props: { ...props, status: 'submitted' }, slots: { indicator: () => 'Indicator slot' } }],
     ['with viewport slot', { props, slots: { viewport: () => 'Viewport slot' } }],
     ['with content slot', { props, slots: { content: () => 'Content slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatMessagesProps, slots?: Partial<ChatMessagesSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatMessagesProps, slots?: ChatMessagesSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ChatMessages)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/ChatPalette.spec.ts b/test/components/ChatPalette.spec.ts
index c7f7aca12b..e3cdfbed0f 100644
--- a/test/components/ChatPalette.spec.ts
+++ b/test/components/ChatPalette.spec.ts
@@ -14,7 +14,7 @@ describe('ChatPalette', () => {
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with prompt slot', { slots: { prompt: () => 'Prompt slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatPaletteProps, slots?: Partial<ChatPaletteSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatPaletteProps, slots?: ChatPaletteSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ChatPalette)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/ChatPrompt.spec.ts b/test/components/ChatPrompt.spec.ts
index d5da2a105c..bfdda28c4e 100644
--- a/test/components/ChatPrompt.spec.ts
+++ b/test/components/ChatPrompt.spec.ts
@@ -20,7 +20,7 @@ describe('ChatPrompt', () => {
     // Slots
     ['with header slot', { slots: { header: () => 'Header slot' } }],
     ['with footer slot', { slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatPromptProps, slots?: Partial<ChatPromptSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChatPromptProps, slots?: ChatPromptSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ChatPrompt)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Checkbox.spec.ts b/test/components/Checkbox.spec.ts
index d06809b166..5349b75513 100644
--- a/test/components/Checkbox.spec.ts
+++ b/test/components/Checkbox.spec.ts
@@ -39,7 +39,7 @@ describe('Checkbox', () => {
     // Slots
     ['with label slot', { slots: { label: () => 'Label slot' } }],
     ['with description slot', { slots: { label: () => 'Description slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CheckboxProps, slots?: Partial<CheckboxSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CheckboxProps, slots?: CheckboxSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Checkbox)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/CheckboxGroup.spec.ts b/test/components/CheckboxGroup.spec.ts
index 356cbe435b..59f319523f 100644
--- a/test/components/CheckboxGroup.spec.ts
+++ b/test/components/CheckboxGroup.spec.ts
@@ -46,7 +46,7 @@ describe('CheckboxGroup', () => {
     ['with legend slot', { props, slots: { legend: () => 'Legend slot' } }],
     ['with label slot', { props, slots: { label: () => 'Label slot' } }],
     ['with description slot', { props, slots: { description: () => 'Description slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CheckboxGroupProps, slots?: Partial<CheckboxGroupSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CheckboxGroupProps, slots?: CheckboxGroupSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, CheckboxGroup)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Chip.spec.ts b/test/components/Chip.spec.ts
index 27cfb7fd37..207f67d317 100644
--- a/test/components/Chip.spec.ts
+++ b/test/components/Chip.spec.ts
@@ -24,7 +24,7 @@ describe('Chip', () => {
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with content slot', { slots: { content: () => 'Content slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChipProps, slots?: Partial<ChipSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ChipProps, slots?: ChipSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Chip)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Collapsible.spec.ts b/test/components/Collapsible.spec.ts
index ae004ed453..30066c745e 100644
--- a/test/components/Collapsible.spec.ts
+++ b/test/components/Collapsible.spec.ts
@@ -19,7 +19,7 @@ describe('Collapsible', () => {
     // Slots
     ['with default slot', { props, slots: { default: () => 'Default slot' } }],
     ['with content slot', { props, slots: { content: () => 'Content slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CollapsibleProps, slots?: Partial<CollapsibleSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CollapsibleProps, slots?: CollapsibleSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Collapsible)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/CommandPalette.spec.ts b/test/components/CommandPalette.spec.ts
index 8881b28fc2..c090231c39 100644
--- a/test/components/CommandPalette.spec.ts
+++ b/test/components/CommandPalette.spec.ts
@@ -95,7 +95,7 @@ describe('CommandPalette', () => {
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }],
     ['with close slot', { props: { ...props, close: true }, slots: { close: () => 'Close slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CommandPaletteProps, slots?: Partial<CommandPaletteSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: CommandPaletteProps, slots?: CommandPaletteSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, CommandPalette)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Container.spec.ts b/test/components/Container.spec.ts
index 05fdc3474f..9cbf9fe43c 100644
--- a/test/components/Container.spec.ts
+++ b/test/components/Container.spec.ts
@@ -12,7 +12,7 @@ describe('Container', () => {
     ['with class', { props: { class: 'max-w-5xl' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContainerProps, slots?: Partial<ContainerSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContainerProps, slots?: ContainerSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Container)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/ContextMenu.spec.ts b/test/components/ContextMenu.spec.ts
index e72551f604..b1fbc96b2d 100644
--- a/test/components/ContextMenu.spec.ts
+++ b/test/components/ContextMenu.spec.ts
@@ -98,7 +98,7 @@ describe('ContextMenu', () => {
     ['with item-label slot', { props, slots: { 'item-label': () => 'Item label slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }],
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContextMenuProps, slots?: Partial<ContextMenuSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContextMenuProps, slots?: ContextMenuSlots }) => {
     const wrapper = await mountSuspended(ContextMenuWrapper, options as any)
 
     await wrapper.find('span').trigger('click.right')
diff --git a/test/components/DashboardGroup.spec.ts b/test/components/DashboardGroup.spec.ts
index da5a890533..8efd1bc935 100644
--- a/test/components/DashboardGroup.spec.ts
+++ b/test/components/DashboardGroup.spec.ts
@@ -12,7 +12,7 @@ describe('DashboardGroup', () => {
     ['with class', { props: { class: 'inset-4' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DashboardGroupProps, slots?: Partial<DashboardGroupSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DashboardGroupProps, slots?: DashboardGroupSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, DashboardGroup)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/DashboardNavbar.spec.ts b/test/components/DashboardNavbar.spec.ts
index bda472cf02..3cc9b73a15 100644
--- a/test/components/DashboardNavbar.spec.ts
+++ b/test/components/DashboardNavbar.spec.ts
@@ -4,12 +4,12 @@ import { axe } from 'vitest-axe'
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import DashboardGroup from '../../src/runtime/components/DashboardGroup.vue'
 import DashboardNavbar from '../../src/runtime/components/DashboardNavbar.vue'
-import type { DashboardNavbarProps, DashboardNavbarSlots } from '../../src/runtime/components/DashboardNavbar.vue'
+import type { DashboardNavbarProps } from '../../src/runtime/components/DashboardNavbar.vue'
 
 const DashboardWrapper = defineComponent({
   components: {
-    UDashboardGroup: DashboardGroup as any,
-    UDashboardNavbar: DashboardNavbar as any
+    UDashboardGroup: DashboardGroup,
+    UDashboardNavbar: DashboardNavbar
   },
   inheritAttrs: false,
   template: `<UDashboardGroup>
@@ -40,7 +40,7 @@ describe('DashboardNavbar', () => {
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with right slot', { slots: { right: () => 'Right slot' } }],
     ['with toggle slot', { slots: { toggle: () => 'Toggle slot' } }]
-  ])('renders %s correctly', async (_: string, options: { props?: DashboardNavbarProps, slots?: Partial<DashboardNavbarSlots> }) => {
+  ])('renders %s correctly', async (_: string, options: { props?: DashboardNavbarProps, slots?: typeof DashboardWrapper['slots'] }) => {
     const wrapper = await mountSuspended(DashboardWrapper, options)
     expect(wrapper.html()).toMatchSnapshot()
   })
diff --git a/test/components/DashboardPanel.spec.ts b/test/components/DashboardPanel.spec.ts
index db1d98e8e1..ef50a20a4c 100644
--- a/test/components/DashboardPanel.spec.ts
+++ b/test/components/DashboardPanel.spec.ts
@@ -4,12 +4,12 @@ import { axe } from 'vitest-axe'
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import DashboardGroup from '../../src/runtime/components/DashboardGroup.vue'
 import DashboardPanel from '../../src/runtime/components/DashboardPanel.vue'
-import type { DashboardPanelProps, DashboardPanelSlots } from '../../src/runtime/components/DashboardPanel.vue'
+import type { DashboardPanelProps } from '../../src/runtime/components/DashboardPanel.vue'
 
 const DashboardWrapper = defineComponent({
   components: {
-    UDashboardGroup: DashboardGroup as any,
-    UDashboardPanel: DashboardPanel as any
+    UDashboardGroup: DashboardGroup,
+    UDashboardPanel: DashboardPanel
   },
   inheritAttrs: false,
   template: `<UDashboardGroup>
@@ -37,7 +37,7 @@ describe('DashboardPanel', () => {
     ['with header slot', { slots: { header: () => 'Header slot' } }],
     ['with footer slot', { slots: { footer: () => 'Footer slot' } }],
     ['with resize-handle slot', { slots: { 'resize-handle': () => 'Resize handle slot' } }]
-  ])('renders %s correctly', async (_: string, options: { props?: DashboardPanelProps, slots?: Partial<DashboardPanelSlots> }) => {
+  ])('renders %s correctly', async (_: string, options: { props?: DashboardPanelProps, slots?: typeof DashboardWrapper['slots'] }) => {
     const wrapper = await mountSuspended(DashboardWrapper, options)
     expect(wrapper.html()).toMatchSnapshot()
   })
diff --git a/test/components/DashboardResizeHandle.spec.ts b/test/components/DashboardResizeHandle.spec.ts
index 354864a0c6..adbb747807 100644
--- a/test/components/DashboardResizeHandle.spec.ts
+++ b/test/components/DashboardResizeHandle.spec.ts
@@ -4,12 +4,12 @@ import { axe } from 'vitest-axe'
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import DashboardGroup from '../../src/runtime/components/DashboardGroup.vue'
 import DashboardResizeHandle from '../../src/runtime/components/DashboardResizeHandle.vue'
-import type { DashboardResizeHandleProps, DashboardResizeHandleSlots } from '../../src/runtime/components/DashboardResizeHandle.vue'
+import type { DashboardResizeHandleProps } from '../../src/runtime/components/DashboardResizeHandle.vue'
 
 const DashboardWrapper = defineComponent({
   components: {
-    UDashboardGroup: DashboardGroup as any,
-    UDashboardResizeHandle: DashboardResizeHandle as any
+    UDashboardGroup: DashboardGroup,
+    UDashboardResizeHandle: DashboardResizeHandle
   },
   inheritAttrs: false,
   template: `<UDashboardGroup>
@@ -28,7 +28,7 @@ describe('DashboardResizeHandle', () => {
     ['with class', { props: { class: 'absolute' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (_: string, options: { props?: DashboardResizeHandleProps, slots?: Partial<DashboardResizeHandleSlots> }) => {
+  ])('renders %s correctly', async (_: string, options: { props?: DashboardResizeHandleProps, slots?: typeof DashboardWrapper['slots'] }) => {
     const wrapper = await mountSuspended(DashboardWrapper, options)
     expect(wrapper.html()).toMatchSnapshot()
   })
diff --git a/test/components/DashboardSidebar.spec.ts b/test/components/DashboardSidebar.spec.ts
index 4451a5e12c..d0772bba33 100644
--- a/test/components/DashboardSidebar.spec.ts
+++ b/test/components/DashboardSidebar.spec.ts
@@ -4,12 +4,12 @@ import { axe } from 'vitest-axe'
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import DashboardGroup from '../../src/runtime/components/DashboardGroup.vue'
 import DashboardSidebar from '../../src/runtime/components/DashboardSidebar.vue'
-import type { DashboardSidebarProps, DashboardSidebarSlots } from '../../src/runtime/components/DashboardSidebar.vue'
+import type { DashboardSidebarProps } from '../../src/runtime/components/DashboardSidebar.vue'
 
 const DashboardWrapper = defineComponent({
   components: {
-    UDashboardGroup: DashboardGroup as any,
-    UDashboardSidebar: DashboardSidebar as any
+    UDashboardGroup: DashboardGroup,
+    UDashboardSidebar: DashboardSidebar
   },
   inheritAttrs: false,
   template: `<UDashboardGroup>
@@ -47,7 +47,7 @@ describe('DashboardSidebar', () => {
     ['with toggle slot', { slots: { toggle: () => 'Toggle slot' } }],
     ['with content slot', { slots: { content: () => 'Content slot' } }],
     ['with resize-handle slot', { slots: { 'resize-handle': () => 'Resize handle slot' } }]
-  ])('renders %s correctly', async (_: string, options: { props?: DashboardSidebarProps, slots?: Partial<DashboardSidebarSlots> }) => {
+  ])('renders %s correctly', async (_: string, options: { props?: DashboardSidebarProps, slots?: typeof DashboardWrapper['slots'] }) => {
     const wrapper = await mountSuspended(DashboardWrapper, options)
     expect(wrapper.html()).toMatchSnapshot()
   })
diff --git a/test/components/DashboardToolbar.spec.ts b/test/components/DashboardToolbar.spec.ts
index 1b9d7b9d15..9d79391f16 100644
--- a/test/components/DashboardToolbar.spec.ts
+++ b/test/components/DashboardToolbar.spec.ts
@@ -15,7 +15,7 @@ describe('DashboardToolbar', () => {
     ['with default slot', { slots: { default: (): string => 'Default slot' } }],
     ['with left slot', { slots: { left: (): string => 'Left slot' } }],
     ['with right slot', { slots: { right: (): string => 'Right slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DashboardToolbarProps, slots?: Partial<DashboardToolbarSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DashboardToolbarProps, slots?: DashboardToolbarSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, DashboardToolbar)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Drawer.spec.ts b/test/components/Drawer.spec.ts
index 892cf9d4cf..4870e422c2 100644
--- a/test/components/Drawer.spec.ts
+++ b/test/components/Drawer.spec.ts
@@ -29,7 +29,7 @@ describe('Drawer', () => {
     ['with description slot', { props, slots: { description: () => 'Description slot' } }],
     ['with body slot', { props, slots: { body: () => 'Body slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DrawerProps, slots?: Partial<DrawerSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DrawerProps, slots?: DrawerSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Drawer)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/DropdownMenu.spec.ts b/test/components/DropdownMenu.spec.ts
index 6e289fa63c..ba020f24fe 100644
--- a/test/components/DropdownMenu.spec.ts
+++ b/test/components/DropdownMenu.spec.ts
@@ -110,7 +110,7 @@ describe('DropdownMenu', () => {
     ['with item-label slot', { props, slots: { 'item-label': () => 'Item label slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }],
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DropdownMenuProps, slots?: Partial<DropdownMenuSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: DropdownMenuProps, slots?: DropdownMenuSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, DropdownMenu)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Empty.spec.ts b/test/components/Empty.spec.ts
index 4bf95ff669..4758e2b84b 100644
--- a/test/components/Empty.spec.ts
+++ b/test/components/Empty.spec.ts
@@ -37,7 +37,7 @@ describe('Empty', () => {
     ['with body slot', { props, slots: { body: () => 'Body slot' } }],
     ['with actions slot', { props, slots: { actions: () => 'Actions slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: EmptyProps, slots?: Partial<EmptySlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: EmptyProps, slots?: EmptySlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Empty)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Error.spec.ts b/test/components/Error.spec.ts
index f62383f9a4..e704b4b991 100644
--- a/test/components/Error.spec.ts
+++ b/test/components/Error.spec.ts
@@ -28,7 +28,7 @@ describe('Error', () => {
     ['with statusMessage slot', { props, slots: { statusMessage: () => 'Status message slot' } }],
     ['with message slot', { props, slots: { message: () => 'Message slot' } }],
     ['with links slot', { props, slots: { links: () => 'Links slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ErrorProps, slots?: Partial<ErrorSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ErrorProps, slots?: ErrorSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Error)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/FieldGroup.spec.ts b/test/components/FieldGroup.spec.ts
index 1b4f02f0b1..15649b574b 100644
--- a/test/components/FieldGroup.spec.ts
+++ b/test/components/FieldGroup.spec.ts
@@ -43,7 +43,7 @@ describe('FieldGroup', () => {
         }
       }]
     )
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FieldGroupProps, slots?: Partial<FieldGroupSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FieldGroupProps, slots?: FieldGroupSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, FieldGroup)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/FileUpload.spec.ts b/test/components/FileUpload.spec.ts
index 84b3ea6e03..d1b13f5f96 100644
--- a/test/components/FileUpload.spec.ts
+++ b/test/components/FileUpload.spec.ts
@@ -86,7 +86,7 @@ describe('FileUpload', () => {
     ['with file-name slot', { props, slots: { 'file-name': () => 'File name slot' } }],
     ['with file-size slot', { props, slots: { 'file-size': () => 'File size slot' } }],
     ['with file-trailing slot', { props, slots: { 'file-trailing': () => 'File trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FileUploadProps, slots?: Partial<FileUploadSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FileUploadProps, slots?: FileUploadSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, FileUpload)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Footer.spec.ts b/test/components/Footer.spec.ts
index 44b9b6e82e..a8c2066251 100644
--- a/test/components/Footer.spec.ts
+++ b/test/components/Footer.spec.ts
@@ -17,7 +17,7 @@ describe('Footer', () => {
     ['with right slot', { slots: { right: () => 'Right slot' } }],
     ['with top slot', { slots: { top: () => 'Top slot' } }],
     ['with bottom slot', { slots: { bottom: () => 'Bottom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FooterProps, slots?: Partial<FooterSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FooterProps, slots?: FooterSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Footer)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/FooterColumns.spec.ts b/test/components/FooterColumns.spec.ts
index 2bb098f662..c8d85c6814 100644
--- a/test/components/FooterColumns.spec.ts
+++ b/test/components/FooterColumns.spec.ts
@@ -71,7 +71,7 @@ describe('FooterColumns', () => {
     ['with link-leading slot', { props, slots: { 'link-leading': () => 'Link leading slot' } }],
     ['with link-label slot', { props, slots: { 'link-label': () => 'Link label slot' } }],
     ['with link-trailing slot', { props, slots: { 'link-trailing': () => 'Link trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FooterColumnsProps, slots?: Partial<FooterColumnsSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FooterColumnsProps, slots?: FooterColumnsSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, FooterColumns)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Form.spec.ts b/test/components/Form.spec.ts
index b54776b4ac..4156603fc6 100644
--- a/test/components/Form.spec.ts
+++ b/test/components/Form.spec.ts
@@ -16,7 +16,7 @@ describe('Form', () => {
   it.each([
     ['with state', { props: { state: {} } }],
     ['with default slot', { props: { state: {} }, slots: { default: () => 'Form slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props: FormProps<any>, slots?: Partial<FormSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props: FormProps<any>, slots?: FormSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, UForm)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/FormField.spec.ts b/test/components/FormField.spec.ts
index feaef220fe..11ee5e39e2 100644
--- a/test/components/FormField.spec.ts
+++ b/test/components/FormField.spec.ts
@@ -80,7 +80,7 @@ describe('FormField', () => {
     ['with error slot', { slots: { error: () => 'Error slot' } }],
     ['with hint slot', { slots: { hint: () => 'Hint slot' } }],
     ['with help slot', { slots: { help: () => 'Help slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FormFieldProps, slots?: Partial<FormFieldSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: FormFieldProps, slots?: FormFieldSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, FormFieldWrapper)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Header.spec.ts b/test/components/Header.spec.ts
index 4694573078..827e1262b0 100644
--- a/test/components/Header.spec.ts
+++ b/test/components/Header.spec.ts
@@ -29,7 +29,7 @@ describe('Header', () => {
     ['with bottom slot', { slots: { bottom: () => 'Bottom slot' } }],
     ['with body slot', { slots: { body: () => 'Body slot' } }],
     ['with content slot', { slots: { content: () => 'Content slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: HeaderProps, slots?: Partial<HeaderSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: HeaderProps, slots?: HeaderSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Header)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Input.spec.ts b/test/components/Input.spec.ts
index 1ce15ce135..df2b3d7656 100644
--- a/test/components/Input.spec.ts
+++ b/test/components/Input.spec.ts
@@ -46,7 +46,7 @@ describe('Input', () => {
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with leading slot', { slots: { leading: () => 'Leading slot' } }],
     ['with trailing slot', { slots: { trailing: () => 'Trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputProps, slots?: Partial<InputSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputProps, slots?: InputSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Input)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/InputMenu.spec.ts b/test/components/InputMenu.spec.ts
index 44067bd90d..6fd05232c2 100644
--- a/test/components/InputMenu.spec.ts
+++ b/test/components/InputMenu.spec.ts
@@ -85,7 +85,7 @@ describe('InputMenu', () => {
     ['with item-label slot', { props, slots: { 'item-label': () => 'Item label slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }],
     ['with create-item-label slot', { props: { ...props, searchTerm: 'New value', createItem: true }, slots: { 'create-item-label': () => 'Create item slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputMenuProps, slots?: Partial<InputMenuSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputMenuProps, slots?: InputMenuSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, InputMenu)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/InputNumber.spec.ts b/test/components/InputNumber.spec.ts
index ff56016866..42f77b5ffa 100644
--- a/test/components/InputNumber.spec.ts
+++ b/test/components/InputNumber.spec.ts
@@ -34,7 +34,7 @@ describe('InputNumber', () => {
     // Slots
     ['with increment slot', { slots: { increment: () => '+' } }],
     ['with decrement slot', { slots: { decrement: () => '-' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputNumberProps, slots?: Partial<InputNumberSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputNumberProps, slots?: InputNumberSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, InputNumber)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/InputTags.spec.ts b/test/components/InputTags.spec.ts
index 13baa12fca..cfe53395b0 100644
--- a/test/components/InputTags.spec.ts
+++ b/test/components/InputTags.spec.ts
@@ -38,7 +38,7 @@ describe('InputTags', () => {
     ['with trailing slot', { slots: { trailing: () => 'Trailing slot' } }],
     ['with item-text slot', { slots: { ['item-text']: () => 'Item Text slot' } }],
     ['with item-delete slot', { slots: { ['item-delete']: () => 'Item Delete slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputTagsProps, slots?: Partial<InputTagsSlots>, attrs?: Record<string, unknown> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: InputTagsProps, slots?: InputTagsSlots, attrs?: Record<string, unknown> }) => {
     const html = await ComponentRender(nameOrHtml, options, InputTags)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Kbd.spec.ts b/test/components/Kbd.spec.ts
index 1fa369011e..46df3129e1 100644
--- a/test/components/Kbd.spec.ts
+++ b/test/components/Kbd.spec.ts
@@ -20,7 +20,7 @@ describe('Kbd', () => {
     ['with class', { props: { value: 'K', class: 'font-bold' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: KbdProps, slots?: Partial<KbdSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: KbdProps, slots?: KbdSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Kbd)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Link.spec.ts b/test/components/Link.spec.ts
index f7c2d6a670..ece742bf13 100644
--- a/test/components/Link.spec.ts
+++ b/test/components/Link.spec.ts
@@ -20,7 +20,7 @@ describe('Link', () => {
     ['with class', { props: { class: 'font-medium' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: LinkProps, slots?: Partial<LinkSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: LinkProps, slots?: LinkSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Link)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Main.spec.ts b/test/components/Main.spec.ts
index d9a4ce91d9..3bb37531dd 100644
--- a/test/components/Main.spec.ts
+++ b/test/components/Main.spec.ts
@@ -12,7 +12,7 @@ describe('Main', () => {
     ['with class', { props: { class: 'min-h-full' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: MainProps, slots?: Partial<MainSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: MainProps, slots?: MainSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Main)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Marquee.spec.ts b/test/components/Marquee.spec.ts
index f9b1e51182..9d80520cbc 100644
--- a/test/components/Marquee.spec.ts
+++ b/test/components/Marquee.spec.ts
@@ -18,7 +18,7 @@ describe('Marquee', () => {
     ['with ui', { props: { ui: { content: 'gap-4' } } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: MarqueeProps, slots?: Partial<MarqueeSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: MarqueeProps, slots?: MarqueeSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Marquee)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Modal.spec.ts b/test/components/Modal.spec.ts
index f2358ddba9..c20b666469 100644
--- a/test/components/Modal.spec.ts
+++ b/test/components/Modal.spec.ts
@@ -30,7 +30,7 @@ describe('Modal', () => {
     ['with close slot', { props, slots: { close: () => 'Close slot' } }],
     ['with body slot', { props, slots: { body: () => 'Body slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ModalProps, slots?: Partial<ModalSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ModalProps, slots?: ModalSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Modal)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/NavigationMenu.spec.ts b/test/components/NavigationMenu.spec.ts
index d6bedbd518..c70cb829b0 100644
--- a/test/components/NavigationMenu.spec.ts
+++ b/test/components/NavigationMenu.spec.ts
@@ -111,7 +111,7 @@ describe('NavigationMenu', () => {
     ['with item-label slot', { props, slots: { 'item-label': () => 'Item label slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }],
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: NavigationMenuProps, slots?: Partial<NavigationMenuSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: NavigationMenuProps, slots?: NavigationMenuSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, NavigationMenu)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageAnchors.spec.ts b/test/components/PageAnchors.spec.ts
index 08b87d8e48..b38c5409bc 100644
--- a/test/components/PageAnchors.spec.ts
+++ b/test/components/PageAnchors.spec.ts
@@ -39,7 +39,7 @@ describe('PageAnchors', () => {
     ['with link-leading slot', { props, slots: { 'link-leading': () => 'Link leading slot' } }],
     ['with link-label slot', { props, slots: { 'link-label': () => 'Link label slot' } }],
     ['with link-trailing slot', { props, slots: { 'link-trailing': () => 'Link trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageAnchorsProps, slots?: Partial<PageAnchorsSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageAnchorsProps, slots?: PageAnchorsSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageAnchors)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageBody.spec.ts b/test/components/PageBody.spec.ts
index 940114ac12..3144d45553 100644
--- a/test/components/PageBody.spec.ts
+++ b/test/components/PageBody.spec.ts
@@ -12,7 +12,7 @@ describe('PageBody', () => {
     ['with class', { props: { class: 'mt-12' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageBodyProps, slots?: Partial<PageBodySlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageBodyProps, slots?: PageBodySlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageBody)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageCTA.spec.ts b/test/components/PageCTA.spec.ts
index 97728fc4bf..377587aada 100644
--- a/test/components/PageCTA.spec.ts
+++ b/test/components/PageCTA.spec.ts
@@ -32,7 +32,7 @@ describe('PageCTA', () => {
     ['with links slot', { slots: { links: () => 'Links slot' } }],
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with bottom slot', { slots: { bottom: () => 'Bottom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageCTAProps, slots?: Partial<PageCTASlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageCTAProps, slots?: PageCTASlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageCTA)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageCard.spec.ts b/test/components/PageCard.spec.ts
index 311557944c..f58fbf7ab1 100644
--- a/test/components/PageCard.spec.ts
+++ b/test/components/PageCard.spec.ts
@@ -46,7 +46,7 @@ describe('PageCard', () => {
     ['with description slot', { props, slots: { description: () => 'Description slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }],
     ['with default slot', { props, slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageCardProps, slots?: Partial<PageCardSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageCardProps, slots?: PageCardSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageCard)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageColumns.spec.ts b/test/components/PageColumns.spec.ts
index 18ef36c19c..c4f2cdf8a5 100644
--- a/test/components/PageColumns.spec.ts
+++ b/test/components/PageColumns.spec.ts
@@ -12,7 +12,7 @@ describe('PageColumns', () => {
     ['with class', { props: { class: 'xl:columns-4' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageColumnsProps, slots?: Partial<PageColumnsSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageColumnsProps, slots?: PageColumnsSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageColumns)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageFeature.spec.ts b/test/components/PageFeature.spec.ts
index c6edf1d0b0..30edccbff0 100644
--- a/test/components/PageFeature.spec.ts
+++ b/test/components/PageFeature.spec.ts
@@ -30,7 +30,7 @@ describe('PageFeature', () => {
     ['with title slot', { props, slots: { title: () => 'Title slot' } }],
     ['with description slot', { props, slots: { description: () => 'Description slot' } }],
     ['with default slot', { props, slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageFeatureProps, slots?: Partial<PageFeatureSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageFeatureProps, slots?: PageFeatureSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageFeature)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageGrid.spec.ts b/test/components/PageGrid.spec.ts
index 20c19c4950..8e69eaa420 100644
--- a/test/components/PageGrid.spec.ts
+++ b/test/components/PageGrid.spec.ts
@@ -12,7 +12,7 @@ describe('PageGrid', () => {
     ['with class', { props: { class: 'xl:grid-cols-4' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageGridProps, slots?: Partial<PageGridSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageGridProps, slots?: PageGridSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageGrid)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageHeader.spec.ts b/test/components/PageHeader.spec.ts
index e070a272d5..f303ddc8e5 100644
--- a/test/components/PageHeader.spec.ts
+++ b/test/components/PageHeader.spec.ts
@@ -21,7 +21,7 @@ describe('PageHeader', () => {
     ['with headline slot', { slots: { headline: () => 'Headline slot' } }],
     ['with links slot', { slots: { links: () => 'Links slot' } }],
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageHeaderProps, slots?: Partial<PageHeaderSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageHeaderProps, slots?: PageHeaderSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageHeader)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageHero.spec.ts b/test/components/PageHero.spec.ts
index e3e1ecf0aa..115a56913f 100644
--- a/test/components/PageHero.spec.ts
+++ b/test/components/PageHero.spec.ts
@@ -29,7 +29,7 @@ describe('PageHero', () => {
     ['with links slot', { slots: { links: () => 'Links slot' } }],
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with bottom slot', { slots: { bottom: () => 'Bottom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageHeroProps, slots?: Partial<PageHeroSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageHeroProps, slots?: PageHeroSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageHero)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageLinks.spec.ts b/test/components/PageLinks.spec.ts
index 0e3b495242..667a59ee89 100644
--- a/test/components/PageLinks.spec.ts
+++ b/test/components/PageLinks.spec.ts
@@ -41,7 +41,7 @@ describe('PageLinks', () => {
     ['with link-leading slot', { props, slots: { 'link-leading': () => 'Link leading slot' } }],
     ['with link-label slot', { props, slots: { 'link-label': () => 'Link label slot' } }],
     ['with link-trailing slot', { props, slots: { 'link-trailing': () => 'Link trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageLinksProps, slots?: Partial<PageLinksSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageLinksProps, slots?: PageLinksSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageLinks)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageList.spec.ts b/test/components/PageList.spec.ts
index 8b84439c3c..d18caa4b62 100644
--- a/test/components/PageList.spec.ts
+++ b/test/components/PageList.spec.ts
@@ -13,7 +13,7 @@ describe('PageList', () => {
     ['with class', { props: { class: 'gap-2' } }],
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageListProps, slots?: Partial<PageListSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageListProps, slots?: PageListSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageList)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageLogos.spec.ts b/test/components/PageLogos.spec.ts
index b54d08da11..3298f8e7aa 100644
--- a/test/components/PageLogos.spec.ts
+++ b/test/components/PageLogos.spec.ts
@@ -21,7 +21,7 @@ describe('PageLogos', () => {
     // Slots
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with default slot', { slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageLogosProps, slots?: Partial<PageLogosSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageLogosProps, slots?: PageLogosSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageLogos)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PageSection.spec.ts b/test/components/PageSection.spec.ts
index fb28f71293..0d0da92814 100644
--- a/test/components/PageSection.spec.ts
+++ b/test/components/PageSection.spec.ts
@@ -38,7 +38,7 @@ describe('PageSection', () => {
     ['with links slot', { slots: { links: () => 'Links slot' } }],
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with bottom slot', { slots: { bottom: () => 'Bottom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageSectionProps, slots?: Partial<PageSectionSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PageSectionProps, slots?: PageSectionSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PageSection)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Pagination.spec.ts b/test/components/Pagination.spec.ts
index 6dfebc51a0..4732eb04e3 100644
--- a/test/components/Pagination.spec.ts
+++ b/test/components/Pagination.spec.ts
@@ -42,7 +42,7 @@ describe('Pagination', () => {
     ['with last slot', { props, slots: { last: () => 'Last slot' } }],
     ['with ellipsis slot', { props: { ...props, siblingCount: 1, showEdges: true, page: 5 }, slots: { ellipsis: () => 'Ellipsis slot' } }],
     ['with item slot', { props, slots: { item: () => 'Item slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PaginationProps, slots?: Partial<PaginationSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PaginationProps, slots?: PaginationSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Pagination)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PricingPlan.spec.ts b/test/components/PricingPlan.spec.ts
index 8dc0695a20..73a9ea6b62 100644
--- a/test/components/PricingPlan.spec.ts
+++ b/test/components/PricingPlan.spec.ts
@@ -66,7 +66,7 @@ describe('PricingPlan', () => {
     ['with header slot', { props, slots: { header: () => 'Header slot' } }],
     ['with body slot', { props, slots: { body: () => 'Body slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PricingPlanProps, slots?: Partial<PricingPlanSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PricingPlanProps, slots?: PricingPlanSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PricingPlan)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PricingPlans.spec.ts b/test/components/PricingPlans.spec.ts
index f8b54c04cc..970dd03207 100644
--- a/test/components/PricingPlans.spec.ts
+++ b/test/components/PricingPlans.spec.ts
@@ -35,7 +35,7 @@ describe('PricingPlans', () => {
     ['with class', { props: { ...props, class: 'gap-y-12' } }],
     // Slots
     ['with default slot', { props, slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PricingPlansProps, slots?: Partial<PricingPlansSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: PricingPlansProps, slots?: PricingPlansSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PricingPlans)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/PricingTable.spec.ts b/test/components/PricingTable.spec.ts
index 6d6b096d83..26d49225b0 100644
--- a/test/components/PricingTable.spec.ts
+++ b/test/components/PricingTable.spec.ts
@@ -80,7 +80,7 @@ describe('PricingTable', () => {
     ['with tier-billing slot', { props, slots: { 'tier-billing': () => 'Tier billing slot' } }],
     ['with tier-discount slot', { props, slots: { 'tier-discount': () => 'Tier discount slot' } }],
     ['with tier-price slot', { props, slots: { 'tier-price': () => 'Tier price slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props: PricingTableProps, slots?: Partial<PricingTableSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props: PricingTableProps, slots?: PricingTableSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, PricingTable)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Progress.spec.ts b/test/components/Progress.spec.ts
index c1131df7f8..5658d81702 100644
--- a/test/components/Progress.spec.ts
+++ b/test/components/Progress.spec.ts
@@ -28,7 +28,7 @@ describe('Progress', () => {
     ['with ui', { props: { ui: { base: 'bg-default' } } }],
     // Slots
     ['with status slot', { slots: { status: () => 'Status slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ProgressProps, slots?: Partial<ProgressSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ProgressProps, slots?: ProgressSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Progress)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/RadioGroup.spec.ts b/test/components/RadioGroup.spec.ts
index 51c3190624..e9fcba4adf 100644
--- a/test/components/RadioGroup.spec.ts
+++ b/test/components/RadioGroup.spec.ts
@@ -45,7 +45,7 @@ describe('RadioGroup', () => {
     ['with legend slot', { props, slots: { label: () => 'Legend slot' } }],
     ['with label slot', { props, slots: { label: () => 'Label slot' } }],
     ['with description slot', { props, slots: { label: () => 'Description slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: RadioGroupProps, slots?: Partial<RadioGroupSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: RadioGroupProps, slots?: RadioGroupSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, RadioGroup)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Select.spec.ts b/test/components/Select.spec.ts
index 941c92a6e0..4e316b9409 100644
--- a/test/components/Select.spec.ts
+++ b/test/components/Select.spec.ts
@@ -81,7 +81,7 @@ describe('Select', () => {
     ['with item-leading slot', { props, slots: { 'item-leading': () => 'Item leading slot' } }],
     ['with item-label slot', { props, slots: { 'item-label': () => 'Item label slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SelectProps, slots?: Partial<SelectSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SelectProps, slots?: SelectSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Select)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/SelectMenu.spec.ts b/test/components/SelectMenu.spec.ts
index 43b0f52865..60ad2a2f69 100644
--- a/test/components/SelectMenu.spec.ts
+++ b/test/components/SelectMenu.spec.ts
@@ -87,7 +87,7 @@ describe('SelectMenu', () => {
     ['with item-label slot', { props, slots: { 'item-label': () => 'Item label slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }],
     ['with create-item-label slot', { props: { ...props, searchTerm: 'New value', createItem: true }, slots: { 'create-item-label': () => 'Create item slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SelectMenuProps, slots?: Partial<SelectMenuSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SelectMenuProps, slots?: SelectMenuSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, SelectMenu)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Separator.spec.ts b/test/components/Separator.spec.ts
index 2010f48f57..b7c8b64a4c 100644
--- a/test/components/Separator.spec.ts
+++ b/test/components/Separator.spec.ts
@@ -23,7 +23,7 @@ describe('Separator', () => {
     ['with as', { props: { as: 'span' } }],
     ['with class', { props: { class: 'flex-row-reverse' } }],
     ['with ui', { props: { ui: { label: 'text-lg' } } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SeparatorProps, slots?: Partial<SeparatorSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SeparatorProps, slots?: SeparatorSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Separator)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Slideover.spec.ts b/test/components/Slideover.spec.ts
index 1a60ba1378..03c2b10f30 100644
--- a/test/components/Slideover.spec.ts
+++ b/test/components/Slideover.spec.ts
@@ -32,7 +32,7 @@ describe('Slideover', () => {
     ['with close slot', { props, slots: { close: () => 'Close slot' } }],
     ['with body slot', { props, slots: { body: () => 'Body slot' } }],
     ['with footer slot', { props, slots: { footer: () => 'Footer slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SlideoverProps, slots?: Partial<SlideoverSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SlideoverProps, slots?: SlideoverSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Slideover)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Stepper.spec.ts b/test/components/Stepper.spec.ts
index 9a5f84ccef..c1681bcd74 100644
--- a/test/components/Stepper.spec.ts
+++ b/test/components/Stepper.spec.ts
@@ -46,7 +46,7 @@ describe('Stepper', () => {
     ['with description slot', { props, slots: { description: () => 'Description slot' } }],
     ['with content slot', { props, slots: { content: () => 'Content slot' } }],
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: StepperProps, slots?: Partial<StepperSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: StepperProps, slots?: StepperSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Stepper)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Switch.spec.ts b/test/components/Switch.spec.ts
index 33138fc8b7..1ade887210 100644
--- a/test/components/Switch.spec.ts
+++ b/test/components/Switch.spec.ts
@@ -36,7 +36,7 @@ describe('Switch', () => {
     // Slots
     ['with label slot', { slots: { label: () => 'Label slot' } }],
     ['with description slot', { slots: { label: () => 'Description slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SwitchProps, slots?: Partial<SwitchSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: SwitchProps, slots?: SwitchSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Switch)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Table.spec.ts b/test/components/Table.spec.ts
index 849f845a66..e9a0f52704 100644
--- a/test/components/Table.spec.ts
+++ b/test/components/Table.spec.ts
@@ -182,7 +182,7 @@ describe('Table', () => {
     ['with caption slot', { props, slots: { caption: () => 'Caption slot' } }],
     ['with body-top slot', { props, slots: { 'body-top': () => 'Body top slot' } }],
     ['with body-bottom slot', { props, slots: { 'body-bottom': () => 'Body bottom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TableProps, slots?: Partial<TableSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TableProps, slots?: TableSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Table)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Tabs.spec.ts b/test/components/Tabs.spec.ts
index a5abded715..ace38ef7f2 100644
--- a/test/components/Tabs.spec.ts
+++ b/test/components/Tabs.spec.ts
@@ -52,7 +52,7 @@ describe('Tabs', () => {
     ['with trailing slot', { props, slots: { trailing: () => 'Trailing slot' } }],
     ['with content slot', { props, slots: { content: () => 'Content slot' } }],
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TabsProps, slots?: Partial<TabsSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TabsProps, slots?: TabsSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Tabs)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Textarea.spec.ts b/test/components/Textarea.spec.ts
index a538d8bc14..ce7acad399 100644
--- a/test/components/Textarea.spec.ts
+++ b/test/components/Textarea.spec.ts
@@ -46,7 +46,7 @@ describe('Textarea', () => {
     ['with default slot', { slots: { default: () => 'Default slot' } }],
     ['with leading slot', { slots: { leading: () => 'Leading slot' } }],
     ['with trailing slot', { slots: { trailing: () => 'Trailing slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TextareaProps, slots?: Partial<TextareaSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TextareaProps, slots?: TextareaSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Textarea)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Timeline.spec.ts b/test/components/Timeline.spec.ts
index 91aa9a0277..fadcb01d0f 100644
--- a/test/components/Timeline.spec.ts
+++ b/test/components/Timeline.spec.ts
@@ -56,7 +56,7 @@ describe('Timeline', () => {
     ['with date slot', { props, slots: { date: () => 'Date slot' } }],
     ['with title slot', { props, slots: { title: () => 'Title slot' } }],
     ['with description slot', { props, slots: { description: () => 'Description slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TimelineProps, slots?: Partial<TimelineSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: TimelineProps, slots?: TimelineSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Timeline)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Toast.spec.ts b/test/components/Toast.spec.ts
index b212561096..7e35c427ab 100644
--- a/test/components/Toast.spec.ts
+++ b/test/components/Toast.spec.ts
@@ -50,7 +50,7 @@ describe('Toast', () => {
     ['with title slot', { props, slots: { title: () => 'Title slot' } }],
     ['with description slot', { props, slots: { description: () => 'Description slot' } }],
     ['with close slot', { props, slots: { close: () => 'Close slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ToastProps, slots?: Partial<ToastSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ToastProps, slots?: ToastSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ToastWrapper)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/Tree.spec.ts b/test/components/Tree.spec.ts
index 8c1166e59c..fc178c9139 100644
--- a/test/components/Tree.spec.ts
+++ b/test/components/Tree.spec.ts
@@ -71,7 +71,7 @@ describe('Tree', () => {
     ['with item-leading slot', { props, slots: { 'item-leading': () => 'leading slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'trailing slot' } }],
     ['with dynamic slot', { props, slots: { app: () => 'dynamic slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: Partial<TreeProps>, slots?: Partial<TreeSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: Partial<TreeProps>, slots?: TreeSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, Tree)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/User.spec.ts b/test/components/User.spec.ts
index 580389dfd3..8e3ccadccd 100644
--- a/test/components/User.spec.ts
+++ b/test/components/User.spec.ts
@@ -33,7 +33,7 @@ describe('User', () => {
     ['with name slot', { props, slots: { name: () => 'Name slot' } }],
     ['with description slot', { props, slots: { description: () => 'Description slot' } }],
     ['with default slot', { props, slots: { default: () => 'Default slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: UserProps, slots?: Partial<UserSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: UserProps, slots?: UserSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, User)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/content/ContentNavigation.spec.ts b/test/components/content/ContentNavigation.spec.ts
index b54a17b321..fea147a3ed 100644
--- a/test/components/content/ContentNavigation.spec.ts
+++ b/test/components/content/ContentNavigation.spec.ts
@@ -68,7 +68,7 @@ describe('ContentNavigation', () => {
     ['with item-label slot', { props, slots: { 'item-label': () => 'Item label slot' } }],
     ['with item-trailing slot', { props, slots: { 'item-trailing': () => 'Item trailing slot' } }],
     ['with custom slot', { props, slots: { custom: () => 'Custom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContentNavigationProps, slots?: Partial<ContentNavigationSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContentNavigationProps, slots?: ContentNavigationSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ContentNavigation)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/content/ContentSurround.spec.ts b/test/components/content/ContentSurround.spec.ts
index b4752a5b13..7bf35768e3 100644
--- a/test/components/content/ContentSurround.spec.ts
+++ b/test/components/content/ContentSurround.spec.ts
@@ -28,7 +28,7 @@ describe('ContentSurround', () => {
     ['with link slot', { props, slots: { link: () => 'Link slot' } }],
     ['with link-leading slot', { props, slots: { 'link-leading': () => 'Link leading slot' } }],
     ['with link-title slot', { props, slots: { 'link-title': () => 'Link title slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContentSurroundProps, slots?: Partial<ContentSurroundSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContentSurroundProps, slots?: ContentSurroundSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ContentSurround)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/components/content/ContentToc.spec.ts b/test/components/content/ContentToc.spec.ts
index ed2e7683d5..67f66c56be 100644
--- a/test/components/content/ContentToc.spec.ts
+++ b/test/components/content/ContentToc.spec.ts
@@ -66,7 +66,7 @@ describe('ContentToc', () => {
     ['with link slot', { props, slots: { link: () => 'Link slot' } }],
     ['with top slot', { props, slots: { top: () => 'Top slot' } }],
     ['with bottom slot', { props, slots: { bottom: () => 'Bottom slot' } }]
-  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContentTocProps, slots?: Partial<ContentTocSlots> }) => {
+  ])('renders %s correctly', async (nameOrHtml: string, options: { props?: ContentTocProps, slots?: ContentTocSlots }) => {
     const html = await ComponentRender(nameOrHtml, options, ContentToc)
     expect(html).toMatchSnapshot()
   })
diff --git a/test/utils/types.ts b/test/utils/types.ts
index 8d91218276..49d471b841 100644
--- a/test/utils/types.ts
+++ b/test/utils/types.ts
@@ -18,7 +18,7 @@ export function expectSlotProps<T extends VNode, S extends keyof Slots<T>>(_name
 type Ctx<V extends VNode> = V extends { __ctx?: infer C } ? NonNullable<C> : never
 
 type Slots<V extends VNode> = Ctx<V> extends { slots: infer S } ? {
-  [K in keyof S as S[K] extends never ? never : K]: S[K] extends (props: infer P) => any ? P : never
+  [K in keyof Required<S> as Required<S>[K] extends never ? never : K]: Required<S>[K] extends (props: infer P) => any ? P : never
 } : never
 
 type Events<V extends VNode> = Ctx<V> extends { props: infer Props } ? {

From 4ffadb2dc4b9d0f582fe3928a06a20d693012bee Mon Sep 17 00:00:00 2001
From: Sandro Circi <sandro.circi@digitoolmedia.com>
Date: Thu, 16 Oct 2025 21:54:09 +0200
Subject: [PATCH 4/7] up

---
 src/runtime/components/ChangelogVersions.vue |  1 -
 src/runtime/components/DashboardNavbar.vue   | 16 ++++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/runtime/components/ChangelogVersions.vue b/src/runtime/components/ChangelogVersions.vue
index 86ed267b5e..2189a96a69 100644
--- a/src/runtime/components/ChangelogVersions.vue
+++ b/src/runtime/components/ChangelogVersions.vue
@@ -44,7 +44,6 @@ export interface ChangelogVersionsSlots<T extends ChangelogVersionProps = Change
   footer?(props: { version: T }): SlotsReturn
   authors?(props: { version: T }): SlotsReturn
   actions?(props: { version: T }): SlotsReturn
-  indicator?(props: { version: T }): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/DashboardNavbar.vue b/src/runtime/components/DashboardNavbar.vue
index 875f5505f9..79fb77c0ce 100644
--- a/src/runtime/components/DashboardNavbar.vue
+++ b/src/runtime/components/DashboardNavbar.vue
@@ -1,10 +1,10 @@
 <script lang="ts">
-import type { VNodeChild } from 'vue'
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/dashboard-navbar'
 import type { DashboardContext } from '../utils/dashboard'
 import type { ButtonProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type DashboardNavbar = ComponentConfig<typeof theme, AppConfig, 'dashboardNavbar'>
 
@@ -38,13 +38,13 @@ export interface DashboardNavbarProps {
 type DashboardNavbarSlotsProps = Omit<DashboardContext, 'storage' | 'storageKey' | 'persistent' | 'unit'>
 
 export interface DashboardNavbarSlots {
-  title?(props?: {}): VNodeChild
-  leading?(props: DashboardNavbarSlotsProps): VNodeChild
-  trailing?(props: DashboardNavbarSlotsProps): VNodeChild
-  left?(props: DashboardNavbarSlotsProps): VNodeChild
-  default?(props: DashboardNavbarSlotsProps): VNodeChild
-  right?(props: DashboardNavbarSlotsProps): VNodeChild
-  toggle?(props: DashboardNavbarSlotsProps): VNodeChild
+  title?(props?: {}): SlotsReturn
+  leading?(props: DashboardNavbarSlotsProps): SlotsReturn
+  trailing?(props: DashboardNavbarSlotsProps): SlotsReturn
+  left?(props: DashboardNavbarSlotsProps): SlotsReturn
+  default?(props: DashboardNavbarSlotsProps): SlotsReturn
+  right?(props: DashboardNavbarSlotsProps): SlotsReturn
+  toggle?(props: DashboardNavbarSlotsProps): SlotsReturn
 }
 </script>
 

From 5bb49884fddad46987a19fd341aa2c46ff8fc833 Mon Sep 17 00:00:00 2001
From: Sandro Circi <sandro.circi@digitoolmedia.com>
Date: Fri, 17 Oct 2025 01:59:00 +0200
Subject: [PATCH 5/7] up

---
 src/runtime/components/Avatar.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/Avatar.vue b/src/runtime/components/Avatar.vue
index 8d4b1211f6..caf7361f73 100644
--- a/src/runtime/components/Avatar.vue
+++ b/src/runtime/components/Avatar.vue
@@ -3,6 +3,7 @@ import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/avatar'
 import type { ChipProps, IconProps } from '../types'
 import type { ComponentConfig } from '../types/tv'
+import type { SlotsReturn } from '../types/utils'
 
 type Avatar = ComponentConfig<typeof theme, AppConfig, 'avatar'>
 
@@ -30,7 +31,7 @@ export interface AvatarProps {
 }
 
 export interface AvatarSlots {
-  default(props?: {}): any
+  default(props?: {}): SlotsReturn
 }
 </script>
 

From 76d9e05cd148bd46fbfca092bf92ec3d579d14fc Mon Sep 17 00:00:00 2001
From: Sandro Circi <sandro.circi@digitoolmedia.com>
Date: Fri, 17 Oct 2025 02:55:19 +0200
Subject: [PATCH 6/7] up

---
 src/runtime/components/Avatar.vue          | 2 +-
 src/runtime/components/prose/CodeGroup.vue | 2 +-
 src/runtime/components/prose/CodeTree.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/runtime/components/Avatar.vue b/src/runtime/components/Avatar.vue
index caf7361f73..be51d419ab 100644
--- a/src/runtime/components/Avatar.vue
+++ b/src/runtime/components/Avatar.vue
@@ -31,7 +31,7 @@ export interface AvatarProps {
 }
 
 export interface AvatarSlots {
-  default(props?: {}): SlotsReturn
+  default?(props?: {}): SlotsReturn
 }
 </script>
 
diff --git a/src/runtime/components/prose/CodeGroup.vue b/src/runtime/components/prose/CodeGroup.vue
index f891963e3e..9a8c203c83 100644
--- a/src/runtime/components/prose/CodeGroup.vue
+++ b/src/runtime/components/prose/CodeGroup.vue
@@ -56,7 +56,7 @@ const items = computed<{
   rerenderCount.value
   let children = slots.default?.()
   if (!Array.isArray(children)) {
-    children = [children]
+    children = children ? [children] : []
   }
   return children?.flatMap(transformSlot).filter(Boolean) || []
 })
diff --git a/src/runtime/components/prose/CodeTree.vue b/src/runtime/components/prose/CodeTree.vue
index fc4d3ceea8..2028127003 100644
--- a/src/runtime/components/prose/CodeTree.vue
+++ b/src/runtime/components/prose/CodeTree.vue
@@ -67,7 +67,7 @@ const flatItems = computed<{
   rerenderCount.value
   let children = slots.default?.()
   if (!Array.isArray(children)) {
-    children = [children]
+    children = children ? [children] : []
   }
   return children?.flatMap(transformSlot).filter(Boolean) || []
 })

From b9369eb89b17d19578d1954b2857ff66b2628ebc Mon Sep 17 00:00:00 2001
From: Sandro Circi <sandro.circi@digitoolmedia.com>
Date: Fri, 17 Oct 2025 03:06:37 +0200
Subject: [PATCH 7/7] up

---
 src/runtime/components/prose/Accordion.vue | 2 +-
 src/runtime/components/prose/Tabs.vue      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/prose/Accordion.vue b/src/runtime/components/prose/Accordion.vue
index fb9ac96ed2..22f5fa82d8 100644
--- a/src/runtime/components/prose/Accordion.vue
+++ b/src/runtime/components/prose/Accordion.vue
@@ -47,7 +47,7 @@ const items = computed<{
   rerenderCount.value
   let children = slots.default?.()
   if (!Array.isArray(children)) {
-    children = [children]
+    children = children ? [children] : []
   }
   return children?.flatMap(transformSlot).filter(Boolean) || []
 })
diff --git a/src/runtime/components/prose/Tabs.vue b/src/runtime/components/prose/Tabs.vue
index 1438d95041..c85a4d2c67 100644
--- a/src/runtime/components/prose/Tabs.vue
+++ b/src/runtime/components/prose/Tabs.vue
@@ -61,7 +61,7 @@ const items = computed<{
   rerenderCount.value
   let children = slots.default?.()
   if (!Array.isArray(children)) {
-    children = [children]
+    children = children ? [children] : []
   }
   return children?.flatMap(transformSlot).filter(Boolean) || []
 })