@react-email/editor 0.0.0-experimental.4 → 0.0.0-experimental.41

package/dist/root-pS4l8bVZ.mjs

@@ -0,0 +1,2316 @@
+import { a as MAX_COLUMNS_DEPTH, c as getColumnsDepth, t as editorEventBus } from "./event-bus-CHEzOS_O.mjs";
+import { t as setTextAlignment } from "./set-text-alignment-OA8IMWmO.mjs";
+import { useCurrentEditor, useEditorState } from "@tiptap/react";
+import * as React from "react";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PluginKey } from "@tiptap/pm/state";
+import { BubbleMenu } from "@tiptap/react/menus";
+import * as Popover from "@radix-ui/react-popover";
+import { autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/react-dom";
+import Suggestion from "@tiptap/suggestion";
+import { createPortal } from "react-dom";
+
+//#region src/ui/icons/align-center.tsx
+function AlignCenterIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M21 5H3" }),
+			/* @__PURE__ */ jsx("path", { d: "M17 12H7" }),
+			/* @__PURE__ */ jsx("path", { d: "M19 19H5" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/align-left.tsx
+function AlignLeftIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M21 5H3" }),
+			/* @__PURE__ */ jsx("path", { d: "M15 12H3" }),
+			/* @__PURE__ */ jsx("path", { d: "M17 19H3" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/align-right.tsx
+function AlignRightIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M21 5H3" }),
+			/* @__PURE__ */ jsx("path", { d: "M21 12H9" }),
+			/* @__PURE__ */ jsx("path", { d: "M21 19H7" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/bold.tsx
+function BoldIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" })
+	});
+}
+
+//#endregion
+//#region src/ui/icons/case-upper.tsx
+function CaseUpperIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M15 11h4.5a1 1 0 0 1 0 5h-4a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h3a1 1 0 0 1 0 5" }),
+			/* @__PURE__ */ jsx("path", { d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16" }),
+			/* @__PURE__ */ jsx("path", { d: "M3.304 13h6.392" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/check.tsx
+function Check({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+	});
+}
+
+//#endregion
+//#region src/ui/icons/chevron-down.tsx
+function ChevronDown({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+	});
+}
+
+//#endregion
+//#region src/ui/icons/code.tsx
+function CodeIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "m16 18 6-6-6-6" }), /* @__PURE__ */ jsx("path", { d: "m8 6-6 6 6 6" })]
+	});
+}
+const Code = CodeIcon;
+
+//#endregion
+//#region src/ui/icons/columns-2.tsx
+function Columns2({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2"
+		}), /* @__PURE__ */ jsx("path", { d: "M12 3v18" })]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/columns-3.tsx
+function Columns3({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
+			/* @__PURE__ */ jsx("path", { d: "M15 3v18" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/columns-4.tsx
+function Columns4({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "3",
+				rx: "2"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M7.5 3v18" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 3v18" }),
+			/* @__PURE__ */ jsx("path", { d: "M16.5 3v18" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/external-link.tsx
+function ExternalLinkIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
+			/* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }),
+			/* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/heading-1.tsx
+function Heading1({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M4 12h8" }),
+			/* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+			/* @__PURE__ */ jsx("path", { d: "m17 12 3-2v8" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/heading-2.tsx
+function Heading2({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M4 12h8" }),
+			/* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+			/* @__PURE__ */ jsx("path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/heading-3.tsx
+function Heading3({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M4 12h8" }),
+			/* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+			/* @__PURE__ */ jsx("path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" }),
+			/* @__PURE__ */ jsx("path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/italic.tsx
+function ItalicIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("line", {
+				x1: "19",
+				x2: "10",
+				y1: "4",
+				y2: "4"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "14",
+				x2: "5",
+				y1: "20",
+				y2: "20"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "15",
+				x2: "9",
+				y1: "4",
+				y2: "20"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/link.tsx
+function LinkIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/list.tsx
+function List({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M3 5h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M3 12h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M3 19h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 5h13" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 12h13" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 19h13" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/list-ordered.tsx
+function ListOrdered({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M11 5h10" }),
+			/* @__PURE__ */ jsx("path", { d: "M11 12h10" }),
+			/* @__PURE__ */ jsx("path", { d: "M11 19h10" }),
+			/* @__PURE__ */ jsx("path", { d: "M4 4h1v5" }),
+			/* @__PURE__ */ jsx("path", { d: "M4 9h2" }),
+			/* @__PURE__ */ jsx("path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/mouse-pointer.tsx
+function MousePointer({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M12.586 12.586 19 19" }), /* @__PURE__ */ jsx("path", { d: "M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z" })]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/pencil.tsx
+function PencilIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }), /* @__PURE__ */ jsx("path", { d: "m15 5 4 4" })]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/rows-2.tsx
+function Rows2({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("rect", {
+			width: "18",
+			height: "18",
+			x: "3",
+			y: "3",
+			rx: "2"
+		}), /* @__PURE__ */ jsx("path", { d: "M3 12h18" })]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/split-square-vertical.tsx
+function SplitSquareVertical({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M5 8V5c0-1 1-2 2-2h10c1 0 2 1 2 2v3" }),
+			/* @__PURE__ */ jsx("path", { d: "M19 16v3c0 1-1 2-2 2H7c-1 0-2-1-2-2v-3" }),
+			/* @__PURE__ */ jsx("line", {
+				x1: "4",
+				x2: "20",
+				y1: "12",
+				y2: "12"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/square-code.tsx
+function SquareCode({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "m10 9-3 3 3 3" }),
+			/* @__PURE__ */ jsx("path", { d: "m14 15 3-3-3-3" }),
+			/* @__PURE__ */ jsx("rect", {
+				x: "3",
+				y: "3",
+				width: "18",
+				height: "18",
+				rx: "2"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/strikethrough.tsx
+function StrikethroughIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+			/* @__PURE__ */ jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+			/* @__PURE__ */ jsx("line", {
+				x1: "4",
+				x2: "20",
+				y1: "12",
+				y2: "12"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/text.tsx
+function TextIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M21 5H3" }),
+			/* @__PURE__ */ jsx("path", { d: "M15 12H3" }),
+			/* @__PURE__ */ jsx("path", { d: "M17 19H3" })
+		]
+	});
+}
+const Text = TextIcon;
+
+//#endregion
+//#region src/ui/icons/text-quote.tsx
+function TextQuote({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M17 5H3" }),
+			/* @__PURE__ */ jsx("path", { d: "M21 12H8" }),
+			/* @__PURE__ */ jsx("path", { d: "M21 19H8" }),
+			/* @__PURE__ */ jsx("path", { d: "M3 12v7" })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/underline.tsx
+function UnderlineIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }), /* @__PURE__ */ jsx("line", {
+			x1: "4",
+			x2: "20",
+			y1: "20",
+			y2: "20"
+		})]
+	});
+}
+
+//#endregion
+//#region src/ui/icons/unlink.tsx
+function UnlinkIcon({ size, width, height, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size ?? width ?? 24,
+		height: size ?? height ?? 24,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71" }),
+			/* @__PURE__ */ jsx("path", { d: "m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71" }),
+			/* @__PURE__ */ jsx("line", {
+				x1: "8",
+				x2: "8",
+				y1: "2",
+				y2: "5"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "2",
+				x2: "5",
+				y1: "8",
+				y2: "8"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "16",
+				x2: "16",
+				y1: "19",
+				y2: "22"
+			}),
+			/* @__PURE__ */ jsx("line", {
+				x1: "19",
+				x2: "22",
+				y1: "16",
+				y2: "16"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/context.tsx
+const BubbleMenuContext = React.createContext(null);
+function useBubbleMenuContext() {
+	const context = React.useContext(BubbleMenuContext);
+	if (!context) throw new Error("BubbleMenu compound components must be used within <BubbleMenu.Root>");
+	return context;
+}
+
+//#endregion
+//#region src/ui/bubble-menu/button-edit-link.tsx
+function BubbleMenuButtonEditLink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { setIsEditing } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx("button", {
+		...rest,
+		type: "button",
+		"aria-label": "Edit link",
+		"data-re-btn-bm-item": "",
+		"data-item": "edit-link",
+		className,
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
+		},
+		onClick: (e) => {
+			onClick?.(e);
+			setIsEditing(true);
+		},
+		children: children ?? /* @__PURE__ */ jsx(PencilIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/utils.ts
+const SAFE_PROTOCOLS = new Set([
+	"http:",
+	"https:",
+	"mailto:",
+	"tel:"
+]);
+/**
+* Basic URL validation and auto-prefixing.
+* Rejects dangerous schemes (javascript:, data:, vbscript:, etc.).
+* Returns the valid URL string or null.
+*/
+function getUrlFromString(str) {
+	if (str === "#") return str;
+	try {
+		const url = new URL(str);
+		if (SAFE_PROTOCOLS.has(url.protocol)) return str;
+		return null;
+	} catch {}
+	try {
+		if (str.includes(".") && !str.includes(" ")) return new URL(`https://${str}`).toString();
+	} catch {}
+	return null;
+}
+function setLinkHref(editor, href) {
+	if (href.length === 0) {
+		editor.chain().unsetLink().run();
+		return;
+	}
+	const { from, to } = editor.state.selection;
+	if (from === to) {
+		editor.chain().extendMarkRange("link").setLink({ href }).setTextSelection({
+			from,
+			to
+		}).run();
+		return;
+	}
+	editor.chain().setLink({ href }).run();
+}
+function focusEditor(editor) {
+	setTimeout(() => {
+		editor.commands.focus();
+	}, 0);
+}
+
+//#endregion
+//#region src/ui/bubble-menu/button-form.tsx
+function BubbleMenuButtonForm({ className, validateUrl, onLinkApply, onLinkRemove }) {
+	const { editor, isEditing, setIsEditing } = useBubbleMenuContext();
+	const inputRef = React.useRef(null);
+	const formRef = React.useRef(null);
+	const buttonHref = editor.getAttributes("button").href ?? "";
+	const displayHref = buttonHref === "#" ? "" : buttonHref;
+	const [inputValue, setInputValue] = React.useState(displayHref);
+	React.useEffect(() => {
+		if (!isEditing) return;
+		const currentHref = editor.getAttributes("button").href ?? "";
+		setInputValue(currentHref === "#" ? "" : currentHref);
+		const timeoutId = setTimeout(() => {
+			inputRef.current?.focus();
+		}, 0);
+		return () => clearTimeout(timeoutId);
+	}, [isEditing, editor]);
+	React.useEffect(() => {
+		if (!isEditing) return;
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") setIsEditing(false);
+		};
+		const handleClickOutside = (event) => {
+			if (formRef.current && !formRef.current.contains(event.target)) {
+				const form = formRef.current;
+				const submitEvent = new Event("submit", {
+					bubbles: true,
+					cancelable: true
+				});
+				form.dispatchEvent(submitEvent);
+				setIsEditing(false);
+			}
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		window.addEventListener("keydown", handleKeyDown);
+		return () => {
+			window.removeEventListener("keydown", handleKeyDown);
+			document.removeEventListener("mousedown", handleClickOutside);
+		};
+	}, [isEditing, setIsEditing]);
+	if (!isEditing) return null;
+	function handleSubmit(e) {
+		e.preventDefault();
+		const value = inputValue.trim();
+		if (value === "") {
+			editor.commands.updateButton({ href: "#" });
+			setIsEditing(false);
+			focusEditor(editor);
+			onLinkRemove?.();
+			return;
+		}
+		const finalValue = (validateUrl ?? getUrlFromString)(value);
+		if (!finalValue) {
+			editor.commands.updateButton({ href: "#" });
+			setIsEditing(false);
+			focusEditor(editor);
+			onLinkRemove?.();
+			return;
+		}
+		editor.commands.updateButton({ href: finalValue });
+		setIsEditing(false);
+		focusEditor(editor);
+		onLinkApply?.(finalValue);
+	}
+	function handleUnlink(e) {
+		e.stopPropagation();
+		editor.commands.updateButton({ href: "#" });
+		setIsEditing(false);
+		focusEditor(editor);
+		onLinkRemove?.();
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		ref: formRef,
+		"data-re-btn-bm-form": "",
+		className,
+		onMouseDown: (e) => e.stopPropagation(),
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		onSubmit: handleSubmit,
+		children: [/* @__PURE__ */ jsx("input", {
+			ref: inputRef,
+			"data-re-btn-bm-input": "",
+			value: inputValue,
+			onFocus: (e) => e.stopPropagation(),
+			onChange: (e) => setInputValue(e.target.value),
+			placeholder: "Paste a link",
+			type: "text"
+		}), displayHref ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Remove link",
+			"data-re-btn-bm-unlink": "",
+			onClick: handleUnlink,
+			children: /* @__PURE__ */ jsx(UnlinkIcon, {})
+		}) : /* @__PURE__ */ jsx("button", {
+			type: "submit",
+			"aria-label": "Apply link",
+			"data-re-btn-bm-apply": "",
+			onMouseDown: (e) => e.stopPropagation(),
+			children: /* @__PURE__ */ jsx(Check, {})
+		})]
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/button-toolbar.tsx
+function BubbleMenuButtonToolbar({ children, ...rest }) {
+	const { isEditing } = useBubbleMenuContext();
+	if (isEditing) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-re-btn-bm-toolbar": "",
+		...rest,
+		children
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/button-unlink.tsx
+function BubbleMenuButtonUnlink({ className, children, onClick, onMouseDown, onLinkRemove, ...rest }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx("button", {
+		...rest,
+		type: "button",
+		"aria-label": "Remove link",
+		"data-re-btn-bm-item": "",
+		"data-item": "unlink",
+		className,
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
+		},
+		onClick: (e) => {
+			onClick?.(e);
+			editor.commands.updateButton({ href: "#" });
+			focusEditor(editor);
+			onLinkRemove?.();
+		},
+		children: children ?? /* @__PURE__ */ jsx(UnlinkIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/triggers.ts
+const bubbleMenuTriggers = {
+	textSelection(hideWhenActiveNodes = [], hideWhenActiveMarks = []) {
+		return ({ editor, state }) => {
+			for (const node of hideWhenActiveNodes) {
+				if (editor.isActive(node)) return false;
+				const { $from } = state.selection;
+				for (let d = $from.depth; d > 0; d--) if ($from.node(d).type.name === node) return false;
+			}
+			for (const mark of hideWhenActiveMarks) if (editor.isActive(mark)) return false;
+			return editor.view.state.selection.content().size > 0;
+		};
+	},
+	node(name) {
+		return ({ editor }) => editor.isActive(name);
+	},
+	nodeWithoutSelection(name) {
+		return ({ editor }) => editor.isActive(name) && editor.view.state.selection.content().size === 0;
+	}
+};
+
+//#endregion
+//#region src/ui/bubble-menu/root.tsx
+const defaultPluginKey = new PluginKey("bubbleMenu");
+function BubbleMenuRoot({ trigger, pluginKey: pluginKey$1 = defaultPluginKey, hideWhenActiveNodes = [], hideWhenActiveMarks = [], placement = "bottom", offset: offset$1 = 8, onHide, className, children, ...rest }) {
+	const { editor } = useCurrentEditor();
+	const [isEditing, setIsEditing] = React.useState(false);
+	const resolvedTrigger = trigger ?? bubbleMenuTriggers.textSelection(hideWhenActiveNodes, hideWhenActiveMarks);
+	if (!editor) return null;
+	return /* @__PURE__ */ jsx(BubbleMenu, {
+		editor,
+		pluginKey: pluginKey$1,
+		"data-re-bubble-menu": "",
+		shouldShow: resolvedTrigger,
+		options: {
+			placement,
+			offset: offset$1,
+			onHide: () => {
+				setIsEditing(false);
+				onHide?.();
+			}
+		},
+		className,
+		...rest,
+		children: /* @__PURE__ */ jsx(BubbleMenuContext.Provider, {
+			value: {
+				editor,
+				isEditing,
+				setIsEditing
+			},
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/button-default.tsx
+const buttonPluginKey = new PluginKey("buttonBubbleMenu");
+function BubbleMenuButtonDefaultInner({ validateUrl, onLinkApply, onLinkRemove }) {
+	const { editor } = useBubbleMenuContext();
+	const buttonHref = useEditorState({
+		editor,
+		selector: ({ editor: e }) => e?.getAttributes("button").href ?? ""
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(BubbleMenuButtonToolbar, { children: [/* @__PURE__ */ jsx(BubbleMenuButtonEditLink, {}), (buttonHref ?? "") !== "" && buttonHref !== "#" && /* @__PURE__ */ jsx(BubbleMenuButtonUnlink, { onLinkRemove })] }), /* @__PURE__ */ jsx(BubbleMenuButtonForm, {
+		validateUrl,
+		onLinkApply,
+		onLinkRemove
+	})] });
+}
+function BubbleMenuButtonDefault({ placement = "top", offset: offset$1, onHide, className, validateUrl, onLinkApply, onLinkRemove, ...rest }) {
+	return /* @__PURE__ */ jsx(BubbleMenuRoot, {
+		trigger: bubbleMenuTriggers.node("button"),
+		pluginKey: buttonPluginKey,
+		placement,
+		offset: offset$1,
+		onHide,
+		className,
+		...rest,
+		children: /* @__PURE__ */ jsx(BubbleMenuButtonDefaultInner, {
+			validateUrl,
+			onLinkApply,
+			onLinkRemove
+		})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/item.tsx
+function BubbleMenuItem({ name, isActive, onCommand, className, children, ...rest }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": name,
+		"aria-pressed": isActive,
+		className,
+		"data-re-bubble-menu-item": "",
+		"data-item": name,
+		...isActive ? { "data-active": "" } : {},
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: onCommand,
+		...rest,
+		children
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/align-center.tsx
+function BubbleMenuAlignCenter({ className, children }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx(BubbleMenuItem, {
+		name: "align-center",
+		isActive: useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "center" }) ?? false
+		}),
+		onCommand: () => setTextAlignment(editor, "center"),
+		className,
+		children: children ?? /* @__PURE__ */ jsx(AlignCenterIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/align-left.tsx
+function BubbleMenuAlignLeft({ className, children }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx(BubbleMenuItem, {
+		name: "align-left",
+		isActive: useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "left" }) ?? false
+		}),
+		onCommand: () => setTextAlignment(editor, "left"),
+		className,
+		children: children ?? /* @__PURE__ */ jsx(AlignLeftIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/align-right.tsx
+function BubbleMenuAlignRight({ className, children }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx(BubbleMenuItem, {
+		name: "align-right",
+		isActive: useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => editor$1?.isActive({ alignment: "right" }) ?? false
+		}),
+		onCommand: () => setTextAlignment(editor, "right"),
+		className,
+		children: children ?? /* @__PURE__ */ jsx(AlignRightIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/create-mark-bubble-item.tsx
+function createMarkBubbleItem(config) {
+	function MarkBubbleItem({ className, children }) {
+		const { editor } = useBubbleMenuContext();
+		const isActive = useEditorState({
+			editor,
+			selector: ({ editor: editor$1 }) => {
+				if (config.activeParams) return editor$1?.isActive(config.activeName, config.activeParams) ?? false;
+				return editor$1?.isActive(config.activeName) ?? false;
+			}
+		});
+		const handleCommand = () => {
+			const chain = editor.chain().focus();
+			const method = chain[config.command];
+			if (method) method.call(chain).run();
+		};
+		return /* @__PURE__ */ jsx(BubbleMenuItem, {
+			name: config.name,
+			isActive,
+			onCommand: handleCommand,
+			className,
+			children: children ?? config.icon
+		});
+	}
+	MarkBubbleItem.displayName = `BubbleMenu${config.name.charAt(0).toUpperCase() + config.name.slice(1)}`;
+	return MarkBubbleItem;
+}
+
+//#endregion
+//#region src/ui/bubble-menu/bold.tsx
+const BubbleMenuBold = createMarkBubbleItem({
+	name: "bold",
+	activeName: "bold",
+	command: "toggleBold",
+	icon: /* @__PURE__ */ jsx(BoldIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/code.tsx
+const BubbleMenuCode = createMarkBubbleItem({
+	name: "code",
+	activeName: "code",
+	command: "toggleCode",
+	icon: /* @__PURE__ */ jsx(CodeIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/group.tsx
+function BubbleMenuItemGroup({ className, children }) {
+	return /* @__PURE__ */ jsx("fieldset", {
+		className,
+		"data-re-bubble-menu-group": "",
+		children
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/italic.tsx
+const BubbleMenuItalic = createMarkBubbleItem({
+	name: "italic",
+	activeName: "italic",
+	command: "toggleItalic",
+	icon: /* @__PURE__ */ jsx(ItalicIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/link-selector.tsx
+function BubbleMenuLinkSelector({ className, showToggle = true, validateUrl, onLinkApply, onLinkRemove, children, open: controlledOpen, onOpenChange }) {
+	const { editor } = useBubbleMenuContext();
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+	const setIsOpen = React.useCallback((value) => {
+		if (!isControlled) setUncontrolledOpen(value);
+		onOpenChange?.(value);
+	}, [isControlled, onOpenChange]);
+	const editorState = useEditorState({
+		editor,
+		selector: ({ editor: editor$1 }) => ({
+			isLinkActive: editor$1?.isActive("link") ?? false,
+			hasLink: Boolean(editor$1?.getAttributes("link").href),
+			currentHref: editor$1?.getAttributes("link").href || ""
+		})
+	});
+	const setIsOpenRef = React.useRef(setIsOpen);
+	setIsOpenRef.current = setIsOpen;
+	React.useEffect(() => {
+		const subscription = editorEventBus.on("bubble-menu:add-link", () => {
+			setIsOpenRef.current(true);
+		});
+		return () => {
+			setIsOpenRef.current(false);
+			subscription.unsubscribe();
+		};
+	}, []);
+	if (!editorState) return null;
+	const handleOpenLink = () => {
+		setIsOpen(!isOpen);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-re-link-selector": "",
+		...isOpen ? { "data-open": "" } : {},
+		...editorState.hasLink ? { "data-has-link": "" } : {},
+		className,
+		children: [showToggle && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-expanded": isOpen,
+			"aria-haspopup": "true",
+			"aria-label": "Add link",
+			"aria-pressed": editorState.isLinkActive && editorState.hasLink,
+			"data-re-link-selector-trigger": "",
+			onClick: handleOpenLink,
+			children: /* @__PURE__ */ jsx(LinkIcon, {})
+		}), isOpen && /* @__PURE__ */ jsx(LinkForm, {
+			editor,
+			currentHref: editorState.currentHref,
+			validateUrl,
+			onLinkApply,
+			onLinkRemove,
+			setIsOpen,
+			children
+		})]
+	});
+}
+function LinkForm({ editor, currentHref, validateUrl, onLinkApply, onLinkRemove, setIsOpen, children }) {
+	const inputRef = React.useRef(null);
+	const formRef = React.useRef(null);
+	const displayHref = currentHref === "#" ? "" : currentHref;
+	const [inputValue, setInputValue] = React.useState(displayHref);
+	React.useEffect(() => {
+		const timeoutId = setTimeout(() => {
+			inputRef.current?.focus();
+		}, 0);
+		return () => clearTimeout(timeoutId);
+	}, []);
+	React.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") {
+				if (editor.getAttributes("link").href === "#") editor.chain().unsetLink().run();
+				setIsOpen(false);
+			}
+		};
+		const handleClickOutside = (event) => {
+			if (formRef.current && !formRef.current.contains(event.target)) {
+				const form = formRef.current;
+				const submitEvent = new Event("submit", {
+					bubbles: true,
+					cancelable: true
+				});
+				form.dispatchEvent(submitEvent);
+				setIsOpen(false);
+			}
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		window.addEventListener("keydown", handleKeyDown);
+		return () => {
+			window.removeEventListener("keydown", handleKeyDown);
+			document.removeEventListener("mousedown", handleClickOutside);
+		};
+	}, [editor, setIsOpen]);
+	function handleSubmit(e) {
+		e.preventDefault();
+		const value = inputValue.trim();
+		if (value === "") {
+			setLinkHref(editor, "");
+			setIsOpen(false);
+			focusEditor(editor);
+			onLinkRemove?.();
+			return;
+		}
+		const finalValue = (validateUrl ?? getUrlFromString)(value);
+		if (!finalValue) {
+			setLinkHref(editor, "");
+			setIsOpen(false);
+			focusEditor(editor);
+			onLinkRemove?.();
+			return;
+		}
+		setLinkHref(editor, finalValue);
+		setIsOpen(false);
+		focusEditor(editor);
+		onLinkApply?.(finalValue);
+	}
+	function handleUnlink(e) {
+		e.stopPropagation();
+		setLinkHref(editor, "");
+		setIsOpen(false);
+		focusEditor(editor);
+		onLinkRemove?.();
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		ref: formRef,
+		"data-re-link-selector-form": "",
+		onMouseDown: (e) => e.stopPropagation(),
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		onSubmit: handleSubmit,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				"data-re-link-selector-input": "",
+				value: inputValue,
+				onFocus: (e) => e.stopPropagation(),
+				onChange: (e) => setInputValue(e.target.value),
+				placeholder: "Paste a link",
+				type: "text"
+			}),
+			children,
+			displayHref ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": "Remove link",
+				"data-re-link-selector-unlink": "",
+				onClick: handleUnlink,
+				children: /* @__PURE__ */ jsx(UnlinkIcon, {})
+			}) : /* @__PURE__ */ jsx("button", {
+				type: "submit",
+				"aria-label": "Apply link",
+				"data-re-link-selector-apply": "",
+				onMouseDown: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ jsx(Check, {})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/node-selector.tsx
+const NodeSelectorContext = React.createContext(null);
+function useNodeSelectorContext() {
+	const context = React.useContext(NodeSelectorContext);
+	if (!context) throw new Error("NodeSelector compound components must be used within <NodeSelector.Root>");
+	return context;
+}
+function NodeSelectorRoot({ omit = [], open: controlledOpen, onOpenChange, className, children }) {
+	const { editor } = useBubbleMenuContext();
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isControlled = controlledOpen !== void 0;
+	const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+	const setIsOpen = React.useCallback((value) => {
+		if (!isControlled) setUncontrolledOpen(value);
+		onOpenChange?.(value);
+	}, [isControlled, onOpenChange]);
+	const editorState = useEditorState({
+		editor,
+		selector: ({ editor: editor$1 }) => ({
+			isParagraphActive: (editor$1?.isActive("paragraph") ?? false) && !editor$1?.isActive("bulletList") && !editor$1?.isActive("orderedList"),
+			isHeading1Active: editor$1?.isActive("heading", { level: 1 }) ?? false,
+			isHeading2Active: editor$1?.isActive("heading", { level: 2 }) ?? false,
+			isHeading3Active: editor$1?.isActive("heading", { level: 3 }) ?? false,
+			isBulletListActive: editor$1?.isActive("bulletList") ?? false,
+			isOrderedListActive: editor$1?.isActive("orderedList") ?? false,
+			isBlockquoteActive: editor$1?.isActive("blockquote") ?? false,
+			isCodeBlockActive: editor$1?.isActive("codeBlock") ?? false
+		})
+	});
+	const allItems = React.useMemo(() => [
+		{
+			name: "Text",
+			icon: TextIcon,
+			command: () => editor.chain().focus().clearNodes().toggleNode("paragraph", "paragraph").run(),
+			isActive: editorState?.isParagraphActive ?? false
+		},
+		{
+			name: "Title",
+			icon: Heading1,
+			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 1 }).run(),
+			isActive: editorState?.isHeading1Active ?? false
+		},
+		{
+			name: "Subtitle",
+			icon: Heading2,
+			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 2 }).run(),
+			isActive: editorState?.isHeading2Active ?? false
+		},
+		{
+			name: "Heading",
+			icon: Heading3,
+			command: () => editor.chain().focus().clearNodes().toggleHeading({ level: 3 }).run(),
+			isActive: editorState?.isHeading3Active ?? false
+		},
+		{
+			name: "Bullet List",
+			icon: List,
+			command: () => editor.chain().focus().clearNodes().toggleBulletList().run(),
+			isActive: editorState?.isBulletListActive ?? false
+		},
+		{
+			name: "Numbered List",
+			icon: ListOrdered,
+			command: () => editor.chain().focus().clearNodes().toggleOrderedList().run(),
+			isActive: editorState?.isOrderedListActive ?? false
+		},
+		{
+			name: "Quote",
+			icon: TextQuote,
+			command: () => editor.chain().focus().clearNodes().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
+			isActive: editorState?.isBlockquoteActive ?? false
+		},
+		{
+			name: "Code",
+			icon: Code,
+			command: () => editor.chain().focus().clearNodes().toggleCodeBlock().run(),
+			isActive: editorState?.isCodeBlockActive ?? false
+		}
+	], [editor, editorState]);
+	const items = React.useMemo(() => allItems.filter((item) => !omit.includes(item.name)), [allItems, omit]);
+	const activeItem = React.useMemo(() => items.find((item) => item.isActive) ?? { name: "Multiple" }, [items]);
+	const contextValue = React.useMemo(() => ({
+		items,
+		activeItem,
+		isOpen,
+		setIsOpen
+	}), [
+		items,
+		activeItem,
+		isOpen,
+		setIsOpen
+	]);
+	if (!editorState || items.length === 0) return null;
+	return /* @__PURE__ */ jsx(NodeSelectorContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Popover.Root, {
+			open: isOpen,
+			onOpenChange: setIsOpen,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-re-node-selector": "",
+				...isOpen ? { "data-open": "" } : {},
+				className,
+				children
+			})
+		})
+	});
+}
+function NodeSelectorTrigger({ className, children }) {
+	const { activeItem, isOpen, setIsOpen } = useNodeSelectorContext();
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-re-node-selector-trigger": "",
+		className,
+		onClick: () => setIsOpen(!isOpen),
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: activeItem.name }), /* @__PURE__ */ jsx(ChevronDown, {})] })
+	});
+}
+function NodeSelectorContent({ className, align = "start", children }) {
+	const { items, setIsOpen } = useNodeSelectorContext();
+	return /* @__PURE__ */ jsx(Popover.Content, {
+		align,
+		"data-re-node-selector-content": "",
+		className,
+		children: children ? children(items, () => setIsOpen(false)) : items.map((item) => {
+			const Icon = item.icon;
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"data-re-node-selector-item": "",
+				...item.isActive ? { "data-active": "" } : {},
+				onClick: () => {
+					item.command();
+					setIsOpen(false);
+				},
+				children: [
+					/* @__PURE__ */ jsx(Icon, {}),
+					/* @__PURE__ */ jsx("span", { children: item.name }),
+					item.isActive && /* @__PURE__ */ jsx(Check, {})
+				]
+			}, item.name);
+		})
+	});
+}
+function BubbleMenuNodeSelector({ omit = [], className, triggerContent, open, onOpenChange }) {
+	return /* @__PURE__ */ jsxs(NodeSelectorRoot, {
+		omit,
+		open,
+		onOpenChange,
+		className,
+		children: [/* @__PURE__ */ jsx(NodeSelectorTrigger, { children: triggerContent }), /* @__PURE__ */ jsx(NodeSelectorContent, {})]
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/strike.tsx
+const BubbleMenuStrike = createMarkBubbleItem({
+	name: "strike",
+	activeName: "strike",
+	command: "toggleStrike",
+	icon: /* @__PURE__ */ jsx(StrikethroughIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/underline.tsx
+const BubbleMenuUnderline = createMarkBubbleItem({
+	name: "underline",
+	activeName: "underline",
+	command: "toggleUnderline",
+	icon: /* @__PURE__ */ jsx(UnderlineIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/uppercase.tsx
+const BubbleMenuUppercase = createMarkBubbleItem({
+	name: "uppercase",
+	activeName: "uppercase",
+	command: "toggleUppercase",
+	icon: /* @__PURE__ */ jsx(CaseUpperIcon, {})
+});
+
+//#endregion
+//#region src/ui/bubble-menu/default.tsx
+const textPluginKey = new PluginKey("textBubbleMenu");
+function BubbleMenuDefault({ excludeItems = [], hideWhenActiveNodes, hideWhenActiveMarks, placement, offset: offset$1, onHide, className, ...rest }) {
+	const [isNodeSelectorOpen, setIsNodeSelectorOpen] = React.useState(false);
+	const [isLinkSelectorOpen, setIsLinkSelectorOpen] = React.useState(false);
+	const has = (item) => !excludeItems.includes(item);
+	const handleNodeSelectorOpenChange = React.useCallback((open) => {
+		setIsNodeSelectorOpen(open);
+		if (open) setIsLinkSelectorOpen(false);
+	}, []);
+	const handleLinkSelectorOpenChange = React.useCallback((open) => {
+		setIsLinkSelectorOpen(open);
+		if (open) setIsNodeSelectorOpen(false);
+	}, []);
+	const handleHide = React.useCallback(() => {
+		setIsNodeSelectorOpen(false);
+		setIsLinkSelectorOpen(false);
+		onHide?.();
+	}, [onHide]);
+	const hasFormattingItems = has("bold") || has("italic") || has("underline") || has("strike") || has("code") || has("uppercase");
+	const hasAlignmentItems = has("align-left") || has("align-center") || has("align-right");
+	return /* @__PURE__ */ jsxs(BubbleMenuRoot, {
+		pluginKey: textPluginKey,
+		hideWhenActiveNodes,
+		hideWhenActiveMarks,
+		placement,
+		offset: offset$1,
+		onHide: handleHide,
+		className,
+		...rest,
+		children: [
+			has("node-selector") && /* @__PURE__ */ jsx(BubbleMenuNodeSelector, {
+				open: isNodeSelectorOpen,
+				onOpenChange: handleNodeSelectorOpenChange
+			}),
+			has("link-selector") && /* @__PURE__ */ jsx(BubbleMenuLinkSelector, {
+				open: isLinkSelectorOpen,
+				onOpenChange: handleLinkSelectorOpenChange
+			}),
+			hasFormattingItems && /* @__PURE__ */ jsxs(BubbleMenuItemGroup, { children: [
+				has("bold") && /* @__PURE__ */ jsx(BubbleMenuBold, {}),
+				has("italic") && /* @__PURE__ */ jsx(BubbleMenuItalic, {}),
+				has("underline") && /* @__PURE__ */ jsx(BubbleMenuUnderline, {}),
+				has("strike") && /* @__PURE__ */ jsx(BubbleMenuStrike, {}),
+				has("code") && /* @__PURE__ */ jsx(BubbleMenuCode, {}),
+				has("uppercase") && /* @__PURE__ */ jsx(BubbleMenuUppercase, {})
+			] }),
+			hasAlignmentItems && /* @__PURE__ */ jsxs(BubbleMenuItemGroup, { children: [
+				has("align-left") && /* @__PURE__ */ jsx(BubbleMenuAlignLeft, {}),
+				has("align-center") && /* @__PURE__ */ jsx(BubbleMenuAlignCenter, {}),
+				has("align-right") && /* @__PURE__ */ jsx(BubbleMenuAlignRight, {})
+			] })
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/image-edit-link.tsx
+function BubbleMenuImageEditLink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { setIsEditing } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx("button", {
+		...rest,
+		type: "button",
+		"aria-label": "Edit link",
+		"data-re-img-bm-item": "",
+		"data-item": "edit-link",
+		className,
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
+		},
+		onClick: (e) => {
+			onClick?.(e);
+			setIsEditing(true);
+		},
+		children: children ?? /* @__PURE__ */ jsx(LinkIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/image-toolbar.tsx
+function BubbleMenuImageToolbar({ children, ...rest }) {
+	const { isEditing } = useBubbleMenuContext();
+	if (isEditing) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-re-img-bm-toolbar": "",
+		...rest,
+		children
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/image-default.tsx
+const imagePluginKey = new PluginKey("imageBubbleMenu");
+function BubbleMenuImageDefault({ excludeItems = [], placement = "top", offset: offset$1, onHide, className, ...rest }) {
+	const hasEditLink = !excludeItems.includes("edit-link");
+	return /* @__PURE__ */ jsx(BubbleMenuRoot, {
+		trigger: bubbleMenuTriggers.node("image"),
+		pluginKey: imagePluginKey,
+		placement,
+		offset: offset$1,
+		onHide,
+		className,
+		...rest,
+		children: hasEditLink && /* @__PURE__ */ jsx(BubbleMenuImageToolbar, { children: /* @__PURE__ */ jsx(BubbleMenuImageEditLink, {}) })
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/link-edit-link.tsx
+function BubbleMenuLinkEditLink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { setIsEditing } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Edit link",
+		"data-re-link-bm-item": "",
+		"data-item": "edit-link",
+		className,
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
+		},
+		onClick: (e) => {
+			onClick?.(e);
+			setIsEditing(true);
+		},
+		...rest,
+		children: children ?? /* @__PURE__ */ jsx(PencilIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/link-form.tsx
+function BubbleMenuLinkForm({ className, validateUrl, onLinkApply, onLinkRemove, children }) {
+	const { editor, isEditing, setIsEditing } = useBubbleMenuContext();
+	const inputRef = React.useRef(null);
+	const formRef = React.useRef(null);
+	const linkHref = useEditorState({
+		editor,
+		selector: ({ editor: e }) => e?.getAttributes("link").href ?? ""
+	});
+	const displayHref = (linkHref ?? "") === "#" ? "" : linkHref ?? "";
+	const [inputValue, setInputValue] = React.useState(displayHref);
+	React.useEffect(() => {
+		if (!isEditing) return;
+		setInputValue(displayHref);
+		const timeoutId = setTimeout(() => {
+			inputRef.current?.focus();
+		}, 0);
+		return () => clearTimeout(timeoutId);
+	}, [isEditing, displayHref]);
+	React.useEffect(() => {
+		if (!isEditing) return;
+		const handleKeyDown = (event) => {
+			if (event.key === "Escape") setIsEditing(false);
+		};
+		const handleClickOutside = (event) => {
+			if (formRef.current && !formRef.current.contains(event.target)) {
+				const form = formRef.current;
+				const submitEvent = new Event("submit", {
+					bubbles: true,
+					cancelable: true
+				});
+				form.dispatchEvent(submitEvent);
+				setIsEditing(false);
+			}
+		};
+		document.addEventListener("mousedown", handleClickOutside);
+		window.addEventListener("keydown", handleKeyDown);
+		return () => {
+			window.removeEventListener("keydown", handleKeyDown);
+			document.removeEventListener("mousedown", handleClickOutside);
+		};
+	}, [isEditing, setIsEditing]);
+	if (!isEditing) return null;
+	function handleSubmit(e) {
+		e.preventDefault();
+		const value = inputValue.trim();
+		if (value === "") {
+			setLinkHref(editor, "");
+			setIsEditing(false);
+			focusEditor(editor);
+			onLinkRemove?.();
+			return;
+		}
+		const finalValue = (validateUrl ?? getUrlFromString)(value);
+		if (!finalValue) {
+			setLinkHref(editor, "");
+			setIsEditing(false);
+			focusEditor(editor);
+			onLinkRemove?.();
+			return;
+		}
+		setLinkHref(editor, finalValue);
+		setIsEditing(false);
+		focusEditor(editor);
+		onLinkApply?.(finalValue);
+	}
+	function handleUnlink(e) {
+		e.stopPropagation();
+		setLinkHref(editor, "");
+		setIsEditing(false);
+		focusEditor(editor);
+		onLinkRemove?.();
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		ref: formRef,
+		"data-re-link-bm-form": "",
+		className,
+		onMouseDown: (e) => e.stopPropagation(),
+		onClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => e.stopPropagation(),
+		onSubmit: handleSubmit,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				"data-re-link-bm-input": "",
+				value: inputValue,
+				onFocus: (e) => e.stopPropagation(),
+				onChange: (e) => setInputValue(e.target.value),
+				placeholder: "Paste a link",
+				type: "text"
+			}),
+			children,
+			displayHref ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": "Remove link",
+				"data-re-link-bm-unlink": "",
+				onClick: handleUnlink,
+				children: /* @__PURE__ */ jsx(UnlinkIcon, {})
+			}) : /* @__PURE__ */ jsx("button", {
+				type: "submit",
+				"aria-label": "Apply link",
+				"data-re-link-bm-apply": "",
+				onMouseDown: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ jsx(Check, {})
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/link-open-link.tsx
+function BubbleMenuLinkOpenLink({ className, children, ...rest }) {
+	const { editor } = useBubbleMenuContext();
+	const linkHref = useEditorState({
+		editor,
+		selector: ({ editor: e }) => e?.getAttributes("link").href ?? ""
+	});
+	return /* @__PURE__ */ jsx("a", {
+		...rest,
+		href: linkHref ?? "",
+		target: "_blank",
+		rel: "noopener noreferrer",
+		"aria-label": "Open link",
+		"data-re-link-bm-item": "",
+		"data-item": "open-link",
+		className,
+		children: children ?? /* @__PURE__ */ jsx(ExternalLinkIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/link-toolbar.tsx
+function BubbleMenuLinkToolbar({ children, ...rest }) {
+	const { isEditing } = useBubbleMenuContext();
+	if (isEditing) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-re-link-bm-toolbar": "",
+		...rest,
+		children
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/link-unlink.tsx
+function BubbleMenuLinkUnlink({ className, children, onClick, onMouseDown, ...rest }) {
+	const { editor } = useBubbleMenuContext();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Remove link",
+		"data-re-link-bm-item": "",
+		"data-item": "unlink",
+		className,
+		onMouseDown: (e) => {
+			e.preventDefault();
+			onMouseDown?.(e);
+		},
+		onClick: (e) => {
+			onClick?.(e);
+			editor.chain().focus().unsetLink().run();
+		},
+		...rest,
+		children: children ?? /* @__PURE__ */ jsx(UnlinkIcon, {})
+	});
+}
+
+//#endregion
+//#region src/ui/bubble-menu/link-default.tsx
+const linkPluginKey = new PluginKey("linkBubbleMenu");
+function BubbleMenuLinkDefault({ excludeItems = [], placement = "top", offset: offset$1, onHide, className, validateUrl, onLinkApply, onLinkRemove, ...rest }) {
+	const has = (item) => !excludeItems.includes(item);
+	const hasToolbarItems = has("edit-link") || has("open-link") || has("unlink");
+	return /* @__PURE__ */ jsxs(BubbleMenuRoot, {
+		trigger: bubbleMenuTriggers.nodeWithoutSelection("link"),
+		pluginKey: linkPluginKey,
+		placement,
+		offset: offset$1,
+		onHide,
+		className,
+		...rest,
+		children: [hasToolbarItems && /* @__PURE__ */ jsxs(BubbleMenuLinkToolbar, { children: [
+			has("edit-link") && /* @__PURE__ */ jsx(BubbleMenuLinkEditLink, {}),
+			has("open-link") && /* @__PURE__ */ jsx(BubbleMenuLinkOpenLink, {}),
+			has("unlink") && /* @__PURE__ */ jsx(BubbleMenuLinkUnlink, {})
+		] }), /* @__PURE__ */ jsx(BubbleMenuLinkForm, {
+			validateUrl,
+			onLinkApply,
+			onLinkRemove
+		})]
+	});
+}
+
+//#endregion
+//#region src/ui/slash-command/utils.ts
+function isInsideNode(editor, type) {
+	const { $from } = editor.state.selection;
+	for (let d = $from.depth; d > 0; d--) if ($from.node(d).type.name === type) return true;
+	return false;
+}
+function isAtMaxColumnsDepth(editor) {
+	const { from } = editor.state.selection;
+	return getColumnsDepth(editor.state.doc, from) >= MAX_COLUMNS_DEPTH;
+}
+function updateScrollView(container, item) {
+	const containerRect = container.getBoundingClientRect();
+	const itemRect = item.getBoundingClientRect();
+	if (itemRect.top < containerRect.top) container.scrollTop -= containerRect.top - itemRect.top;
+	else if (itemRect.bottom > containerRect.bottom) container.scrollTop += itemRect.bottom - containerRect.bottom;
+}
+
+//#endregion
+//#region src/ui/slash-command/command-list.tsx
+const CATEGORY_ORDER = [
+	"Text",
+	"Media",
+	"Layout",
+	"Utility"
+];
+function groupByCategory(items) {
+	const seen = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		const existing = seen.get(item.category);
+		if (existing) existing.push(item);
+		else seen.set(item.category, [item]);
+	}
+	const ordered = [];
+	for (const cat of CATEGORY_ORDER) {
+		const group = seen.get(cat);
+		if (group) {
+			ordered.push({
+				category: cat,
+				items: group
+			});
+			seen.delete(cat);
+		}
+	}
+	for (const [category, group] of seen) ordered.push({
+		category,
+		items: group
+	});
+	return ordered;
+}
+function CommandItem({ item, selected, onSelect }) {
+	return /* @__PURE__ */ jsxs("button", {
+		"data-re-slash-command-item": "",
+		"data-selected": selected || void 0,
+		onClick: onSelect,
+		type: "button",
+		children: [item.icon, /* @__PURE__ */ jsx("span", { children: item.title })]
+	});
+}
+function CommandList({ items, query, selectedIndex, onSelect }) {
+	const containerRef = useRef(null);
+	useLayoutEffect(() => {
+		const container = containerRef.current;
+		if (!container) return;
+		const selected = container.querySelector("[data-selected]");
+		if (selected) updateScrollView(container, selected);
+	}, [selectedIndex]);
+	if (items.length === 0) return /* @__PURE__ */ jsx("div", {
+		"data-re-slash-command": "",
+		children: /* @__PURE__ */ jsx("div", {
+			"data-re-slash-command-empty": "",
+			children: "No results"
+		})
+	});
+	if (query.trim().length > 0) return /* @__PURE__ */ jsx("div", {
+		"data-re-slash-command": "",
+		ref: containerRef,
+		children: items.map((item, index) => /* @__PURE__ */ jsx(CommandItem, {
+			item,
+			onSelect: () => onSelect(index),
+			selected: index === selectedIndex
+		}, item.title))
+	});
+	const groups = groupByCategory(items);
+	let flatIndex = 0;
+	return /* @__PURE__ */ jsx("div", {
+		"data-re-slash-command": "",
+		ref: containerRef,
+		children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+			"data-re-slash-command-category": "",
+			children: group.category
+		}), group.items.map((item) => {
+			const currentIndex = flatIndex++;
+			return /* @__PURE__ */ jsx(CommandItem, {
+				item,
+				onSelect: () => onSelect(currentIndex),
+				selected: currentIndex === selectedIndex
+			}, item.title);
+		})] }, group.category))
+	});
+}
+
+//#endregion
+//#region src/ui/slash-command/commands.tsx
+const TEXT = {
+	title: "Text",
+	description: "Plain text block",
+	icon: /* @__PURE__ */ jsx(Text, { size: 20 }),
+	category: "Text",
+	searchTerms: ["p", "paragraph"],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
+	}
+};
+const H1 = {
+	title: "Title",
+	description: "Large heading",
+	icon: /* @__PURE__ */ jsx(Heading1, { size: 20 }),
+	category: "Text",
+	searchTerms: [
+		"title",
+		"big",
+		"large",
+		"h1"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+	}
+};
+const H2 = {
+	title: "Subtitle",
+	description: "Medium heading",
+	icon: /* @__PURE__ */ jsx(Heading2, { size: 20 }),
+	category: "Text",
+	searchTerms: [
+		"subtitle",
+		"medium",
+		"h2"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+	}
+};
+const H3 = {
+	title: "Heading",
+	description: "Small heading",
+	icon: /* @__PURE__ */ jsx(Heading3, { size: 20 }),
+	category: "Text",
+	searchTerms: [
+		"subtitle",
+		"small",
+		"h3"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+	}
+};
+const BULLET_LIST = {
+	title: "Bullet list",
+	description: "Unordered list",
+	icon: /* @__PURE__ */ jsx(List, { size: 20 }),
+	category: "Text",
+	searchTerms: ["unordered", "point"],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).toggleBulletList().run();
+	}
+};
+const NUMBERED_LIST = {
+	title: "Numbered list",
+	description: "Ordered list",
+	icon: /* @__PURE__ */ jsx(ListOrdered, { size: 20 }),
+	category: "Text",
+	searchTerms: ["ordered"],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+	}
+};
+const QUOTE = {
+	title: "Quote",
+	description: "Block quote",
+	icon: /* @__PURE__ */ jsx(TextQuote, { size: 20 }),
+	category: "Text",
+	searchTerms: ["blockquote"],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").toggleBlockquote().run();
+	}
+};
+const CODE = {
+	title: "Code block",
+	description: "Code snippet",
+	icon: /* @__PURE__ */ jsx(SquareCode, { size: 20 }),
+	category: "Text",
+	searchTerms: ["codeblock"],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
+	}
+};
+const BUTTON = {
+	title: "Button",
+	description: "Clickable button",
+	icon: /* @__PURE__ */ jsx(MousePointer, { size: 20 }),
+	category: "Layout",
+	searchTerms: ["button"],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).setButton().run();
+	}
+};
+const DIVIDER = {
+	title: "Divider",
+	description: "Horizontal separator",
+	icon: /* @__PURE__ */ jsx(SplitSquareVertical, { size: 20 }),
+	category: "Layout",
+	searchTerms: [
+		"hr",
+		"divider",
+		"separator"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+	}
+};
+const SECTION = {
+	title: "Section",
+	description: "Content section",
+	icon: /* @__PURE__ */ jsx(Rows2, { size: 20 }),
+	category: "Layout",
+	searchTerms: [
+		"section",
+		"row",
+		"container"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).insertSection().run();
+	}
+};
+const TWO_COLUMNS = {
+	title: "2 columns",
+	description: "Two column layout",
+	icon: /* @__PURE__ */ jsx(Columns2, { size: 20 }),
+	category: "Layout",
+	searchTerms: [
+		"columns",
+		"column",
+		"layout",
+		"grid",
+		"split",
+		"side-by-side",
+		"multi-column",
+		"row",
+		"two",
+		"2"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).insertColumns(2).run();
+	}
+};
+const THREE_COLUMNS = {
+	title: "3 columns",
+	description: "Three column layout",
+	icon: /* @__PURE__ */ jsx(Columns3, { size: 20 }),
+	category: "Layout",
+	searchTerms: [
+		"columns",
+		"column",
+		"layout",
+		"grid",
+		"split",
+		"multi-column",
+		"row",
+		"three",
+		"3"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).insertColumns(3).run();
+	}
+};
+const FOUR_COLUMNS = {
+	title: "4 columns",
+	description: "Four column layout",
+	icon: /* @__PURE__ */ jsx(Columns4, { size: 20 }),
+	category: "Layout",
+	searchTerms: [
+		"columns",
+		"column",
+		"layout",
+		"grid",
+		"split",
+		"multi-column",
+		"row",
+		"four",
+		"4"
+	],
+	command: ({ editor, range }) => {
+		editor.chain().focus().deleteRange(range).insertColumns(4).run();
+	}
+};
+const defaultSlashCommands = [
+	TEXT,
+	H1,
+	H2,
+	H3,
+	BULLET_LIST,
+	NUMBERED_LIST,
+	QUOTE,
+	CODE,
+	BUTTON,
+	DIVIDER,
+	SECTION,
+	TWO_COLUMNS,
+	THREE_COLUMNS,
+	FOUR_COLUMNS
+];
+
+//#endregion
+//#region src/ui/slash-command/search.ts
+function scoreItem(item, query) {
+	if (!query) return 100;
+	const q = query.toLowerCase();
+	const title = item.title.toLowerCase();
+	const description = item.description.toLowerCase();
+	const terms = item.searchTerms?.map((t) => t.toLowerCase()) ?? [];
+	if (title === q) return 100;
+	if (title.startsWith(q)) return 90;
+	if (title.split(/\s+/).some((w) => w.startsWith(q))) return 80;
+	if (terms.some((t) => t === q)) return 70;
+	if (terms.some((t) => t.startsWith(q))) return 60;
+	if (title.includes(q)) return 40;
+	if (terms.some((t) => t.includes(q))) return 30;
+	if (description.includes(q)) return 20;
+	return 0;
+}
+function filterAndRankItems(items, query) {
+	const trimmed = query.trim();
+	if (!trimmed) return items;
+	const scored = items.map((item) => ({
+		item,
+		score: scoreItem(item, trimmed)
+	})).filter(({ score }) => score > 0);
+	scored.sort((a, b) => b.score - a.score);
+	return scored.map(({ item }) => item);
+}
+
+//#endregion
+//#region src/ui/slash-command/root.tsx
+const pluginKey = new PluginKey("slash-command");
+const INITIAL_STATE = {
+	active: false,
+	query: "",
+	items: [],
+	clientRect: null
+};
+function defaultFilterItems(items, query, editor) {
+	return filterAndRankItems(isAtMaxColumnsDepth(editor) ? items.filter((item) => item.category !== "Layout" || !item.title.includes("column")) : items, query);
+}
+function SlashCommandRoot({ items: itemsProp, filterItems: filterItemsProp, char = "/", allow: allowProp, children }) {
+	const { editor } = useCurrentEditor();
+	const [state, setState] = useState(INITIAL_STATE);
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const itemsRef = useRef(itemsProp ?? defaultSlashCommands);
+	const filterRef = useRef(filterItemsProp ?? defaultFilterItems);
+	const allowRef = useRef(allowProp ?? (({ editor: e }) => !e.isActive("codeBlock")));
+	itemsRef.current = itemsProp ?? defaultSlashCommands;
+	filterRef.current = filterItemsProp ?? defaultFilterItems;
+	allowRef.current = allowProp ?? (({ editor: e }) => !e.isActive("codeBlock"));
+	const commandRef = useRef(null);
+	const suggestionItemsRef = useRef([]);
+	const selectedIndexRef = useRef(0);
+	suggestionItemsRef.current = state.items;
+	selectedIndexRef.current = selectedIndex;
+	const { refs, floatingStyles } = useFloating({
+		open: state.active,
+		placement: "bottom-start",
+		middleware: [
+			offset(8),
+			flip(),
+			shift({ padding: 8 })
+		],
+		whileElementsMounted: autoUpdate
+	});
+	useEffect(() => {
+		if (!state.clientRect) return;
+		refs.setReference({ getBoundingClientRect: state.clientRect });
+	}, [state.clientRect, refs]);
+	useEffect(() => {
+		setSelectedIndex(0);
+	}, [state.items]);
+	const onSelect = useCallback((index) => {
+		const item = suggestionItemsRef.current[index];
+		if (item && commandRef.current) commandRef.current(item);
+	}, []);
+	useEffect(() => {
+		if (!editor) return;
+		const plugin = Suggestion({
+			pluginKey,
+			editor,
+			char,
+			allow: ({ editor: e }) => allowRef.current({ editor: e }),
+			command: ({ editor: e, range, props }) => {
+				props.command({
+					editor: e,
+					range
+				});
+			},
+			items: ({ query, editor: e }) => filterRef.current(itemsRef.current, query, e),
+			render: () => ({
+				onStart: (props) => {
+					commandRef.current = props.command;
+					setState({
+						active: true,
+						query: props.query,
+						items: props.items,
+						clientRect: props.clientRect ?? null
+					});
+				},
+				onUpdate: (props) => {
+					commandRef.current = props.command;
+					setState({
+						active: true,
+						query: props.query,
+						items: props.items,
+						clientRect: props.clientRect ?? null
+					});
+				},
+				onKeyDown: ({ event }) => {
+					if (event.key === "Escape") {
+						setState(INITIAL_STATE);
+						return true;
+					}
+					const items = suggestionItemsRef.current;
+					if (items.length === 0) return false;
+					if (event.key === "ArrowUp") {
+						setSelectedIndex((i) => (i + items.length - 1) % items.length);
+						return true;
+					}
+					if (event.key === "ArrowDown") {
+						setSelectedIndex((i) => (i + 1) % items.length);
+						return true;
+					}
+					if (event.key === "Enter") {
+						const item = items[selectedIndexRef.current];
+						if (item && commandRef.current) commandRef.current(item);
+						return true;
+					}
+					return false;
+				},
+				onExit: () => {
+					setState(INITIAL_STATE);
+					requestAnimationFrame(() => {
+						commandRef.current = null;
+					});
+				}
+			})
+		});
+		editor.registerPlugin(plugin, (newPlugin, plugins) => [newPlugin, ...plugins]);
+		return () => {
+			editor.unregisterPlugin(pluginKey);
+		};
+	}, [editor, char]);
+	if (!editor || !state.active) return null;
+	const renderProps = {
+		items: state.items,
+		query: state.query,
+		selectedIndex,
+		onSelect
+	};
+	let content;
+	if (children) content = children(renderProps);
+	else content = /* @__PURE__ */ jsx(CommandList, { ...renderProps });
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		ref: refs.setFloating,
+		style: floatingStyles,
+		children: content
+	}), document.body);
+}
+
+//#endregion
+export { BubbleMenuButtonForm as $, BubbleMenuImageEditLink as A, AlignRightIcon as At, BubbleMenuItalic as B, BubbleMenuLinkUnlink as C, Columns2 as Ct, BubbleMenuLinkEditLink as D, Check as Dt, BubbleMenuLinkForm as E, ChevronDown as Et, BubbleMenuNodeSelector as F, BubbleMenuAlignLeft as G, BubbleMenuCode as H, NodeSelectorContent as I, BubbleMenuButtonDefault as J, BubbleMenuAlignCenter as K, NodeSelectorRoot as L, BubbleMenuUppercase as M, AlignCenterIcon as Mt, BubbleMenuUnderline as N, BubbleMenuImageDefault as O, CaseUpperIcon as Ot, BubbleMenuStrike as P, BubbleMenuButtonToolbar as Q, NodeSelectorTrigger as R, BubbleMenuLinkDefault as S, Columns3 as St, BubbleMenuLinkOpenLink as T, CodeIcon as Tt, BubbleMenuBold as U, BubbleMenuItemGroup as V, BubbleMenuAlignRight as W, bubbleMenuTriggers as X, BubbleMenuRoot as Y, BubbleMenuButtonUnlink as Z, TWO_COLUMNS as _, Heading3 as _t, BUTTON as a, Text as at, isAtMaxColumnsDepth as b, ExternalLinkIcon as bt, FOUR_COLUMNS as c, SquareCode as ct, H3 as d, PencilIcon as dt, BubbleMenuButtonEditLink as et, NUMBERED_LIST as f, MousePointer as ft, THREE_COLUMNS as g, ItalicIcon as gt, TEXT as h, LinkIcon as ht, BULLET_LIST as i, TextQuote as it, BubbleMenuDefault as j, AlignLeftIcon as jt, BubbleMenuImageToolbar as k, BoldIcon as kt, H1 as l, SplitSquareVertical as lt, SECTION as m, List as mt, filterAndRankItems as n, UnlinkIcon as nt, CODE as o, TextIcon as ot, QUOTE as p, ListOrdered as pt, BubbleMenuItem as q, scoreItem as r, UnderlineIcon as rt, DIVIDER as s, StrikethroughIcon as st, SlashCommandRoot as t, useBubbleMenuContext as tt, H2 as u, Rows2 as ut, defaultSlashCommands as v, Heading2 as vt, BubbleMenuLinkToolbar as w, Code as wt, isInsideNode as x, Columns4 as xt, CommandList as y, Heading1 as yt, BubbleMenuLinkSelector as z };
+//# sourceMappingURL=root-pS4l8bVZ.mjs.map