@nuxt/ui 4.5.0 → 4.6.0

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

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

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page';
 import type { ComponentConfig } from '../types/tv';
@@ -12,9 +13,9 @@ export interface PageProps {
     ui?: Page['slots'];
 }
 export interface PageSlots {
-    left(props?: {}): any;
-    default(props?: {}): any;
-    right(props?: {}): any;
+    left?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
+    right?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Page.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/page";
 </script>
 
 <script setup>
-import { computed } from "vue";
+import { computed, onBeforeUpdate, shallowRef } from "vue";
 import { Primitive, Slot } from "reka-ui";
 import { useAppConfig } from "#imports";
 import { useComponentUI } from "../composables/useComponentUI";
@@ -16,9 +16,15 @@ const props = defineProps({
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const uiProp = useComponentUI("page", props);
+const hasLeft = shallowRef(!!slots.left);
+const hasRight = shallowRef(!!slots.right);
+onBeforeUpdate(() => {
+  hasLeft.value = !!slots.left;
+  hasRight.value = !!slots.right;
+});
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.page || {} })({
-  left: !!slots.left,
-  right: !!slots.right
+  left: hasLeft.value,
+  right: hasRight.value
 }));
 </script>
 

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page';
 import type { ComponentConfig } from '../types/tv';
@@ -12,9 +13,9 @@ export interface PageProps {
     ui?: Page['slots'];
 }
 export interface PageSlots {
-    left(props?: {}): any;
-    default(props?: {}): any;
-    right(props?: {}): any;
+    left?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
+    right?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-anchors';
 import type { IconProps, LinkProps } from '../types';
@@ -26,18 +27,18 @@ type SlotProps<T> = (props: {
     link: T;
     active: boolean;
     ui: PageAnchors['ui'];
-}) => any;
+}) => VNode[];
 export interface PageAnchorsSlots<T extends PageAnchor = PageAnchor> {
-    'link': SlotProps<T>;
-    'link-leading': SlotProps<T>;
-    'link-label'(props: {
+    'link'?: SlotProps<T>;
+    'link-leading'?: SlotProps<T>;
+    'link-label'?(props: {
         link: T;
         active: boolean;
-    }): any;
-    'link-trailing'(props: {
+    }): VNode[];
+    'link-trailing'?(props: {
         link: T;
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-anchors';
 import type { IconProps, LinkProps } from '../types';
@@ -26,18 +27,18 @@ type SlotProps<T> = (props: {
     link: T;
     active: boolean;
     ui: PageAnchors['ui'];
-}) => any;
+}) => VNode[];
 export interface PageAnchorsSlots<T extends PageAnchor = PageAnchor> {
-    'link': SlotProps<T>;
-    'link-leading': SlotProps<T>;
-    'link-label'(props: {
+    'link'?: SlotProps<T>;
+    'link-leading'?: SlotProps<T>;
+    'link-label'?(props: {
         link: T;
         active: boolean;
-    }): any;
-    'link-trailing'(props: {
+    }): VNode[];
+    'link-trailing'?(props: {
         link: T;
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-aside';
 import type { ComponentConfig } from '../types/tv';
@@ -12,9 +13,9 @@ export interface PageAsideProps {
     ui?: PageAside['slots'];
 }
 export interface PageAsideSlots {
-    top(props?: {}): any;
-    default(props?: {}): any;
-    bottom(props?: {}): any;
+    top?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
+    bottom?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-aside';
 import type { ComponentConfig } from '../types/tv';
@@ -12,9 +13,9 @@ export interface PageAsideProps {
     ui?: PageAside['slots'];
 }
 export interface PageAsideSlots {
-    top(props?: {}): any;
-    default(props?: {}): any;
-    bottom(props?: {}): any;
+    top?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
+    bottom?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

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

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-cta';
 import type { ButtonProps } from '../types';
@@ -34,15 +35,15 @@ export interface PageCTAProps {
     ui?: PageCTA['slots'];
 }
 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[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-cta';
 import type { ButtonProps } from '../types';
@@ -34,15 +35,15 @@ export interface PageCTAProps {
     ui?: PageCTA['slots'];
 }
 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[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-card';
 import type { IconProps, LinkProps } from '../types';
@@ -53,15 +54,15 @@ export interface PageCardProps {
     ui?: PageCard['slots'];
 }
 export interface PageCardSlots {
-    header(props?: {}): any;
-    body(props?: {}): any;
-    leading(props: {
+    header?(props?: {}): VNode[];
+    body?(props?: {}): VNode[];
+    leading?(props: {
         ui: PageCard['ui'];
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    footer(props?: {}): any;
-    default(props?: {}): any;
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    footer?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-card';
 import type { IconProps, LinkProps } from '../types';
@@ -53,15 +54,15 @@ export interface PageCardProps {
     ui?: PageCard['slots'];
 }
 export interface PageCardSlots {
-    header(props?: {}): any;
-    body(props?: {}): any;
-    leading(props: {
+    header?(props?: {}): VNode[];
+    body?(props?: {}): VNode[];
+    leading?(props: {
         ui: PageCard['ui'];
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    footer(props?: {}): any;
-    default(props?: {}): any;
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    footer?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

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

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-feature';
 import type { IconProps, LinkProps } from '../types';
@@ -28,12 +29,12 @@ export interface PageFeatureProps {
     ui?: PageFeature['slots'];
 }
 export interface PageFeatureSlots {
-    leading(props: {
+    leading?(props: {
         ui: PageFeature['ui'];
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    default(props?: {}): any;
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-feature';
 import type { IconProps, LinkProps } from '../types';
@@ -28,12 +29,12 @@ export interface PageFeatureProps {
     ui?: PageFeature['slots'];
 }
 export interface PageFeatureSlots {
-    leading(props: {
+    leading?(props: {
         ui: PageFeature['ui'];
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    default(props?: {}): any;
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    default?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

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

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-header';
 import type { ButtonProps } from '../types';
@@ -21,11 +22,11 @@ export interface PageHeaderProps {
     ui?: PageHeader['slots'];
 }
 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[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-header';
 import type { ButtonProps } from '../types';
@@ -21,11 +22,11 @@ export interface PageHeaderProps {
     ui?: PageHeader['slots'];
 }
 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[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-hero';
 import type { ButtonProps } from '../types';
@@ -31,16 +32,16 @@ export interface PageHeroProps {
     ui?: PageHero['slots'];
 }
 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[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-hero';
 import type { ButtonProps } from '../types';
@@ -31,16 +32,16 @@ export interface PageHeroProps {
     ui?: PageHero['slots'];
 }
 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[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-links';
 import type { IconProps, LinkProps } from '../types';
@@ -27,19 +28,19 @@ type SlotProps<T> = (props: {
     link: T;
     active: boolean;
     ui: PageLinks['ui'];
-}) => any;
+}) => VNode[];
 export interface PageLinksSlots<T extends PageLink = PageLink> {
-    'title'(props?: {}): any;
-    'link': SlotProps<T>;
-    'link-leading': SlotProps<T>;
-    'link-label'(props: {
+    'title'?(props?: {}): VNode[];
+    'link'?: SlotProps<T>;
+    'link-leading'?: SlotProps<T>;
+    'link-label'?(props: {
         link: T;
         active: boolean;
-    }): any;
-    'link-trailing'(props: {
+    }): VNode[];
+    'link-trailing'?(props: {
         link: T;
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-links';
 import type { IconProps, LinkProps } from '../types';
@@ -27,19 +28,19 @@ type SlotProps<T> = (props: {
     link: T;
     active: boolean;
     ui: PageLinks['ui'];
-}) => any;
+}) => VNode[];
 export interface PageLinksSlots<T extends PageLink = PageLink> {
-    'title'(props?: {}): any;
-    'link': SlotProps<T>;
-    'link-leading': SlotProps<T>;
-    'link-label'(props: {
+    'title'?(props?: {}): VNode[];
+    'link'?: SlotProps<T>;
+    'link-leading'?: SlotProps<T>;
+    'link-label'?(props: {
         link: T;
         active: boolean;
-    }): any;
-    'link-trailing'(props: {
+    }): VNode[];
+    'link-trailing'?(props: {
         link: T;
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;