@nuxt/ui 4.5.1 → 4.6.1

package/dist/runtime/components/DropdownMenuContent.vue

@@ -3,11 +3,13 @@
 </script>
 
 <script setup>
-import { computed, toRef } from "vue";
+import { computed, ref, toRef } from "vue";
+import { defu } from "defu";
 import { DropdownMenu } from "reka-ui/namespaced";
 import { useForwardPropsEmits } from "reka-ui";
 import { reactiveOmit, createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useFilter } from "../composables/useFilter";
 import { useLocale } from "../composables/useLocale";
 import { usePortal } from "../composables/usePortal";
 import { omit, get, isArrayOfArray } from "../utils";
@@ -16,6 +18,7 @@ import ULinkBase from "./LinkBase.vue";
 import ULink from "./Link.vue";
 import UAvatar from "./Avatar.vue";
 import UIcon from "./Icon.vue";
+import UInput from "./Input.vue";
 import UKbd from "./Kbd.vue";
 import UDropdownMenuContent from "./DropdownMenuContent.vue";
 const props = defineProps({
@@ -27,6 +30,11 @@ const props = defineProps({
   checkedIcon: { type: null, required: false },
   loadingIcon: { type: null, required: false },
   externalIcon: { type: [Boolean, String], required: false, skipCheck: true },
+  size: { type: null, required: false },
+  filter: { type: [Boolean, Object], required: false },
+  filterFields: { type: Array, required: false },
+  ignoreFilter: { type: Boolean, required: false },
+  searchTerm: { type: String, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: true },
   uiOverride: { type: null, required: false },
@@ -50,18 +58,41 @@ const props = defineProps({
   prioritizePosition: { type: Boolean, required: false },
   reference: { type: null, required: false }
 });
-const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"]);
+const emits = defineEmits(["update:searchTerm", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"]);
 const slots = defineSlots();
-const { dir } = useLocale();
+const { t, dir } = useLocale();
 const appConfig = useAppConfig();
+const { filterGroups } = useFilter();
+const _searchTerm = ref("");
+const searchTerm = computed({
+  get: () => props.searchTerm ?? _searchTerm.value,
+  set: (value) => {
+    _searchTerm.value = value;
+    emits("update:searchTerm", value);
+  }
+});
+const inputProps = toRef(() => defu(props.filter, { placeholder: t("dropdownMenu.search"), variant: "none" }));
 const portalProps = usePortal(toRef(() => props.portal));
-const contentProps = useForwardPropsEmits(reactiveOmit(props, "sub", "items", "portal", "labelKey", "descriptionKey", "checkedIcon", "loadingIcon", "externalIcon", "class", "ui", "uiOverride"), emits);
+const contentProps = useForwardPropsEmits(reactiveOmit(props, "sub", "items", "portal", "labelKey", "descriptionKey", "checkedIcon", "loadingIcon", "externalIcon", "size", "filter", "filterFields", "ignoreFilter", "searchTerm", "class", "ui", "uiOverride"), emits);
 const getProxySlots = () => omit(slots, ["default"]);
 const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate();
 const childrenIcon = computed(() => dir.value === "rtl" ? appConfig.ui.icons.chevronLeft : appConfig.ui.icons.chevronRight);
-const groups = computed(
-  () => props.items?.length ? isArrayOfArray(props.items) ? props.items : [props.items] : []
-);
+const groups = computed(() => {
+  if (!props.items?.length) return [];
+  return isArrayOfArray(props.items) ? props.items : [props.items];
+});
+const isStructuralItem = (item) => !!item.type && ["label", "separator"].includes(item.type);
+const filteredGroups = computed(() => {
+  if (!props.filter || props.ignoreFilter || !searchTerm.value) {
+    return groups.value;
+  }
+  const fields = Array.isArray(props.filterFields) && props.filterFields.length ? props.filterFields : [props.labelKey];
+  return filterGroups(groups.value, searchTerm.value, {
+    fields,
+    isStructural: isStructuralItem
+  });
+});
+const hasFilteredItems = computed(() => filteredGroups.value.some((group) => group.some((item) => !isStructuralItem(item))));
 </script>
 
 <template>
@@ -106,10 +137,22 @@ const groups = computed(
 
   <DropdownMenu.Portal v-bind="portalProps">
     <component :is="sub ? DropdownMenu.SubContent : DropdownMenu.Content" data-slot="content" :class="ui.content({ class: [uiOverride?.content, props.class] })" v-bind="contentProps">
+      <DropdownMenu.Filter v-if="!!filter" v-model="searchTerm" as-child>
+        <UInput
+          autofocus
+          autocomplete="off"
+          :size="size"
+          v-bind="inputProps"
+          data-slot="input"
+          :class="ui.input({ class: uiOverride?.input })"
+          @change.stop
+        />
+      </DropdownMenu.Filter>
+
       <slot name="content-top" :sub="sub ?? false" />
 
-      <div role="presentation" data-slot="viewport" :class="ui.viewport({ class: uiOverride?.viewport })">
-        <DropdownMenu.Group v-for="(group, groupIndex) in groups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: uiOverride?.group })">
+      <div v-if="!searchTerm || hasFilteredItems" role="presentation" data-slot="viewport" :class="ui.viewport({ class: uiOverride?.viewport })">
+        <DropdownMenu.Group v-for="(group, groupIndex) in filteredGroups" :key="`group-${groupIndex}`" data-slot="group" :class="ui.group({ class: uiOverride?.group })">
           <template v-for="(item, index) in group" :key="`group-${groupIndex}-${index}`">
             <DropdownMenu.Label v-if="item.type === 'label'" data-slot="label" :class="ui.label({ class: [uiOverride?.label, item.ui?.label, item.class] })">
               <ReuseItemTemplate :item="item" :index="index" />
@@ -142,6 +185,10 @@ const groups = computed(
                 :checked-icon="checkedIcon"
                 :loading-icon="loadingIcon"
                 :external-icon="externalIcon"
+                :size="size"
+                :filter="item.filter"
+                :filter-fields="item.filterFields || filterFields"
+                :ignore-filter="item.ignoreFilter ?? ignoreFilter"
                 v-bind="item.content"
               >
                 <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
@@ -177,6 +224,12 @@ const groups = computed(
         </DropdownMenu.Group>
       </div>
 
+      <div v-if="searchTerm && !hasFilteredItems" data-slot="empty" :class="ui.empty({ class: uiOverride?.empty })">
+        <slot name="empty" :search-term="searchTerm">
+          {{ t("dropdownMenu.noMatch", { searchTerm }) }}
+        </slot>
+      </div>
+
       <slot />
 
       <slot name="content-bottom" :sub="sub ?? false" />

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

@@ -3,7 +3,7 @@ import type { DropdownMenuContentProps as RekaDropdownMenuContentProps } from 'r
 import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type theme from '#build/ui/dropdown-menu';
-import type { DropdownMenuItem, DropdownMenuSlots, IconProps } from '../types';
+import type { DropdownMenuItem, DropdownMenuSlots, IconProps, InputProps } from '../types';
 import type { ArrayOrNested, GetItemKeys, NestedItem, DynamicSlots, MergeTypes } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
@@ -25,11 +25,16 @@ interface DropdownMenuContentProps<T extends ArrayOrNested<DropdownMenuItem>> ex
      * @IconifyIcon
      */
     externalIcon?: boolean | IconProps['name'];
+    size?: DropdownMenu['variants']['size'];
+    filter?: boolean | Omit<InputProps, 'modelValue' | 'defaultValue'>;
+    filterFields?: string[];
+    ignoreFilter?: boolean;
+    searchTerm?: string;
     class?: any;
     ui: DropdownMenu['ui'];
     uiOverride?: DropdownMenu['slots'];
 }
-type DropdownMenuContentSlots<A extends ArrayOrNested<DropdownMenuItem> = ArrayOrNested<DropdownMenuItem>, T extends NestedItem<A> = NestedItem<A>> = Pick<DropdownMenuSlots<A>, 'item' | 'item-leading' | 'item-label' | 'item-description' | 'item-trailing' | 'content-top' | 'content-bottom'> & {
+type DropdownMenuContentSlots<A extends ArrayOrNested<DropdownMenuItem> = ArrayOrNested<DropdownMenuItem>, T extends NestedItem<A> = NestedItem<A>> = Pick<DropdownMenuSlots<A>, 'item' | 'item-leading' | 'item-label' | 'item-description' | 'item-trailing' | 'empty' | 'content-top' | 'content-bottom'> & {
     default?(props?: {}): VNode[];
 } & DynamicSlots<MergeTypes<T>, 'label' | 'description', {
     active: boolean;
@@ -44,6 +49,7 @@ export default _default;
 declare const __VLS_export: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuContentProps<T> & {
         onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
         onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
         onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
         onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
@@ -54,7 +60,7 @@ declare const __VLS_export: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_pr
     expose: (exposed: {}) => void;
     attrs: any;
     slots: DropdownMenuContentSlots<T, NestedItem<T>>;
-    emit: ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("reka-ui").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("reka-ui").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+    emit: ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "update:searchTerm", value: string) => void) & ((evt: "pointerDownOutside", event: import("reka-ui").PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: import("reka-ui").FocusOutsideEvent) => void) & ((evt: "interactOutside", event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -52,20 +52,20 @@ export interface EditorDragHandleEmits {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<EditorDragHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hover: (args_0: {
+    nodeChange: (args_0: {
         node: JSONContent;
         pos: number;
     }) => any;
-    nodeChange: (args_0: {
+    hover: (args_0: {
         node: JSONContent;
         pos: number;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<EditorDragHandleProps> & Readonly<{
-    onHover?: ((args_0: {
+    onNodeChange?: ((args_0: {
         node: JSONContent;
         pos: number;
     }) => any) | undefined;
-    onNodeChange?: ((args_0: {
+    onHover?: ((args_0: {
         node: JSONContent;
         pos: number;
     }) => any) | undefined;

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

@@ -52,20 +52,20 @@ export interface EditorDragHandleEmits {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<EditorDragHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hover: (args_0: {
+    nodeChange: (args_0: {
         node: JSONContent;
         pos: number;
     }) => any;
-    nodeChange: (args_0: {
+    hover: (args_0: {
         node: JSONContent;
         pos: number;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<EditorDragHandleProps> & Readonly<{
-    onHover?: ((args_0: {
+    onNodeChange?: ((args_0: {
         node: JSONContent;
         pos: number;
     }) => any) | undefined;
-    onNodeChange?: ((args_0: {
+    onHover?: ((args_0: {
         node: JSONContent;
         pos: number;
     }) => any) | undefined;

package/dist/runtime/components/Error.vue

@@ -30,17 +30,17 @@ function handleError() {
 
 <template>
   <Primitive :as="as" data-slot="root" :class="ui.root({ class: [uiProp?.root, props.class] })">
-    <p v-if="!!props.error?.statusCode || !!slots.statusCode" data-slot="statusCode" :class="ui.statusCode({ class: uiProp?.statusCode })">
+    <p v-if="!!props.error?.statusCode || !!props.error?.status || !!slots.statusCode" data-slot="statusCode" :class="ui.statusCode({ class: uiProp?.statusCode })">
       <slot name="statusCode">
-        {{ props.error?.statusCode }}
+        {{ props.error?.statusCode || props.error?.status }}
       </slot>
     </p>
-    <h1 v-if="!!props.error?.statusMessage || !!slots.statusMessage" data-slot="statusMessage" :class="ui.statusMessage({ class: uiProp?.statusMessage })">
+    <h1 v-if="!!props.error?.statusMessage || !!props.error?.statusText || !!slots.statusMessage" data-slot="statusMessage" :class="ui.statusMessage({ class: uiProp?.statusMessage })">
       <slot name="statusMessage">
-        {{ props.error?.statusMessage }}
+        {{ props.error?.statusMessage || props.error?.statusText }}
       </slot>
     </h1>
-    <p v-if="props.error?.message && props.error.message !== props.error.statusMessage || !!slots.message" data-slot="message" :class="ui.message({ class: uiProp?.message })">
+    <p v-if="props.error?.message && props.error.message !== (props.error.statusMessage || props.error.statusText) || !!slots.message" data-slot="message" :class="ui.message({ class: uiProp?.message })">
       <slot name="message">
         {{ props.error?.message }}
       </slot>

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

@@ -79,6 +79,12 @@ export interface FileUploadProps<M extends boolean = false> extends /** @vue-ign
      * @IconifyIcon
      */
     fileIcon?: IconProps['name'];
+    /**
+     * Preview the file (currently only `<img>` is rendered)
+     * When set false, only `fileIcon` is displayed
+     * @defaultValue true
+     */
+    fileImage?: boolean;
     /**
      * Configure the delete button for the file.
      * When `layout` is `grid`, the default is `{ color: 'neutral', variant: 'solid', size: 'xs' }`{lang="ts-type"}

package/dist/runtime/components/FileUpload.vue

@@ -3,10 +3,11 @@ import theme from "#build/ui/file-upload";
 </script>
 
 <script setup>
-import { computed, toRef, watch } from "vue";
+import { computed, toRef, toRefs, watch } from "vue";
 import { Primitive, VisuallyHidden } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
-import { useAppConfig, useLocale } from "#imports";
+import { useAppConfig } from "#imports";
+import { useLocale } from "../composables/useLocale";
 import { useComponentUI } from "../composables/useComponentUI";
 import { useFormField } from "../composables/useFormField";
 import { useFileUpload } from "../composables/useFileUpload";
@@ -36,6 +37,7 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   fileIcon: { type: null, required: false },
+  fileImage: { type: Boolean, required: false, default: true },
   fileDelete: { type: [Boolean, Object], required: false, default: true },
   fileDeleteIcon: { type: null, required: false },
   preview: { type: Boolean, required: false, default: true },
@@ -49,10 +51,11 @@ const appConfig = useAppConfig();
 const uiProp = useComponentUI("fileUpload", props);
 const { t } = useLocale();
 const [DefineFilesTemplate, ReuseFilesTemplate] = createReusableTemplate();
+const { accept, multiple, reset } = toRefs(props);
 const { isDragging, open, inputRef, dropzoneRef } = useFileUpload({
-  accept: props.accept,
-  reset: props.reset,
-  multiple: props.multiple,
+  accept,
+  reset,
+  multiple,
   dropzone: props.dropzone,
   onUpdate
 });
@@ -81,6 +84,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.fileUpload ||
   disabled: props.disabled
 }));
 function createObjectUrl(file) {
+  if (!props.fileImage) return void 0;
   return URL.createObjectURL(file);
 }
 function formatFileSize(bytes) {
@@ -94,9 +98,9 @@ function formatFileSize(bytes) {
   const formattedSize = i === 0 ? size.toString() : size.toFixed(0);
   return `${formattedSize}${sizes[i]}`;
 }
-function onUpdate(files, reset = false) {
+function onUpdate(files, reset2 = false) {
   if (props.multiple) {
-    if (reset) {
+    if (reset2) {
       modelValue.value = files;
     } else {
       const existingFiles = modelValue.value || [];

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

@@ -79,6 +79,12 @@ export interface FileUploadProps<M extends boolean = false> extends /** @vue-ign
      * @IconifyIcon
      */
     fileIcon?: IconProps['name'];
+    /**
+     * Preview the file (currently only `<img>` is rendered)
+     * When set false, only `fileIcon` is displayed
+     * @defaultValue true
+     */
+    fileImage?: boolean;
     /**
      * Configure the delete button for the file.
      * When `layout` is `grid`, the default is `{ color: 'neutral', variant: 'solid', size: 'xs' }`{lang="ts-type"}

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

@@ -1,8 +1,9 @@
+import type { RuntimeOptions } from '@nuxt/icon';
 export interface IconProps {
     name: string | any;
     mode?: 'svg' | 'css';
     size?: string | number;
-    customize?: (content: string, name?: string, prefix?: string, provider?: string) => string;
+    customize?: RuntimeOptions['customize'] | boolean | null;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Icon.vue

@@ -9,12 +9,12 @@ const props = defineProps({
   name: { type: null, required: true },
   mode: { type: String, required: false },
   size: { type: [String, Number], required: false },
-  customize: { type: Function, required: false }
+  customize: { type: [Function, Boolean, null], required: false }
 });
-const iconProps = useForwardProps(reactivePick(props, "name", "mode", "size", "customize"));
+const iconProps = useForwardProps(reactivePick(props, "mode", "size", "customize"));
 </script>
 
 <template>
-  <Icon v-if="typeof name === 'string'" v-bind="iconProps" />
+  <Icon v-if="typeof name === 'string'" :name="name" v-bind="iconProps" />
   <component :is="name" v-else />
 </template>

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

@@ -1,8 +1,9 @@
+import type { RuntimeOptions } from '@nuxt/icon';
 export interface IconProps {
     name: string | any;
     mode?: 'svg' | 'css';
     size?: string | number;
-    customize?: (content: string, name?: string, prefix?: string, provider?: string) => string;
+    customize?: RuntimeOptions['customize'] | boolean | null;
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -47,8 +47,8 @@ export interface InputDateProps<R extends boolean = false> extends UseComponentI
     class?: any;
     ui?: InputDate['slots'];
 }
-export interface InputDateEmits<R extends boolean> extends Omit<DateFieldRootEmits & DateRangeFieldRootEmits, 'update:modelValue'> {
-    'update:modelValue': [date: InputDateModelValue<R>];
+export interface InputDateEmits<R extends boolean = false> extends Omit<DateFieldRootEmits & DateRangeFieldRootEmits, 'update:modelValue'> {
+    'update:modelValue': [value: InputDateModelValue<R>];
     'change': [event: Event];
     'blur': [event: FocusEvent];
     'focus': [event: FocusEvent];
@@ -74,7 +74,7 @@ declare const __VLS_export: <R extends boolean>(__VLS_props: NonNullable<Awaited
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onChange?: ((event: Event) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((date: InputDateModelValue<R>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: InputDateModelValue<R>) => any) | undefined;
         "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -84,7 +84,7 @@ declare const __VLS_export: <R extends boolean>(__VLS_props: NonNullable<Awaited
     }>) => void;
     attrs: any;
     slots: InputDateSlots;
-    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);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", value: 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.d.ts

@@ -47,8 +47,8 @@ export interface InputDateProps<R extends boolean = false> extends UseComponentI
     class?: any;
     ui?: InputDate['slots'];
 }
-export interface InputDateEmits<R extends boolean> extends Omit<DateFieldRootEmits & DateRangeFieldRootEmits, 'update:modelValue'> {
-    'update:modelValue': [date: InputDateModelValue<R>];
+export interface InputDateEmits<R extends boolean = false> extends Omit<DateFieldRootEmits & DateRangeFieldRootEmits, 'update:modelValue'> {
+    'update:modelValue': [value: InputDateModelValue<R>];
     'change': [event: Event];
     'blur': [event: FocusEvent];
     'focus': [event: FocusEvent];
@@ -74,7 +74,7 @@ declare const __VLS_export: <R extends boolean>(__VLS_props: NonNullable<Awaited
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onChange?: ((event: Event) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((date: InputDateModelValue<R>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: InputDateModelValue<R>) => any) | undefined;
         "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -84,7 +84,7 @@ declare const __VLS_export: <R extends boolean>(__VLS_props: NonNullable<Awaited
     }>) => void;
     attrs: any;
     slots: InputDateSlots;
-    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);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:modelValue", value: 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

@@ -34,7 +34,7 @@ type ExcludeItem = {
     type: 'label' | 'separator';
 };
 type IsClearUsed<M extends boolean, C extends boolean | object> = M extends false ? (C extends true ? null : C extends object ? null : never) : never;
-export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false, Mod extends Omit<ModelModifiers, 'lazy'> = Omit<ModelModifiers, 'lazy'>, C extends boolean | object = false> extends Pick<ComboboxRootProps<T>, 'open' | 'defaultOpen' | 'disabled' | 'name' | 'resetSearchTermOnBlur' | 'resetSearchTermOnSelect' | 'resetModelValueOnClear' | 'highlightOnHover' | 'openOnClick' | 'openOnFocus' | 'by'>, UseComponentIconsProps, /** @vue-ignore */ Omit<InputHTMLAttributes, 'disabled' | 'name' | 'type' | 'placeholder' | 'autofocus' | 'maxlength' | 'minlength' | 'pattern' | 'size' | 'min' | 'max' | 'step'> {
+export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOrNested<InputMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false, Mod extends Omit<ModelModifiers, 'lazy'> = Omit<ModelModifiers, 'lazy'>, C extends boolean | object = false> extends Pick<ComboboxRootProps<T>, 'open' | 'defaultOpen' | 'disabled' | 'name' | 'resetSearchTermOnBlur' | 'resetSearchTermOnSelect' | 'resetModelValueOnClear' | 'highlightOnHover' | 'openOnClick' | 'openOnFocus' | 'by'>, UseComponentIconsProps, /** @vue-ignore */ Omit<InputHTMLAttributes, 'autocomplete' | 'disabled' | 'name' | 'type' | 'placeholder' | 'autofocus' | 'maxlength' | 'minlength' | 'pattern' | 'size' | 'min' | 'max' | 'step'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -150,6 +150,12 @@ export interface InputMenuProps<T extends ArrayOrNested<InputMenuItem> = ArrayOr
     highlight?: boolean;
     /** Keep the mobile text size on all breakpoints. */
     fixed?: boolean;
+    /**
+     * When `true`, the input accepts free-form text with optional suggestions.
+     * The `modelValue` becomes the input text (string) instead of a selected item.
+     * @defaultValue false
+     */
+    autocomplete?: boolean;
     /**
      * Determines if custom user input that does not exist in options can be added.
      * @defaultValue false