@fuma-content/studio 0.1.0

package/dist/src/components/editor/plugins/comment-kit.mjs

@@ -0,0 +1,53 @@
+"use client";
+
+import { CommentLeaf } from "../ui/comment-node.mjs";
+import { toTPlatePlugin } from "platejs/react";
+import { isSlateString } from "platejs";
+import { BaseCommentPlugin, getDraftCommentKey } from "@platejs/comment";
+
+//#region src/components/editor/plugins/comment-kit.tsx
+const commentPlugin = toTPlatePlugin(BaseCommentPlugin, {
+	handlers: { onClick: ({ api, event, setOption, type }) => {
+		let leaf = event.target;
+		let isSet = false;
+		const unsetActiveSuggestion = () => {
+			setOption("activeId", null);
+			isSet = true;
+		};
+		if (!isSlateString(leaf)) unsetActiveSuggestion();
+		while (leaf.parentElement) {
+			if (leaf.classList.contains(`slate-${type}`)) {
+				const commentsEntry = api.comment?.node();
+				if (!commentsEntry) {
+					unsetActiveSuggestion();
+					break;
+				}
+				const id = api.comment?.nodeId(commentsEntry[0]);
+				setOption("activeId", id ?? null);
+				isSet = true;
+				break;
+			}
+			leaf = leaf.parentElement;
+		}
+		if (!isSet) unsetActiveSuggestion();
+	} },
+	options: {
+		activeId: null,
+		commentingBlock: null,
+		hoverId: null,
+		uniquePathMap: /* @__PURE__ */ new Map()
+	}
+}).extendTransforms(({ editor, setOption, tf: { comment: { setDraft } } }) => ({ setDraft: () => {
+	if (editor.api.isCollapsed()) editor.tf.select(editor.api.block()?.[1]);
+	setDraft();
+	editor.tf.collapse();
+	setOption("activeId", getDraftCommentKey());
+	if (editor.selection) setOption("commentingBlock", editor.selection.focus.path.slice(0, 1));
+} })).configure({
+	node: { component: CommentLeaf },
+	shortcuts: { setDraft: { keys: "mod+shift+m" } }
+});
+const CommentKit = [commentPlugin];
+
+//#endregion
+export { CommentKit, commentPlugin };

package/dist/src/components/editor/plugins/copilot-kit.mjs

@@ -0,0 +1,49 @@
+"use client";
+
+import { MarkdownKit } from "./markdown-kit.mjs";
+import { GhostText } from "../ui/ghost-text.mjs";
+import { serializeMd, stripMarkdown } from "@platejs/markdown";
+import { CopilotPlugin } from "@platejs/ai/react";
+
+//#region src/components/editor/plugins/copilot-kit.tsx
+const CopilotKit = [...MarkdownKit, CopilotPlugin.configure(({ api }) => ({
+	options: {
+		completeOptions: {
+			api: "/api/ai/copilot",
+			body: { system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
+  
+  Rules:
+  - Continue the text naturally up to the next punctuation mark (., ,, ;, :, ?, or !).
+  - Maintain style and tone. Don't repeat given text.
+  - For unclear context, provide the most likely continuation.
+  - Handle code snippets, lists, or structured text if needed.
+  - Don't include """ in your response.
+  - CRITICAL: Always end with a punctuation mark.
+  - CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
+  - If no context is provided or you can't generate a continuation, return "0" without explanation.` },
+			onFinish: (_, completion) => {
+				if (completion === "0") return;
+				api.copilot.setBlockSuggestion({ text: stripMarkdown(completion) });
+			}
+		},
+		debounceDelay: 500,
+		renderGhostText: GhostText,
+		getPrompt: ({ editor }) => {
+			const contextEntry = editor.api.block({ highest: true });
+			if (!contextEntry) return "";
+			return `Continue the text up to the next punctuation mark:
+  """
+  ${serializeMd(editor, { value: [contextEntry[0]] })}
+  """`;
+		}
+	},
+	shortcuts: {
+		accept: { keys: "tab" },
+		acceptNextWord: { keys: "mod+right" },
+		reject: { keys: "escape" },
+		triggerSuggestion: { keys: "ctrl+space" }
+	}
+}))];
+
+//#endregion
+export { CopilotKit };

package/dist/src/components/editor/plugins/cursor-overlay-kit.mjs

@@ -0,0 +1,11 @@
+"use client";
+
+import { CursorOverlay } from "../ui/cursor-overlay.mjs";
+import { jsx } from "react/jsx-runtime";
+import { CursorOverlayPlugin } from "@platejs/selection/react";
+
+//#region src/components/editor/plugins/cursor-overlay-kit.tsx
+const CursorOverlayKit = [CursorOverlayPlugin.configure({ render: { afterEditable: () => /* @__PURE__ */ jsx(CursorOverlay, {}) } })];
+
+//#endregion
+export { CursorOverlayKit };

package/dist/src/components/editor/plugins/date-base-kit.mjs

@@ -0,0 +1,8 @@
+import { DateElementStatic } from "../ui/date-node-static.mjs";
+import { BaseDatePlugin } from "@platejs/date";
+
+//#region src/components/editor/plugins/date-base-kit.tsx
+const BaseDateKit = [BaseDatePlugin.withComponent(DateElementStatic)];
+
+//#endregion
+export { BaseDateKit };

package/dist/src/components/editor/plugins/date-kit.mjs

@@ -0,0 +1,10 @@
+"use client";
+
+import { DateElement } from "../ui/date-node.mjs";
+import { DatePlugin } from "@platejs/date/react";
+
+//#region src/components/editor/plugins/date-kit.tsx
+const DateKit = [DatePlugin.withComponent(DateElement)];
+
+//#endregion
+export { DateKit };

package/dist/src/components/editor/plugins/discussion-kit.mjs

@@ -0,0 +1,94 @@
+"use client";
+
+import { BlockDiscussion } from "../ui/block-discussion.mjs";
+import { createPlatePlugin } from "platejs/react";
+
+//#region src/components/editor/plugins/discussion-kit.tsx
+const discussionsData = [{
+	id: "discussion1",
+	comments: [{
+		id: "comment1",
+		contentRich: [{
+			children: [{ text: "Comments are a great way to provide feedback and discuss changes." }],
+			type: "p"
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 6e5),
+		discussionId: "discussion1",
+		isEdited: false,
+		userId: "charlie"
+	}, {
+		id: "comment2",
+		contentRich: [{
+			children: [{ text: "Agreed! The link to the docs makes it easy to learn more." }],
+			type: "p"
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 5e5),
+		discussionId: "discussion1",
+		isEdited: false,
+		userId: "bob"
+	}],
+	createdAt: /* @__PURE__ */ new Date(),
+	documentContent: "comments",
+	isResolved: false,
+	userId: "charlie"
+}, {
+	id: "discussion2",
+	comments: [{
+		id: "comment1",
+		contentRich: [{
+			children: [{ text: "Nice demonstration of overlapping annotations with both comments and suggestions!" }],
+			type: "p"
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 3e5),
+		discussionId: "discussion2",
+		isEdited: false,
+		userId: "bob"
+	}, {
+		id: "comment2",
+		contentRich: [{
+			children: [{ text: "This helps users understand how powerful the editor can be." }],
+			type: "p"
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 2e5),
+		discussionId: "discussion2",
+		isEdited: false,
+		userId: "charlie"
+	}],
+	createdAt: /* @__PURE__ */ new Date(),
+	documentContent: "overlapping",
+	isResolved: false,
+	userId: "bob"
+}];
+const avatarUrl = (seed) => `https://api.dicebear.com/9.x/glass/svg?seed=${seed}`;
+const usersData = {
+	alice: {
+		id: "alice",
+		avatarUrl: avatarUrl("alice6"),
+		name: "Alice"
+	},
+	bob: {
+		id: "bob",
+		avatarUrl: avatarUrl("bob4"),
+		name: "Bob"
+	},
+	charlie: {
+		id: "charlie",
+		avatarUrl: avatarUrl("charlie2"),
+		name: "Charlie"
+	}
+};
+const discussionPlugin = createPlatePlugin({
+	key: "discussion",
+	options: {
+		currentUserId: "alice",
+		discussions: discussionsData,
+		users: usersData
+	}
+}).configure({ render: { aboveNodes: BlockDiscussion } }).extendSelectors(({ getOption }) => ({
+	currentUser: () => getOption("users")[getOption("currentUserId")],
+	user: (id) => getOption("users")[id]
+}));
+const DiscussionKit = [discussionPlugin];
+
+//#endregion
+export { DiscussionKit, discussionPlugin };

package/dist/src/components/editor/plugins/dnd-kit.mjs

@@ -0,0 +1,31 @@
+"use client";
+
+import { BlockDraggable } from "../ui/block-draggable.mjs";
+import { jsx } from "react/jsx-runtime";
+import { DndPlugin } from "@platejs/dnd";
+import { PlaceholderPlugin } from "@platejs/media/react";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+
+//#region src/components/editor/plugins/dnd-kit.tsx
+const DndKit = [DndPlugin.configure({
+	options: {
+		enableScroller: true,
+		onDropFiles: ({ dragItem, editor, target }) => {
+			editor.getTransforms(PlaceholderPlugin).insert.media(dragItem.files, {
+				at: target,
+				nextBlock: false
+			});
+		}
+	},
+	render: {
+		aboveNodes: BlockDraggable,
+		aboveSlate: ({ children }) => /* @__PURE__ */ jsx(DndProvider, {
+			backend: HTML5Backend,
+			children
+		})
+	}
+})];
+
+//#endregion
+export { DndKit };

package/dist/src/components/editor/plugins/emoji-kit.mjs

@@ -0,0 +1,11 @@
+"use client";
+
+import { EmojiInputElement } from "../ui/emoji-node.mjs";
+import { EmojiInputPlugin, EmojiPlugin } from "@platejs/emoji/react";
+import emojiMartData from "@emoji-mart/data";
+
+//#region src/components/editor/plugins/emoji-kit.tsx
+const EmojiKit = [EmojiPlugin.configure({ options: { data: emojiMartData } }), EmojiInputPlugin.withComponent(EmojiInputElement)];
+
+//#endregion
+export { EmojiKit };

package/dist/src/components/editor/plugins/exit-break-kit.mjs

@@ -0,0 +1,12 @@
+"use client";
+
+import { ExitBreakPlugin } from "platejs";
+
+//#region src/components/editor/plugins/exit-break-kit.tsx
+const ExitBreakKit = [ExitBreakPlugin.configure({ shortcuts: {
+	insert: { keys: "mod+enter" },
+	insertBefore: { keys: "mod+shift+enter" }
+} })];
+
+//#endregion
+export { ExitBreakKit };

package/dist/src/components/editor/plugins/fixed-toolbar-kit.mjs

@@ -0,0 +1,15 @@
+"use client";
+
+import { FixedToolbar } from "../ui/fixed-toolbar.mjs";
+import { FixedToolbarButtons } from "../ui/fixed-toolbar-buttons.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createPlatePlugin } from "platejs/react";
+
+//#region src/components/editor/plugins/fixed-toolbar-kit.tsx
+const FixedToolbarKit = [createPlatePlugin({
+	key: "fixed-toolbar",
+	render: { beforeEditable: () => /* @__PURE__ */ jsx(FixedToolbar, { children: /* @__PURE__ */ jsx(FixedToolbarButtons, {}) }) }
+})];
+
+//#endregion
+export { FixedToolbarKit };

package/dist/src/components/editor/plugins/floating-toolbar-kit.mjs

@@ -0,0 +1,15 @@
+"use client";
+
+import { FloatingToolbar } from "../ui/floating-toolbar.mjs";
+import { FloatingToolbarButtons } from "../ui/floating-toolbar-buttons.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createPlatePlugin } from "platejs/react";
+
+//#region src/components/editor/plugins/floating-toolbar-kit.tsx
+const FloatingToolbarKit = [createPlatePlugin({
+	key: "floating-toolbar",
+	render: { afterEditable: () => /* @__PURE__ */ jsx(FloatingToolbar, { children: /* @__PURE__ */ jsx(FloatingToolbarButtons, {}) }) }
+})];
+
+//#endregion
+export { FloatingToolbarKit };

package/dist/src/components/editor/plugins/font-base-kit.mjs

@@ -0,0 +1,14 @@
+import { KEYS } from "platejs";
+import { BaseFontBackgroundColorPlugin, BaseFontColorPlugin, BaseFontFamilyPlugin, BaseFontSizePlugin } from "@platejs/basic-styles";
+
+//#region src/components/editor/plugins/font-base-kit.tsx
+const options = { inject: { targetPlugins: [KEYS.p] } };
+const BaseFontKit = [
+	BaseFontColorPlugin.configure(options),
+	BaseFontBackgroundColorPlugin.configure(options),
+	BaseFontSizePlugin.configure(options),
+	BaseFontFamilyPlugin.configure(options)
+];
+
+//#endregion
+export { BaseFontKit };

package/dist/src/components/editor/plugins/font-kit.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { KEYS } from "platejs";
+import { FontBackgroundColorPlugin, FontColorPlugin, FontFamilyPlugin, FontSizePlugin } from "@platejs/basic-styles/react";
+
+//#region src/components/editor/plugins/font-kit.tsx
+const options = { inject: { targetPlugins: [KEYS.p] } };
+const FontKit = [
+	FontColorPlugin.configure({ inject: {
+		...options.inject,
+		nodeProps: { defaultNodeValue: "black" }
+	} }),
+	FontBackgroundColorPlugin.configure(options),
+	FontSizePlugin.configure(options),
+	FontFamilyPlugin.configure(options)
+];
+
+//#endregion
+export { FontKit };

package/dist/src/components/editor/plugins/indent-base-kit.mjs

@@ -0,0 +1,17 @@
+import { KEYS } from "platejs";
+import { BaseIndentPlugin } from "@platejs/indent";
+
+//#region src/components/editor/plugins/indent-base-kit.tsx
+const BaseIndentKit = [BaseIndentPlugin.configure({
+	inject: { targetPlugins: [
+		...KEYS.heading,
+		KEYS.p,
+		KEYS.blockquote,
+		KEYS.codeBlock,
+		KEYS.toggle
+	] },
+	options: { offset: 24 }
+})];
+
+//#endregion
+export { BaseIndentKit };

package/dist/src/components/editor/plugins/indent-kit.mjs

@@ -0,0 +1,20 @@
+"use client";
+
+import { KEYS } from "platejs";
+import { IndentPlugin } from "@platejs/indent/react";
+
+//#region src/components/editor/plugins/indent-kit.tsx
+const IndentKit = [IndentPlugin.configure({
+	inject: { targetPlugins: [
+		...KEYS.heading,
+		KEYS.p,
+		KEYS.blockquote,
+		KEYS.codeBlock,
+		KEYS.toggle,
+		KEYS.img
+	] },
+	options: { offset: 24 }
+})];
+
+//#endregion
+export { IndentKit };

package/dist/src/components/editor/plugins/line-height-base-kit.mjs

@@ -0,0 +1,20 @@
+import { KEYS } from "platejs";
+import { BaseLineHeightPlugin } from "@platejs/basic-styles";
+
+//#region src/components/editor/plugins/line-height-base-kit.tsx
+const BaseLineHeightKit = [BaseLineHeightPlugin.configure({ inject: {
+	nodeProps: {
+		defaultNodeValue: 1.5,
+		validNodeValues: [
+			1,
+			1.2,
+			1.5,
+			2,
+			3
+		]
+	},
+	targetPlugins: [...KEYS.heading, KEYS.p]
+} })];
+
+//#endregion
+export { BaseLineHeightKit };

package/dist/src/components/editor/plugins/line-height-kit.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+import { KEYS } from "platejs";
+import { LineHeightPlugin } from "@platejs/basic-styles/react";
+
+//#region src/components/editor/plugins/line-height-kit.tsx
+const LineHeightKit = [LineHeightPlugin.configure({ inject: {
+	nodeProps: {
+		defaultNodeValue: 1.5,
+		validNodeValues: [
+			1,
+			1.2,
+			1.5,
+			2,
+			3
+		]
+	},
+	targetPlugins: [...KEYS.heading, KEYS.p]
+} })];
+
+//#endregion
+export { LineHeightKit };

package/dist/src/components/editor/plugins/link-base-kit.mjs

@@ -0,0 +1,8 @@
+import { LinkElementStatic } from "../ui/link-node-static.mjs";
+import { BaseLinkPlugin } from "@platejs/link";
+
+//#region src/components/editor/plugins/link-base-kit.tsx
+const BaseLinkKit = [BaseLinkPlugin.withComponent(LinkElementStatic)];
+
+//#endregion
+export { BaseLinkKit };

package/dist/src/components/editor/plugins/link-kit.mjs

@@ -0,0 +1,15 @@
+"use client";
+
+import { LinkElement } from "../ui/link-node.mjs";
+import { LinkFloatingToolbar } from "../ui/link-toolbar.mjs";
+import { jsx } from "react/jsx-runtime";
+import { LinkPlugin } from "@platejs/link/react";
+
+//#region src/components/editor/plugins/link-kit.tsx
+const LinkKit = [LinkPlugin.configure({ render: {
+	node: LinkElement,
+	afterEditable: () => /* @__PURE__ */ jsx(LinkFloatingToolbar, {})
+} })];
+
+//#endregion
+export { LinkKit };

package/dist/src/components/editor/plugins/list-base-kit.mjs

@@ -0,0 +1,19 @@
+import { BaseIndentKit } from "./indent-base-kit.mjs";
+import { BlockListStatic } from "../ui/block-list-static.mjs";
+import { KEYS } from "platejs";
+import { BaseListPlugin } from "@platejs/list";
+
+//#region src/components/editor/plugins/list-base-kit.tsx
+const BaseListKit = [...BaseIndentKit, BaseListPlugin.configure({
+	inject: { targetPlugins: [
+		...KEYS.heading,
+		KEYS.p,
+		KEYS.blockquote,
+		KEYS.codeBlock,
+		KEYS.toggle
+	] },
+	render: { belowNodes: BlockListStatic }
+})];
+
+//#endregion
+export { BaseListKit };

package/dist/src/components/editor/plugins/list-kit.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+import { IndentKit } from "./indent-kit.mjs";
+import { BlockList } from "../ui/block-list.mjs";
+import { KEYS } from "platejs";
+import { ListPlugin } from "@platejs/list/react";
+
+//#region src/components/editor/plugins/list-kit.tsx
+const ListKit = [...IndentKit, ListPlugin.configure({
+	inject: { targetPlugins: [
+		...KEYS.heading,
+		KEYS.p,
+		KEYS.blockquote,
+		KEYS.codeBlock,
+		KEYS.toggle,
+		KEYS.img
+	] },
+	render: { belowNodes: BlockList }
+})];
+
+//#endregion
+export { ListKit };

package/dist/src/components/editor/plugins/markdown-kit.mjs

@@ -0,0 +1,17 @@
+import { MarkdownPlugin, remarkMdx } from "@platejs/markdown";
+import { KEYS } from "platejs";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+
+//#region src/components/editor/plugins/markdown-kit.tsx
+const MarkdownKit = [MarkdownPlugin.configure({ options: {
+	plainMarks: [KEYS.suggestion, KEYS.comment],
+	remarkPlugins: [
+		remarkMath,
+		remarkGfm,
+		remarkMdx
+	]
+} })];
+
+//#endregion
+export { MarkdownKit };

package/dist/src/components/editor/plugins/math-base-kit.mjs

@@ -0,0 +1,8 @@
+import { EquationElementStatic, InlineEquationElementStatic } from "../ui/equation-node-static.mjs";
+import { BaseEquationPlugin, BaseInlineEquationPlugin } from "@platejs/math";
+
+//#region src/components/editor/plugins/math-base-kit.tsx
+const BaseMathKit = [BaseInlineEquationPlugin.withComponent(InlineEquationElementStatic), BaseEquationPlugin.withComponent(EquationElementStatic)];
+
+//#endregion
+export { BaseMathKit };

package/dist/src/components/editor/plugins/math-kit.mjs

@@ -0,0 +1,10 @@
+"use client";
+
+import { EquationElement, InlineEquationElement } from "../ui/equation-node.mjs";
+import { EquationPlugin, InlineEquationPlugin } from "@platejs/math/react";
+
+//#region src/components/editor/plugins/math-kit.tsx
+const MathKit = [InlineEquationPlugin.withComponent(InlineEquationElement), EquationPlugin.withComponent(EquationElement)];
+
+//#endregion
+export { MathKit };

package/dist/src/components/editor/plugins/media-base-kit.mjs

@@ -0,0 +1,23 @@
+import { ImageElementStatic } from "../ui/media-image-node-static.mjs";
+import { VideoElementStatic } from "../ui/media-video-node-static.mjs";
+import { KEYS } from "platejs";
+import { BaseCaptionPlugin } from "@platejs/caption";
+import { BaseImagePlugin, BaseMediaEmbedPlugin, BasePlaceholderPlugin, BaseVideoPlugin } from "@platejs/media";
+
+//#region src/components/editor/plugins/media-base-kit.tsx
+const BaseMediaKit = [
+	BaseImagePlugin.withComponent(ImageElementStatic),
+	BaseVideoPlugin.withComponent(VideoElementStatic),
+	BaseCaptionPlugin.configure({ options: { query: { allow: [
+		KEYS.img,
+		KEYS.video,
+		KEYS.audio,
+		KEYS.file,
+		KEYS.mediaEmbed
+	] } } }),
+	BaseMediaEmbedPlugin,
+	BasePlaceholderPlugin
+];
+
+//#endregion
+export { BaseMediaKit };

package/dist/src/components/editor/plugins/media-kit.mjs

@@ -0,0 +1,37 @@
+"use client";
+
+import { ImageElement } from "../ui/media-image-node.mjs";
+import { PlaceholderElement } from "../ui/media-placeholder-node.mjs";
+import { MediaPreviewDialog } from "../ui/media-preview-dialog.mjs";
+import { MediaUploadToast } from "../ui/media-upload-toast.mjs";
+import { KEYS } from "platejs";
+import { ImagePlugin, PlaceholderPlugin } from "@platejs/media/react";
+import { CaptionPlugin } from "@platejs/caption/react";
+
+//#region src/components/editor/plugins/media-kit.tsx
+const MediaKit = [
+	ImagePlugin.configure({
+		options: { disableUploadInsert: true },
+		render: {
+			afterEditable: MediaPreviewDialog,
+			node: ImageElement
+		}
+	}),
+	PlaceholderPlugin.configure({
+		options: { disableEmptyPlaceholder: true },
+		render: {
+			afterEditable: MediaUploadToast,
+			node: PlaceholderElement
+		}
+	}),
+	CaptionPlugin.configure({ options: { query: { allow: [
+		KEYS.img,
+		KEYS.video,
+		KEYS.audio,
+		KEYS.file,
+		KEYS.mediaEmbed
+	] } } })
+];
+
+//#endregion
+export { MediaKit };

package/dist/src/components/editor/plugins/slash-kit.mjs

@@ -0,0 +1,11 @@
+"use client";
+
+import { SlashInputElement } from "../ui/slash-node.mjs";
+import { KEYS } from "platejs";
+import { SlashInputPlugin, SlashPlugin } from "@platejs/slash-command/react";
+
+//#region src/components/editor/plugins/slash-kit.tsx
+const SlashKit = [SlashPlugin.configure({ options: { triggerQuery: (editor) => !editor.api.some({ match: { type: editor.getType(KEYS.codeBlock) } }) } }), SlashInputPlugin.withComponent(SlashInputElement)];
+
+//#endregion
+export { SlashKit };

package/dist/src/components/editor/plugins/suggestion-base-kit.mjs

@@ -0,0 +1,8 @@
+import { SuggestionLeafStatic } from "../ui/suggestion-node-static.mjs";
+import { BaseSuggestionPlugin } from "@platejs/suggestion";
+
+//#region src/components/editor/plugins/suggestion-base-kit.tsx
+const BaseSuggestionKit = [BaseSuggestionPlugin.withComponent(SuggestionLeafStatic)];
+
+//#endregion
+export { BaseSuggestionKit };