@nuxt/ui 4.9.0 → 4.10.0

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

@@ -1,5 +1,5 @@
 import { type VNode } from 'vue';
-import type { ThemeDefaults, ThemeUI } from '../composables/useComponentProps';
+import type { ThemeDefaults, ThemeUI } from '../types/theme';
 export interface ThemeProps {
     /**
      * Per-component prop defaults that flow through `useComponentProps` to

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

@@ -1,7 +1,8 @@
 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 { AvatarProps } from './Avatar.vue';
+import type { IconProps } from './Icon.vue';
 import type { DynamicSlots, GetItemKeys } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Timeline = ComponentConfig<typeof theme, AppConfig, 'timeline'>;
@@ -78,7 +79,7 @@ declare const __VLS_export: <T extends TimelineItem>(__VLS_props: NonNullable<Aw
     slots: TimelineSlots<T>;
     emit: ((evt: "select", event: Event, item: T) => void) & ((event: "update:modelValue", value: string | number | 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/Timeline.vue

@@ -27,7 +27,7 @@ const slots = defineSlots();
 const props = useComponentProps("timeline", _props);
 const modelValue = defineModel({ type: [String, Number] });
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.timeline || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.timeline || {} })({
   orientation: props.orientation,
   size: props.size,
   color: props.color,

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

@@ -1,7 +1,8 @@
 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 { AvatarProps } from './Avatar.vue';
+import type { IconProps } from './Icon.vue';
 import type { DynamicSlots, GetItemKeys } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Timeline = ComponentConfig<typeof theme, AppConfig, 'timeline'>;
@@ -78,7 +79,7 @@ declare const __VLS_export: <T extends TimelineItem>(__VLS_props: NonNullable<Aw
     slots: TimelineSlots<T>;
     emit: ((evt: "select", event: Event, item: T) => void) & ((event: "update:modelValue", value: string | number | 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/Toast.d.vue.ts

@@ -2,7 +2,11 @@ import type { ToastRootProps, ToastRootEmits } from 'reka-ui';
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/toast';
-import type { AvatarProps, ButtonProps, IconProps, ProgressProps, LinkPropsKeys } from '../types';
+import type { AvatarProps } from './Avatar.vue';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { ProgressProps } from './Progress.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
@@ -82,8 +86,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastP
     height: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pause: () => any;
-    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    "update:open": (value: boolean) => any;
     resume: () => any;
     swipeStart: (event: {
         currentTarget: EventTarget & HTMLElement;
@@ -123,8 +127,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastP
     }>, "currentTarget">) => any;
 }, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
     onPause?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onResume?: (() => any) | undefined;
     onSwipeStart?: ((event: {
         currentTarget: EventTarget & HTMLElement;

package/dist/runtime/components/Toast.vue

@@ -40,7 +40,7 @@ const props = useComponentProps("toast", _props);
 const { t } = useLocale();
 const appConfig = useAppConfig();
 const rootProps = useForwardProps(reactivePick(props, "as", "defaultOpen", "open", "duration", "type"), emits);
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.toast || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.toast || {} })({
   color: props.color,
   orientation: props.orientation,
   title: !!props.title || !!slots.title

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

@@ -2,7 +2,11 @@ import type { ToastRootProps, ToastRootEmits } from 'reka-ui';
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/toast';
-import type { AvatarProps, ButtonProps, IconProps, ProgressProps, LinkPropsKeys } from '../types';
+import type { AvatarProps } from './Avatar.vue';
+import type { ButtonProps } from './Button.vue';
+import type { IconProps } from './Icon.vue';
+import type { ProgressProps } from './Progress.vue';
+import type { LinkPropsKeys } from './Link.vue';
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
@@ -82,8 +86,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastP
     height: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pause: () => any;
-    "update:open": (value: boolean) => any;
     escapeKeyDown: (event: KeyboardEvent) => any;
+    "update:open": (value: boolean) => any;
     resume: () => any;
     swipeStart: (event: {
         currentTarget: EventTarget & HTMLElement;
@@ -123,8 +127,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToastP
     }>, "currentTarget">) => any;
 }, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
     onPause?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onResume?: (() => any) | undefined;
     onSwipeStart?: ((event: {
         currentTarget: EventTarget & HTMLElement;

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

@@ -42,8 +42,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Toaste
     progress: boolean;
     expand: boolean;
     max: number;
-    duration: number;
     portal: boolean | string | HTMLElement;
+    duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Toaster.vue

@@ -52,7 +52,7 @@ const swipeDirection = computed(() => {
   }
   return "right";
 });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.toaster || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.toaster || {} })({
   position: props.position,
   swipeDirection: swipeDirection.value
 }));

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

@@ -42,8 +42,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Toaste
     progress: boolean;
     expand: boolean;
     max: number;
-    duration: number;
     portal: boolean | string | HTMLElement;
+    duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -2,7 +2,7 @@ import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipCo
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/tooltip';
-import type { KbdProps } from '../types';
+import type { KbdProps } from './Kbd.vue';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Tooltip = ComponentConfig<typeof theme, AppConfig, 'tooltip'>;

package/dist/runtime/components/Tooltip.vue

@@ -40,7 +40,7 @@ const rootProps = useForwardProps(reactivePick(props, "defaultOpen", "open", "de
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => defu(props.content, providerContext.content.value, { side: "bottom", sideOffset: 8, collisionPadding: 8 }));
 const arrowProps = toRef(() => defu(props.arrow, { rounded: true }));
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.tooltip || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.tooltip || {} })({
   side: contentProps.value.side
 }));
 </script>

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

@@ -2,7 +2,7 @@ import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipCo
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/tooltip';
-import type { KbdProps } from '../types';
+import type { KbdProps } from './Kbd.vue';
 import type { EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Tooltip = ComponentConfig<typeof theme, AppConfig, 'tooltip'>;

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

@@ -2,7 +2,7 @@ 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 { IconProps } from './Icon.vue';
 import type { DynamicSlots, GetItemKeys } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Tree = ComponentConfig<typeof theme, AppConfig, 'tree'>;
@@ -147,7 +147,7 @@ declare const __VLS_export: <T extends TreeItem[], M extends boolean = false>(__
     slots: TreeSlots<T>;
     emit: ((evt: "update:modelValue", val: M extends true ? T[number][] : T[number]) => void) & ((evt: "update:expanded", val: string[]) => 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/Tree.vue

@@ -92,7 +92,7 @@ const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate({
     }
   }
 });
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.tree || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.tree || {} })({
   color: props.color,
   size: props.size,
   virtualize: !!props.virtualize
@@ -229,11 +229,11 @@ defineExpose({
   <TreeRoot
     ref="rootRef"
     v-slot="{ flattenItems }"
+    data-slot="root"
     v-bind="{ ...rootProps, ...$attrs }"
     :as="as.root"
     :model-value="props.modelValue"
     :default-value="props.defaultValue"
-    data-slot="root"
     :class="ui.root({ class: [props.ui?.root, props.class] })"
     :get-key="getItemKey"
     :default-expanded="defaultExpanded"

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

@@ -2,7 +2,7 @@ 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 { IconProps } from './Icon.vue';
 import type { DynamicSlots, GetItemKeys } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Tree = ComponentConfig<typeof theme, AppConfig, 'tree'>;
@@ -147,7 +147,7 @@ declare const __VLS_export: <T extends TreeItem[], M extends boolean = false>(__
     slots: TreeSlots<T>;
     emit: ((evt: "update:modelValue", val: M extends true ? T[number][] : T[number]) => void) & ((evt: "update:expanded", val: string[]) => 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/User.d.vue.ts

@@ -1,7 +1,9 @@
 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 { AvatarProps } from './Avatar.vue';
+import type { ChipProps } from './Chip.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type User = ComponentConfig<typeof theme, AppConfig, 'user'>;
 export interface UserProps {
@@ -27,7 +29,7 @@ export interface UserProps {
     orientation?: User['variants']['orientation'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: User['slots'];
 }

package/dist/runtime/components/User.vue

@@ -31,7 +31,7 @@ const slots = defineSlots();
 const props = useComponentProps("user", _props);
 const appConfig = useAppConfig();
 const prefix = usePrefix();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.user || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.user || {} })({
   size: props.size,
   orientation: props.orientation,
   to: !!props.to || !!props.onClick
@@ -39,7 +39,14 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.user || {} })
 </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"
+  >
     <slot name="avatar" :ui="ui">
       <UChip v-if="props.chip && props.avatar" inset v-bind="typeof props.chip === 'object' ? props.chip : {}" :size="props.size">
         <UAvatar :alt="props.name" v-bind="props.avatar" :size="props.size" data-slot="avatar" :class="ui.avatar({ class: props.ui?.avatar })" />
@@ -58,7 +65,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.user || {} })
       <ULink
         v-if="props.to"
         :aria-label="props.name"
-        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/User.vue.d.ts

@@ -1,7 +1,9 @@
 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 { AvatarProps } from './Avatar.vue';
+import type { ChipProps } from './Chip.vue';
+import type { LinkProps } from './Link.vue';
 import type { ComponentConfig } from '../types/tv';
 type User = ComponentConfig<typeof theme, AppConfig, 'user'>;
 export interface UserProps {
@@ -27,7 +29,7 @@ export interface UserProps {
     orientation?: User['variants']['orientation'];
     to?: LinkProps['to'];
     target?: LinkProps['target'];
-    onClick?: (event: MouseEvent) => void | Promise<void>;
+    onClick?: (event: MouseEvent) => void;
     class?: any;
     ui?: User['slots'];
 }

package/dist/runtime/components/color-mode/ColorModeAvatar.d.vue.ts

@@ -1,4 +1,4 @@
-import type { AvatarProps } from '../../types';
+import type { AvatarProps } from '../Avatar.vue';
 export interface ColorModeAvatarProps extends Omit<AvatarProps, 'src'> {
     light: string;
     dark: string;

package/dist/runtime/components/color-mode/ColorModeAvatar.vue.d.ts

@@ -1,4 +1,4 @@
-import type { AvatarProps } from '../../types';
+import type { AvatarProps } from '../Avatar.vue';
 export interface ColorModeAvatarProps extends Omit<AvatarProps, 'src'> {
     light: string;
     dark: string;

package/dist/runtime/components/color-mode/ColorModeButton.d.vue.ts

@@ -1,4 +1,5 @@
-import type { ButtonProps, LinkPropsKeys } from '../../types';
+import type { ButtonProps } from '../Button.vue';
+import type { LinkPropsKeys } from '../Link.vue';
 export interface ColorModeButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'color' | 'variant'> {
     /**
      * @defaultValue 'neutral'
@@ -12,6 +13,6 @@ export interface ColorModeButtonProps extends Omit<ButtonProps, LinkPropsKeys |
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/color-mode/ColorModeButton.vue.d.ts

@@ -1,4 +1,5 @@
-import type { ButtonProps, LinkPropsKeys } from '../../types';
+import type { ButtonProps } from '../Button.vue';
+import type { LinkPropsKeys } from '../Link.vue';
 export interface ColorModeButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'color' | 'variant'> {
     /**
      * @defaultValue 'neutral'
@@ -12,6 +13,6 @@ export interface ColorModeButtonProps extends Omit<ButtonProps, LinkPropsKeys |
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/color-mode/ColorModeSelect.d.vue.ts

@@ -1,4 +1,4 @@
-import type { SelectMenuProps, SelectMenuItem } from '../../types';
+import type { SelectMenuProps, SelectMenuItem } from '../SelectMenu.vue';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/color-mode/ColorModeSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SelectMenuProps, SelectMenuItem } from '../../types';
+import type { SelectMenuProps, SelectMenuItem } from '../SelectMenu.vue';
 export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,4 +1,4 @@
-import type { SwitchProps } from '../../types';
+import type { SwitchProps } from '../Switch.vue';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SwitchProps } from '../../types';
+import type { SwitchProps } from '../Switch.vue';
 export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/content/ContentNavigation.d.vue.ts

@@ -3,7 +3,9 @@ import type { VNode } from 'vue';
 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 { BadgeProps } from '../Badge.vue';
+import type { IconProps } from '../Icon.vue';
+import type { LinkProps } from '../Link.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ContentNavigation = ComponentConfig<typeof theme, AppConfig, 'contentNavigation'>;
 export interface ContentNavigationLink extends ContentNavigationItem {
@@ -100,7 +102,7 @@ declare const __VLS_export: <T extends ContentNavigationLink>(__VLS_props: NonNu
     slots: ContentNavigationSlots<T>;
     emit: (evt: "update:modelValue", value: string | string[] | 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/content/ContentNavigation.vue

@@ -42,7 +42,7 @@ const rootProps = useForwardProps(reactivePick(props, "collapsible", "type", "un
 const route = useRoute();
 const appConfig = useAppConfig();
 const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentNavigation || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.contentNavigation || {} })({
   color: props.color,
   variant: props.variant,
   highlight: props.highlight,
@@ -105,9 +105,9 @@ const defaultValue = computed(() => {
     </slot>
   </DefineLinkTemplate>
 
-  <Primitive :as="props.as" v-bind="$attrs" :as-child="props.level > 0" data-slot="root" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Primitive :as="props.as" data-slot="root" v-bind="$attrs" :as-child="props.level > 0" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <AccordionRoot as="ul" :disabled="disabled" v-bind="rootProps" :default-value="defaultValue" :class="props.level > 0 ? ui.listWithChildren({ class: props.ui?.listWithChildren }) : ui.list({ class: props.ui?.list })">
-      <template v-for="(link, index) in props.navigation" :key="index">
+      <template v-for="(link, index) in props.navigation" :key="`${index}-${link.path}`">
         <AccordionItem
           v-if="link.children?.length"
           as="li"

package/dist/runtime/components/content/ContentNavigation.vue.d.ts

@@ -3,7 +3,9 @@ import type { VNode } from 'vue';
 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 { BadgeProps } from '../Badge.vue';
+import type { IconProps } from '../Icon.vue';
+import type { LinkProps } from '../Link.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ContentNavigation = ComponentConfig<typeof theme, AppConfig, 'contentNavigation'>;
 export interface ContentNavigationLink extends ContentNavigationItem {
@@ -100,7 +102,7 @@ declare const __VLS_export: <T extends ContentNavigationLink>(__VLS_props: NonNu
     slots: ContentNavigationSlots<T>;
     emit: (evt: "update:modelValue", value: string | string[] | 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/content/ContentSearch.d.vue.ts

@@ -3,7 +3,12 @@ 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, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps, InputProps, LinkPropsKeys } from '../../types';
+import type { ButtonProps } from '../Button.vue';
+import type { LinkProps, LinkPropsKeys } from '../Link.vue';
+import type { ModalProps } from '../Modal.vue';
+import type { CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem } from '../CommandPalette.vue';
+import type { IconProps } from '../Icon.vue';
+import type { InputProps } from '../Input.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearch = ComponentConfig<typeof theme, AppConfig, 'contentSearch'>;
 export interface ContentSearchLink extends Omit<LinkProps, 'custom'> {
@@ -44,7 +49,7 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconProps['name'];
 }
-export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
+export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal' | 'unmountOnHide'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
     /**
      * @defaultValue 'md'
      */
@@ -134,7 +139,7 @@ declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullab
     slots: ContentSearchSlots;
     emit: (event: "update:searchTerm", value: string) => 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/content/ContentSearch.vue

@@ -39,6 +39,7 @@ const _props = defineProps({
   fullscreen: { type: Boolean, required: false, default: false },
   modal: { type: Boolean, required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
+  unmountOnHide: { type: Boolean, required: false },
   icon: { type: [String, Boolean], required: false, skipCheck: true },
   trailingIcon: { type: null, required: false },
   selectedIcon: { type: null, required: false },
@@ -66,7 +67,7 @@ const { open, mapNavigationItems, mapLinks, mapSearchResults, postFilter } = use
 const colorMode = useColorMode();
 const appConfig = useAppConfig();
 const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "trailingIcon", "selectedIcon", "childrenIcon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon", "back", "backIcon", "disabled", "highlightOnHover", "labelKey", "descriptionKey", "preserveGroupOrder", "virtualize", "searchDelay"));
-const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
+const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal", "unmountOnHide"));
 const inputProps = computed(() => {
   if (props.input === false) {
     return false;
@@ -81,7 +82,7 @@ const fuse = computed(() => defu({}, props.fuse, {
   },
   resultLimit: 12
 }));
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearch || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.contentSearch || {} })({
   size: props.size,
   fullscreen: props.fullscreen
 }));

package/dist/runtime/components/content/ContentSearch.vue.d.ts

@@ -3,7 +3,12 @@ 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, LinkProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps, InputProps, LinkPropsKeys } from '../../types';
+import type { ButtonProps } from '../Button.vue';
+import type { LinkProps, LinkPropsKeys } from '../Link.vue';
+import type { ModalProps } from '../Modal.vue';
+import type { CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem } from '../CommandPalette.vue';
+import type { IconProps } from '../Icon.vue';
+import type { InputProps } from '../Input.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearch = ComponentConfig<typeof theme, AppConfig, 'contentSearch'>;
 export interface ContentSearchLink extends Omit<LinkProps, 'custom'> {
@@ -44,7 +49,7 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconProps['name'];
 }
-export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
+export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal' | 'unmountOnHide'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
     /**
      * @defaultValue 'md'
      */
@@ -134,7 +139,7 @@ declare const __VLS_export: <T extends ContentSearchLink>(__VLS_props: NonNullab
     slots: ContentSearchSlots;
     emit: (event: "update:searchTerm", value: string) => 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/content/ContentSearchButton.d.vue.ts

@@ -1,6 +1,10 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/content/content-search-button';
-import type { ButtonProps, ButtonSlots, IconProps, KbdProps, TooltipProps, LinkPropsKeys } from '../../types';
+import type { ButtonProps, ButtonSlots } from '../Button.vue';
+import type { IconProps } from '../Icon.vue';
+import type { KbdProps } from '../Kbd.vue';
+import type { TooltipProps } from '../Tooltip.vue';
+import type { LinkPropsKeys } from '../Link.vue';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
 export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'label' | 'color' | 'variant'> {
@@ -47,10 +51,10 @@ export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKey
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
-    color: "error" | "neutral" | "primary" | "secondary" | "success" | "info" | "warning";
-    tooltip: boolean | TooltipProps;
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     kbds: KbdProps["value"][] | KbdProps[];
     collapsed: boolean;
+    tooltip: boolean | TooltipProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/content/ContentSearchButton.vue

@@ -56,7 +56,7 @@ const tooltipProps = toRef(() => defu(typeof props.tooltip === "boolean" ? {} :
 const { t } = useLocale();
 const { open } = useContentSearch();
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearchButton || {} })({
+const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.contentSearchButton || {} })({
   collapsed: props.collapsed
 }));
 </script>