@nuxt/ui 4.2.1 → 4.4.0

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

@@ -7,7 +7,7 @@ import type { ClassNamesOptionsType } from 'embla-carousel-class-names';
 import type { FadeOptionsType } from 'embla-carousel-fade';
 import type { WheelGesturesPluginOptions } from 'embla-carousel-wheel-gestures';
 import theme from '#build/ui/carousel';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { AcceptableValue } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Carousel = ComponentConfig<typeof theme, AppConfig, 'carousel'>;
@@ -27,7 +27,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Om
      * Configure the prev button when arrows are enabled.
      * @defaultValue { size: 'md', color: 'neutral', variant: 'link' }
      */
-    prev?: ButtonProps;
+    prev?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the prev button.
      * @defaultValue appConfig.ui.icons.arrowLeft
@@ -38,7 +38,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Om
      * Configure the next button when arrows are enabled.
      * @defaultValue { size: 'md', color: 'neutral', variant: 'link' }
      */
-    next?: ButtonProps;
+    next?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the next button.
      * @defaultValue appConfig.ui.icons.arrowRight
@@ -107,10 +107,14 @@ export interface CarouselEmits {
      */
     select: [selectedIndex: number];
 }
-declare const __VLS_export: <T extends CarouselItem>(__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<CarouselProps<T> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends CarouselItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CarouselProps<T> & {
         onSelect?: ((selectedIndex: number) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         emblaRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         emblaApi: import("vue").Ref<EmblaCarouselType | undefined, EmblaCarouselType | undefined>;
@@ -121,8 +125,8 @@ declare const __VLS_export: <T extends CarouselItem>(__VLS_props: NonNullable<Aw
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/Carousel.vue

@@ -53,6 +53,18 @@ const appConfig = useAppConfig();
 const rootProps = useForwardProps(reactivePick(props, "active", "align", "breakpoints", "containScroll", "dragFree", "dragThreshold", "duration", "inViewThreshold", "loop", "skipSnaps", "slidesToScroll", "startIndex", "watchDrag", "watchResize", "watchSlides", "watchFocus"));
 const prevIcon = computed(() => props.prevIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowRight : appConfig.ui.icons.arrowLeft));
 const nextIcon = computed(() => props.nextIcon || (dir.value === "rtl" ? appConfig.ui.icons.arrowLeft : appConfig.ui.icons.arrowRight));
+const stopAutoplayOnInteraction = computed(() => {
+  if (typeof props.autoplay === "boolean") {
+    return true;
+  }
+  return props.autoplay.stopOnInteraction ?? true;
+});
+const stopAutoScrollOnInteraction = computed(() => {
+  if (typeof props.autoScroll === "boolean") {
+    return true;
+  }
+  return props.autoScroll.stopOnInteraction ?? true;
+});
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.carousel || {} })({
   orientation: props.orientation
 }));
@@ -99,11 +111,21 @@ const [emblaRef, emblaApi] = useEmblaCarousel(options, plugins);
 watch(options, () => {
   emblaApi.value?.reInit(options.value, plugins.value);
 }, { flush: "post" });
+function stopOnInteraction() {
+  if (stopAutoplayOnInteraction.value) {
+    emblaApi.value?.plugins().autoplay?.stop();
+  }
+  if (stopAutoScrollOnInteraction.value) {
+    emblaApi.value?.plugins().autoScroll?.stop();
+  }
+}
 function scrollPrev() {
   emblaApi.value?.scrollPrev();
+  stopOnInteraction();
 }
 function scrollNext() {
   emblaApi.value?.scrollNext();
+  stopOnInteraction();
 }
 function scrollTo(index) {
   emblaApi.value?.scrollTo(index);

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

@@ -7,7 +7,7 @@ import type { ClassNamesOptionsType } from 'embla-carousel-class-names';
 import type { FadeOptionsType } from 'embla-carousel-fade';
 import type { WheelGesturesPluginOptions } from 'embla-carousel-wheel-gestures';
 import theme from '#build/ui/carousel';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { AcceptableValue } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Carousel = ComponentConfig<typeof theme, AppConfig, 'carousel'>;
@@ -27,7 +27,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Om
      * Configure the prev button when arrows are enabled.
      * @defaultValue { size: 'md', color: 'neutral', variant: 'link' }
      */
-    prev?: ButtonProps;
+    prev?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the prev button.
      * @defaultValue appConfig.ui.icons.arrowLeft
@@ -38,7 +38,7 @@ export interface CarouselProps<T extends CarouselItem = CarouselItem> extends Om
      * Configure the next button when arrows are enabled.
      * @defaultValue { size: 'md', color: 'neutral', variant: 'link' }
      */
-    next?: ButtonProps;
+    next?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the next button.
      * @defaultValue appConfig.ui.icons.arrowRight
@@ -107,10 +107,14 @@ export interface CarouselEmits {
      */
     select: [selectedIndex: number];
 }
-declare const __VLS_export: <T extends CarouselItem>(__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<CarouselProps<T> & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends CarouselItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<CarouselProps<T> & {
         onSelect?: ((selectedIndex: number) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         emblaRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         emblaApi: import("vue").Ref<EmblaCarouselType | undefined, EmblaCarouselType | undefined>;
@@ -121,8 +125,8 @@ declare const __VLS_export: <T extends CarouselItem>(__VLS_props: NonNullable<Aw
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -55,12 +55,12 @@ export interface ChangelogVersionSlots {
         ui: ChangelogVersion['ui'];
     }): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __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>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/ChangelogVersion.vue

@@ -78,7 +78,6 @@ const ariaLabel = computed(() => {
       :aria-label="ariaLabel"
       v-bind="{ to, target, ...$attrs }"
       class="focus:outline-none peer"
-      tabindex="-1"
       raw
     >
       <span class="absolute inset-0" aria-hidden="true" />

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

@@ -55,12 +55,12 @@ export interface ChangelogVersionSlots {
         ui: ChangelogVersion['ui'];
     }): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __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>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { SpringOptions } from 'motion-v';
+import type { SpringOptions, UseScrollOptions } from 'motion-v';
 import theme from '#build/ui/changelog-versions';
 import type { ChangelogVersionProps, ChangelogVersionSlots } from '../types';
 import type { ComponentConfig } from '../types/tv';
@@ -13,9 +13,11 @@ export interface ChangelogVersionsProps<T extends ChangelogVersionProps = Change
     versions?: T[];
     /**
      * Display an indicator bar on the left.
+     * By default, the indicator will track the scroll of the page. (https://motion.dev/docs/vue-use-scroll#page-scroll)
      * @defaultValue true
+     * @see https://motion.dev/docs/vue-use-scroll#api
      */
-    indicator?: boolean;
+    indicator?: boolean | UseScrollOptions;
     /**
      * Enable scrolling motion effect on the indicator bar.
      * `{ damping: 30, restDelta: 0.001 }`{lang="ts-type"}
@@ -35,8 +37,12 @@ export type ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVe
     default(props?: {}): any;
     indicator(props?: {}): any;
 };
-declare const __VLS_export: <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<ChangelogVersionsProps<T>> & import("vue").PublicProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ChangelogVersionsProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ChangelogVersionsSlots<T>;
@@ -44,8 +50,8 @@ declare const __VLS_export: <T extends ChangelogVersionProps>(__VLS_props: NonNu
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/ChangelogVersions.vue

@@ -14,7 +14,7 @@ import UChangelogVersion from "./ChangelogVersion.vue";
 const props = defineProps({
   as: { type: null, required: false },
   versions: { type: Array, required: false },
-  indicator: { type: Boolean, required: false, default: true },
+  indicator: { type: [Boolean, Object], required: false, default: true },
   indicatorMotion: { type: [Boolean, Object], required: false, default: true },
   class: { type: null, required: false },
   ui: { type: null, required: false }
@@ -23,7 +23,8 @@ const slots = defineSlots();
 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();
+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 ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.changelogVersions || {} })());

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

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { SpringOptions } from 'motion-v';
+import type { SpringOptions, UseScrollOptions } from 'motion-v';
 import theme from '#build/ui/changelog-versions';
 import type { ChangelogVersionProps, ChangelogVersionSlots } from '../types';
 import type { ComponentConfig } from '../types/tv';
@@ -13,9 +13,11 @@ export interface ChangelogVersionsProps<T extends ChangelogVersionProps = Change
     versions?: T[];
     /**
      * Display an indicator bar on the left.
+     * By default, the indicator will track the scroll of the page. (https://motion.dev/docs/vue-use-scroll#page-scroll)
      * @defaultValue true
+     * @see https://motion.dev/docs/vue-use-scroll#api
      */
-    indicator?: boolean;
+    indicator?: boolean | UseScrollOptions;
     /**
      * Enable scrolling motion effect on the indicator bar.
      * `{ damping: 30, restDelta: 0.001 }`{lang="ts-type"}
@@ -35,8 +37,12 @@ export type ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVe
     default(props?: {}): any;
     indicator(props?: {}): any;
 };
-declare const __VLS_export: <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<ChangelogVersionsProps<T>> & import("vue").PublicProps;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<ChangelogVersionsProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ChangelogVersionsSlots<T>;
@@ -44,8 +50,8 @@ declare const __VLS_export: <T extends ChangelogVersionProps>(__VLS_props: NonNu
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -57,11 +57,11 @@ export interface ChatMessageSlots {
         actions: ChatMessageProps['actions'];
     }): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __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>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -57,11 +57,11 @@ export interface ChatMessageSlots {
         actions: ChatMessageProps['actions'];
     }): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __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>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,7 +1,7 @@
 import type { AppConfig } from '@nuxt/schema';
 import type { UIMessage, ChatStatus } from 'ai';
 import theme from '#build/ui/chat-messages';
-import type { ButtonProps, ChatMessageProps, ChatMessageSlots, IconProps } from '../types';
+import type { ButtonProps, ChatMessageProps, ChatMessageSlots, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type ChatMessages = ComponentConfig<typeof theme, AppConfig, 'chatMessages'>;
 export interface ChatMessagesProps {
@@ -22,7 +22,7 @@ export interface ChatMessagesProps {
      * `{ size: 'md', color: 'neutral', variant: 'outline' }`{lang="ts-type"}
      * @defaultValue true
      */
-    autoScroll?: boolean | Partial<ButtonProps>;
+    autoScroll?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the auto scroll button.
      * @defaultValue appConfig.ui.icons.arrowDown
@@ -68,14 +68,14 @@ export type ChatMessagesSlots = {
         onClick: () => void;
     }): any;
 };
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatMessagesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessagesProps> & Readonly<{}>, {
-    autoScroll: boolean | Partial<ButtonProps>;
+    autoScroll: boolean | Omit<ButtonProps, LinkPropsKeys>;
     shouldAutoScroll: boolean;
     shouldScrollToBottom: boolean;
     spacingOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessagesSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,7 +1,7 @@
 import type { AppConfig } from '@nuxt/schema';
 import type { UIMessage, ChatStatus } from 'ai';
 import theme from '#build/ui/chat-messages';
-import type { ButtonProps, ChatMessageProps, ChatMessageSlots, IconProps } from '../types';
+import type { ButtonProps, ChatMessageProps, ChatMessageSlots, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type ChatMessages = ComponentConfig<typeof theme, AppConfig, 'chatMessages'>;
 export interface ChatMessagesProps {
@@ -22,7 +22,7 @@ export interface ChatMessagesProps {
      * `{ size: 'md', color: 'neutral', variant: 'outline' }`{lang="ts-type"}
      * @defaultValue true
      */
-    autoScroll?: boolean | Partial<ButtonProps>;
+    autoScroll?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the auto scroll button.
      * @defaultValue appConfig.ui.icons.arrowDown
@@ -68,14 +68,14 @@ export type ChatMessagesSlots = {
         onClick: () => void;
     }): any;
 };
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatMessagesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessagesProps> & Readonly<{}>, {
-    autoScroll: boolean | Partial<ButtonProps>;
+    autoScroll: boolean | Omit<ButtonProps, LinkPropsKeys>;
     shouldAutoScroll: boolean;
     shouldScrollToBottom: boolean;
     spacingOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessagesSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -15,9 +15,9 @@ export interface ChatPaletteSlots {
     default(props?: {}): any;
     prompt(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPaletteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatPaletteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPaletteSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPaletteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatPaletteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPaletteSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -15,9 +15,9 @@ export interface ChatPaletteSlots {
     default(props?: {}): any;
     prompt(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPaletteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatPaletteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPaletteSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPaletteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatPaletteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPaletteSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -30,6 +30,8 @@ export interface ChatPromptSlots extends TextareaSlots {
     header(props?: {}): any;
     footer(props?: {}): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptProps & {
     modelValue?: string;
 }, {
@@ -45,13 +47,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onSubmit?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    rows: number;
     as: any;
     autofocus: boolean;
+    rows: number;
     autoresize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPromptSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -30,6 +30,8 @@ export interface ChatPromptSlots extends TextareaSlots {
     header(props?: {}): any;
     footer(props?: {}): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptProps & {
     modelValue?: string;
 }, {
@@ -45,13 +47,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onSubmit?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    rows: number;
     as: any;
     autofocus: boolean;
+    rows: number;
     autoresize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPromptSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,10 +1,10 @@
 import type { ChatStatus } from 'ai';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chat-prompt-submit';
-import type { ButtonProps, ButtonSlots, IconProps } from '../types';
+import type { ButtonProps, ButtonSlots, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type ChatPromptSubmit = ComponentConfig<typeof theme, AppConfig, 'chatPromptSubmit'>;
-export interface ChatPromptSubmitProps extends Omit<ButtonProps, 'icon' | 'color' | 'variant'> {
+export interface ChatPromptSubmitProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'color' | 'variant'> {
     status?: ChatStatus;
     /**
      * The icon displayed in the button when the status is `ready`.
@@ -77,6 +77,8 @@ export interface ChatPromptSubmitEmits {
     stop: [event: MouseEvent];
     reload: [event: MouseEvent];
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptSubmitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     stop: (event: MouseEvent) => any;
     reload: (event: MouseEvent) => any;
@@ -85,15 +87,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onReload?: ((event: MouseEvent) => any) | undefined;
 }>, {
     status: ChatStatus;
-    streamingColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    streamingColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     streamingVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
-    submittedColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    submittedColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     submittedVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
-    errorColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    errorColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     errorVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/ChatPromptSubmit.vue

@@ -46,27 +46,8 @@ const props = defineProps({
   as: { type: null, required: false },
   type: { type: null, required: false },
   disabled: { type: Boolean, required: false },
-  active: { type: Boolean, required: false },
-  exact: { type: Boolean, required: false },
-  exactQuery: { type: [Boolean, String], required: false },
-  exactHash: { type: Boolean, required: false },
-  inactiveClass: { type: String, required: false },
-  to: { type: null, required: false },
-  href: { type: null, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object, null], required: false },
-  rel: { type: [String, Object, null], required: false },
-  noRel: { type: Boolean, required: false },
-  prefetchedClass: { type: String, required: false },
-  prefetch: { type: Boolean, required: false },
-  prefetchOn: { type: [String, Object], required: false },
-  noPrefetch: { type: Boolean, required: false },
-  trailingSlash: { type: String, required: false },
-  activeClass: { type: String, required: false },
   exactActiveClass: { type: String, required: false },
-  ariaCurrentValue: { type: String, required: false },
-  viewTransition: { type: Boolean, required: false },
-  replace: { type: Boolean, required: false }
+  viewTransition: { type: Boolean, required: false }
 });
 const emits = defineEmits(["stop", "reload"]);
 const slots = defineSlots();

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

@@ -1,10 +1,10 @@
 import type { ChatStatus } from 'ai';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/chat-prompt-submit';
-import type { ButtonProps, ButtonSlots, IconProps } from '../types';
+import type { ButtonProps, ButtonSlots, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type ChatPromptSubmit = ComponentConfig<typeof theme, AppConfig, 'chatPromptSubmit'>;
-export interface ChatPromptSubmitProps extends Omit<ButtonProps, 'icon' | 'color' | 'variant'> {
+export interface ChatPromptSubmitProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'color' | 'variant'> {
     status?: ChatStatus;
     /**
      * The icon displayed in the button when the status is `ready`.
@@ -77,6 +77,8 @@ export interface ChatPromptSubmitEmits {
     stop: [event: MouseEvent];
     reload: [event: MouseEvent];
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptSubmitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     stop: (event: MouseEvent) => any;
     reload: (event: MouseEvent) => any;
@@ -85,15 +87,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onReload?: ((event: MouseEvent) => any) | undefined;
 }>, {
     status: ChatStatus;
-    streamingColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    streamingColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     streamingVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
-    submittedColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    submittedColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     submittedVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
-    errorColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
+    errorColor: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     errorVariant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -56,6 +56,8 @@ export interface CheckboxSlots {
         description?: string;
     }): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CheckboxProps & {
     modelValue?: boolean | "indeterminate";
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -67,8 +69,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Checkb
     onChange?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CheckboxSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;