npm - @haklex/rich-plugin-slash-menu - Versions diffs - 0.0.82 → 0.0.83 - Mend

@haklex/rich-plugin-slash-menu 0.0.82 → 0.0.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.mjs +297 -357
package/dist/rich-plugin-slash-menu.css +1 -2
package/package.json +3 -3

package/dist/index.mjs CHANGED Viewed

@@ -1,387 +1,327 @@
-import { INSERT_CHECK_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND } from "@lexical/list";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND } from "@lexical/list";
 import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/react/LexicalHorizontalRuleNode";
 import { $createHeadingNode, $createQuoteNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
 import { INSERT_TABLE_COMMAND } from "@lexical/table";
-import { $createParagraphNode, $getSelection, $isRangeSelection } from "lexical";
-import { Heading1, Heading2, Heading3, List, ListChecks, ListOrdered, Minus, Table, TextQuote, Type } from "lucide-react";
-import { createElement, useCallback, useEffect, useMemo, useState } from "react";
-import { LexicalTypeaheadMenuPlugin, MenuOption, useBasicTypeaheadTriggerMatch } from "@lexical/react/LexicalTypeaheadMenuPlugin";
-import { autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/react-dom";
+import { $getSelection, $isRangeSelection, $createParagraphNode } from "lexical";
+import { Type, Heading1, Heading2, Heading3, TextQuote, Minus, Table, List, ListOrdered, ListChecks } from "lucide-react";
+import { createElement, useEffect, useMemo, useState, useCallback } from "react";
+import { MenuOption, useBasicTypeaheadTriggerMatch, LexicalTypeaheadMenuPlugin } from "@lexical/react/LexicalTypeaheadMenuPlugin";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useFloating, autoUpdate, offset, flip, shift } from "@floating-ui/react-dom";
 import { collectCommandItems } from "@haklex/rich-editor/commands";
 import { PortalThemeWrapper } from "@haklex/rich-style-token";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { createPortal } from "react-dom";
-//#region \0@oxc-project+runtime@0.115.0/helpers/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
-		return typeof o;
-	} : function(o) {
-		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	}, _typeof(o);
+class SlashMenuItem extends MenuOption {
+  constructor(title, options) {
+    super(title);
+    __publicField(this, "title");
+    __publicField(this, "icon");
+    __publicField(this, "description");
+    __publicField(this, "keywords");
+    __publicField(this, "section");
+    __publicField(this, "onSelect");
+    this.title = title;
+    this.icon = options.icon ?? "";
+    this.description = options.description ?? "";
+    this.keywords = options.keywords ?? [];
+    this.section = options.section ?? "BASIC BLOCKS";
+    this.onSelect = options.onSelect;
+  }
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != _typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != _typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/toPropertyKey.js
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == _typeof(i) ? i : i + "";
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/defineProperty.js
-function _defineProperty(e, r, t) {
-	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-//#endregion
-//#region src/SlashMenuItem.ts
-var SlashMenuItem = class extends MenuOption {
-	constructor(title, options) {
-		super(title);
-		_defineProperty(this, "title", void 0);
-		_defineProperty(this, "icon", void 0);
-		_defineProperty(this, "description", void 0);
-		_defineProperty(this, "keywords", void 0);
-		_defineProperty(this, "section", void 0);
-		_defineProperty(this, "onSelect", void 0);
-		this.title = title;
-		this.icon = options.icon ?? "";
-		this.description = options.description ?? "";
-		this.keywords = options.keywords ?? [];
-		this.section = options.section ?? "BASIC BLOCKS";
-		this.onSelect = options.onSelect;
-	}
-};
-//#endregion
-//#region src/builtinItems.ts
-var SECTION_BASIC = "BASIC BLOCKS";
-var SECTION_LIST = "LISTS";
-var ICON_SIZE = 20;
+const SECTION_BASIC = "BASIC BLOCKS";
+const SECTION_LIST = "LISTS";
+const ICON_SIZE = 20;
 function getBuiltinItems() {
-	return [
-		new SlashMenuItem("Text", {
-			icon: createElement(Type, { size: ICON_SIZE }),
-			description: "Plain text block",
-			keywords: [
-				"paragraph",
-				"text",
-				"plain"
-			],
-			section: SECTION_BASIC,
-			onSelect: (editor) => {
-				editor.update(() => {
-					const selection = $getSelection();
-					if ($isRangeSelection(selection)) $setBlocksType(selection, () => $createParagraphNode());
-				});
-			}
-		}),
-		new SlashMenuItem("Heading 1", {
-			icon: createElement(Heading1, { size: ICON_SIZE }),
-			description: "Large section heading",
-			keywords: [
-				"heading",
-				"h1",
-				"title"
-			],
-			section: SECTION_BASIC,
-			onSelect: (editor) => {
-				editor.update(() => {
-					const selection = $getSelection();
-					if ($isRangeSelection(selection)) $setBlocksType(selection, () => $createHeadingNode("h1"));
-				});
-			}
-		}),
-		new SlashMenuItem("Heading 2", {
-			icon: createElement(Heading2, { size: ICON_SIZE }),
-			description: "Medium section heading",
-			keywords: [
-				"heading",
-				"h2",
-				"subtitle"
-			],
-			section: SECTION_BASIC,
-			onSelect: (editor) => {
-				editor.update(() => {
-					const selection = $getSelection();
-					if ($isRangeSelection(selection)) $setBlocksType(selection, () => $createHeadingNode("h2"));
-				});
-			}
-		}),
-		new SlashMenuItem("Heading 3", {
-			icon: createElement(Heading3, { size: ICON_SIZE }),
-			description: "Small section heading",
-			keywords: ["heading", "h3"],
-			section: SECTION_BASIC,
-			onSelect: (editor) => {
-				editor.update(() => {
-					const selection = $getSelection();
-					if ($isRangeSelection(selection)) $setBlocksType(selection, () => $createHeadingNode("h3"));
-				});
-			}
-		}),
-		new SlashMenuItem("Quote", {
-			icon: createElement(TextQuote, { size: ICON_SIZE }),
-			description: "Capture a quote",
-			keywords: ["quote", "blockquote"],
-			section: SECTION_BASIC,
-			onSelect: (editor) => {
-				editor.update(() => {
-					const selection = $getSelection();
-					if (!$isRangeSelection(selection)) return;
-					const element = selection.anchor.getNode().getTopLevelElementOrThrow();
-					const quoteNode = $createQuoteNode();
-					const paragraph = $createParagraphNode();
-					paragraph.append(...element.getChildren());
-					quoteNode.append(paragraph);
-					element.replace(quoteNode);
-					paragraph.selectEnd();
-				});
-			}
-		}),
-		new SlashMenuItem("Divider", {
-			icon: createElement(Minus, { size: ICON_SIZE }),
-			description: "Visual separator",
-			keywords: [
-				"divider",
-				"hr",
-				"rule",
-				"separator"
-			],
-			section: SECTION_BASIC,
-			onSelect: (editor) => {
-				editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, void 0);
-			}
-		}),
-		new SlashMenuItem("Table", {
-			icon: createElement(Table, { size: ICON_SIZE }),
-			description: "Add a table",
-			keywords: ["table", "grid"],
-			section: SECTION_BASIC,
-			onSelect: (editor) => {
-				editor.dispatchCommand(INSERT_TABLE_COMMAND, {
-					columns: "3",
-					rows: "3",
-					includeHeaders: true
-				});
-			}
-		}),
-		new SlashMenuItem("Bulleted List", {
-			icon: createElement(List, { size: ICON_SIZE }),
-			description: "Unordered list",
-			keywords: [
-				"list",
-				"bullet",
-				"unordered"
-			],
-			section: SECTION_LIST,
-			onSelect: (editor) => {
-				editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
-			}
-		}),
-		new SlashMenuItem("Numbered List", {
-			icon: createElement(ListOrdered, { size: ICON_SIZE }),
-			description: "Ordered list with numbers",
-			keywords: [
-				"list",
-				"ordered",
-				"number"
-			],
-			section: SECTION_LIST,
-			onSelect: (editor) => {
-				editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
-			}
-		}),
-		new SlashMenuItem("To-do List", {
-			icon: createElement(ListChecks, { size: ICON_SIZE }),
-			description: "Track tasks with checkboxes",
-			keywords: [
-				"task",
-				"todo",
-				"checkbox",
-				"checklist"
-			],
-			section: SECTION_LIST,
-			onSelect: (editor) => {
-				editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, void 0);
-			}
-		})
-	];
+  return [
+    new SlashMenuItem("Text", {
+      icon: createElement(Type, { size: ICON_SIZE }),
+      description: "Plain text block",
+      keywords: ["paragraph", "text", "plain"],
+      section: SECTION_BASIC,
+      onSelect: (editor) => {
+        editor.update(() => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            $setBlocksType(selection, () => $createParagraphNode());
+          }
+        });
+      }
+    }),
+    new SlashMenuItem("Heading 1", {
+      icon: createElement(Heading1, { size: ICON_SIZE }),
+      description: "Large section heading",
+      keywords: ["heading", "h1", "title"],
+      section: SECTION_BASIC,
+      onSelect: (editor) => {
+        editor.update(() => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            $setBlocksType(selection, () => $createHeadingNode("h1"));
+          }
+        });
+      }
+    }),
+    new SlashMenuItem("Heading 2", {
+      icon: createElement(Heading2, { size: ICON_SIZE }),
+      description: "Medium section heading",
+      keywords: ["heading", "h2", "subtitle"],
+      section: SECTION_BASIC,
+      onSelect: (editor) => {
+        editor.update(() => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            $setBlocksType(selection, () => $createHeadingNode("h2"));
+          }
+        });
+      }
+    }),
+    new SlashMenuItem("Heading 3", {
+      icon: createElement(Heading3, { size: ICON_SIZE }),
+      description: "Small section heading",
+      keywords: ["heading", "h3"],
+      section: SECTION_BASIC,
+      onSelect: (editor) => {
+        editor.update(() => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            $setBlocksType(selection, () => $createHeadingNode("h3"));
+          }
+        });
+      }
+    }),
+    new SlashMenuItem("Quote", {
+      icon: createElement(TextQuote, { size: ICON_SIZE }),
+      description: "Capture a quote",
+      keywords: ["quote", "blockquote"],
+      section: SECTION_BASIC,
+      onSelect: (editor) => {
+        editor.update(() => {
+          const selection = $getSelection();
+          if (!$isRangeSelection(selection)) return;
+          const anchorNode = selection.anchor.getNode();
+          const element = anchorNode.getTopLevelElementOrThrow();
+          const quoteNode = $createQuoteNode();
+          const paragraph = $createParagraphNode();
+          paragraph.append(...element.getChildren());
+          quoteNode.append(paragraph);
+          element.replace(quoteNode);
+          paragraph.selectEnd();
+        });
+      }
+    }),
+    new SlashMenuItem("Divider", {
+      icon: createElement(Minus, { size: ICON_SIZE }),
+      description: "Visual separator",
+      keywords: ["divider", "hr", "rule", "separator"],
+      section: SECTION_BASIC,
+      onSelect: (editor) => {
+        editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, void 0);
+      }
+    }),
+    new SlashMenuItem("Table", {
+      icon: createElement(Table, { size: ICON_SIZE }),
+      description: "Add a table",
+      keywords: ["table", "grid"],
+      section: SECTION_BASIC,
+      onSelect: (editor) => {
+        editor.dispatchCommand(INSERT_TABLE_COMMAND, {
+          columns: "3",
+          rows: "3",
+          includeHeaders: true
+        });
+      }
+    }),
+    new SlashMenuItem("Bulleted List", {
+      icon: createElement(List, { size: ICON_SIZE }),
+      description: "Unordered list",
+      keywords: ["list", "bullet", "unordered"],
+      section: SECTION_LIST,
+      onSelect: (editor) => {
+        editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+      }
+    }),
+    new SlashMenuItem("Numbered List", {
+      icon: createElement(ListOrdered, { size: ICON_SIZE }),
+      description: "Ordered list with numbers",
+      keywords: ["list", "ordered", "number"],
+      section: SECTION_LIST,
+      onSelect: (editor) => {
+        editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+      }
+    }),
+    new SlashMenuItem("To-do List", {
+      icon: createElement(ListChecks, { size: ICON_SIZE }),
+      description: "Track tasks with checkboxes",
+      keywords: ["task", "todo", "checkbox", "checklist"],
+      section: SECTION_LIST,
+      onSelect: (editor) => {
+        editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, void 0);
+      }
+    })
+  ];
 }
-//#endregion
-//#region src/styles.css.ts
 var slashMenu = "qolrkf0";
 var slashMenuSectionWrapper = "qolrkf1";
+var slashMenuSectionDivider = "qolrkf2";
 var slashMenuSection = "qolrkf3";
 var slashMenuItems = "qolrkf4";
 var slashMenuItem = "qolrkf5";
 var slashMenuItemIcon = "qolrkf6";
 var slashMenuItemText = "qolrkf7";
 var slashMenuItemTitle = "qolrkf8";
+var slashMenuItemDescription = "qolrkf9";
 var slashMenuEmpty = "qolrkfa";
-//#endregion
-//#region src/SlashMenuList.tsx
 function groupBySection(options) {
-	const groups = [];
-	const seen = /* @__PURE__ */ new Map();
-	options.forEach((item, index) => {
-		const label = item.section;
-		let group = seen.get(label);
-		if (!group) {
-			group = {
-				label,
-				items: []
-			};
-			seen.set(label, group);
-			groups.push(group);
-		}
-		group.items.push({
-			item,
-			globalIndex: index
-		});
-	});
-	return groups;
+  const groups = [];
+  const seen = /* @__PURE__ */ new Map();
+  options.forEach((item, index) => {
+    const label = item.section;
+    let group = seen.get(label);
+    if (!group) {
+      group = { label, items: [] };
+      seen.set(label, group);
+      groups.push(group);
+    }
+    group.items.push({ item, globalIndex: index });
+  });
+  return groups;
 }
-function SlashMenuList({ anchorElement, options, selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) {
-	const { refs, floatingStyles } = useFloating({
-		placement: "bottom-start",
-		strategy: "absolute",
-		middleware: [
-			offset(8),
-			flip({
-				fallbackPlacements: ["top-start"],
-				padding: 8
-			}),
-			shift({ padding: 8 })
-		],
-		whileElementsMounted: autoUpdate
-	});
-	useEffect(() => {
-		refs.setReference(anchorElement);
-	}, [anchorElement, refs]);
-	const sections = useMemo(() => groupBySection(options), [options]);
-	if (options.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: slashMenu,
-		ref: refs.setFloating,
-		style: floatingStyles,
-		children: /* @__PURE__ */ jsx("div", {
-			className: slashMenuEmpty,
-			children: "No matching commands"
-		})
-	});
-	return /* @__PURE__ */ jsx("ul", {
-		className: slashMenu,
-		ref: refs.setFloating,
-		role: "listbox",
-		style: floatingStyles,
-		children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs("li", {
-			className: slashMenuSectionWrapper,
-			role: "presentation",
-			children: [
-				sectionIndex > 0 && /* @__PURE__ */ jsx("div", { className: "qolrkf2" }),
-				/* @__PURE__ */ jsx("div", {
-					className: slashMenuSection,
-					children: section.label
-				}),
-				/* @__PURE__ */ jsx("ul", {
-					className: slashMenuItems,
-					role: "group",
-					children: section.items.map(({ item, globalIndex }) => /* @__PURE__ */ jsxs("li", {
-						"aria-selected": globalIndex === selectedIndex,
-						className: slashMenuItem,
-						ref: item.setRefElement,
-						role: "option",
-						tabIndex: -1,
-						onClick: () => selectOptionAndCleanUp(item),
-						onMouseEnter: () => setHighlightedIndex(globalIndex),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: slashMenuItemIcon,
-							children: item.icon
-						}), /* @__PURE__ */ jsxs("span", {
-							className: slashMenuItemText,
-							children: [/* @__PURE__ */ jsx("span", {
-								className: slashMenuItemTitle,
-								children: item.title
-							}), item.description && /* @__PURE__ */ jsx("span", {
-								className: "qolrkf9",
-								children: item.description
-							})]
-						})]
-					}, item.key))
-				})
-			]
-		}, section.label))
-	});
+function SlashMenuList({
+  anchorElement,
+  options,
+  selectedIndex,
+  selectOptionAndCleanUp,
+  setHighlightedIndex
+}) {
+  const { refs, floatingStyles } = useFloating({
+    placement: "bottom-start",
+    strategy: "absolute",
+    middleware: [
+      offset(8),
+      flip({
+        fallbackPlacements: ["top-start"],
+        padding: 8
+      }),
+      shift({
+        padding: 8
+      })
+    ],
+    whileElementsMounted: autoUpdate
+  });
+  useEffect(() => {
+    refs.setReference(anchorElement);
+  }, [anchorElement, refs]);
+  const sections = useMemo(() => groupBySection(options), [options]);
+  if (options.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: slashMenu, ref: refs.setFloating, style: floatingStyles, children: /* @__PURE__ */ jsx("div", { className: slashMenuEmpty, children: "No matching commands" }) });
+  }
+  return /* @__PURE__ */ jsx("ul", { className: slashMenu, ref: refs.setFloating, role: "listbox", style: floatingStyles, children: sections.map((section, sectionIndex) => /* @__PURE__ */ jsxs("li", { className: slashMenuSectionWrapper, role: "presentation", children: [
+    sectionIndex > 0 && /* @__PURE__ */ jsx("div", { className: slashMenuSectionDivider }),
+    /* @__PURE__ */ jsx("div", { className: slashMenuSection, children: section.label }),
+    /* @__PURE__ */ jsx("ul", { className: slashMenuItems, role: "group", children: section.items.map(({ item, globalIndex }) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "aria-selected": globalIndex === selectedIndex,
+        className: slashMenuItem,
+        ref: item.setRefElement,
+        role: "option",
+        tabIndex: -1,
+        onClick: () => selectOptionAndCleanUp(item),
+        onMouseEnter: () => setHighlightedIndex(globalIndex),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: slashMenuItemIcon, children: item.icon }),
+          /* @__PURE__ */ jsxs("span", { className: slashMenuItemText, children: [
+            /* @__PURE__ */ jsx("span", { className: slashMenuItemTitle, children: item.title }),
+            item.description && /* @__PURE__ */ jsx("span", { className: slashMenuItemDescription, children: item.description })
+          ] })
+        ]
+      },
+      item.key
+    )) })
+  ] }, section.label)) });
 }
-//#endregion
-//#region src/SlashMenuPlugin.tsx
 function collectNodeSlashItems(editor) {
-	return collectCommandItems(editor).filter((c) => !c.placement || c.placement.includes("slash")).map((c) => new SlashMenuItem(c.title, c));
+  const configs = collectCommandItems(editor);
+  return configs.filter((c) => !c.placement || c.placement.includes("slash")).map((c) => new SlashMenuItem(c.title, c));
 }
 function filterItems(query, items) {
-	if (!query) return items;
-	const lower = query.toLowerCase();
-	return items.filter((item) => {
-		if (item.title.toLowerCase().includes(lower)) return true;
-		return item.keywords.some((kw) => kw.toLowerCase().includes(lower));
-	});
+  if (!query) return items;
+  const lower = query.toLowerCase();
+  return items.filter((item) => {
+    if (item.title.toLowerCase().includes(lower)) return true;
+    return item.keywords.some((kw) => kw.toLowerCase().includes(lower));
+  });
 }
 function SlashMenuPlugin({ items, extraItems, triggerChar = "/" }) {
-	const [editor] = useLexicalComposerContext();
-	const [queryString, setQueryString] = useState(null);
-	const allItems = useMemo(() => {
-		if (items) return items;
-		const builtins = getBuiltinItems();
-		const nodeItems = collectNodeSlashItems(editor);
-		const combined = [...builtins, ...nodeItems];
-		return extraItems ? [...combined, ...extraItems] : combined;
-	}, [
-		items,
-		extraItems,
-		editor
-	]);
-	const filteredItems = useMemo(() => filterItems(queryString ?? "", allItems), [queryString, allItems]);
-	return /* @__PURE__ */ jsx(LexicalTypeaheadMenuPlugin, {
-		options: filteredItems,
-		triggerFn: useBasicTypeaheadTriggerMatch(triggerChar, { minLength: 0 }),
-		menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => {
-			const anchorElement = anchorElementRef.current;
-			if (!anchorElement || filteredItems.length === 0) return null;
-			return createPortal(/* @__PURE__ */ jsx(PortalThemeWrapper, { children: /* @__PURE__ */ jsx(SlashMenuList, {
-				anchorElement,
-				options: filteredItems,
-				selectOptionAndCleanUp,
-				selectedIndex,
-				setHighlightedIndex
-			}) }), anchorElement);
-		},
-		onQueryChange: setQueryString,
-		onSelectOption: useCallback((option, textNodeContainingQuery, closeMenu, matchingString) => {
-			editor.update(() => {
-				if (textNodeContainingQuery) {
-					if ($isRangeSelection($getSelection())) textNodeContainingQuery.remove();
-				}
-			});
-			closeMenu();
-			option.onSelect(editor, matchingString);
-		}, [editor])
-	});
+  const [editor] = useLexicalComposerContext();
+  const [queryString, setQueryString] = useState(null);
+  const allItems = useMemo(() => {
+    if (items) return items;
+    const builtins = getBuiltinItems();
+    const nodeItems = collectNodeSlashItems(editor);
+    const combined = [...builtins, ...nodeItems];
+    return extraItems ? [...combined, ...extraItems] : combined;
+  }, [items, extraItems, editor]);
+  const filteredItems = useMemo(
+    () => filterItems(queryString ?? "", allItems),
+    [queryString, allItems]
+  );
+  const checkForTriggerMatch = useBasicTypeaheadTriggerMatch(triggerChar, {
+    minLength: 0
+  });
+  const onSelectOption = useCallback(
+    (option, textNodeContainingQuery, closeMenu, matchingString) => {
+      editor.update(() => {
+        if (textNodeContainingQuery) {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            textNodeContainingQuery.remove();
+          }
+        }
+      });
+      closeMenu();
+      option.onSelect(editor, matchingString);
+    },
+    [editor]
+  );
+  return /* @__PURE__ */ jsx(
+    LexicalTypeaheadMenuPlugin,
+    {
+      options: filteredItems,
+      triggerFn: checkForTriggerMatch,
+      menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => {
+        const anchorElement = anchorElementRef.current;
+        if (!anchorElement || filteredItems.length === 0) {
+          return null;
+        }
+        return createPortal(
+          /* @__PURE__ */ jsx(PortalThemeWrapper, { children: /* @__PURE__ */ jsx(
+            SlashMenuList,
+            {
+              anchorElement,
+              options: filteredItems,
+              selectOptionAndCleanUp,
+              selectedIndex,
+              setHighlightedIndex
+            }
+          ) }),
+          anchorElement
+        );
+      },
+      onQueryChange: setQueryString,
+      onSelectOption
+    }
+  );
 }
-//#endregion
-export { SlashMenuItem, SlashMenuList, SlashMenuPlugin, collectNodeSlashItems, getBuiltinItems };
+export {
+  SlashMenuItem,
+  SlashMenuList,
+  SlashMenuPlugin,
+  collectNodeSlashItems,
+  getBuiltinItems
+};

package/dist/rich-plugin-slash-menu.css CHANGED Viewed

@@ -1,2 +1 @@
-:root{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}:root.dark{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}._1m14pjb0{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}._1m14pjb1{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#2563eb;--rc-quote-bg:#eff6ff;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.8;--rc-line-height-tight:1.4;--rc-font-family:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}._1m14pjb2{--rc-text:#000;--rc-text-secondary:#27272a;--rc-text-tertiary:#71717a;--rc-text-quaternary:#a1a1aa;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f4f4f5;--rc-fill:#e8e8ec;--rc-fill-secondary:#eeeeef;--rc-fill-tertiary:#f4f4f6;--rc-fill-quaternary:#f9f9fa;--rc-border:#f4f4f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#3f3f46;--rc-code-bg:#f4f4f5;--rc-hr-border:#e4e4e7;--rc-quote-border:#a1a1aa;--rc-quote-bg:#fafafa;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:2px;--rc-space-sm:4px;--rc-space-md:10px;--rc-space-lg:16px;--rc-space-xl:20px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:14px;--rc-font-size-small:12px;--rc-line-height:1.5;--rc-line-height-tight:1.3;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:3px;--rc-radius-md:6px;--rc-radius-lg:12px}.dark ._1m14pjb0,[data-theme=dark] ._1m14pjb0,.dark._1m14pjb0,[data-theme=dark]._1m14pjb0,.dark ._1m14pjb1,[data-theme=dark] ._1m14pjb1,.dark._1m14pjb1,[data-theme=dark]._1m14pjb1,.dark ._1m14pjb2,[data-theme=dark] ._1m14pjb2,.dark._1m14pjb2,[data-theme=dark]._1m14pjb2{--rc-text:#fafafa;--rc-text-secondary:#a1a1aa;--rc-text-tertiary:#71717a;--rc-text-quaternary:#52525b;--rc-bg:#09090b;--rc-bg-secondary:#18181b;--rc-bg-tertiary:#27272a;--rc-fill:#2a2a2f;--rc-fill-secondary:#222226;--rc-fill-tertiary:#1b1b1f;--rc-fill-quaternary:#131316;--rc-border:#27272a;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#e4e4e7;--rc-code-bg:#27272a;--rc-hr-border:#27272a;--rc-quote-border:#60a5fa;--rc-quote-bg:#1e3a5f;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}.qolrkf0{width:288px;max-height:384px;font-family:var(--rc-font-family-sans);background:var(--rc-bg);border:1px solid var(--rc-border);border-radius:var(--rc-radius-lg);box-shadow:var(--rc-shadow-menu);margin:0;padding:0;list-style:none;position:absolute;top:0;left:0;overflow:hidden auto}.qolrkf0::-webkit-scrollbar{width:5px}.qolrkf0::-webkit-scrollbar-track{background:0 0}.qolrkf0::-webkit-scrollbar-thumb{background:var(--rc-text-quaternary);border-radius:3px}.qolrkf2{background:var(--rc-border);opacity:.5;height:1px}.qolrkf3{z-index:10;letter-spacing:.05em;text-transform:uppercase;color:var(--rc-text-tertiary);-webkit-user-select:none;user-select:none;background:var(--rc-bg);padding:8px 12px;font-size:11px;font-weight:500;position:sticky;top:0}.qolrkf4{margin:0;padding:4px 0;list-style:none}.qolrkf5{border-radius:var(--rc-radius-md);cursor:pointer;color:var(--rc-text);align-items:center;gap:12px;margin:0 4px;padding:8px 12px;transition:background 75ms;display:flex}.qolrkf5:hover,.qolrkf5[aria-selected=true]{background:var(--rc-fill)}.qolrkf6{background:var(--rc-bg-tertiary);width:36px;height:36px;color:var(--rc-text-tertiary);border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background 75ms,border-color 75ms;display:flex}.qolrkf5[aria-selected=true] .qolrkf6{background:var(--rc-bg);border-color:var(--rc-border)}.qolrkf7{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.qolrkf8{color:var(--rc-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.qolrkf9{color:var(--rc-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.qolrkfa{color:var(--rc-text-quaternary);text-align:center;padding:32px 12px;font-size:13px}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.qolrkf3{background:color-mix(in srgb, var(--rc-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}
-/*$vite$:1*/
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1m14pjb0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1m14pjb1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._1m14pjb2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 12px}.dark ._1m14pjb0,[data-theme=dark] ._1m14pjb0,.dark._1m14pjb0,[data-theme=dark]._1m14pjb0,.dark ._1m14pjb1,[data-theme=dark] ._1m14pjb1,.dark._1m14pjb1,[data-theme=dark]._1m14pjb1,.dark ._1m14pjb2,[data-theme=dark] ._1m14pjb2,.dark._1m14pjb2,[data-theme=dark]._1m14pjb2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}.qolrkf0{position:absolute;top:0;left:0;width:288px;max-height:384px;overflow-y:auto;overflow-x:hidden;font-family:var(--rc-font-family-sans);background:var(--rc-bg);border:1px solid var(--rc-border);border-radius:var(--rc-radius-lg);box-shadow:var(--rc-shadow-menu);list-style:none;margin:0;padding:0}.qolrkf0::-webkit-scrollbar{width:5px}.qolrkf0::-webkit-scrollbar-track{background:transparent}.qolrkf0::-webkit-scrollbar-thumb{background:var(--rc-text-quaternary);border-radius:3px}.qolrkf2{height:1px;background:var(--rc-border);opacity:.5}.qolrkf3{position:sticky;top:0;z-index:10;padding:8px 12px;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--rc-text-tertiary);user-select:none;background:var(--rc-bg)}.qolrkf4{padding:4px 0;list-style:none;margin:0}.qolrkf5{display:flex;align-items:center;gap:12px;padding:8px 12px;margin:0 4px;border-radius:var(--rc-radius-md);cursor:pointer;transition:background 75ms ease;color:var(--rc-text)}.qolrkf5:hover,.qolrkf5[aria-selected=true]{background:var(--rc-fill)}.qolrkf6{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border-radius:6px;background:var(--rc-bg-tertiary);border:1px solid transparent;color:var(--rc-text-tertiary);line-height:1;transition:background 75ms ease,border-color 75ms ease}.qolrkf5[aria-selected=true] .qolrkf6{background:var(--rc-bg);border-color:var(--rc-border)}.qolrkf7{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.qolrkf8{font-size:14px;font-weight:500;line-height:1.3;color:var(--rc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qolrkf9{font-size:12px;line-height:1.3;color:var(--rc-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qolrkfa{padding:32px 12px;color:var(--rc-text-quaternary);font-size:13px;text-align:center}@supports (backdrop-filter: blur(8px)){.qolrkf3{background:color-mix(in srgb,var(--rc-bg) 92%,transparent);backdrop-filter:blur(8px)}}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-plugin-slash-menu",
-  "version": "0.0.82",
+  "version": "0.0.83",
   "description": "Slash command menu plugin",
   "repository": {
     "type": "git",
@@ -22,8 +22,8 @@
   ],
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.8",
-    "@haklex/rich-editor": "0.0.82",
-    "@haklex/rich-style-token": "0.0.82"
+    "@haklex/rich-style-token": "0.0.83",
+    "@haklex/rich-editor": "0.0.83"
   },
   "devDependencies": {
     "@lexical/list": "^0.41.0",