@eslamdevui/ui 3.3.4 → 4.0.0-beta

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

@@ -1,6 +1,7 @@
-import theme from '#build/ui/changelog-version';
 import type { AppConfig } from '@nuxt/schema';
-import type { BadgeProps, LinkProps, ComponentConfig, UserProps } from '../types';
+import theme from '#build/ui/changelog-version';
+import type { BadgeProps, LinkProps, UserProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
 type ChangelogVersion = ComponentConfig<typeof theme, AppConfig, 'changelogVersion'>;
 export interface ChangelogVersionProps {
     /**
@@ -46,7 +47,7 @@ export interface ChangelogVersionSlots {
     actions(props?: {}): any;
     indicator(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChangelogVersionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChangelogVersionProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChangelogVersionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChangelogVersionProps> & Readonly<{}>, {
     as: any;
     indicator: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChangelogVersionSlots>;

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

@@ -0,0 +1,78 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { SpringOptions } from 'motion-v';
+import theme from '#build/ui/changelog-versions';
+import type { ChangelogVersionProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type ChangelogVersions = ComponentConfig<typeof theme, AppConfig, 'changelogVersions'>;
+export interface ChangelogVersionsProps<T extends ChangelogVersionProps = ChangelogVersionProps> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    versions?: T[];
+    /**
+     * Display an indicator bar on the left.
+     * @defaultValue true
+     */
+    indicator?: boolean;
+    /**
+     * Enable scrolling motion effect on the indicator bar.
+     * `{ damping: 30, restDelta: 0.001 }`{lang="ts-type"}
+     * @defaultValue true
+     * @see https://motion.dev/docs/vue-transitions#spring
+     */
+    indicatorMotion?: boolean | SpringOptions;
+    class?: any;
+    ui?: ChangelogVersions['slots'];
+}
+export interface ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVersionProps> {
+    default(props?: {}): any;
+    indicator(props?: {}): any;
+    header(props: {
+        version: T;
+    }): any;
+    badge(props: {
+        version: T;
+    }): any;
+    date(props: {
+        version: T;
+    }): any;
+    title(props: {
+        version: T;
+    }): any;
+    description(props: {
+        version: T;
+    }): any;
+    image(props: {
+        version: T;
+    }): any;
+    body(props: {
+        version: T;
+    }): any;
+    footer(props: {
+        version: T;
+    }): any;
+    authors(props: {
+        version: T;
+    }): any;
+    actions(props: {
+        version: T;
+    }): any;
+    indicator(props: {
+        version: T;
+    }): any;
+}
+declare const _default: <T extends ChangelogVersionProps>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ChangelogVersionsProps<T> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ChangelogVersionsSlots<T>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/ChangelogVersions.vue

@@ -7,8 +7,8 @@ import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { Motion, useScroll, useSpring, useTransform } from "motion-v";
 import { defu } from "defu";
-import { omit } from "../utils";
 import { useAppConfig } from "#imports";
+import { omit } from "../utils";
 import { tv } from "../utils/tv";
 import UChangelogVersion from "./ChangelogVersion.vue";
 const props = defineProps({
@@ -20,7 +20,7 @@ const props = defineProps({
   ui: { type: null, required: false }
 });
 const slots = defineSlots();
-const proxySlots = omit(slots, ["default", "indicator"]);
+const getProxySlots = () => omit(slots, ["default", "indicator"]);
 const appConfig = useAppConfig();
 const springOptions = computed(() => defu(typeof props.indicatorMotion === "object" ? props.indicatorMotion : {}, { damping: 30, restDelta: 1e-3 }));
 const { scrollYProgress } = useScroll();
@@ -45,7 +45,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.changelogVers
           :indicator="!!props.indicator"
           v-bind="version"
         >
-          <template v-for="(_, name) in proxySlots" #[name]>
+          <template v-for="(_, name) in getProxySlots()" #[name]>
             <slot :name="name" v-bind="{ version }" />
           </template>
         </UChangelogVersion>

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

@@ -1,7 +1,8 @@
-import theme from '#build/ui/changelog-versions';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig, ChangelogVersionProps } from '../types';
 import type { SpringOptions } from 'motion-v';
+import theme from '#build/ui/changelog-versions';
+import type { ChangelogVersionProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
 type ChangelogVersions = ComponentConfig<typeof theme, AppConfig, 'changelogVersions'>;
 export interface ChangelogVersionsProps<T extends ChangelogVersionProps = ChangelogVersionProps> {
     /**
@@ -62,13 +63,16 @@ export interface ChangelogVersionsSlots<T extends ChangelogVersionProps = Change
         version: T;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChangelogVersionsProps<ChangelogVersionProps>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChangelogVersionsProps<ChangelogVersionProps>> & Readonly<{}>, {
-    indicator: boolean;
-    indicatorMotion: boolean | SpringOptions;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChangelogVersionsSlots<ChangelogVersionProps>>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+declare const _default: <T extends ChangelogVersionProps>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ChangelogVersionsProps<T> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ChangelogVersionsSlots<T>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,67 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { UIMessage } from 'ai';
+import theme from '#build/ui/chat-message';
+import type { AvatarProps, ButtonProps, IconProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type ChatMessage = ComponentConfig<typeof theme, AppConfig, 'chatMessage'>;
+export interface ChatMessageProps extends UIMessage {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'article'
+     */
+    as?: any;
+    /**
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    avatar?: AvatarProps & {
+        [key: string]: any;
+    };
+    /**
+     * @defaultValue 'naked'
+     */
+    variant?: ChatMessage['variants']['variant'];
+    /**
+     * @defaultValue 'left'
+     */
+    side?: ChatMessage['variants']['side'];
+    /**
+     * Display a list of actions under the message.
+     * The `label` will be used in a tooltip.
+     * `{ size: 'xs', color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
+     */
+    actions?: (Omit<ButtonProps, 'onClick'> & {
+        onClick?: (e: MouseEvent, message: UIMessage) => void;
+    })[];
+    /**
+     * Render the message in a compact style.
+     * This is done automatically when used inside a `UChatPalette`{lang="ts-type"}.
+     * @defaultValue false
+     */
+    compact?: boolean;
+    /**
+     * @deprecated Use `parts` instead. (https://ai-sdk.dev/docs/migration-guides/migration-guide-5-0#content--parts-array)
+     * Use to display the content of the message.
+     */
+    content?: string;
+    class?: any;
+    ui?: ChatMessage['slots'];
+}
+export interface ChatMessageSlots {
+    leading(props: {
+        avatar: ChatMessageProps['avatar'];
+    }): any;
+    content(props: ChatMessageProps): any;
+    actions(props: {
+        actions: ChatMessageProps['actions'];
+    }): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChatMessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessageProps> & Readonly<{}>, {
+    as: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessageSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ChatMessage.vue

@@ -6,82 +6,84 @@ import theme from "#build/ui/chat-message";
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { omit } from "../utils";
 import { tv } from "../utils/tv";
 import UButton from "./Button.vue";
-import UIcon from "./Icon.vue";
+import UTooltip from "./Tooltip.vue";
 import UAvatar from "./Avatar.vue";
+import UIcon from "./Icon.vue";
 const props = defineProps({
   as: { type: null, required: false, default: "article" },
-  id: { type: String, required: false },
-  content: { type: String, required: false },
-  role: { type: String, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   avatar: { type: Object, required: false },
-  variant: { type: String, required: false, default: "naked" },
-  side: { type: String, required: false, default: "left" },
+  variant: { type: null, required: false },
+  side: { type: null, required: false },
   actions: { type: Array, required: false },
-  compact: { type: Boolean, required: false, default: false },
-  createdAt: { type: Date, required: false },
-  reasoning: { type: String, required: false },
-  experimentalAttachments: { type: Array, required: false },
-  data: { type: [null, String, Number, Boolean, Object, Array], required: false },
-  annotations: { type: Array, required: false },
-  toolInvocations: { type: Array, required: false },
-  parts: { type: Array, required: false },
+  compact: { type: Boolean, required: false },
+  content: { type: String, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false }
+  ui: { type: null, required: false },
+  id: { type: String, required: true },
+  role: { type: String, required: true },
+  metadata: { type: null, required: false },
+  parts: { type: Array, required: true }
 });
-const hasLeading = computed(() => Boolean(props.icon || props.avatar));
-const hasActions = computed(() => Boolean(props.actions && props.actions.length > 0));
+const slots = defineSlots();
 const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.chatMessage || {} })({
   variant: props.variant,
   side: props.side,
-  compact: props.compact,
-  leading: hasLeading.value,
-  actions: hasActions.value
+  leading: !!props.icon || !!props.avatar || !!slots.leading,
+  actions: !!props.actions || !!slots.actions,
+  compact: props.compact
 }));
-const handleActionClick = (e, action) => {
-  if (action.onClick) {
-    action.onClick(e, props);
-  }
-};
 </script>
 
 <template>
-  <Primitive :id="id" :as="as" :data-role="role" :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <Primitive :as="as" :data-role="role" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <div :class="ui.container({ class: props.ui?.container })">
-      <slot name="leading" :avatar="avatar">
-        <div v-if="hasLeading" :class="ui.leading({ class: props.ui?.leading })">
+      <div v-if="icon || avatar || !!slots.leading" :class="ui.leading({ class: props.ui?.leading })">
+        <slot name="leading" :avatar="avatar">
           <UIcon v-if="icon" :name="icon" :class="ui.leadingIcon({ class: props.ui?.leadingIcon })" />
-          <UAvatar
-            v-else-if="avatar"
-            :size="ui.leadingAvatar()"
-            v-bind="avatar"
-            :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })"
-          />
-        </div>
-      </slot>
-      <slot name="content" :content="content">
-        <div :class="ui.content({ class: props.ui?.content })">
-          <slot name="default">
+          <UAvatar v-else-if="avatar" :size="props.ui?.leadingAvatarSize || ui.leadingAvatarSize()" v-bind="avatar" :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar })" />
+        </slot>
+      </div>
+
+      <div v-if="content || parts.length || !!slots.content" :class="ui.content({ class: props.ui?.content })">
+        <slot
+          :id="id"
+          name="content"
+          :role="role"
+          :content="content"
+          :parts="parts"
+        >
+          <template v-if="content">
             {{ content }}
-          </slot>
-        </div>
-      </slot>
-      <slot name="actions" :actions="actions">
-        <div v-if="hasActions" :class="ui.actions({ class: props.ui?.actions })">
-          <UButton
-            v-for="action in actions"
-            :key="action.label"
-            v-bind="action"
-            :size="action.size || 'xs'"
-            :color="action.color || 'neutral'"
-            :variant="action.variant || 'ghost'"
-            @click="(e) => handleActionClick(e, action)"
-          />
-        </div>
-      </slot>
+          </template>
+          <template v-else>
+            <template v-for="(part, index) in parts" :key="`${id}-${part.type}-${index}`">
+              <template v-if="part.type === 'text'">
+                {{ part.text }}
+              </template>
+            </template>
+          </template>
+        </slot>
+      </div>
+
+      <div v-if="actions || !!slots.actions" :class="ui.actions({ class: props.ui?.actions })">
+        <slot name="actions" :actions="actions">
+          <UTooltip v-for="(action, index) in actions" :key="index" :text="action.label">
+            <UButton
+              size="sm"
+              color="neutral"
+              variant="ghost"
+              v-bind="omit(action, ['onClick'])"
+              :label="undefined"
+              @click="typeof action.onClick === 'function' ? action.onClick($event, props) : void 0"
+            />
+          </UTooltip>
+        </slot>
+      </div>
     </div>
   </Primitive>
 </template>

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

@@ -1,123 +1,64 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../types/utils';
+import type { UIMessage } from 'ai';
 import theme from '#build/ui/chat-message';
-import type { AvatarProps, ButtonProps } from '../types';
-export type ChatMessage = ComponentConfig<typeof theme, AppConfig, 'chatMessage'>;
-export interface ChatMessageProps {
+import type { AvatarProps, ButtonProps, IconProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type ChatMessage = ComponentConfig<typeof theme, AppConfig, 'chatMessage'>;
+export interface ChatMessageProps extends UIMessage {
     /**
      * The element or component this component should render as.
      * @defaultValue 'article'
      */
     as?: any;
     /**
-     * A unique identifier for the message.
-     */
-    id?: string;
-    /**
-     * Text content of the message. Use parts when possible.
-     */
-    content?: string;
-    /**
-     * The 'data' role is deprecated.
-     */
-    role?: 'data' | 'user' | 'system' | 'assistant';
-    /**
-     * Icon to display next to the message.
-     */
-    icon?: string;
-    /**
-     * Avatar to display next to the message.
+     * @IconifyIcon
      */
+    icon?: IconProps['name'];
     avatar?: AvatarProps & {
         [key: string]: any;
     };
     /**
      * @defaultValue 'naked'
      */
-    variant?: 'solid' | 'outline' | 'soft' | 'subtle' | 'naked';
+    variant?: ChatMessage['variants']['variant'];
     /**
      * @defaultValue 'left'
      */
-    side?: 'right' | 'left';
+    side?: ChatMessage['variants']['side'];
     /**
-     * Display a list of actions under the message. The label will be used in a tooltip. { size: 'xs', color: 'neutral', variant: 'ghost' }
+     * Display a list of actions under the message.
+     * The `label` will be used in a tooltip.
+     * `{ size: 'xs', color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
     actions?: (Omit<ButtonProps, 'onClick'> & {
-        onClick?: ((e: MouseEvent, message: any) => void) | undefined;
+        onClick?: (e: MouseEvent, message: UIMessage) => void;
     })[];
     /**
-     * Render the message in a compact style. This is done automatically when used inside a UChatPalette.
+     * Render the message in a compact style.
+     * This is done automatically when used inside a `UChatPalette`{lang="ts-type"}.
      * @defaultValue false
      */
     compact?: boolean;
     /**
-     * The timestamp of the message.
+     * @deprecated Use `parts` instead. (https://ai-sdk.dev/docs/migration-guides/migration-guide-5-0#content--parts-array)
+     * Use to display the content of the message.
      */
-    createdAt?: Date;
-    /**
-     * Reasoning for the message.
-     */
-    reasoning?: string;
-    /**
-     * Additional attachments to be sent along with the message.
-     */
-    experimentalAttachments?: any[];
-    /**
-     * For data messages.
-     */
-    data?: null | string | number | false | true | {
-        [value: string]: any;
-    } | any[];
-    /**
-     * Additional message-specific information added on the server via StreamData
-     */
-    annotations?: any[];
-    /**
-     * Tool invocations (that can be tool calls or tool results, depending on whether or not the invocation has finished) that the assistant made as part of this message.
-     */
-    toolInvocations?: any[];
-    /**
-     * The parts of the message. Use this for rendering the message in the UI.
-     */
-    parts?: any[];
+    content?: string;
     class?: any;
     ui?: ChatMessage['slots'];
 }
 export interface ChatMessageSlots {
-    leading(props?: {
-        avatar: (AvatarProps & {
-            [key: string]: any;
-        }) | undefined;
-    }): any;
-    content(props?: {
-        content: string;
+    leading(props: {
+        avatar: ChatMessageProps['avatar'];
     }): any;
-    actions(props?: {
-        actions: (Omit<ButtonProps, 'onClick'> & {
-            onClick?: ((e: MouseEvent, message: any) => void) | undefined;
-        })[] | undefined;
+    content(props: ChatMessageProps): any;
+    actions(props: {
+        actions: ChatMessageProps['actions'];
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChatMessageProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessageProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChatMessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessageProps> & Readonly<{}>, {
     as: any;
-    variant: "solid" | "outline" | "soft" | "subtle" | "naked";
-    side: "right" | "left";
-    compact: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    leading?: (props: {
-        avatar: any;
-    }) => any;
-} & {
-    content?: (props: {
-        content: any;
-    }) => any;
-} & {
-    default?: (props: {}) => any;
-} & {
-    actions?: (props: {
-        actions: any;
-    }) => any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessageSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,83 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { UIMessage, ChatStatus } from 'ai';
+import theme from '#build/ui/chat-messages';
+import type { ButtonProps, ChatMessageProps, IconProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type ChatMessages = ComponentConfig<typeof theme, AppConfig, 'chatMessages'>;
+export interface ChatMessagesProps {
+    messages?: UIMessage[];
+    status?: ChatStatus;
+    /**
+     * Whether to automatically scroll to the bottom when a message is streaming.
+     * @defaultValue false
+     */
+    shouldAutoScroll?: boolean;
+    /**
+     * Whether to scroll to the bottom on mounted.
+     * @defaultValue true
+     */
+    shouldScrollToBottom?: boolean;
+    /**
+     * Display an auto scroll button.
+     * `{ size: 'md', color: 'neutral', variant: 'outline' }`{lang="ts-type"}
+     * @defaultValue true
+     */
+    autoScroll?: boolean | Partial<ButtonProps>;
+    /**
+     * The icon displayed in the auto scroll button.
+     * @defaultValue appConfig.ui.icons.arrowDown
+     * @IconifyIcon
+     */
+    autoScrollIcon?: IconProps['name'];
+    /**
+     * The `user` messages props.
+     * `{ side: 'right', variant: 'soft' }`{lang="ts-type"}
+     */
+    user?: Pick<ChatMessageProps, 'icon' | 'avatar' | 'variant' | 'side' | 'actions'>;
+    /**
+     * The `assistant` messages props.
+     * `{ side: 'left', variant: 'naked' }`{lang="ts-type"}
+     */
+    assistant?: Pick<ChatMessageProps, 'icon' | 'avatar' | 'variant' | 'side' | 'actions'>;
+    /**
+     * Render the messages in a compact style.
+     * This is done automatically when used inside a `UChatPalette`{lang="ts-type"}.
+     * @defaultValue false
+     */
+    compact?: boolean;
+    /**
+     * The spacing offset for the last message in px. Can be useful when the prompt is sticky for example.
+     * @defaultValue 0
+     */
+    spacingOffset?: number;
+    class?: any;
+    ui?: ChatMessages['slots'];
+}
+export interface ChatMessagesSlots {
+    default(props?: {}): any;
+    indicator(props?: {}): any;
+    viewport(props: {
+        onClick: () => void;
+    }): any;
+    content(props: {
+        message: UIMessage;
+    }): any;
+    leading(props: {
+        message: UIMessage;
+    }): any;
+    actions(props: {
+        message: UIMessage;
+    }): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChatMessagesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessagesProps> & Readonly<{}>, {
+    autoScroll: boolean | Partial<ButtonProps>;
+    shouldAutoScroll: boolean;
+    shouldScrollToBottom: boolean;
+    spacingOffset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessagesSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};