@fuma-content/studio 0.1.0

package/dist/src/components/editor/md.mjs

@@ -0,0 +1,42 @@
+"use client";
+
+import { Editor, EditorContainer } from "./ui/editor.mjs";
+import { EditorKit } from "./editor-kit.mjs";
+import { jsx } from "react/jsx-runtime";
+import { MarkdownPlugin } from "@platejs/markdown";
+import { Plate, usePlateEditor } from "platejs/react";
+import { use, useRef } from "react";
+
+//#region src/components/editor/md.tsx
+const mdMap = {};
+function MDXEditor({ defaultValue, onUpdate, children }) {
+	const initializedRef = useRef(false);
+	const editor = usePlateEditor({
+		plugins: EditorKit,
+		skipInitialization: true
+	});
+	const deserializedDefault = use(mdMap[defaultValue] ??= new Promise((res) => {
+		res(editor.getApi(MarkdownPlugin).markdown.deserialize(defaultValue));
+	}));
+	if (!initializedRef.current) {
+		editor.tf.init({ value: deserializedDefault });
+		initializedRef.current = true;
+	}
+	return /* @__PURE__ */ jsx(Plate, {
+		editor,
+		onValueChange: () => {
+			onUpdate?.({
+				editor,
+				getMarkdown() {
+					return editor.getApi(MarkdownPlugin).markdown.serialize();
+				}
+			});
+		},
+		children: children ?? /* @__PURE__ */ jsx(MDXEditorContainer, { children: /* @__PURE__ */ jsx(MDXEditorView, {}) })
+	});
+}
+const MDXEditorContainer = EditorContainer;
+const MDXEditorView = Editor;
+
+//#endregion
+export { MDXEditor, MDXEditorContainer, MDXEditorView };

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

@@ -0,0 +1,68 @@
+"use client";
+
+import { MarkdownKit } from "./markdown-kit.mjs";
+import { AILoadingBar, AIMenu } from "../ui/ai-menu.mjs";
+import { AIAnchorElement, AILeaf } from "../ui/ai-node.mjs";
+import { useChat } from "../use-chat.mjs";
+import { CursorOverlayKit } from "./cursor-overlay-kit.mjs";
+import { usePluginOption } from "platejs/react";
+import { KEYS, PathApi, getPluginType } from "platejs";
+import { withAIBatch } from "@platejs/ai";
+import { AIChatPlugin, AIPlugin, applyAISuggestions, streamInsertChunk, useChatChunk } from "@platejs/ai/react";
+
+//#region src/components/editor/plugins/ai-kit.tsx
+const aiChatPlugin = AIChatPlugin.extend({
+	options: { chatOptions: {
+		api: "/api/ai/command",
+		body: {}
+	} },
+	render: {
+		afterContainer: AILoadingBar,
+		afterEditable: AIMenu,
+		node: AIAnchorElement
+	},
+	shortcuts: { show: { keys: "mod+j" } },
+	useHooks: ({ editor, getOption }) => {
+		useChat();
+		const mode = usePluginOption(AIChatPlugin, "mode");
+		const toolName = usePluginOption(AIChatPlugin, "toolName");
+		useChatChunk({
+			onChunk: ({ chunk, isFirst, nodes, text: content }) => {
+				if (isFirst && mode === "insert") {
+					editor.tf.withoutSaving(() => {
+						if (!editor.selection) return;
+						editor.tf.insertNodes({
+							children: [{ text: "" }],
+							type: getPluginType(editor, KEYS.aiChat)
+						}, { at: PathApi.next(editor.selection.focus.path.slice(0, 1)) });
+					});
+					editor.setOption(AIChatPlugin, "streaming", true);
+				}
+				if (mode === "insert" && nodes.length > 0) withAIBatch(editor, () => {
+					if (!getOption("streaming")) return;
+					editor.tf.withScrolling(() => {
+						streamInsertChunk(editor, chunk, { textProps: { [getPluginType(editor, KEYS.ai)]: true } });
+					});
+				}, { split: isFirst });
+				if (toolName === "edit" && mode === "chat") withAIBatch(editor, () => {
+					applyAISuggestions(editor, content);
+				}, { split: isFirst });
+			},
+			onFinish: () => {
+				editor.setOption(AIChatPlugin, "streaming", false);
+				editor.setOption(AIChatPlugin, "_blockChunks", "");
+				editor.setOption(AIChatPlugin, "_blockPath", null);
+				editor.setOption(AIChatPlugin, "_mdxName", null);
+			}
+		});
+	}
+});
+const AIKit = [
+	...CursorOverlayKit,
+	...MarkdownKit,
+	AIPlugin.withComponent(AILeaf),
+	aiChatPlugin
+];
+
+//#endregion
+export { AIKit, aiChatPlugin };

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

@@ -0,0 +1,28 @@
+import { KEYS } from "platejs";
+import { BaseTextAlignPlugin } from "@platejs/basic-styles";
+
+//#region src/components/editor/plugins/align-base-kit.tsx
+const BaseAlignKit = [BaseTextAlignPlugin.configure({ inject: {
+	nodeProps: {
+		defaultNodeValue: "start",
+		nodeKey: "align",
+		styleKey: "textAlign",
+		validNodeValues: [
+			"start",
+			"left",
+			"center",
+			"right",
+			"end",
+			"justify"
+		]
+	},
+	targetPlugins: [
+		...KEYS.heading,
+		KEYS.p,
+		KEYS.img,
+		KEYS.mediaEmbed
+	]
+} })];
+
+//#endregion
+export { BaseAlignKit };

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

@@ -0,0 +1,30 @@
+"use client";
+
+import { KEYS } from "platejs";
+import { TextAlignPlugin } from "@platejs/basic-styles/react";
+
+//#region src/components/editor/plugins/align-kit.tsx
+const AlignKit = [TextAlignPlugin.configure({ inject: {
+	nodeProps: {
+		defaultNodeValue: "start",
+		nodeKey: "align",
+		styleKey: "textAlign",
+		validNodeValues: [
+			"start",
+			"left",
+			"center",
+			"right",
+			"end",
+			"justify"
+		]
+	},
+	targetPlugins: [
+		...KEYS.heading,
+		KEYS.p,
+		KEYS.img,
+		KEYS.mediaEmbed
+	]
+} })];
+
+//#endregion
+export { AlignKit };

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

@@ -0,0 +1,214 @@
+"use client";
+
+import { KEYS } from "platejs";
+import { insertEmptyCodeBlock } from "@platejs/code-block";
+import { toggleList } from "@platejs/list";
+import { AutoformatPlugin, autoformatArrow, autoformatLegal, autoformatLegalHtml, autoformatMath, autoformatPunctuation, autoformatSmartQuotes } from "@platejs/autoformat";
+
+//#region src/components/editor/plugins/autoformat-kit.tsx
+const autoformatMarks = [
+	{
+		match: "***",
+		mode: "mark",
+		type: [KEYS.bold, KEYS.italic]
+	},
+	{
+		match: "__*",
+		mode: "mark",
+		type: [KEYS.underline, KEYS.italic]
+	},
+	{
+		match: "__**",
+		mode: "mark",
+		type: [KEYS.underline, KEYS.bold]
+	},
+	{
+		match: "___***",
+		mode: "mark",
+		type: [
+			KEYS.underline,
+			KEYS.bold,
+			KEYS.italic
+		]
+	},
+	{
+		match: "**",
+		mode: "mark",
+		type: KEYS.bold
+	},
+	{
+		match: "__",
+		mode: "mark",
+		type: KEYS.underline
+	},
+	{
+		match: "*",
+		mode: "mark",
+		type: KEYS.italic
+	},
+	{
+		match: "_",
+		mode: "mark",
+		type: KEYS.italic
+	},
+	{
+		match: "~~",
+		mode: "mark",
+		type: KEYS.strikethrough
+	},
+	{
+		match: "^",
+		mode: "mark",
+		type: KEYS.sup
+	},
+	{
+		match: "~",
+		mode: "mark",
+		type: KEYS.sub
+	},
+	{
+		match: "==",
+		mode: "mark",
+		type: KEYS.highlight
+	},
+	{
+		match: "≡",
+		mode: "mark",
+		type: KEYS.highlight
+	},
+	{
+		match: "`",
+		mode: "mark",
+		type: KEYS.code
+	}
+];
+const autoformatBlocks = [
+	{
+		match: "# ",
+		mode: "block",
+		type: KEYS.h1
+	},
+	{
+		match: "## ",
+		mode: "block",
+		type: KEYS.h2
+	},
+	{
+		match: "### ",
+		mode: "block",
+		type: KEYS.h3
+	},
+	{
+		match: "#### ",
+		mode: "block",
+		type: KEYS.h4
+	},
+	{
+		match: "##### ",
+		mode: "block",
+		type: KEYS.h5
+	},
+	{
+		match: "###### ",
+		mode: "block",
+		type: KEYS.h6
+	},
+	{
+		match: "> ",
+		mode: "block",
+		type: KEYS.blockquote
+	},
+	{
+		match: "```",
+		mode: "block",
+		type: KEYS.codeBlock,
+		format: (editor) => {
+			insertEmptyCodeBlock(editor, {
+				defaultType: KEYS.p,
+				insertNodesOptions: { select: true }
+			});
+		}
+	},
+	{
+		match: [
+			"---",
+			"—-",
+			"___ "
+		],
+		mode: "block",
+		type: KEYS.hr,
+		format: (editor) => {
+			editor.tf.setNodes({ type: KEYS.hr });
+			editor.tf.insertNodes({
+				children: [{ text: "" }],
+				type: KEYS.p
+			});
+		}
+	}
+];
+const autoformatLists = [
+	{
+		match: ["* ", "- "],
+		mode: "block",
+		type: "list",
+		format: (editor) => {
+			toggleList(editor, { listStyleType: KEYS.ul });
+		}
+	},
+	{
+		match: [String.raw`^\d+\.$ `, String.raw`^\d+\)$ `],
+		matchByRegex: true,
+		mode: "block",
+		type: "list",
+		format: (editor, { matchString }) => {
+			toggleList(editor, {
+				listRestartPolite: Number(matchString) || 1,
+				listStyleType: KEYS.ol
+			});
+		}
+	},
+	{
+		match: ["[] "],
+		mode: "block",
+		type: "list",
+		format: (editor) => {
+			toggleList(editor, { listStyleType: KEYS.listTodo });
+			editor.tf.setNodes({
+				checked: false,
+				listStyleType: KEYS.listTodo
+			});
+		}
+	},
+	{
+		match: ["[x] "],
+		mode: "block",
+		type: "list",
+		format: (editor) => {
+			toggleList(editor, { listStyleType: KEYS.listTodo });
+			editor.tf.setNodes({
+				checked: true,
+				listStyleType: KEYS.listTodo
+			});
+		}
+	}
+];
+const AutoformatKit = [AutoformatPlugin.configure({ options: {
+	enableUndoOnDelete: true,
+	rules: [
+		...autoformatBlocks,
+		...autoformatMarks,
+		...autoformatSmartQuotes,
+		...autoformatPunctuation,
+		...autoformatLegal,
+		...autoformatLegalHtml,
+		...autoformatArrow,
+		...autoformatMath,
+		...autoformatLists
+	].map((rule) => ({
+		...rule,
+		query: (editor) => !editor.api.some({ match: { type: editor.getType(KEYS.codeBlock) } })
+	}))
+} })];
+
+//#endregion
+export { AutoformatKit };

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

@@ -0,0 +1,22 @@
+import { BlockquoteElementStatic } from "../ui/blockquote-node-static.mjs";
+import { H1ElementStatic, H2ElementStatic, H3ElementStatic, H4ElementStatic, H5ElementStatic, H6ElementStatic } from "../ui/heading-node-static.mjs";
+import { HrElementStatic } from "../ui/hr-node-static.mjs";
+import { ParagraphElementStatic } from "../ui/paragraph-node-static.mjs";
+import { BaseParagraphPlugin } from "platejs";
+import { BaseBlockquotePlugin, BaseH1Plugin, BaseH2Plugin, BaseH3Plugin, BaseH4Plugin, BaseH5Plugin, BaseH6Plugin, BaseHorizontalRulePlugin } from "@platejs/basic-nodes";
+
+//#region src/components/editor/plugins/basic-blocks-base-kit.tsx
+const BaseBasicBlocksKit = [
+	BaseParagraphPlugin.withComponent(ParagraphElementStatic),
+	BaseH1Plugin.withComponent(H1ElementStatic),
+	BaseH2Plugin.withComponent(H2ElementStatic),
+	BaseH3Plugin.withComponent(H3ElementStatic),
+	BaseH4Plugin.withComponent(H4ElementStatic),
+	BaseH5Plugin.withComponent(H5ElementStatic),
+	BaseH6Plugin.withComponent(H6ElementStatic),
+	BaseBlockquotePlugin.withComponent(BlockquoteElementStatic),
+	BaseHorizontalRulePlugin.withComponent(HrElementStatic)
+];
+
+//#endregion
+export { BaseBasicBlocksKit };

package/dist/src/components/editor/plugins/basic-blocks-kit.mjs

@@ -0,0 +1,51 @@
+"use client";
+
+import { BlockquoteElement } from "../ui/blockquote-node.mjs";
+import { H1Element, H2Element, H3Element, H4Element, H5Element, H6Element } from "../ui/heading-node.mjs";
+import { HrElement } from "../ui/hr-node.mjs";
+import { ParagraphElement } from "../ui/paragraph-node.mjs";
+import { ParagraphPlugin } from "platejs/react";
+import { BlockquotePlugin, H1Plugin, H2Plugin, H3Plugin, H4Plugin, H5Plugin, H6Plugin, HorizontalRulePlugin } from "@platejs/basic-nodes/react";
+
+//#region src/components/editor/plugins/basic-blocks-kit.tsx
+const BasicBlocksKit = [
+	ParagraphPlugin.withComponent(ParagraphElement),
+	H1Plugin.configure({
+		node: { component: H1Element },
+		rules: { break: { empty: "reset" } },
+		shortcuts: { toggle: { keys: "mod+alt+1" } }
+	}),
+	H2Plugin.configure({
+		node: { component: H2Element },
+		rules: { break: { empty: "reset" } },
+		shortcuts: { toggle: { keys: "mod+alt+2" } }
+	}),
+	H3Plugin.configure({
+		node: { component: H3Element },
+		rules: { break: { empty: "reset" } },
+		shortcuts: { toggle: { keys: "mod+alt+3" } }
+	}),
+	H4Plugin.configure({
+		node: { component: H4Element },
+		rules: { break: { empty: "reset" } },
+		shortcuts: { toggle: { keys: "mod+alt+4" } }
+	}),
+	H5Plugin.configure({
+		node: { component: H5Element },
+		rules: { break: { empty: "reset" } },
+		shortcuts: { toggle: { keys: "mod+alt+5" } }
+	}),
+	H6Plugin.configure({
+		node: { component: H6Element },
+		rules: { break: { empty: "reset" } },
+		shortcuts: { toggle: { keys: "mod+alt+6" } }
+	}),
+	BlockquotePlugin.configure({
+		node: { component: BlockquoteElement },
+		shortcuts: { toggle: { keys: "mod+shift+period" } }
+	}),
+	HorizontalRulePlugin.withComponent(HrElement)
+];
+
+//#endregion
+export { BasicBlocksKit };

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

@@ -0,0 +1,20 @@
+import { CodeLeafStatic } from "../ui/code-node-static.mjs";
+import { HighlightLeafStatic } from "../ui/highlight-node-static.mjs";
+import { KbdLeafStatic } from "../ui/kbd-node-static.mjs";
+import { BaseBoldPlugin, BaseCodePlugin, BaseHighlightPlugin, BaseItalicPlugin, BaseKbdPlugin, BaseStrikethroughPlugin, BaseSubscriptPlugin, BaseSuperscriptPlugin, BaseUnderlinePlugin } from "@platejs/basic-nodes";
+
+//#region src/components/editor/plugins/basic-marks-base-kit.tsx
+const BaseBasicMarksKit = [
+	BaseBoldPlugin,
+	BaseItalicPlugin,
+	BaseUnderlinePlugin,
+	BaseCodePlugin.withComponent(CodeLeafStatic),
+	BaseStrikethroughPlugin,
+	BaseSubscriptPlugin,
+	BaseSuperscriptPlugin,
+	BaseHighlightPlugin.withComponent(HighlightLeafStatic),
+	BaseKbdPlugin.withComponent(KbdLeafStatic)
+];
+
+//#endregion
+export { BaseBasicMarksKit };

package/dist/src/components/editor/plugins/basic-marks-kit.mjs

@@ -0,0 +1,28 @@
+"use client";
+
+import { CodeLeaf } from "../ui/code-node.mjs";
+import { HighlightLeaf } from "../ui/highlight-node.mjs";
+import { KbdLeaf } from "../ui/kbd-node.mjs";
+import { BoldPlugin, CodePlugin, HighlightPlugin, ItalicPlugin, KbdPlugin, StrikethroughPlugin, SubscriptPlugin, SuperscriptPlugin, UnderlinePlugin } from "@platejs/basic-nodes/react";
+
+//#region src/components/editor/plugins/basic-marks-kit.tsx
+const BasicMarksKit = [
+	BoldPlugin,
+	ItalicPlugin,
+	UnderlinePlugin,
+	CodePlugin.configure({
+		node: { component: CodeLeaf },
+		shortcuts: { toggle: { keys: "mod+e" } }
+	}),
+	StrikethroughPlugin.configure({ shortcuts: { toggle: { keys: "mod+shift+x" } } }),
+	SubscriptPlugin.configure({ shortcuts: { toggle: { keys: "mod+comma" } } }),
+	SuperscriptPlugin.configure({ shortcuts: { toggle: { keys: "mod+period" } } }),
+	HighlightPlugin.configure({
+		node: { component: HighlightLeaf },
+		shortcuts: { toggle: { keys: "mod+shift+h" } }
+	}),
+	KbdPlugin.withComponent(KbdLeaf)
+];
+
+//#endregion
+export { BasicMarksKit };

package/dist/src/components/editor/plugins/block-menu-kit.mjs

@@ -0,0 +1,11 @@
+"use client";
+
+import { BlockContextMenu } from "../ui/block-context-menu.mjs";
+import { BlockSelectionKit } from "./block-selection-kit.mjs";
+import { BlockMenuPlugin } from "@platejs/selection/react";
+
+//#region src/components/editor/plugins/block-menu-kit.tsx
+const BlockMenuKit = [...BlockSelectionKit, BlockMenuPlugin.configure({ render: { aboveEditable: BlockContextMenu } })];
+
+//#endregion
+export { BlockMenuKit };

package/dist/src/components/editor/plugins/block-placeholder-kit.mjs

@@ -0,0 +1,14 @@
+"use client";
+
+import { BlockPlaceholderPlugin } from "platejs/react";
+import { KEYS } from "platejs";
+
+//#region src/components/editor/plugins/block-placeholder-kit.tsx
+const BlockPlaceholderKit = [BlockPlaceholderPlugin.configure({ options: {
+	className: "before:absolute before:cursor-text before:text-muted-foreground/80 before:content-[attr(placeholder)]",
+	placeholders: { [KEYS.p]: "Type something..." },
+	query: ({ path }) => path.length === 1
+} })];
+
+//#endregion
+export { BlockPlaceholderKit };

package/dist/src/components/editor/plugins/block-selection-kit.mjs

@@ -0,0 +1,48 @@
+"use client";
+
+import { BlockSelection } from "../ui/block-selection.mjs";
+import { jsx } from "react/jsx-runtime";
+import { createPlatePlugin } from "platejs/react";
+import { KEYS, getPluginTypes, isHotkey } from "platejs";
+import { AIChatPlugin } from "@platejs/ai/react";
+import { BlockSelectionPlugin } from "@platejs/selection/react";
+
+//#region src/components/editor/plugins/block-selection-kit.tsx
+const InlineSelectionPlugin = createPlatePlugin((editor) => ({
+	key: "inline-selection",
+	priority: 200,
+	handlers: { onKeyDown({ event: e }) {
+		const marks = editor.api.marks();
+		if (!marks) return;
+		if (isHotkey("escape")(e) && KEYS.sub in marks) {
+			editor.tf.removeMark(KEYS.sub);
+			e.preventDefault();
+			return true;
+		}
+		if (isHotkey("escape")(e) && KEYS.sup in marks) {
+			editor.tf.removeMark(KEYS.sup);
+			e.preventDefault();
+			return true;
+		}
+	} }
+}));
+const BlockSelectionKit = [InlineSelectionPlugin, BlockSelectionPlugin.configure(({ editor }) => ({
+	options: {
+		enableContextMenu: true,
+		isSelectable: (element) => !getPluginTypes(editor, [
+			KEYS.column,
+			KEYS.codeLine,
+			KEYS.td
+		]).includes(element.type),
+		onKeyDownSelecting: (editor$1, e) => {
+			if (isHotkey("mod+j")(e)) editor$1.getApi(AIChatPlugin).aiChat.show();
+		}
+	},
+	render: { belowRootNodes: (props) => {
+		if (!props.attributes.className?.includes("slate-selectable")) return null;
+		return /* @__PURE__ */ jsx(BlockSelection, { ...props });
+	} }
+}))];
+
+//#endregion
+export { BlockSelectionKit };

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { CodeBlockElementStatic, CodeLineElementStatic, CodeSyntaxLeafStatic } from "../ui/code-block-node-static.mjs";
+import { lowlight } from "../../../lib/lowlight.mjs";
+import { BaseCodeBlockPlugin, BaseCodeLinePlugin, BaseCodeSyntaxPlugin } from "@platejs/code-block";
+
+//#region src/components/editor/plugins/code-block-base-kit.tsx
+const BaseCodeBlockKit = [
+	BaseCodeBlockPlugin.configure({
+		node: { component: CodeBlockElementStatic },
+		options: { lowlight }
+	}),
+	BaseCodeLinePlugin.withComponent(CodeLineElementStatic),
+	BaseCodeSyntaxPlugin.withComponent(CodeSyntaxLeafStatic)
+];
+
+//#endregion
+export { BaseCodeBlockKit };

package/dist/src/components/editor/plugins/code-block-kit.mjs

@@ -0,0 +1,19 @@
+"use client";
+
+import { lowlight } from "../../../lib/lowlight.mjs";
+import { CodeBlockElement, CodeLineElement, CodeSyntaxLeaf } from "../ui/code-block-node.mjs";
+import { CodeBlockPlugin, CodeLinePlugin, CodeSyntaxPlugin } from "@platejs/code-block/react";
+
+//#region src/components/editor/plugins/code-block-kit.tsx
+const CodeBlockKit = [
+	CodeBlockPlugin.configure({
+		node: { component: CodeBlockElement },
+		options: { lowlight },
+		shortcuts: { toggle: { keys: "mod+alt+8" } }
+	}),
+	CodeLinePlugin.withComponent(CodeLineElement),
+	CodeSyntaxPlugin.withComponent(CodeSyntaxLeaf)
+];
+
+//#endregion
+export { CodeBlockKit };

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

@@ -0,0 +1,8 @@
+import { ColumnElementStatic, ColumnGroupElementStatic } from "../ui/column-node-static.mjs";
+import { BaseColumnItemPlugin, BaseColumnPlugin } from "@platejs/layout";
+
+//#region src/components/editor/plugins/column-base-kit.tsx
+const BaseColumnKit = [BaseColumnPlugin.withComponent(ColumnGroupElementStatic), BaseColumnItemPlugin.withComponent(ColumnElementStatic)];
+
+//#endregion
+export { BaseColumnKit };

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

@@ -0,0 +1,10 @@
+"use client";
+
+import { ColumnElement, ColumnGroupElement } from "../ui/column-node.mjs";
+import { ColumnItemPlugin, ColumnPlugin } from "@platejs/layout/react";
+
+//#region src/components/editor/plugins/column-kit.tsx
+const ColumnKit = [ColumnPlugin.withComponent(ColumnGroupElement), ColumnItemPlugin.withComponent(ColumnElement)];
+
+//#endregion
+export { ColumnKit };

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

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