@nuxt/ui 4.2.0 → 4.3.0

package/.nuxt/ui.css

@@ -0,0 +1,154 @@
+@source "/home/runner/work/ui/ui/**/*";
+@source inline("isolate");
+@source "./ui";
+
+@layer base {
+  body {
+    @apply antialiased text-default bg-default scheme-light dark:scheme-dark;
+  }
+}
+
+@theme static {
+  --color-old-neutral-50: oklch(98.5% 0 0);
+  --color-old-neutral-100: oklch(97% 0 0);
+  --color-old-neutral-200: oklch(92.2% 0 0);
+  --color-old-neutral-300: oklch(87% 0 0);
+  --color-old-neutral-400: oklch(70.8% 0 0);
+  --color-old-neutral-500: oklch(55.6% 0 0);
+  --color-old-neutral-600: oklch(43.9% 0 0);
+  --color-old-neutral-700: oklch(37.1% 0 0);
+  --color-old-neutral-800: oklch(26.9% 0 0);
+  --color-old-neutral-900: oklch(20.5% 0 0);
+  --color-old-neutral-950: oklch(14.5% 0 0);
+}
+
+@theme default inline {
+  --color-primary-50: var(--ui-color-primary-50);
+	--color-primary-100: var(--ui-color-primary-100);
+	--color-primary-200: var(--ui-color-primary-200);
+	--color-primary-300: var(--ui-color-primary-300);
+	--color-primary-400: var(--ui-color-primary-400);
+	--color-primary-500: var(--ui-color-primary-500);
+	--color-primary-600: var(--ui-color-primary-600);
+	--color-primary-700: var(--ui-color-primary-700);
+	--color-primary-800: var(--ui-color-primary-800);
+	--color-primary-900: var(--ui-color-primary-900);
+	--color-primary-950: var(--ui-color-primary-950);
+	--color-secondary-50: var(--ui-color-secondary-50);
+	--color-secondary-100: var(--ui-color-secondary-100);
+	--color-secondary-200: var(--ui-color-secondary-200);
+	--color-secondary-300: var(--ui-color-secondary-300);
+	--color-secondary-400: var(--ui-color-secondary-400);
+	--color-secondary-500: var(--ui-color-secondary-500);
+	--color-secondary-600: var(--ui-color-secondary-600);
+	--color-secondary-700: var(--ui-color-secondary-700);
+	--color-secondary-800: var(--ui-color-secondary-800);
+	--color-secondary-900: var(--ui-color-secondary-900);
+	--color-secondary-950: var(--ui-color-secondary-950);
+	--color-success-50: var(--ui-color-success-50);
+	--color-success-100: var(--ui-color-success-100);
+	--color-success-200: var(--ui-color-success-200);
+	--color-success-300: var(--ui-color-success-300);
+	--color-success-400: var(--ui-color-success-400);
+	--color-success-500: var(--ui-color-success-500);
+	--color-success-600: var(--ui-color-success-600);
+	--color-success-700: var(--ui-color-success-700);
+	--color-success-800: var(--ui-color-success-800);
+	--color-success-900: var(--ui-color-success-900);
+	--color-success-950: var(--ui-color-success-950);
+	--color-info-50: var(--ui-color-info-50);
+	--color-info-100: var(--ui-color-info-100);
+	--color-info-200: var(--ui-color-info-200);
+	--color-info-300: var(--ui-color-info-300);
+	--color-info-400: var(--ui-color-info-400);
+	--color-info-500: var(--ui-color-info-500);
+	--color-info-600: var(--ui-color-info-600);
+	--color-info-700: var(--ui-color-info-700);
+	--color-info-800: var(--ui-color-info-800);
+	--color-info-900: var(--ui-color-info-900);
+	--color-info-950: var(--ui-color-info-950);
+	--color-warning-50: var(--ui-color-warning-50);
+	--color-warning-100: var(--ui-color-warning-100);
+	--color-warning-200: var(--ui-color-warning-200);
+	--color-warning-300: var(--ui-color-warning-300);
+	--color-warning-400: var(--ui-color-warning-400);
+	--color-warning-500: var(--ui-color-warning-500);
+	--color-warning-600: var(--ui-color-warning-600);
+	--color-warning-700: var(--ui-color-warning-700);
+	--color-warning-800: var(--ui-color-warning-800);
+	--color-warning-900: var(--ui-color-warning-900);
+	--color-warning-950: var(--ui-color-warning-950);
+	--color-error-50: var(--ui-color-error-50);
+	--color-error-100: var(--ui-color-error-100);
+	--color-error-200: var(--ui-color-error-200);
+	--color-error-300: var(--ui-color-error-300);
+	--color-error-400: var(--ui-color-error-400);
+	--color-error-500: var(--ui-color-error-500);
+	--color-error-600: var(--ui-color-error-600);
+	--color-error-700: var(--ui-color-error-700);
+	--color-error-800: var(--ui-color-error-800);
+	--color-error-900: var(--ui-color-error-900);
+	--color-error-950: var(--ui-color-error-950);
+	--color-neutral-50: var(--ui-color-neutral-50);
+	--color-neutral-100: var(--ui-color-neutral-100);
+	--color-neutral-200: var(--ui-color-neutral-200);
+	--color-neutral-300: var(--ui-color-neutral-300);
+	--color-neutral-400: var(--ui-color-neutral-400);
+	--color-neutral-500: var(--ui-color-neutral-500);
+	--color-neutral-600: var(--ui-color-neutral-600);
+	--color-neutral-700: var(--ui-color-neutral-700);
+	--color-neutral-800: var(--ui-color-neutral-800);
+	--color-neutral-900: var(--ui-color-neutral-900);
+	--color-neutral-950: var(--ui-color-neutral-950);
+  --color-primary: var(--ui-primary);
+	--color-secondary: var(--ui-secondary);
+	--color-success: var(--ui-success);
+	--color-info: var(--ui-info);
+	--color-warning: var(--ui-warning);
+	--color-error: var(--ui-error);
+  --radius-xs: calc(var(--ui-radius) * 0.5);
+  --radius-sm: var(--ui-radius);
+  --radius-md: calc(var(--ui-radius) * 1.5);
+  --radius-lg: calc(var(--ui-radius) * 2);
+  --radius-xl: calc(var(--ui-radius) * 3);
+  --radius-2xl: calc(var(--ui-radius) * 4);
+  --radius-3xl: calc(var(--ui-radius) * 6);
+  --text-color-dimmed: var(--ui-text-dimmed);
+  --text-color-muted: var(--ui-text-muted);
+  --text-color-toned: var(--ui-text-toned);
+  --text-color-default: var(--ui-text);
+  --text-color-highlighted: var(--ui-text-highlighted);
+  --text-color-inverted: var(--ui-text-inverted);
+  --background-color-default: var(--ui-bg);
+  --background-color-muted: var(--ui-bg-muted);
+  --background-color-elevated: var(--ui-bg-elevated);
+  --background-color-accented: var(--ui-bg-accented);
+  --background-color-inverted: var(--ui-bg-inverted);
+  --background-color-border: var(--ui-border);
+  --border-color-default: var(--ui-border);
+  --border-color-muted: var(--ui-border-muted);
+  --border-color-accented: var(--ui-border-accented);
+  --border-color-inverted: var(--ui-border-inverted);
+  --border-color-bg: var(--ui-bg);
+  --ring-color-default: var(--ui-border);
+  --ring-color-muted: var(--ui-border-muted);
+  --ring-color-accented: var(--ui-border-accented);
+  --ring-color-inverted: var(--ui-border-inverted);
+  --ring-color-bg: var(--ui-bg);
+  --ring-offset-color-default: var(--ui-border);
+  --ring-offset-color-muted: var(--ui-border-muted);
+  --ring-offset-color-accented: var(--ui-border-accented);
+  --ring-offset-color-inverted: var(--ui-border-inverted);
+  --ring-offset-color-bg: var(--ui-bg);
+  --divide-color-default: var(--ui-border);
+  --divide-color-muted: var(--ui-border-muted);
+  --divide-color-accented: var(--ui-border-accented);
+  --divide-color-inverted: var(--ui-border-inverted);
+  --divide-color-bg: var(--ui-bg);
+  --outline-color-default: var(--ui-border);
+  --outline-color-inverted: var(--ui-border-inverted);
+  --stroke-default: var(--ui-border);
+  --stroke-inverted: var(--ui-border-inverted);
+  --fill-default: var(--ui-border);
+  --fill-inverted: var(--ui-border-inverted);
+}

package/README.md

@@ -32,6 +32,7 @@ Kickstart your project with one of our ready-to-use Nuxt UI templates or follow
 - [Chat](https://github.com/nuxt-ui-templates/chat) — An AI chatbot template with GitHub authentication and persistent chat history powered by Vercel AI SDK.
 - [Portfolio](https://github.com/nuxt-ui-templates/portfolio) — A sleek portfolio template to showcase your work, skills and blog powered by Nuxt Content.
 - [Changelog](https://github.com/nuxt-ui-templates/changelog) — A changelog template to display your repository releases notes from GitHub powered by Nuxt MDC.
+- [Editor](https://github.com/nuxt-ui-templates/editor) — A rich text editor template powered by TipTap with support for markdown, HTML, and JSON content types.
 
 ## Installation
 
@@ -152,5 +153,5 @@ Licensed under the [MIT license](https://github.com/nuxt/ui/blob/v4/LICENSE.md).
 [license-src]: https://img.shields.io/github/license/nuxt/ui.svg?style=flat&colorA=18181B&colorB=28CF8D
 [license-href]: https://github.com/nuxt/ui/blob/v4/LICENSE.md
 
-[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
+[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt
 [nuxt-href]: https://nuxt.com

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, b as addTemplates } from './shared/ui.B77q-Dvh.mjs';
+import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, b as addTemplates } from './shared/ui.DegC4tw1.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
 import 'scule';
@@ -11,7 +11,7 @@ import 'pathe';
 import 'tinyglobby';
 
 const name = "@nuxt/ui";
-const version = "4.2.0";
+const version = "4.3.0";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -69,9 +69,9 @@ export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
     ui: Accordion['ui'];
 }>;
 declare const __VLS_export: <T extends AccordionItem>(__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<AccordionProps<T> & {
-        "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<AccordionProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: string | string[] | undefined) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: AccordionSlots<T>;

package/dist/runtime/components/Accordion.vue

@@ -13,7 +13,7 @@ import UIcon from "./Icon.vue";
 const props = defineProps({
   as: { type: null, required: false },
   items: { type: Array, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { 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/Accordion.vue.d.ts

@@ -69,9 +69,9 @@ export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
     ui: Accordion['ui'];
 }>;
 declare const __VLS_export: <T extends AccordionItem>(__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<AccordionProps<T> & {
-        "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<AccordionProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: string | string[] | undefined) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: AccordionSlots<T>;

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/alert';
-import type { AvatarProps, ButtonProps, IconProps } from '../types';
+import type { AvatarProps, ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Alert = ComponentConfig<typeof theme, AppConfig, 'alert'>;
 export interface AlertProps {
@@ -42,7 +42,7 @@ export interface AlertProps {
      * @emits 'update:open'
      * @defaultValue false
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue appConfig.ui.icons.close
@@ -70,9 +70,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertP
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    orientation: Alert["variants"]["orientation"];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Alert.vue

@@ -15,14 +15,14 @@ const props = defineProps({
   as: { type: null, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   color: { type: null, required: false },
   variant: { type: null, required: false },
   orientation: { type: null, required: false, default: "vertical" },
   actions: { type: Array, required: false },
   close: { type: [Boolean, Object], required: false },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/alert';
-import type { AvatarProps, ButtonProps, IconProps } from '../types';
+import type { AvatarProps, ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Alert = ComponentConfig<typeof theme, AppConfig, 'alert'>;
 export interface AlertProps {
@@ -42,7 +42,7 @@ export interface AlertProps {
      * @emits 'update:open'
      * @defaultValue false
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue appConfig.ui.icons.close
@@ -70,9 +70,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertP
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    orientation: Alert["variants"]["orientation"];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

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

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/auth-form';
-import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, InputProps, CheckboxProps, SelectMenuProps, PinInputProps, IconProps } from '../types';
+import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, InputProps, CheckboxProps, SelectMenuProps, PinInputProps, IconProps, LinkPropsKeys } from '../types';
 import type { FormSchema, FormSubmitEvent, InferInput } from '../types/form';
 import type { FormHTMLAttributes } from '../types/html';
 import type { NonUnion } from '../types/utils';
@@ -24,12 +24,12 @@ export type AuthFormOtpField = Omit<FormFieldProps, 'name'> & Omit<PinInputProps
      */
     otp?: boolean | PinInputProps;
 };
-export type AuthFormInputFieldType = 'password' | 'text' | 'email' | 'number';
+export type AuthFormInputFieldType = Required<InputProps>['type'];
 export type AuthFormInputField<T extends AuthFormInputFieldType & NonUnion<T> = 'text'> = Omit<FormFieldProps, 'name'> & Omit<InputProps, 'type'> & {
     name: string;
     type: T;
 };
-export type AuthFormField = AuthFormCheckboxField | AuthFormSelectField | AuthFormOtpField | AuthFormInputField<'password'> | AuthFormInputField<'text'> | AuthFormInputField<'email'> | AuthFormInputField<'number'>;
+export type AuthFormField = AuthFormCheckboxField | AuthFormSelectField | AuthFormOtpField | AuthFormInputField<AuthFormInputFieldType>;
 export interface AuthFormProps<T extends FormSchema = FormSchema<object>, F extends AuthFormField = AuthFormField> extends /** @vue-ignore */ FormHTMLAttributes {
     /**
      * The element or component this component should render as.
@@ -58,7 +58,7 @@ export interface AuthFormProps<T extends FormSchema = FormSchema<object>, F exte
      * Display a submit button at the bottom of the form.
      * `{ label: 'Continue', block: true }`{lang="ts-type"}
      */
-    submit?: ButtonProps;
+    submit?: Omit<ButtonProps, LinkPropsKeys>;
     schema?: T;
     validate?: FormProps<T>['validate'];
     validateOn?: FormProps<T>['validateOn'];
@@ -93,49 +93,11 @@ export type AuthFormSlots<T extends object = object, F extends AuthFormField = A
     footer(props?: {}): any;
 } & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>;
 declare const __VLS_export: <T extends FormSchema, F extends AuthFormField>(__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<AuthFormProps<T, F> & {
-        onSubmit?: ((payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<AuthFormProps<T, F> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "submit", payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        formRef: Readonly<import("vue").ShallowRef<import("vue").ShallowUnwrapRef<{
-            validate: {
-                <T_1 extends boolean>(opts: {
-                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
-                    silent?: false | undefined;
-                    nested?: boolean;
-                    transform?: T_1 | undefined;
-                }): Promise<import("../types").FormData<T, T_1>>;
-                <T_1 extends boolean>(opts: {
-                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
-                    silent?: true | undefined;
-                    nested?: boolean;
-                    transform?: T_1 | undefined;
-                }): Promise<false | import("../types").FormData<T, T_1>>;
-            };
-            errors: import("vue").Ref<{
-                id?: string | undefined;
-                name?: string | undefined;
-                message: string;
-            }[], import("../types").FormErrorWithId[] | {
-                id?: string | undefined;
-                name?: string | undefined;
-                message: string;
-            }[]>;
-            setErrors(errs: import("../types").FormError[], name?: string | RegExp | keyof InferInput<T> | undefined): void;
-            submit(): Promise<void>;
-            getErrors(name?: string | RegExp | keyof InferInput<T> | undefined): {
-                id?: string | undefined;
-                name?: string | undefined;
-                message: string;
-            }[];
-            clear(name?: string | RegExp | keyof InferInput<T> | undefined): void;
-            disabled: import("vue").ComputedRef<boolean>;
-            loading: import("vue").Ref<boolean, boolean>;
-            dirty: import("vue").ComputedRef<boolean>;
-            dirtyFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
-            blurredFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
-            touchedFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
-        }> | null>>;
+        formRef: Readonly<import("vue").ShallowRef<any>>;
         state: import("vue").Reactive<InferInput<T>>;
     }>) => void;
     attrs: any;

package/dist/runtime/components/AuthForm.vue

@@ -21,7 +21,7 @@ import UPinInput from "./PinInput.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   fields: { type: Array, required: false },

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/auth-form';
-import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, InputProps, CheckboxProps, SelectMenuProps, PinInputProps, IconProps } from '../types';
+import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, InputProps, CheckboxProps, SelectMenuProps, PinInputProps, IconProps, LinkPropsKeys } from '../types';
 import type { FormSchema, FormSubmitEvent, InferInput } from '../types/form';
 import type { FormHTMLAttributes } from '../types/html';
 import type { NonUnion } from '../types/utils';
@@ -24,12 +24,12 @@ export type AuthFormOtpField = Omit<FormFieldProps, 'name'> & Omit<PinInputProps
      */
     otp?: boolean | PinInputProps;
 };
-export type AuthFormInputFieldType = 'password' | 'text' | 'email' | 'number';
+export type AuthFormInputFieldType = Required<InputProps>['type'];
 export type AuthFormInputField<T extends AuthFormInputFieldType & NonUnion<T> = 'text'> = Omit<FormFieldProps, 'name'> & Omit<InputProps, 'type'> & {
     name: string;
     type: T;
 };
-export type AuthFormField = AuthFormCheckboxField | AuthFormSelectField | AuthFormOtpField | AuthFormInputField<'password'> | AuthFormInputField<'text'> | AuthFormInputField<'email'> | AuthFormInputField<'number'>;
+export type AuthFormField = AuthFormCheckboxField | AuthFormSelectField | AuthFormOtpField | AuthFormInputField<AuthFormInputFieldType>;
 export interface AuthFormProps<T extends FormSchema = FormSchema<object>, F extends AuthFormField = AuthFormField> extends /** @vue-ignore */ FormHTMLAttributes {
     /**
      * The element or component this component should render as.
@@ -58,7 +58,7 @@ export interface AuthFormProps<T extends FormSchema = FormSchema<object>, F exte
      * Display a submit button at the bottom of the form.
      * `{ label: 'Continue', block: true }`{lang="ts-type"}
      */
-    submit?: ButtonProps;
+    submit?: Omit<ButtonProps, LinkPropsKeys>;
     schema?: T;
     validate?: FormProps<T>['validate'];
     validateOn?: FormProps<T>['validateOn'];
@@ -93,49 +93,11 @@ export type AuthFormSlots<T extends object = object, F extends AuthFormField = A
     footer(props?: {}): any;
 } & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>;
 declare const __VLS_export: <T extends FormSchema, F extends AuthFormField>(__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<AuthFormProps<T, F> & {
-        onSubmit?: ((payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<AuthFormProps<T, F> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "submit", payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        formRef: Readonly<import("vue").ShallowRef<import("vue").ShallowUnwrapRef<{
-            validate: {
-                <T_1 extends boolean>(opts: {
-                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
-                    silent?: false | undefined;
-                    nested?: boolean;
-                    transform?: T_1 | undefined;
-                }): Promise<import("../types").FormData<T, T_1>>;
-                <T_1 extends boolean>(opts: {
-                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
-                    silent?: true | undefined;
-                    nested?: boolean;
-                    transform?: T_1 | undefined;
-                }): Promise<false | import("../types").FormData<T, T_1>>;
-            };
-            errors: import("vue").Ref<{
-                id?: string | undefined;
-                name?: string | undefined;
-                message: string;
-            }[], import("../types").FormErrorWithId[] | {
-                id?: string | undefined;
-                name?: string | undefined;
-                message: string;
-            }[]>;
-            setErrors(errs: import("../types").FormError[], name?: string | RegExp | keyof InferInput<T> | undefined): void;
-            submit(): Promise<void>;
-            getErrors(name?: string | RegExp | keyof InferInput<T> | undefined): {
-                id?: string | undefined;
-                name?: string | undefined;
-                message: string;
-            }[];
-            clear(name?: string | RegExp | keyof InferInput<T> | undefined): void;
-            disabled: import("vue").ComputedRef<boolean>;
-            loading: import("vue").Ref<boolean, boolean>;
-            dirty: import("vue").ComputedRef<boolean>;
-            dirtyFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
-            blurredFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
-            touchedFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
-        }> | null>>;
+        formRef: Readonly<import("vue").ShallowRef<any>>;
         state: import("vue").Reactive<InferInput<T>>;
     }>) => void;
     attrs: any;

package/dist/runtime/components/Avatar.vue

@@ -17,7 +17,7 @@ const props = defineProps({
   as: { type: null, required: false },
   src: { type: String, required: false },
   alt: { type: String, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   text: { type: String, required: false },
   size: { type: null, required: false },
   chip: { type: [Boolean, Object], required: false },

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

@@ -38,9 +38,7 @@ export interface BadgeSlots {
         ui: Badge['ui'];
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    as: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Badge.vue

@@ -20,12 +20,12 @@ const props = defineProps({
   square: { type: Boolean, 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 }
 });
 const slots = defineSlots();
 const appConfig = useAppConfig();

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

@@ -38,9 +38,7 @@ export interface BadgeSlots {
         ui: Badge['ui'];
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-    as: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/banner';
-import type { ButtonProps, IconProps, LinkProps } from '../types';
+import type { ButtonProps, IconProps, LinkProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Banner = ComponentConfig<typeof theme, AppConfig, 'banner'>;
 export interface BannerProps {
@@ -38,7 +38,7 @@ export interface BannerProps {
      * @emits `close`
      * @defaultValue false
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue appConfig.ui.icons.close

package/dist/runtime/components/Banner.vue

@@ -16,14 +16,14 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false },
   id: { type: String, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   title: { type: String, required: false },
   actions: { type: Array, required: false },
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
   color: { type: null, required: false },
   close: { type: [Boolean, Object], required: false },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/banner';
-import type { ButtonProps, IconProps, LinkProps } from '../types';
+import type { ButtonProps, IconProps, LinkProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Banner = ComponentConfig<typeof theme, AppConfig, 'banner'>;
 export interface BannerProps {
@@ -38,7 +38,7 @@ export interface BannerProps {
      * @emits `close`
      * @defaultValue false
      */
-    close?: boolean | Partial<ButtonProps>;
+    close?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed in the close button.
      * @defaultValue appConfig.ui.icons.close

package/dist/runtime/components/BlogPost.d.vue.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 & {