@nuxt/ui 4.2.0 → 4.3.0

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

@@ -29,6 +29,11 @@ export interface FormFieldProps {
      * @defaultValue `300`
      */
     validateOnInputDelay?: number;
+    /**
+     * The orientation of the form field.
+     * @defaultValue 'vertical'
+     */
+    orientation?: FormField['variants']['orientation'];
     class?: any;
     ui?: FormField['slots'];
 }

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/header';
-import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps } from '../types';
+import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Header = ComponentConfig<typeof theme, AppConfig, 'header'>;
 type HeaderMode = 'modal' | 'slideover' | 'drawer';
@@ -26,7 +26,7 @@ export interface HeaderProps<T extends HeaderMode = HeaderMode> {
      * Customize the toggle button to open the header menu displayed when the `content` slot is used.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    toggle?: boolean | Partial<ButtonProps>;
+    toggle?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The side to render the toggle button on.
      * @defaultValue 'right'
@@ -55,9 +55,9 @@ export interface HeaderSlots {
 declare const __VLS_export: <T extends HeaderMode>(__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<(HeaderProps<T> & {
         open?: boolean;
-    }) & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:open", value: boolean) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: HeaderSlots;

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/header';
-import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps } from '../types';
+import type { ButtonProps, DrawerProps, ModalProps, SlideoverProps, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Header = ComponentConfig<typeof theme, AppConfig, 'header'>;
 type HeaderMode = 'modal' | 'slideover' | 'drawer';
@@ -26,7 +26,7 @@ export interface HeaderProps<T extends HeaderMode = HeaderMode> {
      * Customize the toggle button to open the header menu displayed when the `content` slot is used.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
      */
-    toggle?: boolean | Partial<ButtonProps>;
+    toggle?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The side to render the toggle button on.
      * @defaultValue 'right'
@@ -55,9 +55,9 @@ export interface HeaderSlots {
 declare const __VLS_export: <T extends HeaderMode>(__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<(HeaderProps<T> & {
         open?: boolean;
-    }) & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:open", value: boolean) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: HeaderSlots;

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

@@ -1,5 +1,5 @@
 export interface IconProps {
-    name: string | object;
+    name: string | any;
     mode?: 'svg' | 'css';
     size?: string | number;
     customize?: (content: string, name?: string, prefix?: string, provider?: string) => string;

package/dist/runtime/components/Icon.vue

@@ -6,7 +6,7 @@
 import { useForwardProps } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 const props = defineProps({
-  name: { type: [String, Object], required: true },
+  name: { type: null, required: true },
   mode: { type: String, required: false },
   size: { type: [String, Number], required: false },
   customize: { type: Function, required: false }

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

@@ -1,5 +1,5 @@
 export interface IconProps {
-    name: string | object;
+    name: string | any;
     mode?: 'svg' | 'css';
     size?: string | number;
     customize?: (content: string, name?: string, prefix?: string, provider?: string) => string;

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

@@ -60,17 +60,15 @@ export interface InputSlots {
     }): any;
 }
 declare const __VLS_export: <T extends InputValue>(__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<InputProps<T> & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<InputProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        inputRef: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
+        inputRef: Readonly<import("vue").ShallowRef<any>>;
     }>) => void;
     attrs: any;
     slots: InputSlots;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/Input.vue

@@ -35,14 +35,14 @@ const props = defineProps({
   modelModifiers: { type: Object, 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 }
 });
 const emits = defineEmits(["update:modelValue", "blur", "change"]);
 const slots = defineSlots();

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

@@ -60,17 +60,15 @@ export interface InputSlots {
     }): any;
 }
 declare const __VLS_export: <T extends InputValue>(__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<InputProps<T> & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<InputProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        inputRef: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
+        inputRef: Readonly<import("vue").ShallowRef<any>>;
     }>) => void;
     attrs: any;
     slots: InputSlots;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -66,19 +66,15 @@ export interface InputDateSlots {
     }): any;
 }
 declare const __VLS_export: <R 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<InputDateProps<R> & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((date: InputDateModelValue<R>) => any) | undefined;
-        "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<InputDateProps<R> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", date: InputDateModelValue<R>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
     }>) => void;
     attrs: any;
     slots: InputDateSlots;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", date: InputDateModelValue<R>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", date: InputDateModelValue<R>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/InputDate.vue

@@ -23,20 +23,20 @@ const props = defineProps({
   highlight: { type: Boolean, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false, default: 0 },
-  separatorIcon: { type: [String, Object], required: false },
+  separatorIcon: { type: null, required: false },
   range: { type: Boolean, required: false },
   defaultValue: { type: null, required: false },
   modelValue: { type: null, 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 },
   defaultPlaceholder: { type: null, required: false },
   placeholder: { type: null, required: false },
   hourCycle: { type: null, required: false },

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

@@ -66,19 +66,15 @@ export interface InputDateSlots {
     }): any;
 }
 declare const __VLS_export: <R 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<InputDateProps<R> & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((date: InputDateModelValue<R>) => any) | undefined;
-        "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<InputDateProps<R> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", date: InputDateModelValue<R>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
     }>) => void;
     attrs: any;
     slots: InputDateSlots;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", date: InputDateModelValue<R>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", date: InputDateModelValue<R>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -3,6 +3,7 @@ import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-menu';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
 import type { AvatarProps, ChipProps, IconProps } from '../types';
+import type { ModelModifiers } from '../types/input';
 import type { InputHTMLAttributes } from '../types/html';
 import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
@@ -124,6 +125,7 @@ export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOr
     defaultValue?: GetModelValue<T, VK, M>;
     /** The controlled value of the InputMenu. Can be binded-with with `v-model`. */
     modelValue?: GetModelValue<T, VK, M>;
+    modelModifiers?: Omit<ModelModifiers<GetModelValue<T, VK, M>>, 'lazy'>;
     /** Whether multiple options can be selected or not. */
     multiple?: M & boolean;
     /** Highlight the ring color like a focus state. */
@@ -207,26 +209,18 @@ export interface InputMenuSlots<A extends ArrayOrNested<InputMenuItem> = ArrayOr
 declare const __VLS_export: <T extends ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false>(__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<(InputMenuProps<T, VK, M> & {
         searchTerm?: string;
-    }) & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        onCreate?: ((item: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: GetModelValue<T, VK, M>) => any) | undefined;
-        onHighlight?: ((payload: {
-            ref: HTMLElement;
-            value: GetModelValue<T, VK, M>;
-        } | undefined) => any) | undefined;
-        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
-        "onRemove-tag"?: ((item: GetModelValue<T, VK, M>) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "create", item: string) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
+        ref: HTMLElement;
+        value: GetModelValue<T, VK, M>;
+    } | undefined) => void) & ((evt: "remove-tag", item: GetModelValue<T, VK, M>) => void) & ((evt: "update:searchTerm", value: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputRef: Readonly<import("vue").Ref<HTMLInputElement, HTMLInputElement>>;
     }>) => void;
     attrs: any;
     slots: InputMenuSlots<T, VK, M, NestedItem<T>>;
-    emit: (((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "create", item: string) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "create", item: string) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
         ref: HTMLElement;
         value: GetModelValue<T, VK, M>;
     } | undefined) => void) & ((evt: "remove-tag", item: GetModelValue<T, VK, M>) => void)) & ((evt: "update:searchTerm", value: string) => void);

package/dist/runtime/components/InputMenu.vue

@@ -14,7 +14,7 @@ import { useComponentIcons } from "../composables/useComponentIcons";
 import { useFormField } from "../composables/useFormField";
 import { useLocale } from "../composables/useLocale";
 import { usePortal } from "../composables/usePortal";
-import { compare, get, getDisplayValue, isArrayOfArray } from "../utils";
+import { compare, get, getDisplayValue, isArrayOfArray, looseToNumber } from "../utils";
 import { getEstimateSize } from "../utils/virtualizer";
 import { tv } from "../utils/tv";
 import UIcon from "./Icon.vue";
@@ -32,9 +32,9 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false, default: 0 },
-  trailingIcon: { type: [String, Object], required: false },
-  selectedIcon: { type: [String, Object], required: false },
-  deleteIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
+  selectedIcon: { type: null, required: false },
+  deleteIcon: { type: null, required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
@@ -45,6 +45,7 @@ const props = defineProps({
   items: { type: null, required: false },
   defaultValue: { type: null, required: false },
   modelValue: { type: null, required: false },
+  modelModifiers: { type: Object, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },
@@ -61,13 +62,13 @@ const props = defineProps({
   highlightOnHover: { type: Boolean, required: false },
   openOnClick: { type: Boolean, required: false },
   openOnFocus: { type: Boolean, 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 },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["update:open", "change", "blur", "focus", "create", "highlight", "remove-tag", "update:modelValue"]);
 const slots = defineSlots();
@@ -177,6 +178,18 @@ function onUpdate(value) {
   if (toRaw(props.modelValue) === value) {
     return;
   }
+  if (props.modelModifiers?.trim) {
+    value = value?.trim() ?? null;
+  }
+  if (props.modelModifiers?.number) {
+    value = looseToNumber(value);
+  }
+  if (props.modelModifiers?.nullable) {
+    value ??= null;
+  }
+  if (props.modelModifiers?.optional) {
+    value ??= void 0;
+  }
   const event = new Event("change", { target: { value } });
   emits("change", event);
   emitFormChange();

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

@@ -3,6 +3,7 @@ import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-menu';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
 import type { AvatarProps, ChipProps, IconProps } from '../types';
+import type { ModelModifiers } from '../types/input';
 import type { InputHTMLAttributes } from '../types/html';
 import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
@@ -124,6 +125,7 @@ export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOr
     defaultValue?: GetModelValue<T, VK, M>;
     /** The controlled value of the InputMenu. Can be binded-with with `v-model`. */
     modelValue?: GetModelValue<T, VK, M>;
+    modelModifiers?: Omit<ModelModifiers<GetModelValue<T, VK, M>>, 'lazy'>;
     /** Whether multiple options can be selected or not. */
     multiple?: M & boolean;
     /** Highlight the ring color like a focus state. */
@@ -207,26 +209,18 @@ export interface InputMenuSlots<A extends ArrayOrNested<InputMenuItem> = ArrayOr
 declare const __VLS_export: <T extends ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false>(__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<(InputMenuProps<T, VK, M> & {
         searchTerm?: string;
-    }) & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        onCreate?: ((item: string) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: GetModelValue<T, VK, M>) => any) | undefined;
-        onHighlight?: ((payload: {
-            ref: HTMLElement;
-            value: GetModelValue<T, VK, M>;
-        } | undefined) => any) | undefined;
-        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
-        "onRemove-tag"?: ((item: GetModelValue<T, VK, M>) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "create", item: string) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
+        ref: HTMLElement;
+        value: GetModelValue<T, VK, M>;
+    } | undefined) => void) & ((evt: "remove-tag", item: GetModelValue<T, VK, M>) => void) & ((evt: "update:searchTerm", value: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputRef: Readonly<import("vue").Ref<HTMLInputElement, HTMLInputElement>>;
     }>) => void;
     attrs: any;
     slots: InputMenuSlots<T, VK, M, NestedItem<T>>;
-    emit: (((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "create", item: string) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "create", item: string) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
         ref: HTMLElement;
         value: GetModelValue<T, VK, M>;
     } | undefined) => void) & ((evt: "remove-tag", item: GetModelValue<T, VK, M>) => void)) & ((evt: "update:searchTerm", value: string) => void);

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

@@ -1,7 +1,7 @@
 import type { NumberFieldRootProps } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-number';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { InputHTMLAttributes } from '../types/html';
 import type { ModelModifiers } from '../types/input';
 import type { ComponentConfig } from '../types/tv';
@@ -29,7 +29,7 @@ export interface InputNumberProps<T extends InputNumberValue = InputNumberValue>
      * Configure the increment button. The `color` and `size` are inherited.
      * @defaultValue { variant: 'link' }
      */
-    increment?: boolean | ButtonProps;
+    increment?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed to increment the value.
      * @defaultValue appConfig.ui.icons.plus
@@ -42,7 +42,7 @@ export interface InputNumberProps<T extends InputNumberValue = InputNumberValue>
      * Configure the decrement button. The `color` and `size` are inherited.
      * @defaultValue { variant: 'link' }
      */
-    decrement?: boolean | ButtonProps;
+    decrement?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed to decrement the value.
      * @defaultValue appConfig.ui.icons.minus
@@ -67,17 +67,15 @@ export interface InputNumberSlots {
     decrement(props?: {}): any;
 }
 declare const __VLS_export: <T extends InputNumberValue = InputNumberValue>(__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<InputNumberProps<T> & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<InputNumberProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputRef: Readonly<import("vue").Ref<HTMLInputElement, HTMLInputElement>>;
     }>) => void;
     attrs: any;
     slots: InputNumberSlots;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/InputNumber.vue

@@ -22,10 +22,10 @@ const props = defineProps({
   highlight: { type: Boolean, required: false },
   orientation: { type: String, required: false, default: "horizontal" },
   increment: { type: [Boolean, Object], required: false, default: true },
-  incrementIcon: { type: [String, Object], required: false },
+  incrementIcon: { type: null, required: false },
   incrementDisabled: { type: Boolean, required: false },
   decrement: { type: [Boolean, Object], required: false, default: true },
-  decrementIcon: { type: [String, Object], required: false },
+  decrementIcon: { type: null, required: false },
   decrementDisabled: { type: Boolean, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false },

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

@@ -1,7 +1,7 @@
 import type { NumberFieldRootProps } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/input-number';
-import type { ButtonProps, IconProps } from '../types';
+import type { ButtonProps, IconProps, LinkPropsKeys } from '../types';
 import type { InputHTMLAttributes } from '../types/html';
 import type { ModelModifiers } from '../types/input';
 import type { ComponentConfig } from '../types/tv';
@@ -29,7 +29,7 @@ export interface InputNumberProps<T extends InputNumberValue = InputNumberValue>
      * Configure the increment button. The `color` and `size` are inherited.
      * @defaultValue { variant: 'link' }
      */
-    increment?: boolean | ButtonProps;
+    increment?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed to increment the value.
      * @defaultValue appConfig.ui.icons.plus
@@ -42,7 +42,7 @@ export interface InputNumberProps<T extends InputNumberValue = InputNumberValue>
      * Configure the decrement button. The `color` and `size` are inherited.
      * @defaultValue { variant: 'link' }
      */
-    decrement?: boolean | ButtonProps;
+    decrement?: boolean | Omit<ButtonProps, LinkPropsKeys>;
     /**
      * The icon displayed to decrement the value.
      * @defaultValue appConfig.ui.icons.minus
@@ -67,17 +67,15 @@ export interface InputNumberSlots {
     decrement(props?: {}): any;
 }
 declare const __VLS_export: <T extends InputNumberValue = InputNumberValue>(__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<InputNumberProps<T> & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<InputNumberProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputRef: Readonly<import("vue").Ref<HTMLInputElement, HTMLInputElement>>;
     }>) => void;
     attrs: any;
     slots: InputNumberSlots;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -66,21 +66,15 @@ export interface InputTagsSlots<T extends InputTagItem = InputTagItem> {
     'item-delete': SlotProps<T>;
 }
 declare const __VLS_export: <T extends InputTagItem>(__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<InputTagsProps<T> & {
-        onChange?: ((event: Event) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
-        onFocus?: ((event: FocusEvent) => any) | undefined;
-        onInvalid?: ((payload: T) => any) | undefined;
-        "onUpdate:modelValue"?: ((payload: T[]) => any) | undefined;
-        onAddTag?: ((payload: T) => any) | undefined;
-        onRemoveTag?: ((payload: T) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<InputTagsProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void) & ((evt: "removeTag", payload: T) => void) & ((evt: "addTag", payload: T) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         inputRef: Readonly<import("vue").Ref<HTMLInputElement, HTMLInputElement>>;
     }>) => void;
     attrs: any;
     slots: InputTagsSlots<T>;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void) & ((evt: "addTag", payload: T) => void) & ((evt: "removeTag", payload: T) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void) & ((evt: "removeTag", payload: T) => void) & ((evt: "addTag", payload: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/InputTags.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   size: { type: null, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false, default: 0 },
-  deleteIcon: { type: [String, Object], required: false },
+  deleteIcon: { type: null, required: false },
   highlight: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
@@ -41,14 +41,14 @@ const props = defineProps({
   displayValue: { type: Function, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, 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 }
 });
 const emits = defineEmits(["change", "blur", "focus", "update:modelValue", "invalid", "addTag", "removeTag"]);
 const slots = defineSlots();