@nuxt/ui 4.3.0 → 4.5.0

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

@@ -24,32 +24,43 @@ export interface EditorProps<T extends Content = Content, H extends EditorCustom
     contentType?: EditorContentType;
     /**
      * The starter kit options to configure the editor.
-     * @defaultValue { headings: { levels: [1, 2, 3, 4] }, link: { openOnClick: false }, dropcursor: { color: 'var(--ui-primary)', width: 2 } }
+     * @defaultValue { horizontalRule: false, link: { openOnClick: false }, dropcursor: { color: 'var(--ui-primary)', width: 2 } }
      * @see https://tiptap.dev/docs/editor/extensions/functionality/starterkit
      */
     starterKit?: Partial<StarterKitOptions>;
     /**
-     * The placeholder text to show in empty paragraphs.
-     * `{ showOnlyWhenEditable: false, showOnlyCurrent: true }`{lang="ts-type"}
-     * Can be a string or PlaceholderOptions from `@tiptap/extension-placeholder`.
+     * The placeholder text to show in empty paragraphs. Can be a string or PlaceholderOptions from `@tiptap/extension-placeholder`.
+     * @defaultValue { showOnlyWhenEditable: false, showOnlyCurrent: true, mode: 'everyLine' }
      * @see https://tiptap.dev/docs/editor/extensions/functionality/placeholder
      */
-    placeholder?: string | Partial<PlaceholderOptions>;
+    placeholder?: string | (Partial<PlaceholderOptions> & {
+        /**
+         * Control how placeholders are displayed in the editor.
+         * - `firstLine`: Display placeholder only on the first line when the editor is empty.
+         * - `everyLine`: Display placeholder on every empty line when focused.
+         * @defaultValue 'everyLine'
+         */
+        mode?: 'firstLine' | 'everyLine';
+    });
     /**
      * The markdown extension options to configure markdown parsing and serialization.
+     * @defaultValue { markedOptions: { gfm: true } }
      * @see https://tiptap.dev/docs/editor/extensions/functionality/markdown
      */
     markdown?: Partial<MarkdownExtensionOptions>;
     /**
-     * The image extension options to configure image handling.
+     * The image extension options to configure image handling. Set to `false` to disable the extension.
+     * @defaultValue {}
      * @see https://tiptap.dev/docs/editor/extensions/nodes/image
      */
-    image?: Partial<ImageOptions>;
+    image?: boolean | Partial<ImageOptions>;
     /**
-     * The mention extension options to configure mention handling.
+     * The mention extension options to configure mention handling. Set to `false` to disable the extension.
+     * The `suggestion` and `suggestions` options are omitted as they are managed by the `EditorMentionMenu` component.
+     * @defaultValue { HTMLAttributes: { class: 'mention' } }
      * @see https://tiptap.dev/docs/editor/extensions/nodes/mention
      */
-    mention?: Partial<MentionOptions>;
+    mention?: boolean | Partial<Omit<MentionOptions, 'suggestion' | 'suggestions'>>;
     /**
      * Custom item handlers to override or extend the default handlers.
      * These handlers are provided to all child components (toolbar, suggestion menu, etc.).
@@ -67,8 +78,12 @@ export interface EditorSlots<H extends EditorCustomHandlers = EditorCustomHandle
         handlers: EditorHandlers<H>;
     }): any;
 }
-declare const __VLS_export: <T extends Content, H extends EditorCustomHandlers>(__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<EditorProps<T, H> & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: T) => void>>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends Content, H extends EditorCustomHandlers>(__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<EditorProps<T, H> & {
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
@@ -80,8 +95,8 @@ declare const __VLS_export: <T extends Content, H extends EditorCustomHandlers>(
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -43,20 +43,36 @@ export interface EditorDragHandleEmits {
         node: JSONContent;
         pos: number;
     }];
+    hover: [{
+        node: JSONContent;
+        pos: number;
+    }];
 }
+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: {
+        node: JSONContent;
+        pos: number;
+    }) => any;
     nodeChange: (args_0: {
         node: JSONContent;
         pos: number;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<EditorDragHandleProps> & Readonly<{
+    onHover?: ((args_0: {
+        node: JSONContent;
+        pos: number;
+    }) => any) | undefined;
     onNodeChange?: ((args_0: {
         node: JSONContent;
         pos: number;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, EditorDragHandleSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
+    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, EditorDragHandleSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/components/EditorDragHandle.vue

@@ -9,6 +9,7 @@ import { useForwardProps } from "reka-ui";
 import { reactiveOmit, reactivePick } from "@vueuse/core";
 import { defu } from "defu";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { buildFloatingUIMiddleware } from "../utils/editor";
 import { transformUI } from "../utils";
 import { tv } from "../utils/tv";
@@ -20,11 +21,13 @@ const props = defineProps({
   variant: { type: null, required: false, default: "ghost" },
   options: { type: Object, required: false },
   editor: { type: Object, required: true },
-  ui: { type: void 0, required: false },
+  ui: { type: Object, required: false },
   pluginKey: { type: [Object, String], required: false },
+  nestedOptions: { type: Object, required: false },
   onElementDragStart: { type: Function, required: false },
   onElementDragEnd: { type: Function, required: false },
   getReferencedVirtualElement: { type: Function, required: false },
+  nested: { type: [Boolean, Object], required: false },
   label: { type: String, required: false },
   activeColor: { type: null, required: false },
   activeVariant: { type: null, required: false },
@@ -48,10 +51,11 @@ const props = defineProps({
   viewTransition: { type: Boolean, required: false }
 });
 defineSlots();
-const emit = defineEmits(["nodeChange"]);
-const dragHandleProps = useForwardProps(reactivePick(props, "pluginKey", "onElementDragEnd", "onElementDragStart", "getReferencedVirtualElement"));
-const buttonProps = useForwardProps(reactiveOmit(props, "icon", "options", "editor", "pluginKey", "onElementDragEnd", "onElementDragStart", "getReferencedVirtualElement", "class", "ui"));
+const emit = defineEmits(["nodeChange", "hover"]);
+const dragHandleProps = useForwardProps(reactivePick(props, "pluginKey", "nested", "nestedOptions", "onElementDragEnd", "onElementDragStart", "getReferencedVirtualElement"));
+const buttonProps = useForwardProps(reactiveOmit(props, "icon", "options", "editor", "pluginKey", "nested", "nestedOptions", "onElementDragEnd", "onElementDragStart", "getReferencedVirtualElement", "class", "ui"));
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("editorDragHandle", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.editorDragHandle || {} })());
 const floatingUIOptions = computed(() => defu(props.options, {
   strategy: "absolute",
@@ -86,11 +90,16 @@ const computePositionConfig = computed(() => ({
 const currentNodePos = ref();
 function onNodeChange({ pos }) {
   currentNodePos.value = pos;
+  if (pos == null || pos < 0) return;
+  const node = props.editor.state.doc.nodeAt(pos);
+  if (node) {
+    emit("hover", { node: node.toJSON(), pos });
+  }
 }
 function onClick() {
   if (!props.editor) return;
   const pos = currentNodePos.value;
-  if (pos == null) return;
+  if (pos == null || pos < 0) return;
   const node = props.editor.state.doc.nodeAt(pos);
   if (node) {
     const selectedNode = { node: node.toJSON(), pos };
@@ -108,7 +117,7 @@ function onClick() {
     :editor="editor"
     :on-node-change="onNodeChange"
     data-slot="root"
-    :class="ui.root({ class: [props.ui?.root, props.class] })"
+    :class="ui.root({ class: [uiProp?.root, props.class] })"
     @click="onClick"
   >
     <slot :ui="ui" :on-click="onClick">
@@ -119,8 +128,8 @@ function onClick() {
   ...$attrs
 }"
         data-slot="handle"
-        :class="ui.handle({ class: [props.ui?.handle, props.class] })"
-        :ui="transformUI(ui, props.ui)"
+        :class="ui.handle({ class: [uiProp?.handle, props.class] })"
+        :ui="transformUI(ui, uiProp)"
       />
     </slot>
   </DragHandle>

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

@@ -43,20 +43,36 @@ export interface EditorDragHandleEmits {
         node: JSONContent;
         pos: number;
     }];
+    hover: [{
+        node: JSONContent;
+        pos: number;
+    }];
 }
+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: {
+        node: JSONContent;
+        pos: number;
+    }) => any;
     nodeChange: (args_0: {
         node: JSONContent;
         pos: number;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<EditorDragHandleProps> & Readonly<{
+    onHover?: ((args_0: {
+        node: JSONContent;
+        pos: number;
+    }) => any) | undefined;
     onNodeChange?: ((args_0: {
         node: JSONContent;
         pos: number;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, EditorDragHandleSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
+    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, EditorDragHandleSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -13,12 +13,18 @@ export interface EditorEmojiMenuItem {
     [key: string]: any;
 }
 export interface EditorEmojiMenuProps<T extends EditorEmojiMenuItem = EditorEmojiMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo'>> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: EditorEmojiMenu['variants']['size'];
     items?: T[] | T[][];
     class?: any;
     ui?: EditorEmojiMenu['slots'];
 }
-declare const __VLS_export: <T extends EditorEmojiMenuItem>(__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<EditorEmojiMenuProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends EditorEmojiMenuItem>(__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<EditorEmojiMenuProps<T>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -28,8 +34,8 @@ declare const __VLS_export: <T extends EditorEmojiMenuItem>(__VLS_props: NonNull
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/EditorEmojiMenu.vue

@@ -9,9 +9,10 @@ import { useEditorMenu } from "../composables/useEditorMenu";
 import { tv } from "../utils/tv";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
+  size: { type: null, required: false },
   items: { type: Array, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   editor: { type: Object, required: false },
   char: { type: String, required: false, default: ":" },
   pluginKey: { type: String, required: false, default: "emojiMenu" },
@@ -21,7 +22,9 @@ const props = defineProps({
   appendTo: { type: Function, required: false, skipCheck: true }
 });
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.editorEmojiMenu || {} })());
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.editorEmojiMenu || {} })({
+  size: props.size
+}));
 let menu = null;
 onMounted(async () => {
   await nextTick();

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

@@ -13,12 +13,18 @@ export interface EditorEmojiMenuItem {
     [key: string]: any;
 }
 export interface EditorEmojiMenuProps<T extends EditorEmojiMenuItem = EditorEmojiMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo'>> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: EditorEmojiMenu['variants']['size'];
     items?: T[] | T[][];
     class?: any;
     ui?: EditorEmojiMenu['slots'];
 }
-declare const __VLS_export: <T extends EditorEmojiMenuItem>(__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<EditorEmojiMenuProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends EditorEmojiMenuItem>(__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<EditorEmojiMenuProps<T>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -28,8 +34,8 @@ declare const __VLS_export: <T extends EditorEmojiMenuItem>(__VLS_props: NonNull
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -16,24 +16,34 @@ export interface EditorMentionMenuItem {
     class?: any;
     [key: string]: any;
 }
-export interface EditorMentionMenuProps<T extends EditorMentionMenuItem = EditorMentionMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo'>> {
+export interface EditorMentionMenuProps<T extends EditorMentionMenuItem = EditorMentionMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo' | 'ignoreFilter'>> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: EditorMentionMenu['variants']['size'];
     items?: T[] | T[][];
     class?: any;
     ui?: EditorMentionMenu['slots'];
 }
-declare const __VLS_export: <T extends EditorMentionMenuItem>(__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<EditorMentionMenuProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends EditorMentionMenuItem>(__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<(EditorMentionMenuProps<T> & {
+        searchTerm?: string;
+    }) & {
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: {};
+    emit: (event: "update:searchTerm", value: string) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/EditorMentionMenu.vue

@@ -11,19 +11,24 @@ import UIcon from "./Icon.vue";
 import UAvatar from "./Avatar.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
+  size: { type: null, required: false },
   items: { type: Array, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   editor: { type: Object, required: false },
   char: { type: String, required: false, default: "@" },
   pluginKey: { type: String, required: false, default: "mentionMenu" },
   filterFields: { type: Array, required: false },
   limit: { type: Number, required: false },
   options: { type: Object, required: false },
-  appendTo: { type: Function, required: false, skipCheck: true }
+  appendTo: { type: Function, required: false, skipCheck: true },
+  ignoreFilter: { type: Boolean, required: false }
 });
+const searchTerm = defineModel("searchTerm", { type: String, ...{ default: "" } });
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.editorMentionMenu || {} })());
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.editorMentionMenu || {} })({
+  size: props.size
+}));
 let menu = null;
 onMounted(async () => {
   await nextTick();
@@ -36,14 +41,19 @@ onMounted(async () => {
     pluginKey: props.pluginKey,
     items: toRef(() => props.items),
     filterFields: props.filterFields,
+    ignoreFilter: props.ignoreFilter,
     limit: props.limit,
     options: props.options,
     appendTo: props.appendTo,
+    searchTerm,
     ui,
     onSelect: (editor, range, item) => {
       editor.chain().focus().deleteRange(range).insertContent({
         type: "mention",
-        attrs: item
+        attrs: {
+          ...item,
+          mentionSuggestionChar: props.char
+        }
       }).run();
     },
     renderItem: (item, styles) => [

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

@@ -16,24 +16,34 @@ export interface EditorMentionMenuItem {
     class?: any;
     [key: string]: any;
 }
-export interface EditorMentionMenuProps<T extends EditorMentionMenuItem = EditorMentionMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo'>> {
+export interface EditorMentionMenuProps<T extends EditorMentionMenuItem = EditorMentionMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo' | 'ignoreFilter'>> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: EditorMentionMenu['variants']['size'];
     items?: T[] | T[][];
     class?: any;
     ui?: EditorMentionMenu['slots'];
 }
-declare const __VLS_export: <T extends EditorMentionMenuItem>(__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<EditorMentionMenuProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends EditorMentionMenuItem>(__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<(EditorMentionMenuProps<T> & {
+        searchTerm?: string;
+    }) & {
+        "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: {};
+    emit: (event: "update:searchTerm", value: string) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -30,12 +30,18 @@ type EditorSuggestionMenuActionItem<H extends EditorCustomHandlers = EditorCusto
 } & EditorItem<H>;
 export type EditorSuggestionMenuItem<H extends EditorCustomHandlers = EditorCustomHandlers> = EditorSuggestionMenuLabelItem | EditorSuggestionMenuSeparatorItem | EditorSuggestionMenuActionItem<H>;
 export interface EditorSuggestionMenuProps<T extends EditorSuggestionMenuItem = EditorSuggestionMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo'>> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: EditorSuggestionMenu['variants']['size'];
     items?: T[] | T[][];
     class?: any;
     ui?: EditorSuggestionMenu['slots'];
 }
-declare const __VLS_export: <T extends EditorSuggestionMenuItem>(__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<EditorSuggestionMenuProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends EditorSuggestionMenuItem>(__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<EditorSuggestionMenuProps<T>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -45,8 +51,8 @@ declare const __VLS_export: <T extends EditorSuggestionMenuItem>(__VLS_props: No
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/EditorSuggestionMenu.vue

@@ -11,9 +11,10 @@ import { tv } from "../utils/tv";
 import UIcon from "./Icon.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
+  size: { type: null, required: false },
   items: { type: Array, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false },
+  ui: { type: Object, required: false },
   editor: { type: Object, required: false },
   char: { type: String, required: false, default: "/" },
   pluginKey: { type: String, required: false, default: "suggestionMenu" },
@@ -24,7 +25,9 @@ const props = defineProps({
 });
 const appConfig = useAppConfig();
 const handlers = inject("editorHandlers", computed(() => createHandlers()));
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.editorSuggestionMenu || {} })());
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.editorSuggestionMenu || {} })({
+  size: props.size
+}));
 let menu = null;
 onMounted(async () => {
   await nextTick();

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

@@ -30,12 +30,18 @@ type EditorSuggestionMenuActionItem<H extends EditorCustomHandlers = EditorCusto
 } & EditorItem<H>;
 export type EditorSuggestionMenuItem<H extends EditorCustomHandlers = EditorCustomHandlers> = EditorSuggestionMenuLabelItem | EditorSuggestionMenuSeparatorItem | EditorSuggestionMenuActionItem<H>;
 export interface EditorSuggestionMenuProps<T extends EditorSuggestionMenuItem = EditorSuggestionMenuItem> extends Partial<Pick<EditorMenuOptions<T>, 'editor' | 'char' | 'pluginKey' | 'filterFields' | 'limit' | 'options' | 'appendTo'>> {
+    /**
+     * @defaultValue 'md'
+     */
+    size?: EditorSuggestionMenu['variants']['size'];
     items?: T[] | T[][];
     class?: any;
     ui?: EditorSuggestionMenu['slots'];
 }
-declare const __VLS_export: <T extends EditorSuggestionMenuItem>(__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<EditorSuggestionMenuProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends EditorSuggestionMenuItem>(__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<EditorSuggestionMenuProps<T>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -45,8 +51,8 @@ declare const __VLS_export: <T extends EditorSuggestionMenuItem>(__VLS_props: No
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -72,8 +72,10 @@ type SlotProps<T extends EditorToolbarItem> = (props: {
 export type EditorToolbarSlots<A extends ArrayOrNested<EditorToolbarItem> = ArrayOrNested<EditorToolbarItem>, T extends NestedItem<A> = NestedItem<A>> = {
     item: SlotProps<T>;
 } & DynamicSlots<MergeTypes<T>, undefined, SlotPropsProps>;
-declare const __VLS_export: <T extends ArrayOrNested<EditorToolbarItem>>(__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<EditorToolbarProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T extends ArrayOrNested<EditorToolbarItem>>(__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<EditorToolbarProps<T>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
@@ -83,8 +85,8 @@ declare const __VLS_export: <T extends ArrayOrNested<EditorToolbarItem>>(__VLS_p
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};