@nuxt/ui 4.8.2 → 4.10.0

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

@@ -2,7 +2,9 @@ import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogConten
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/modal';
-import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Modal = ComponentConfig<typeof theme, AppConfig, 'modal'>;
@@ -57,7 +59,9 @@ export interface ModalProps extends DialogRootProps {
     ui?: Modal['slots'];
 }
 export interface ModalEmits extends DialogRootEmits {
+    'leave': [];
     'after:leave': [];
+    'enter': [];
     'after:enter': [];
     'close:prevent': [];
 }
@@ -87,21 +91,25 @@ export interface ModalSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    enter: () => any;
+    leave: () => any;
     "after:leave": () => any;
     "after:enter": () => any;
     "close:prevent": () => any;
+    "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
     "onAfter:leave"?: (() => any) | undefined;
     "onAfter:enter"?: (() => any) | undefined;
     "onClose:prevent"?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     close: boolean | Omit<ButtonProps, LinkPropsKeys>;
     modal: boolean;
     transition: boolean;
-    portal: boolean | string | HTMLElement;
     overlay: boolean;
+    portal: boolean | string | HTMLElement;
     dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ModalSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Modal.vue

@@ -31,14 +31,15 @@ const _props = defineProps({
   ui: { type: Object, required: false },
   open: { type: Boolean, required: false },
   defaultOpen: { type: Boolean, required: false },
-  modal: { type: Boolean, required: false, default: true }
+  modal: { type: Boolean, required: false, default: true },
+  unmountOnHide: { type: Boolean, required: false }
 });
-const emits = defineEmits(["after:leave", "after:enter", "close:prevent", "update:open"]);
+const emits = defineEmits(["leave", "after:leave", "enter", "after:enter", "close:prevent", "update:open"]);
 const slots = defineSlots();
 const props = useComponentProps("modal", _props);
 const { t } = useLocale();
 const appConfig = useAppConfig();
-const rootProps = useForwardProps(reactivePick(props, "open", "defaultOpen", "modal"), emits);
+const rootProps = useForwardProps(reactivePick(props, "open", "defaultOpen", "modal", "unmountOnHide"), emits);
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => props.content);
 const contentEvents = computed(() => {
@@ -57,7 +58,7 @@ const contentEvents = computed(() => {
   };
 });
 const [DefineContentTemplate, ReuseContentTemplate] = createReusableTemplate();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.modal || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.modal || {} })({
   transition: props.transition,
   fullscreen: props.fullscreen,
   overlay: props.overlay,
@@ -72,7 +73,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.modal || {} }
         data-slot="content"
         :class="ui.content({ class: [!slots.default && props.class, props.ui?.content] })"
         v-bind="contentProps"
+        @enter="emits('enter')"
         @after-enter="emits('after:enter')"
+        @leave="emits('leave')"
         @after-leave="emits('after:leave')"
         v-on="contentEvents"
       >
@@ -143,7 +146,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.modal || {} }
       <slot :open="open" />
     </DialogTrigger>
 
-    <DialogPortal v-bind="portalProps">
+    <DialogPortal v-bind="portalProps" :force-mount="portalProps.disabled && props.unmountOnHide === false || void 0">
       <FieldGroupReset>
         <template v-if="props.scrollable">
           <DialogOverlay data-slot="overlay" :class="ui.overlay({ class: props.ui?.overlay })">

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

@@ -2,7 +2,9 @@ import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogConten
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/modal';
-import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Modal = ComponentConfig<typeof theme, AppConfig, 'modal'>;
@@ -57,7 +59,9 @@ export interface ModalProps extends DialogRootProps {
     ui?: Modal['slots'];
 }
 export interface ModalEmits extends DialogRootEmits {
+    'leave': [];
     'after:leave': [];
+    'enter': [];
     'after:enter': [];
     'close:prevent': [];
 }
@@ -87,21 +91,25 @@ export interface ModalSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    enter: () => any;
+    leave: () => any;
     "after:leave": () => any;
     "after:enter": () => any;
     "close:prevent": () => any;
+    "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<ModalProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
     "onAfter:leave"?: (() => any) | undefined;
     "onAfter:enter"?: (() => any) | undefined;
     "onClose:prevent"?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     close: boolean | Omit<ButtonProps, LinkPropsKeys>;
     modal: boolean;
     transition: boolean;
-    portal: boolean | string | HTMLElement;
     overlay: boolean;
+    portal: boolean | string | HTMLElement;
     dismissible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ModalSlots>;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -2,7 +2,13 @@ import type { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMen
 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';
+import type { AvatarProps } from './Avatar.vue';
+import type { BadgeProps } from './Badge.vue';
+import type { ChipProps } from './Chip.vue';
+import type { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
+import type { PopoverProps } from './Popover.vue';
+import type { TooltipProps } from './Tooltip.vue';
 import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type NavigationMenu = ComponentConfig<typeof theme, AppConfig, 'navigationMenu'>;
@@ -231,7 +237,7 @@ declare const __VLS_export: <T extends ArrayOrNested<NavigationMenuItem>, K exte
     slots: NavigationMenuSlots<T, NestedItem<T>>;
     emit: (evt: "update:modelValue", value: NavigationMenuModelValue<K, O> | undefined) => void;
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/NavigationMenu.vue

@@ -81,7 +81,7 @@ const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate({
     listIndex: Number
   }
 });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.navigationMenu || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.navigationMenu || {} })({
   orientation: props.orientation,
   contentOrientation: props.orientation === "vertical" ? void 0 : props.contentOrientation,
   collapsed: props.collapsed,
@@ -293,6 +293,7 @@ function onLinkTrailingClick(e, item) {
   </DefineItemTemplate>
 
   <NavigationMenuRoot
+    data-slot="root"
     v-bind="{
   ...rootProps,
   ...props.orientation === 'horizontal' ? {
@@ -302,7 +303,6 @@ function onLinkTrailingClick(e, item) {
   ...$attrs
 }"
     :data-collapsed="props.collapsed"
-    data-slot="root"
     :class="ui.root({ class: [props.ui?.root, props.class] })"
   >
     <slot name="list-leading" />

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

@@ -2,7 +2,13 @@ import type { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMen
 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';
+import type { AvatarProps } from './Avatar.vue';
+import type { BadgeProps } from './Badge.vue';
+import type { ChipProps } from './Chip.vue';
+import type { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
+import type { PopoverProps } from './Popover.vue';
+import type { TooltipProps } from './Tooltip.vue';
 import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type NavigationMenu = ComponentConfig<typeof theme, AppConfig, 'navigationMenu'>;
@@ -231,7 +237,7 @@ declare const __VLS_export: <T extends ArrayOrNested<NavigationMenuItem>, K exte
     slots: NavigationMenuSlots<T, NestedItem<T>>;
     emit: (evt: "update:modelValue", value: NavigationMenuModelValue<K, O> | undefined) => void;
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/Page.vue

@@ -22,7 +22,7 @@ onBeforeUpdate(() => {
   hasLeft.value = !!slots.left;
   hasRight.value = !!slots.right;
 });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.page || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.page || {} })({
   left: hasLeft.value,
   right: hasRight.value
 }));

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageAnchors = ComponentConfig<typeof theme, AppConfig, 'pageAnchors'>;
 export interface PageAnchor extends Omit<LinkProps, 'custom'> {
@@ -51,7 +52,7 @@ declare const __VLS_export: <T extends PageAnchor>(__VLS_props: NonNullable<Awai
     slots: PageAnchorsSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/PageAnchors.vue

@@ -21,7 +21,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("pageAnchors", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageAnchors || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageAnchors || {} })());
 </script>
 
 <template>

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageAnchors = ComponentConfig<typeof theme, AppConfig, 'pageAnchors'>;
 export interface PageAnchor extends Omit<LinkProps, 'custom'> {
@@ -51,7 +52,7 @@ declare const __VLS_export: <T extends PageAnchor>(__VLS_props: NonNullable<Awai
     slots: PageAnchorsSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/PageAside.vue

@@ -16,7 +16,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("pageAside", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageAside || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageAside || {} })());
 </script>
 
 <template>

package/dist/runtime/components/PageBody.vue

@@ -16,7 +16,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("pageBody", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageBody || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageBody || {} }));
 </script>
 
 <template>

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

@@ -1,7 +1,7 @@
 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 { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageCTA = ComponentConfig<typeof theme, AppConfig, 'pageCTA'>;
 export interface PageCTAProps {

package/dist/runtime/components/PageCTA.vue

@@ -26,7 +26,7 @@ const slots = defineSlots();
 const props = useComponentProps("pageCTA", _props);
 const appConfig = useAppConfig();
 const prefix = usePrefix();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageCTA || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageCTA || {} })({
   variant: props.variant,
   orientation: props.orientation,
   reverse: props.reverse,

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

@@ -1,7 +1,7 @@
 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 { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageCTA = ComponentConfig<typeof theme, AppConfig, 'pageCTA'>;
 export interface PageCTAProps {

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageCard = ComponentConfig<typeof theme, AppConfig, 'pageCard'>;
 export interface PageCardProps {
@@ -49,7 +50,7 @@ export interface PageCardProps {
     variant?: PageCard['variants']['variant'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageCard['slots'];
 }

package/dist/runtime/components/PageCard.vue

@@ -49,7 +49,7 @@ watch(() => props.spotlight, (value) => {
     motionControl.pause();
   }
 }, { immediate: true });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageCard || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageCard || {} })({
   orientation: props.orientation,
   reverse: props.reverse,
   variant: props.variant,
@@ -70,8 +70,9 @@ const ariaLabel = computed(() => {
   <Primitive
     ref="cardRef"
     :as="props.as"
+    v-bind="!props.to ? $attrs : {}"
     :data-orientation="props.orientation"
-    data-slot="root"
+    :data-slot="$attrs['data-slot'] ?? 'root'"
     :class="ui.root({ class: [props.ui?.root, props.class] })"
     :style="spotlight && { '--spotlight-x': `${elementX}px`, '--spotlight-y': `${elementY}px` }"
     @click="props.onClick"
@@ -117,7 +118,7 @@ const ariaLabel = computed(() => {
     <ULink
       v-if="props.to"
       :aria-label="ariaLabel"
-      v-bind="{ to: props.to, target: props.target, ...$attrs }"
+      v-bind="{ 'to': props.to, 'target': props.target, ...$attrs, 'data-slot': void 0 }"
       :class="prefix('focus:outline-none peer')"
       raw
     >

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageCard = ComponentConfig<typeof theme, AppConfig, 'pageCard'>;
 export interface PageCardProps {
@@ -49,7 +50,7 @@ export interface PageCardProps {
     variant?: PageCard['variants']['variant'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageCard['slots'];
 }

package/dist/runtime/components/PageColumns.vue

@@ -16,7 +16,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("pageColumns", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageColumns || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageColumns || {} }));
 </script>
 
 <template>

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageFeature = ComponentConfig<typeof theme, AppConfig, 'pageFeature'>;
 export interface PageFeatureProps {
@@ -24,7 +25,7 @@ export interface PageFeatureProps {
     orientation?: PageFeature['variants']['orientation'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageFeature['slots'];
 }

package/dist/runtime/components/PageFeature.vue

@@ -29,7 +29,7 @@ const slots = defineSlots();
 const props = useComponentProps("pageFeature", _props);
 const appConfig = useAppConfig();
 const prefix = usePrefix();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageFeature || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageFeature || {} })({
   orientation: props.orientation,
   title: !!props.title || !!slots.title,
   to: !!props.to || !!props.onClick
@@ -41,7 +41,14 @@ const ariaLabel = computed(() => {
 </script>
 
 <template>
-  <Primitive :as="props.as" :data-orientation="props.orientation" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })" @click="props.onClick">
+  <Primitive
+    :as="props.as"
+    v-bind="!props.to ? $attrs : {}"
+    :data-orientation="props.orientation"
+    :data-slot="$attrs['data-slot'] ?? 'root'"
+    :class="ui.root({ class: [props.ui?.root, props.class] })"
+    @click="props.onClick"
+  >
     <div v-if="props.icon || !!slots.leading" data-slot="leading" :class="ui.leading({ class: props.ui?.leading })">
       <slot name="leading" :ui="ui">
         <UIcon v-if="props.icon" :name="props.icon" data-slot="leadingIcon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
@@ -52,7 +59,7 @@ const ariaLabel = computed(() => {
       <ULink
         v-if="props.to"
         :aria-label="ariaLabel"
-        v-bind="{ to: props.to, target: props.target, ...$attrs }"
+        v-bind="{ 'to': props.to, 'target': props.target, ...$attrs, 'data-slot': void 0 }"
         :class="prefix('focus:outline-none peer')"
         raw
       >

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageFeature = ComponentConfig<typeof theme, AppConfig, 'pageFeature'>;
 export interface PageFeatureProps {
@@ -24,7 +25,7 @@ export interface PageFeatureProps {
     orientation?: PageFeature['variants']['orientation'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: PageFeature['slots'];
 }

package/dist/runtime/components/PageGrid.vue

@@ -16,7 +16,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("pageGrid", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageGrid || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageGrid || {} }));
 </script>
 
 <template>

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

@@ -1,7 +1,7 @@
 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 { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHeader = ComponentConfig<typeof theme, AppConfig, 'pageHeader'>;
 export interface PageHeaderProps {

package/dist/runtime/components/PageHeader.vue

@@ -21,7 +21,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("pageHeader", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageHeader || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageHeader || {} })({
   title: !!props.title || !!slots.title
 }));
 </script>

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

@@ -1,7 +1,7 @@
 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 { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHeader = ComponentConfig<typeof theme, AppConfig, 'pageHeader'>;
 export interface PageHeaderProps {

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

@@ -1,7 +1,7 @@
 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 { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHero = ComponentConfig<typeof theme, AppConfig, 'pageHero'>;
 export interface PageHeroProps {

package/dist/runtime/components/PageHero.vue

@@ -26,7 +26,7 @@ const slots = defineSlots();
 const props = useComponentProps("pageHero", _props);
 const appConfig = useAppConfig();
 const prefix = usePrefix();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageHero || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageHero || {} })({
   orientation: props.orientation,
   reverse: props.reverse,
   title: !!props.title || !!slots.title

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

@@ -1,7 +1,7 @@
 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 { ButtonProps } from './Button.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageHero = ComponentConfig<typeof theme, AppConfig, 'pageHero'>;
 export interface PageHeroProps {

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageLinks = ComponentConfig<typeof theme, AppConfig, 'pageLinks'>;
 export interface PageLink extends Omit<LinkProps, 'custom'> {
@@ -53,7 +54,7 @@ declare const __VLS_export: <T extends PageLink>(__VLS_props: NonNullable<Awaite
     slots: PageLinksSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/PageLinks.vue

@@ -22,7 +22,7 @@ const _props = defineProps({
 const slots = defineSlots();
 const props = useComponentProps("pageLinks", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageLinks || {} })());
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageLinks || {} })());
 </script>
 
 <template>

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

@@ -1,7 +1,8 @@
 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 { IconProps } from './Icon.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageLinks = ComponentConfig<typeof theme, AppConfig, 'pageLinks'>;
 export interface PageLink extends Omit<LinkProps, 'custom'> {
@@ -53,7 +54,7 @@ declare const __VLS_export: <T extends PageLink>(__VLS_props: NonNullable<Awaite
     slots: PageLinksSlots<T>;
     emit: {};
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];

package/dist/runtime/components/PageList.vue

@@ -17,7 +17,7 @@ const _props = defineProps({
 defineSlots();
 const props = useComponentProps("pageList", _props);
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.pageList || {} }));
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.pageList || {} }));
 </script>
 
 <template>

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

@@ -1,7 +1,7 @@
 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 { MarqueeProps } from './Marquee.vue';
 import type { ComponentConfig } from '../types/tv';
 type PageLogos = ComponentConfig<typeof theme, AppConfig, 'pageLogos'>;
 type PageLogosItem = {