@nuxt/ui 4.2.0 → 4.3.0

package/dist/runtime/components/BlogPost.vue

@@ -86,7 +86,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/BlogPost.vue.d.ts

@@ -54,10 +54,7 @@ export interface BlogPostSlots {
     body(props?: {}): any;
     footer(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BlogPostProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostProps> & Readonly<{}>, {
-    as: any;
-    orientation: BlogPost["variants"]["orientation"];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BlogPostSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BlogPostProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BlogPostSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -26,7 +26,9 @@ export type BlogPostsSlots<T extends BlogPostProps = BlogPostProps> = {
     default(props?: {}): any;
 };
 declare const __VLS_export: <T extends BlogPostProps>(__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<BlogPostsProps<BlogPostProps>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<BlogPostsProps<BlogPostProps>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BlogPostsSlots<T>;

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

@@ -26,7 +26,9 @@ export type BlogPostsSlots<T extends BlogPostProps = BlogPostProps> = {
     default(props?: {}): any;
 };
 declare const __VLS_export: <T extends BlogPostProps>(__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<BlogPostsProps<BlogPostProps>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<BlogPostsProps<BlogPostProps>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BlogPostsSlots<T>;

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

@@ -68,7 +68,9 @@ export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
     active?: boolean;
 }>;
 declare const __VLS_export: <T extends BreadcrumbItem>(__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<BreadcrumbProps<T>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<BreadcrumbProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BreadcrumbSlots<T>;

package/dist/runtime/components/Breadcrumb.vue

@@ -17,7 +17,7 @@ import ULink from "./Link.vue";
 const props = defineProps({
   as: { type: null, required: false, default: "nav" },
   items: { type: Array, required: false },
-  separatorIcon: { type: [String, Object], required: false },
+  separatorIcon: { type: null, required: false },
   labelKey: { type: null, required: false, default: "label" },
   class: { type: null, required: false },
   ui: { type: null, required: false }

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

@@ -68,7 +68,9 @@ export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
     active?: boolean;
 }>;
 declare const __VLS_export: <T extends BreadcrumbItem>(__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<BreadcrumbProps<T>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<BreadcrumbProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: BreadcrumbSlots<T>;

package/dist/runtime/components/Button.vue

@@ -30,14 +30,14 @@ const props = defineProps({
   onClick: { type: [Function, Array], required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
   as: { type: null, required: false },
   type: { type: null, required: false },
   disabled: { type: Boolean, required: false },

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

@@ -2,7 +2,7 @@ import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, Rang
 import type { DateValue } from '@internationalized/date';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/calendar';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
@@ -25,7 +25,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextYear?: ButtonProps;
+    nextYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the next month control.
      * @defaultValue appConfig.ui.icons.chevronRight
@@ -36,7 +36,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextMonth?: ButtonProps;
+    nextMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous year control.
      * @defaultValue appConfig.ui.icons.chevronDoubleLeft
@@ -47,7 +47,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevYear?: ButtonProps;
+    prevYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous month control.
      * @defaultValue appConfig.ui.icons.chevronLeft
@@ -58,7 +58,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevMonth?: ButtonProps;
+    prevMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * @defaultValue 'primary'
      */
@@ -97,12 +97,9 @@ export interface CalendarSlots {
     }) => any;
 }
 declare const __VLS_export: <R extends boolean, M extends boolean>(__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<CalendarProps<R, M> & {
-        "onUpdate:modelValue"?: ((date: CalendarModelValue<R, M>) => any) | undefined;
-        "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
-        "onUpdate:validModelValue"?: ((date: DateRange) => any) | undefined;
-        "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<CalendarProps<R, M> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:modelValue", date: CalendarModelValue<R, M>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void) & ((evt: "update:validModelValue", date: DateRange) => void) & ((evt: "update:startValue", date: DateValue | undefined) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: CalendarSlots;

package/dist/runtime/components/Calendar.vue

@@ -13,13 +13,13 @@ import { tv } from "../utils/tv";
 import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false },
-  nextYearIcon: { type: [String, Object], required: false },
+  nextYearIcon: { type: null, required: false },
   nextYear: { type: Object, required: false },
-  nextMonthIcon: { type: [String, Object], required: false },
+  nextMonthIcon: { type: null, required: false },
   nextMonth: { type: Object, required: false },
-  prevYearIcon: { type: [String, Object], required: false },
+  prevYearIcon: { type: null, required: false },
   prevYear: { type: Object, required: false },
-  prevMonthIcon: { type: [String, Object], required: false },
+  prevMonthIcon: { type: null, required: false },
   prevMonth: { type: Object, required: false },
   color: { type: null, required: false },
   variant: { type: null, required: false },

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

@@ -2,7 +2,7 @@ import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, Rang
 import type { DateValue } from '@internationalized/date';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/calendar';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
@@ -25,7 +25,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextYear?: ButtonProps;
+    nextYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the next month control.
      * @defaultValue appConfig.ui.icons.chevronRight
@@ -36,7 +36,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the next month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    nextMonth?: ButtonProps;
+    nextMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous year control.
      * @defaultValue appConfig.ui.icons.chevronDoubleLeft
@@ -47,7 +47,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevYear?: ButtonProps;
+    prevYear?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon to use for the previous month control.
      * @defaultValue appConfig.ui.icons.chevronLeft
@@ -58,7 +58,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * Configure the prev month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    prevMonth?: ButtonProps;
+    prevMonth?: Omit<ButtonProps, LinkPropsKeys>;
     /**
      * @defaultValue 'primary'
      */
@@ -97,12 +97,9 @@ export interface CalendarSlots {
     }) => any;
 }
 declare const __VLS_export: <R extends boolean, M extends boolean>(__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<CalendarProps<R, M> & {
-        "onUpdate:modelValue"?: ((date: CalendarModelValue<R, M>) => any) | undefined;
-        "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
-        "onUpdate:validModelValue"?: ((date: DateRange) => any) | undefined;
-        "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<CalendarProps<R, M> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:modelValue", date: CalendarModelValue<R, M>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void) & ((evt: "update:validModelValue", date: DateRange) => void) & ((evt: "update:startValue", date: DateValue | undefined) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: CalendarSlots;

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
@@ -108,9 +108,9 @@ 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> & {
-        onSelect?: ((selectedIndex: number) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<CarouselProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "select", selectedIndex: number) => void>>> & 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>;

package/dist/runtime/components/Carousel.vue

@@ -14,9 +14,9 @@ import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false },
   prev: { type: Object, required: false },
-  prevIcon: { type: [String, Object], required: false },
+  prevIcon: { type: null, required: false },
   next: { type: Object, required: false },
-  nextIcon: { type: [String, Object], required: false },
+  nextIcon: { type: null, required: false },
   arrows: { type: Boolean, required: false, default: false },
   dots: { type: Boolean, required: false, default: false },
   orientation: { type: null, required: false, default: "horizontal" },
@@ -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
@@ -108,9 +108,9 @@ 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> & {
-        onSelect?: ((selectedIndex: number) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<CarouselProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "select", selectedIndex: number) => void>>> & 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>;

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

@@ -55,10 +55,7 @@ export interface ChangelogVersionSlots {
         ui: ChangelogVersion['ui'];
     }): any;
 }
-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 __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChangelogVersionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChangelogVersionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChangelogVersionSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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,10 +55,7 @@ export interface ChangelogVersionSlots {
         ui: ChangelogVersion['ui'];
     }): any;
 }
-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 __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChangelogVersionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChangelogVersionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChangelogVersionSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -36,7 +36,9 @@ export type ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVe
     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;
+    props: __VLS_PrettifyLocal<ChangelogVersionsProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ChangelogVersionsSlots<T>;

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

@@ -36,7 +36,9 @@ export type ChangelogVersionsSlots<T extends ChangelogVersionProps = ChangelogVe
     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;
+    props: __VLS_PrettifyLocal<ChangelogVersionsProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ChangelogVersionsSlots<T>;

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

@@ -57,9 +57,7 @@ export interface ChatMessageSlots {
         actions: ChatMessageProps['actions'];
     }): any;
 }
-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 __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatMessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessageSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/ChatMessage.vue

@@ -14,7 +14,7 @@ import UAvatar from "./Avatar.vue";
 import UIcon from "./Icon.vue";
 const props = defineProps({
   as: { type: null, required: false, default: "article" },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   variant: { type: null, required: false },
   side: { type: null, required: false },

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

@@ -57,9 +57,7 @@ export interface ChatMessageSlots {
         actions: ChatMessageProps['actions'];
     }): any;
 }
-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 __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatMessageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessageSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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,12 +68,7 @@ export type ChatMessagesSlots = {
         onClick: () => void;
     }): any;
 };
-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>;
-    shouldAutoScroll: boolean;
-    shouldScrollToBottom: boolean;
-    spacingOffset: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessagesSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatMessagesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessagesProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessagesSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/ChatMessages.vue

@@ -18,7 +18,7 @@ const props = defineProps({
   shouldAutoScroll: { type: Boolean, required: false, default: false },
   shouldScrollToBottom: { type: Boolean, required: false, default: true },
   autoScroll: { type: [Boolean, Object], required: false, default: true },
-  autoScrollIcon: { type: [String, Object], required: false },
+  autoScrollIcon: { type: null, required: false },
   user: { type: Object, required: false },
   assistant: { type: Object, required: false },
   compact: { type: Boolean, required: false },

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,12 +68,7 @@ export type ChatMessagesSlots = {
         onClick: () => void;
     }): any;
 };
-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>;
-    shouldAutoScroll: boolean;
-    shouldScrollToBottom: boolean;
-    spacingOffset: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessagesSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatMessagesProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatMessagesProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatMessagesSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -33,7 +33,7 @@ export interface ChatPromptSlots extends TextareaSlots {
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptProps & {
     modelValue?: string;
 }, {
-    textareaRef: Readonly<import("vue").Ref<HTMLTextAreaElement | null | undefined, HTMLTextAreaElement | null | undefined>>;
+    textareaRef: Readonly<import("vue").Ref<any, any>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (event: Event) => any;
     submit: (event: Event) => any;
@@ -44,12 +44,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onClose?: ((event: Event) => any) | undefined;
     onSubmit?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    rows: number;
-    as: any;
-    autofocus: boolean;
-    autoresize: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPromptSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPromptSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/ChatPrompt.vue

@@ -25,10 +25,10 @@ const props = defineProps({
   autoresize: { type: Boolean, required: false, default: true },
   autoresizeDelay: { type: Number, required: false },
   maxrows: { type: Number, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
   disabled: { type: Boolean, required: false }
 });
 const emits = defineEmits(["submit", "close"]);

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

@@ -33,7 +33,7 @@ export interface ChatPromptSlots extends TextareaSlots {
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptProps & {
     modelValue?: string;
 }, {
-    textareaRef: Readonly<import("vue").Ref<HTMLTextAreaElement | null | undefined, HTMLTextAreaElement | null | undefined>>;
+    textareaRef: Readonly<import("vue").Ref<any, any>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (event: Event) => any;
     submit: (event: Event) => any;
@@ -44,12 +44,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onClose?: ((event: Event) => any) | undefined;
     onSubmit?: ((event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    rows: number;
-    as: any;
-    autofocus: boolean;
-    autoresize: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPromptSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChatPromptSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {