@nuxt/ui 4.5.0 → 4.6.0

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { SpringOptions, UseScrollOptions } from 'motion-v';
 import theme from '#build/ui/changelog-versions';
@@ -28,14 +29,14 @@ export interface ChangelogVersionsProps<T extends ChangelogVersionProps = Change
     class?: any;
     ui?: ChangelogVersions['slots'];
 }
-type ExtendSlotWithVersion<T extends ChangelogVersionProps, K extends keyof ChangelogVersionSlots> = ChangelogVersionSlots[K] extends (props: infer P) => any ? (props: P & {
+type ExtendSlotWithVersion<T extends ChangelogVersionProps, K extends keyof ChangelogVersionSlots> = Required<ChangelogVersionSlots>[K] extends (props: infer P) => VNode[] ? (props: P & {
     version: T;
-}) => any : ChangelogVersionSlots[K];
+}) => VNode[] : Required<ChangelogVersionSlots>[K];
 export type ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVersionProps> = {
-    [K in keyof ChangelogVersionSlots]: ExtendSlotWithVersion<T, K>;
+    [K in keyof ChangelogVersionSlots]?: ExtendSlotWithVersion<T, K>;
 } & {
-    default(props?: {}): any;
-    indicator(props?: {}): any;
+    default?(props?: {}): VNode[];
+    indicator?(props?: {}): VNode[];
 };
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ChangelogVersions.vue

@@ -28,7 +28,7 @@ const springOptions = computed(() => defu(typeof props.indicatorMotion === "obje
 const scrollOptions = computed(() => typeof props.indicator === "object" ? props.indicator : {});
 const { scrollYProgress } = useScroll(scrollOptions.value);
 const y = useSpring(scrollYProgress, springOptions);
-const height = useTransform(() => `${y.get() * 100}%`);
+const height = useTransform(() => `${Number(y.get()) * 100}%`);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.changelogVersions || {} })());
 </script>
 

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { SpringOptions, UseScrollOptions } from 'motion-v';
 import theme from '#build/ui/changelog-versions';
@@ -28,14 +29,14 @@ export interface ChangelogVersionsProps<T extends ChangelogVersionProps = Change
     class?: any;
     ui?: ChangelogVersions['slots'];
 }
-type ExtendSlotWithVersion<T extends ChangelogVersionProps, K extends keyof ChangelogVersionSlots> = ChangelogVersionSlots[K] extends (props: infer P) => any ? (props: P & {
+type ExtendSlotWithVersion<T extends ChangelogVersionProps, K extends keyof ChangelogVersionSlots> = Required<ChangelogVersionSlots>[K] extends (props: infer P) => VNode[] ? (props: P & {
     version: T;
-}) => any : ChangelogVersionSlots[K];
+}) => VNode[] : Required<ChangelogVersionSlots>[K];
 export type ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVersionProps> = {
-    [K in keyof ChangelogVersionSlots]: ExtendSlotWithVersion<T, K>;
+    [K in keyof ChangelogVersionSlots]?: ExtendSlotWithVersion<T, K>;
 } & {
-    default(props?: {}): any;
-    indicator(props?: {}): any;
+    default?(props?: {}): VNode[];
+    indicator?(props?: {}): VNode[];
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,6 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
-import type { UIMessage } from 'ai';
+import type { UIMessage, FileUIPart } from 'ai';
 import theme from '#build/ui/chat-message';
 import type { AvatarProps, ButtonProps, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
@@ -48,14 +49,17 @@ export interface ChatMessageProps extends UIMessage {
     ui?: ChatMessage['slots'];
 }
 export interface ChatMessageSlots {
-    leading(props: {
+    leading?(props: {
         avatar: ChatMessageProps['avatar'];
         ui: ChatMessage['ui'];
-    }): any;
-    content(props: ChatMessageProps): any;
-    actions(props: {
+    }): VNode[];
+    files?(props: {
+        parts: FileUIPart[];
+    }): VNode[];
+    content?(props: ChatMessageProps): VNode[];
+    actions?(props: {
         actions: ChatMessageProps['actions'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ChatMessage.vue

@@ -32,6 +32,7 @@ const props = defineProps({
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const uiProp = useComponentUI("chatMessage", props);
+const fileParts = computed(() => props.parts?.filter((part) => part.type === "file") ?? []);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.chatMessage || {} })({
   variant: props.variant,
   side: props.side,
@@ -43,6 +44,10 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.chatMessage |
 
 <template>
   <Primitive :as="as" :data-role="role" data-slot="root" :class="ui.root({ class: [uiProp?.root, props.class] })">
+    <div v-if="!!slots.files" data-slot="files" :class="ui.files({ class: uiProp?.files })">
+      <slot name="files" :parts="fileParts" />
+    </div>
+
     <div data-slot="container" :class="ui.container({ class: uiProp?.container })">
       <div v-if="icon || avatar || !!slots.leading" data-slot="leading" :class="ui.leading({ class: uiProp?.leading })">
         <slot name="leading" :avatar="avatar" :ui="ui">

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

@@ -1,5 +1,6 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
-import type { UIMessage } from 'ai';
+import type { UIMessage, FileUIPart } from 'ai';
 import theme from '#build/ui/chat-message';
 import type { AvatarProps, ButtonProps, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
@@ -48,14 +49,17 @@ export interface ChatMessageProps extends UIMessage {
     ui?: ChatMessage['slots'];
 }
 export interface ChatMessageSlots {
-    leading(props: {
+    leading?(props: {
         avatar: ChatMessageProps['avatar'];
         ui: ChatMessage['ui'];
-    }): any;
-    content(props: ChatMessageProps): any;
-    actions(props: {
+    }): VNode[];
+    files?(props: {
+        parts: FileUIPart[];
+    }): VNode[];
+    content?(props: ChatMessageProps): VNode[];
+    actions?(props: {
         actions: ChatMessageProps['actions'];
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { UIMessage, ChatStatus } from 'ai';
 import theme from '#build/ui/chat-messages';
@@ -53,20 +54,20 @@ export interface ChatMessagesProps {
     class?: any;
     ui?: ChatMessages['slots'];
 }
-type ExtendSlotWithVersion<K extends keyof ChatMessageSlots> = ChatMessageSlots[K] extends (props: infer P) => any ? (props: P & {
+type ExtendSlotWithVersion<K extends keyof ChatMessageSlots> = Required<ChatMessageSlots>[K] extends (props: infer P) => VNode[] ? (props: P & {
     message: UIMessage;
-}) => any : ChatMessageSlots[K];
+}) => VNode[] : Required<ChatMessageSlots>[K];
 export type ChatMessagesSlots = {
-    [K in keyof ChatMessageSlots]: ExtendSlotWithVersion<K>;
+    [K in keyof ChatMessageSlots]?: ExtendSlotWithVersion<K>;
 } & {
-    default(props?: {}): any;
-    indicator(props: {
+    default?(props?: {}): VNode[];
+    indicator?(props: {
         ui: ChatMessages['ui'];
-    }): any;
-    viewport(props: {
+    }): VNode[];
+    viewport?(props: {
         ui: ChatMessages['ui'];
         onClick: () => void;
-    }): any;
+    }): VNode[];
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { UIMessage, ChatStatus } from 'ai';
 import theme from '#build/ui/chat-messages';
@@ -53,20 +54,20 @@ export interface ChatMessagesProps {
     class?: any;
     ui?: ChatMessages['slots'];
 }
-type ExtendSlotWithVersion<K extends keyof ChatMessageSlots> = ChatMessageSlots[K] extends (props: infer P) => any ? (props: P & {
+type ExtendSlotWithVersion<K extends keyof ChatMessageSlots> = Required<ChatMessageSlots>[K] extends (props: infer P) => VNode[] ? (props: P & {
     message: UIMessage;
-}) => any : ChatMessageSlots[K];
+}) => VNode[] : Required<ChatMessageSlots>[K];
 export type ChatMessagesSlots = {
-    [K in keyof ChatMessageSlots]: ExtendSlotWithVersion<K>;
+    [K in keyof ChatMessageSlots]?: ExtendSlotWithVersion<K>;
 } & {
-    default(props?: {}): any;
-    indicator(props: {
+    default?(props?: {}): VNode[];
+    indicator?(props: {
         ui: ChatMessages['ui'];
-    }): any;
-    viewport(props: {
+    }): VNode[];
+    viewport?(props: {
         ui: ChatMessages['ui'];
         onClick: () => void;
-    }): any;
+    }): VNode[];
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chat-palette';
 import type { ComponentConfig } from '../types/tv';
@@ -12,8 +13,8 @@ export interface ChatPaletteProps {
     ui?: ChatPalette['slots'];
 }
 export interface ChatPaletteSlots {
-    default(props?: {}): any;
-    prompt(props?: {}): any;
+    default?(props?: {}): VNode[];
+    prompt?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chat-palette';
 import type { ComponentConfig } from '../types/tv';
@@ -12,8 +13,8 @@ export interface ChatPaletteProps {
     ui?: ChatPalette['slots'];
 }
 export interface ChatPaletteSlots {
-    default(props?: {}): any;
-    prompt(props?: {}): any;
+    default?(props?: {}): VNode[];
+    prompt?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chat-prompt';
 import type { TextareaProps, TextareaSlots } from '../types';
@@ -27,8 +28,8 @@ export interface ChatPromptEmits {
     close: [event: Event];
 }
 export interface ChatPromptSlots extends TextareaSlots {
-    header(props?: {}): any;
-    footer(props?: {}): any;
+    header?(props?: {}): VNode[];
+    footer?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chat-prompt';
 import type { TextareaProps, TextareaSlots } from '../types';
@@ -27,8 +28,8 @@ export interface ChatPromptEmits {
     close: [event: Event];
 }
 export interface ChatPromptSlots extends TextareaSlots {
-    header(props?: {}): any;
-    footer(props?: {}): any;
+    header?(props?: {}): VNode[];
+    footer?(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,78 @@
+import type { CollapsibleRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/chat-reasoning';
+import type { IconProps } from '../types';
+import type { ChatShimmerProps } from './ChatShimmer.vue';
+import type { ComponentConfig } from '../types/tv';
+type ChatReasoning = ComponentConfig<typeof theme, AppConfig, 'chatReasoning'>;
+export interface ChatReasoningProps extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open' | 'disabled' | 'unmountOnHide'> {
+    /**
+     * The reasoning text content to display.
+     */
+    text?: string;
+    /**
+     * Whether the reasoning content is currently streaming.
+     * @defaultValue false
+     */
+    streaming?: boolean;
+    /**
+     * The duration in seconds that the AI spent reasoning.
+     * If not provided, it will be calculated automatically based on streaming time.
+     */
+    duration?: number;
+    /**
+     * The icon displayed next to the trigger.
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    /**
+     * The position of the chevron icon.
+     * @defaultValue 'trailing'
+     */
+    chevron?: 'leading' | 'trailing';
+    /**
+     * The icon displayed as the chevron.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     * @IconifyIcon
+     */
+    chevronIcon?: IconProps['name'];
+    /**
+     * The delay in milliseconds before auto-closing when streaming ends.
+     * Set to `0` to disable auto-close.
+     * @defaultValue 500
+     */
+    autoCloseDelay?: number;
+    /**
+     * Customize the [`ChatShimmer`](https://ui.nuxt.com/docs/components/chat-shimmer) component when streaming.
+     */
+    shimmer?: Partial<Omit<ChatShimmerProps, 'text'>>;
+    class?: any;
+    ui?: ChatReasoning['slots'];
+}
+export interface ChatReasoningEmits {
+    'update:open': [value: boolean];
+}
+export interface ChatReasoningSlots {
+    default?(props: {
+        open: boolean;
+    }): VNode[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatReasoningProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ChatReasoningProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    streaming: boolean;
+    unmountOnHide: boolean;
+    chevron: "leading" | "trailing";
+    autoCloseDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatReasoningSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ChatReasoning.vue

@@ -0,0 +1,162 @@
+<script>
+import theme from "#build/ui/chat-reasoning";
+</script>
+
+<script setup>
+import { ref, computed, watch, onUnmounted, nextTick, useTemplateRef } from "vue";
+import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
+import { useLocale } from "../composables/useLocale";
+import { useScrollShadow } from "../composables/useScrollShadow";
+import { tv } from "../utils/tv";
+import UIcon from "./Icon.vue";
+import UChatShimmer from "./ChatShimmer.vue";
+const props = defineProps({
+  text: { type: String, required: false },
+  streaming: { type: Boolean, required: false, default: false },
+  duration: { type: Number, required: false },
+  icon: { type: null, required: false },
+  chevron: { type: String, required: false, default: "trailing" },
+  chevronIcon: { type: null, required: false },
+  autoCloseDelay: { type: Number, required: false, default: 500 },
+  shimmer: { type: Object, required: false },
+  class: { type: null, required: false },
+  ui: { type: Object, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false },
+  unmountOnHide: { type: Boolean, required: false, default: false }
+});
+const emits = defineEmits(["update:open"]);
+defineSlots();
+const { t, code } = useLocale();
+const appConfig = useAppConfig();
+const uiProp = useComponentUI("chatReasoning", props);
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.chatReasoning || {} })({
+  chevron: props.chevron
+}));
+const isControlled = computed(() => props.open !== void 0);
+const internalOpen = ref(props.defaultOpen ?? props.streaming);
+const startTime = ref(props.streaming ? Date.now() : null);
+const internalDuration = ref(void 0);
+const autoCloseTimeout = ref(null);
+watch(() => props.streaming, (streaming, wasStreaming) => {
+  if (streaming) {
+    if (autoCloseTimeout.value) {
+      clearTimeout(autoCloseTimeout.value);
+      autoCloseTimeout.value = null;
+    }
+    if (!wasStreaming) {
+      setOpen(true);
+      startTime.value = Date.now();
+    }
+  } else if (wasStreaming) {
+    if (startTime.value !== null) {
+      internalDuration.value = Math.ceil((Date.now() - startTime.value) / 1e3);
+      startTime.value = null;
+    }
+    if (props.autoCloseDelay > 0) {
+      autoCloseTimeout.value = setTimeout(() => {
+        setOpen(false);
+      }, props.autoCloseDelay);
+    }
+  }
+}, { immediate: true });
+const actualDuration = computed(() => props.duration ?? internalDuration.value);
+const thinkingText = computed(() => {
+  if (props.streaming || actualDuration.value === 0) {
+    return t("chatReasoning.thinking");
+  }
+  if (actualDuration.value === void 0) {
+    return t("chatReasoning.thought");
+  }
+  const d = actualDuration.value;
+  const unit = d < 60 ? "second" : "minute";
+  const value = d < 60 ? d : Math.floor(d / 60);
+  const duration = new Intl.NumberFormat(code.value, { style: "unit", unit, unitDisplay: "long" }).format(value);
+  return t("chatReasoning.thoughtFor", { duration });
+});
+const resolvedOpen = computed(() => isControlled.value ? props.open : internalOpen.value);
+function setOpen(value) {
+  if (autoCloseTimeout.value) {
+    clearTimeout(autoCloseTimeout.value);
+    autoCloseTimeout.value = null;
+  }
+  internalOpen.value = value;
+  emits("update:open", value);
+}
+onUnmounted(() => {
+  if (autoCloseTimeout.value) {
+    clearTimeout(autoCloseTimeout.value);
+  }
+});
+const hasContent = computed(() => !!props.text || props.streaming);
+const chevronIconName = computed(() => props.chevronIcon || appConfig.ui.icons?.chevronDown);
+const bodyRef = useTemplateRef("bodyRef");
+const { style: scrollShadowStyle } = useScrollShadow(bodyRef);
+watch(() => props.text, () => {
+  if (!props.streaming || !bodyRef.value) return;
+  const el = bodyRef.value;
+  const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+  if (distanceFromBottom < 50) {
+    nextTick(() => {
+      el.scrollTop = el.scrollHeight;
+    });
+  }
+});
+</script>
+
+<template>
+  <CollapsibleRoot
+    v-if="hasContent"
+    v-slot="{ open: isOpen }"
+    :open="resolvedOpen"
+    :disabled="disabled"
+    :unmount-on-hide="unmountOnHide"
+    data-slot="root"
+    :class="ui.root({ class: [uiProp?.root, props.class] })"
+    @update:open="setOpen"
+  >
+    <CollapsibleTrigger as-child :disabled="!hasContent">
+      <button
+        type="button"
+        data-slot="trigger"
+        :class="ui.trigger({ class: uiProp?.trigger })"
+      >
+        <span v-if="icon || hasContent && chevron === 'leading'" data-slot="leading" :class="ui.leading({ class: uiProp?.leading })">
+          <UIcon
+            v-if="icon"
+            :name="icon"
+            data-slot="leadingIcon"
+            :class="ui.leadingIcon({ class: uiProp?.leadingIcon, alone: !(hasContent && chevron === 'leading') })"
+          />
+          <UIcon
+            v-if="hasContent && chevron === 'leading'"
+            :name="chevronIconName"
+            data-slot="chevronIcon"
+            :class="ui.chevronIcon({ class: uiProp?.chevronIcon, alone: !icon })"
+          />
+        </span>
+
+        <UChatShimmer v-if="streaming" :text="thinkingText" v-bind="props.shimmer" data-slot="label" :class="ui.label({ class: uiProp?.label })" />
+        <span v-else data-slot="label" :class="ui.label({ class: uiProp?.label })">{{ thinkingText }}</span>
+
+        <UIcon
+          v-if="hasContent && chevron === 'trailing'"
+          :name="chevronIconName"
+          data-slot="trailingIcon"
+          :class="ui.trailingIcon({ class: uiProp?.trailingIcon })"
+        />
+      </button>
+    </CollapsibleTrigger>
+
+    <CollapsibleContent data-slot="content" :class="ui.content({ class: uiProp?.content })">
+      <div ref="bodyRef" data-slot="body" :class="ui.body({ class: uiProp?.body })" :style="scrollShadowStyle">
+        <slot :open="isOpen">
+          {{ text }}
+        </slot>
+      </div>
+    </CollapsibleContent>
+  </CollapsibleRoot>
+</template>

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

@@ -0,0 +1,78 @@
+import type { CollapsibleRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/chat-reasoning';
+import type { IconProps } from '../types';
+import type { ChatShimmerProps } from './ChatShimmer.vue';
+import type { ComponentConfig } from '../types/tv';
+type ChatReasoning = ComponentConfig<typeof theme, AppConfig, 'chatReasoning'>;
+export interface ChatReasoningProps extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open' | 'disabled' | 'unmountOnHide'> {
+    /**
+     * The reasoning text content to display.
+     */
+    text?: string;
+    /**
+     * Whether the reasoning content is currently streaming.
+     * @defaultValue false
+     */
+    streaming?: boolean;
+    /**
+     * The duration in seconds that the AI spent reasoning.
+     * If not provided, it will be calculated automatically based on streaming time.
+     */
+    duration?: number;
+    /**
+     * The icon displayed next to the trigger.
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    /**
+     * The position of the chevron icon.
+     * @defaultValue 'trailing'
+     */
+    chevron?: 'leading' | 'trailing';
+    /**
+     * The icon displayed as the chevron.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     * @IconifyIcon
+     */
+    chevronIcon?: IconProps['name'];
+    /**
+     * The delay in milliseconds before auto-closing when streaming ends.
+     * Set to `0` to disable auto-close.
+     * @defaultValue 500
+     */
+    autoCloseDelay?: number;
+    /**
+     * Customize the [`ChatShimmer`](https://ui.nuxt.com/docs/components/chat-shimmer) component when streaming.
+     */
+    shimmer?: Partial<Omit<ChatShimmerProps, 'text'>>;
+    class?: any;
+    ui?: ChatReasoning['slots'];
+}
+export interface ChatReasoningEmits {
+    'update:open': [value: boolean];
+}
+export interface ChatReasoningSlots {
+    default?(props: {
+        open: boolean;
+    }): VNode[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatReasoningProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ChatReasoningProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    streaming: boolean;
+    unmountOnHide: boolean;
+    chevron: "leading" | "trailing";
+    autoCloseDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatReasoningSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,34 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/chat-shimmer';
+import type { ComponentConfig } from '../types/tv';
+type ChatShimmer = ComponentConfig<typeof theme, AppConfig, 'chatShimmer'>;
+export interface ChatShimmerProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'span'
+     */
+    as?: any;
+    /**
+     * The text to display with the shimmer effect.
+     */
+    text: string;
+    /**
+     * The duration of the shimmer animation in seconds.
+     * @defaultValue 2
+     */
+    duration?: number;
+    /**
+     * The spread multiplier for the shimmer highlight. The actual spread is computed as `text.length * spread` in pixels.
+     * @defaultValue 2
+     */
+    spread?: number;
+    class?: any;
+    ui?: ChatShimmer['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ChatShimmerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatShimmerProps> & Readonly<{}>, {
+    as: any;
+    duration: number;
+    spread: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;