@mekari/pixel3-rich-text-editor 0.2.1-dev.0 → 0.3.0-dev.2

package/dist/{chunk-RVXAG7LK.mjs → chunk-6SZJ4DXO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZRAXSVO5.mjs";
 import {
   RTEStyleProviderProps
-} from "./chunk-B5BN5T5O.mjs";
+} from "./chunk-QJYUKM5Q.mjs";
 
 // src/rte-style-provider.tsx
 import { createVNode as _createVNode } from "vue";

package/dist/{chunk-RTEK53TL.mjs → chunk-7T3KAUCV.mjs}

@@ -1,6 +1,6 @@
 import {
   MentionList
-} from "./chunk-ELFAGDKG.mjs";
+} from "./chunk-NC3P3FRE.mjs";
 import {
   __name
 } from "./chunk-QZ7VFGWC.mjs";
@@ -22,21 +22,24 @@ var getFilteredSuggestionItems = /* @__PURE__ */ __name((items, query, maxItems)
   }).slice(0, maxItems);
 }, "getFilteredSuggestionItems");
 var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () => [], options = {}) => {
-  var _a;
+  var _a, _b;
   const maxItems = (_a = options.maxItems) != null ? _a : 50;
+  const emptyTextOption = (_b = options.emptyText) != null ? _b : "No result";
+  const resolveEmptyText = /* @__PURE__ */ __name((query) => typeof emptyTextOption === "function" ? emptyTextOption(query) : emptyTextOption, "resolveEmptyText");
+  let latestRequestId = 0;
   return {
     items: async ({
       query
     }) => {
-      var _a2, _b, _c;
+      var _a2, _b2;
+      const requestId = ++latestRequestId;
       const source = getSuggestionSource();
-      if (typeof source === "function") {
-        const items2 = ((_a2 = await source(query)) != null ? _a2 : []).slice(0, maxItems);
-        (_b = options.onSuggestionsChange) == null ? void 0 : _b.call(options, items2);
-        return items2;
+      const items = typeof source === "function" ? ((_a2 = await source(query)) != null ? _a2 : []).slice(0, maxItems) : getFilteredSuggestionItems(source != null ? source : [], query, maxItems);
+      if (requestId !== latestRequestId) {
+        return new Promise(() => {
+        });
       }
-      const items = getFilteredSuggestionItems(source != null ? source : [], query, maxItems);
-      (_c = options.onSuggestionsChange) == null ? void 0 : _c.call(options, items);
+      (_b2 = options.onSuggestionsChange) == null ? void 0 : _b2.call(options, items);
       return items;
     },
     render: () => {
@@ -139,7 +142,8 @@ var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () =
             props: {
               items: [],
               command: props.command,
-              isLoading: true
+              isLoading: true,
+              emptyText: resolveEmptyText(props.query)
             }
           });
           popoverWrapper = document.createElement("div");
@@ -157,7 +161,8 @@ var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () =
           component == null ? void 0 : component.updateProps({
             items: props.items,
             command: props.command,
-            isLoading: false
+            isLoading: false,
+            emptyText: resolveEmptyText(props.query)
           });
           updatePopoverPosition();
         },
@@ -174,17 +179,18 @@ var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () =
           component == null ? void 0 : component.updateProps({
             items: props.items,
             command: props.command,
-            isLoading: false
+            isLoading: false,
+            emptyText: resolveEmptyText(props.query)
           });
           updatePopoverPosition();
         },
         onKeyDown: (props) => {
-          var _a2, _b;
+          var _a2, _b2;
           if (props.event.key === "Escape") {
             destroyMentionPopover();
             return true;
           }
-          return (_b = (_a2 = component == null ? void 0 : component.ref) == null ? void 0 : _a2.onKeyDown(props)) != null ? _b : false;
+          return (_b2 = (_a2 = component == null ? void 0 : component.ref) == null ? void 0 : _a2.onKeyDown(props)) != null ? _b2 : false;
         },
         onExit: () => {
           destroyMentionPopover();

package/dist/{chunk-E4R6ETA7.mjs → chunk-LUWDIXAC.mjs}

@@ -6,17 +6,17 @@ import {
 } from "./chunk-ENKUUZPM.mjs";
 import {
   MpRTEStyleProvider
-} from "./chunk-RVXAG7LK.mjs";
+} from "./chunk-6SZJ4DXO.mjs";
 import {
   useRichTextEditor
 } from "./chunk-ZRAXSVO5.mjs";
 import {
   richTextEditorEmits,
   richTextEditorProps
-} from "./chunk-B5BN5T5O.mjs";
+} from "./chunk-QJYUKM5Q.mjs";
 import {
   createMentionSuggestion
-} from "./chunk-RTEK53TL.mjs";
+} from "./chunk-7T3KAUCV.mjs";
 import {
   createVariableSuggestion
 } from "./chunk-BWRU2WZN.mjs";
@@ -100,6 +100,7 @@ var MpRichTextEditor = defineComponent({
         ...typeof props.suggestions === "function" || props.suggestions && props.suggestions.length > 0 ? [Mention.configure({
           suggestion: createMentionSuggestion(() => props.suggestions, {
             maxItems: props.maxSuggestions,
+            emptyText: props.mentionEmptyText,
             onSuggestionsChange: (items) => emit("suggestionsChange", items)
           })
         })] : [],

package/dist/{chunk-ELFAGDKG.mjs → chunk-NC3P3FRE.mjs}

@@ -3,13 +3,14 @@ import {
 } from "./chunk-QZ7VFGWC.mjs";
 
 // src/extensions/mention-list-extension.tsx
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { defineComponent, nextTick, ref, watch } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import { css } from "@mekari/pixel3-styled-system/css";
 import { MpAvatar } from "@mekari/pixel3-avatar";
 import { MpPopover, MpPopoverContent, MpPopoverList, MpPopoverListItem } from "@mekari/pixel3-popover";
 import { MpText } from "@mekari/pixel3-text";
-import { MpSpinner } from "@mekari/pixel3-spinner";
+import { MpSkeleton } from "@mekari/pixel3-skeleton";
+var SKELETON_ROW_COUNT = 3;
 var avatarVariantColors = ["violet", "lime", "amber", "sky", "pink", "teal", "rose", "stone"];
 var getAvatarVariantColor = /* @__PURE__ */ __name((index) => {
   return avatarVariantColors[index % avatarVariantColors.length];
@@ -28,6 +29,10 @@ var MentionList = defineComponent({
     isLoading: {
       type: Boolean,
       default: false
+    },
+    emptyText: {
+      type: String,
+      default: "No result"
     }
   },
   setup(props, {
@@ -35,6 +40,16 @@ var MentionList = defineComponent({
   }) {
     const selectedIndex = ref(0);
     const listRef = ref(null);
+    const hasResolvedNonEmptyBatch = ref(false);
+    watch(() => props.items, (items) => {
+      if (items.length > 0) {
+        hasResolvedNonEmptyBatch.value = true;
+      }
+    }, {
+      immediate: true
+    });
+    const hasAvatarData = computed(() => !hasResolvedNonEmptyBatch.value || props.items.some((item) => item.avatar));
+    const hasDescriptionData = computed(() => !hasResolvedNonEmptyBatch.value || props.items.some((item) => item.description));
     const scrollToFocusedItem = /* @__PURE__ */ __name(() => {
       nextTick(() => {
         if (!listRef.value)
@@ -115,20 +130,54 @@ var MentionList = defineComponent({
           default: () => [props.isLoading && _createVNode("div", {
             "class": css({
               display: "flex",
-              justifyContent: "center",
-              px: "3",
-              py: "3"
+              flexDirection: "column",
+              gap: "3",
+              p: "3",
+              width: "full"
+            })
+          }, [Array.from({
+            length: SKELETON_ROW_COUNT
+          }, (_, index) => _createVNode("div", {
+            "key": index,
+            "class": css({
+              display: "flex",
+              alignItems: "center",
+              gap: "2",
+              width: "full"
+            })
+          }, [hasAvatarData.value && _createVNode(MpSkeleton, {
+            "class": css({
+              width: "9",
+              height: "9",
+              rounded: "full"
+            })
+          }, null), _createVNode("div", {
+            "class": css({
+              display: "flex",
+              flexDirection: "column",
+              gap: "1",
+              width: "full"
+            })
+          }, [_createVNode(MpSkeleton, {
+            "class": css({
+              width: "40%",
+              height: "14px",
+              rounded: "sm"
+            })
+          }, null), hasDescriptionData.value && _createVNode(MpSkeleton, {
+            "class": css({
+              width: "70%",
+              height: "12px",
+              rounded: "sm"
             })
-          }, [_createVNode(MpSpinner, {
-            "size": "sm"
-          }, null)]), !props.isLoading && !props.items.length && _createVNode(MpText, {
+          }, null)])]))]), !props.isLoading && !props.items.length && _createVNode(MpText, {
             "color": "text.secondary",
             "class": css({
               px: "3",
               py: "2"
             })
           }, {
-            default: () => [_createTextVNode("No result")]
+            default: () => [props.emptyText]
           }), !props.isLoading && props.items.map((item, index) => {
             return _createVNode(MpPopoverListItem, {
               "key": `${item.id}-${index}`,

package/dist/{chunk-B5BN5T5O.mjs → chunk-QJYUKM5Q.mjs}

@@ -36,6 +36,10 @@ var richTextEditorProps = {
     type: Number,
     default: 50
   },
+  mentionEmptyText: {
+    type: [String, Function],
+    default: "No result"
+  },
   variables: {
     type: Array,
     default: () => []

package/dist/extensions/mention-list-extension.d.mts

@@ -19,6 +19,10 @@ declare const MentionList: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {
         type: PropType<MentionSuggestionItem[]>;
@@ -34,9 +38,14 @@ declare const MentionList: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
-    isLoading: boolean;
     items: MentionSuggestionItem[];
+    emptyText: string;
+    isLoading: boolean;
 }, {}>;
 
 export { MentionList };

package/dist/extensions/mention-list-extension.d.ts

@@ -19,6 +19,10 @@ declare const MentionList: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {
         type: PropType<MentionSuggestionItem[]>;
@@ -34,9 +38,14 @@ declare const MentionList: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
-    isLoading: boolean;
     items: MentionSuggestionItem[];
+    emptyText: string;
+    isLoading: boolean;
 }, {}>;
 
 export { MentionList };

package/dist/extensions/mention-list-extension.js

@@ -30,7 +30,8 @@ var import_css = require("@mekari/pixel3-styled-system/css");
 var import_pixel3_avatar = require("@mekari/pixel3-avatar");
 var import_pixel3_popover = require("@mekari/pixel3-popover");
 var import_pixel3_text = require("@mekari/pixel3-text");
-var import_pixel3_spinner = require("@mekari/pixel3-spinner");
+var import_pixel3_skeleton = require("@mekari/pixel3-skeleton");
+var SKELETON_ROW_COUNT = 3;
 var avatarVariantColors = ["violet", "lime", "amber", "sky", "pink", "teal", "rose", "stone"];
 var getAvatarVariantColor = /* @__PURE__ */ __name((index) => {
   return avatarVariantColors[index % avatarVariantColors.length];
@@ -49,6 +50,10 @@ var MentionList = (0, import_vue2.defineComponent)({
     isLoading: {
       type: Boolean,
       default: false
+    },
+    emptyText: {
+      type: String,
+      default: "No result"
     }
   },
   setup(props, {
@@ -56,6 +61,16 @@ var MentionList = (0, import_vue2.defineComponent)({
   }) {
     const selectedIndex = (0, import_vue2.ref)(0);
     const listRef = (0, import_vue2.ref)(null);
+    const hasResolvedNonEmptyBatch = (0, import_vue2.ref)(false);
+    (0, import_vue2.watch)(() => props.items, (items) => {
+      if (items.length > 0) {
+        hasResolvedNonEmptyBatch.value = true;
+      }
+    }, {
+      immediate: true
+    });
+    const hasAvatarData = (0, import_vue2.computed)(() => !hasResolvedNonEmptyBatch.value || props.items.some((item) => item.avatar));
+    const hasDescriptionData = (0, import_vue2.computed)(() => !hasResolvedNonEmptyBatch.value || props.items.some((item) => item.description));
     const scrollToFocusedItem = /* @__PURE__ */ __name(() => {
       (0, import_vue2.nextTick)(() => {
         if (!listRef.value)
@@ -136,20 +151,54 @@ var MentionList = (0, import_vue2.defineComponent)({
           default: () => [props.isLoading && (0, import_vue.createVNode)("div", {
             "class": (0, import_css.css)({
               display: "flex",
-              justifyContent: "center",
-              px: "3",
-              py: "3"
+              flexDirection: "column",
+              gap: "3",
+              p: "3",
+              width: "full"
+            })
+          }, [Array.from({
+            length: SKELETON_ROW_COUNT
+          }, (_, index) => (0, import_vue.createVNode)("div", {
+            "key": index,
+            "class": (0, import_css.css)({
+              display: "flex",
+              alignItems: "center",
+              gap: "2",
+              width: "full"
+            })
+          }, [hasAvatarData.value && (0, import_vue.createVNode)(import_pixel3_skeleton.MpSkeleton, {
+            "class": (0, import_css.css)({
+              width: "9",
+              height: "9",
+              rounded: "full"
+            })
+          }, null), (0, import_vue.createVNode)("div", {
+            "class": (0, import_css.css)({
+              display: "flex",
+              flexDirection: "column",
+              gap: "1",
+              width: "full"
+            })
+          }, [(0, import_vue.createVNode)(import_pixel3_skeleton.MpSkeleton, {
+            "class": (0, import_css.css)({
+              width: "40%",
+              height: "14px",
+              rounded: "sm"
+            })
+          }, null), hasDescriptionData.value && (0, import_vue.createVNode)(import_pixel3_skeleton.MpSkeleton, {
+            "class": (0, import_css.css)({
+              width: "70%",
+              height: "12px",
+              rounded: "sm"
             })
-          }, [(0, import_vue.createVNode)(import_pixel3_spinner.MpSpinner, {
-            "size": "sm"
-          }, null)]), !props.isLoading && !props.items.length && (0, import_vue.createVNode)(import_pixel3_text.MpText, {
+          }, null)])]))]), !props.isLoading && !props.items.length && (0, import_vue.createVNode)(import_pixel3_text.MpText, {
             "color": "text.secondary",
             "class": (0, import_css.css)({
               px: "3",
               py: "2"
             })
           }, {
-            default: () => [(0, import_vue.createTextVNode)("No result")]
+            default: () => [props.emptyText]
           }), !props.isLoading && props.items.map((item, index) => {
             return (0, import_vue.createVNode)(import_pixel3_popover.MpPopoverListItem, {
               "key": `${item.id}-${index}`,

package/dist/extensions/mention-list-extension.mjs

@@ -1,6 +1,6 @@
 import {
   MentionList
-} from "../chunk-ELFAGDKG.mjs";
+} from "../chunk-NC3P3FRE.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   MentionList

package/dist/index.js

@@ -79,6 +79,10 @@ var richTextEditorProps = {
     type: Number,
     default: 50
   },
+  mentionEmptyText: {
+    type: [String, Function],
+    default: "No result"
+  },
   variables: {
     type: Array,
     default: () => []
@@ -1813,7 +1817,8 @@ var import_css7 = require("@mekari/pixel3-styled-system/css");
 var import_pixel3_avatar = require("@mekari/pixel3-avatar");
 var import_pixel3_popover4 = require("@mekari/pixel3-popover");
 var import_pixel3_text3 = require("@mekari/pixel3-text");
-var import_pixel3_spinner = require("@mekari/pixel3-spinner");
+var import_pixel3_skeleton = require("@mekari/pixel3-skeleton");
+var SKELETON_ROW_COUNT = 3;
 var avatarVariantColors = ["violet", "lime", "amber", "sky", "pink", "teal", "rose", "stone"];
 var getAvatarVariantColor = /* @__PURE__ */ __name((index) => {
   return avatarVariantColors[index % avatarVariantColors.length];
@@ -1832,6 +1837,10 @@ var MentionList = (0, import_vue21.defineComponent)({
     isLoading: {
       type: Boolean,
       default: false
+    },
+    emptyText: {
+      type: String,
+      default: "No result"
     }
   },
   setup(props, {
@@ -1839,6 +1848,16 @@ var MentionList = (0, import_vue21.defineComponent)({
   }) {
     const selectedIndex = (0, import_vue21.ref)(0);
     const listRef = (0, import_vue21.ref)(null);
+    const hasResolvedNonEmptyBatch = (0, import_vue21.ref)(false);
+    (0, import_vue21.watch)(() => props.items, (items) => {
+      if (items.length > 0) {
+        hasResolvedNonEmptyBatch.value = true;
+      }
+    }, {
+      immediate: true
+    });
+    const hasAvatarData = (0, import_vue21.computed)(() => !hasResolvedNonEmptyBatch.value || props.items.some((item) => item.avatar));
+    const hasDescriptionData = (0, import_vue21.computed)(() => !hasResolvedNonEmptyBatch.value || props.items.some((item) => item.description));
     const scrollToFocusedItem = /* @__PURE__ */ __name(() => {
       (0, import_vue21.nextTick)(() => {
         if (!listRef.value)
@@ -1919,20 +1938,54 @@ var MentionList = (0, import_vue21.defineComponent)({
           default: () => [props.isLoading && (0, import_vue20.createVNode)("div", {
             "class": (0, import_css7.css)({
               display: "flex",
-              justifyContent: "center",
-              px: "3",
-              py: "3"
+              flexDirection: "column",
+              gap: "3",
+              p: "3",
+              width: "full"
+            })
+          }, [Array.from({
+            length: SKELETON_ROW_COUNT
+          }, (_, index) => (0, import_vue20.createVNode)("div", {
+            "key": index,
+            "class": (0, import_css7.css)({
+              display: "flex",
+              alignItems: "center",
+              gap: "2",
+              width: "full"
+            })
+          }, [hasAvatarData.value && (0, import_vue20.createVNode)(import_pixel3_skeleton.MpSkeleton, {
+            "class": (0, import_css7.css)({
+              width: "9",
+              height: "9",
+              rounded: "full"
+            })
+          }, null), (0, import_vue20.createVNode)("div", {
+            "class": (0, import_css7.css)({
+              display: "flex",
+              flexDirection: "column",
+              gap: "1",
+              width: "full"
+            })
+          }, [(0, import_vue20.createVNode)(import_pixel3_skeleton.MpSkeleton, {
+            "class": (0, import_css7.css)({
+              width: "40%",
+              height: "14px",
+              rounded: "sm"
+            })
+          }, null), hasDescriptionData.value && (0, import_vue20.createVNode)(import_pixel3_skeleton.MpSkeleton, {
+            "class": (0, import_css7.css)({
+              width: "70%",
+              height: "12px",
+              rounded: "sm"
             })
-          }, [(0, import_vue20.createVNode)(import_pixel3_spinner.MpSpinner, {
-            "size": "sm"
-          }, null)]), !props.isLoading && !props.items.length && (0, import_vue20.createVNode)(import_pixel3_text3.MpText, {
+          }, null)])]))]), !props.isLoading && !props.items.length && (0, import_vue20.createVNode)(import_pixel3_text3.MpText, {
             "color": "text.secondary",
             "class": (0, import_css7.css)({
               px: "3",
               py: "2"
             })
           }, {
-            default: () => [(0, import_vue20.createTextVNode)("No result")]
+            default: () => [props.emptyText]
           }), !props.isLoading && props.items.map((item, index) => {
             return (0, import_vue20.createVNode)(import_pixel3_popover4.MpPopoverListItem, {
               "key": `${item.id}-${index}`,
@@ -2001,21 +2054,24 @@ var getFilteredSuggestionItems = /* @__PURE__ */ __name((items, query, maxItems)
   }).slice(0, maxItems);
 }, "getFilteredSuggestionItems");
 var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () => [], options = {}) => {
-  var _a;
+  var _a, _b;
   const maxItems = (_a = options.maxItems) != null ? _a : 50;
+  const emptyTextOption = (_b = options.emptyText) != null ? _b : "No result";
+  const resolveEmptyText = /* @__PURE__ */ __name((query) => typeof emptyTextOption === "function" ? emptyTextOption(query) : emptyTextOption, "resolveEmptyText");
+  let latestRequestId = 0;
   return {
     items: async ({
       query
     }) => {
-      var _a2, _b, _c;
+      var _a2, _b2;
+      const requestId = ++latestRequestId;
       const source = getSuggestionSource();
-      if (typeof source === "function") {
-        const items2 = ((_a2 = await source(query)) != null ? _a2 : []).slice(0, maxItems);
-        (_b = options.onSuggestionsChange) == null ? void 0 : _b.call(options, items2);
-        return items2;
+      const items = typeof source === "function" ? ((_a2 = await source(query)) != null ? _a2 : []).slice(0, maxItems) : getFilteredSuggestionItems(source != null ? source : [], query, maxItems);
+      if (requestId !== latestRequestId) {
+        return new Promise(() => {
+        });
       }
-      const items = getFilteredSuggestionItems(source != null ? source : [], query, maxItems);
-      (_c = options.onSuggestionsChange) == null ? void 0 : _c.call(options, items);
+      (_b2 = options.onSuggestionsChange) == null ? void 0 : _b2.call(options, items);
       return items;
     },
     render: () => {
@@ -2118,7 +2174,8 @@ var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () =
             props: {
               items: [],
               command: props.command,
-              isLoading: true
+              isLoading: true,
+              emptyText: resolveEmptyText(props.query)
             }
           });
           popoverWrapper = document.createElement("div");
@@ -2136,7 +2193,8 @@ var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () =
           component == null ? void 0 : component.updateProps({
             items: props.items,
             command: props.command,
-            isLoading: false
+            isLoading: false,
+            emptyText: resolveEmptyText(props.query)
           });
           updatePopoverPosition();
         },
@@ -2153,17 +2211,18 @@ var createMentionSuggestion = /* @__PURE__ */ __name((getSuggestionSource = () =
           component == null ? void 0 : component.updateProps({
             items: props.items,
             command: props.command,
-            isLoading: false
+            isLoading: false,
+            emptyText: resolveEmptyText(props.query)
           });
           updatePopoverPosition();
         },
         onKeyDown: (props) => {
-          var _a2, _b;
+          var _a2, _b2;
           if (props.event.key === "Escape") {
             destroyMentionPopover();
             return true;
           }
-          return (_b = (_a2 = component == null ? void 0 : component.ref) == null ? void 0 : _a2.onKeyDown(props)) != null ? _b : false;
+          return (_b2 = (_a2 = component == null ? void 0 : component.ref) == null ? void 0 : _a2.onKeyDown(props)) != null ? _b2 : false;
         },
         onExit: () => {
           destroyMentionPopover();
@@ -2425,6 +2484,7 @@ var MpRichTextEditor = (0, import_vue23.defineComponent)({
         ...typeof props.suggestions === "function" || props.suggestions && props.suggestions.length > 0 ? [import_extension_mention.default.configure({
           suggestion: createMentionSuggestion(() => props.suggestions, {
             maxItems: props.maxSuggestions,
+            emptyText: props.mentionEmptyText,
             onSuggestionsChange: (items) => emit("suggestionsChange", items)
           })
         })] : [],

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import "./chunk-7ZWZAIUI.mjs";
 import {
   MpRichTextEditor
-} from "./chunk-E4R6ETA7.mjs";
+} from "./chunk-LUWDIXAC.mjs";
 import "./chunk-RX7ZEE2M.mjs";
 import "./chunk-HIHIKPNN.mjs";
 import "./chunk-X2CB42A3.mjs";
@@ -10,12 +10,12 @@ import "./chunk-FCLBNBXD.mjs";
 import "./chunk-ENKUUZPM.mjs";
 import {
   MpRTEStyleProvider
-} from "./chunk-RVXAG7LK.mjs";
+} from "./chunk-6SZJ4DXO.mjs";
 import "./chunk-ZRAXSVO5.mjs";
 import "./chunk-ZAXJ3BEP.mjs";
-import "./chunk-B5BN5T5O.mjs";
-import "./chunk-RTEK53TL.mjs";
-import "./chunk-ELFAGDKG.mjs";
+import "./chunk-QJYUKM5Q.mjs";
+import "./chunk-7T3KAUCV.mjs";
+import "./chunk-NC3P3FRE.mjs";
 import "./chunk-BWRU2WZN.mjs";
 import "./chunk-76GEEOAG.mjs";
 import "./chunk-YWVVMJGP.mjs";