@levo-so/studio 0.1.101 → 0.1.102

package/Toolbar-BHi_B-nE.js

@@ -0,0 +1,737 @@
+import { t as e } from "./nodeAlignment-DoVbjk29.js";
+import { l as t, u as n } from "./CollectionField-7uXvhxYK.js";
+import { n as r, r as i, t as a } from "./Tooltip-K_gFzjOa.js";
+import { a as o, i as s, n as c, o as l, r as u } from "./Popover-Du4iigVw.js";
+import { forwardRef as d, useEffect as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import v from "clsx";
+import { Document as y } from "@tiptap/extension-document";
+import { Link as b } from "@tiptap/extension-link";
+import { CodeBlock as x } from "@tiptap/extension-code-block";
+import { Details as S } from "@tiptap/extension-details";
+import { DetailsContent as C } from "@tiptap/extension-details-content";
+import { DetailsSummary as w } from "@tiptap/extension-details-summary";
+import { TextStyle as T } from "@tiptap/extension-text-style";
+import { HorizontalRule as E } from "@tiptap/extension-horizontal-rule";
+import { Image as ee } from "@tiptap/extension-image";
+import { AllSelection as D, NodeSelection as te, TextSelection as O } from "@tiptap/pm/state";
+import { Table as k, TableCell as A, TableHeader as j, TableRow as M } from "@tiptap/extension-table";
+import { BulletList as N } from "@tiptap/extension-bullet-list";
+import { Color as P } from "@tiptap/extension-color";
+import { HardBreak as F } from "@tiptap/extension-hard-break";
+import { Heading as I } from "@tiptap/extension-heading";
+import { Highlight as L } from "@tiptap/extension-highlight";
+import { ListItem as R } from "@tiptap/extension-list-item";
+import { OrderedList as z } from "@tiptap/extension-ordered-list";
+import { Paragraph as B } from "@tiptap/extension-paragraph";
+import { Subscript as V } from "@tiptap/extension-subscript";
+import { Superscript as H } from "@tiptap/extension-superscript";
+import { Text as U } from "@tiptap/extension-text";
+import { Underline as W } from "@tiptap/extension-underline";
+import { Typography as G } from "@tiptap/extension-typography";
+import { UniqueID as K } from "@tiptap/extension-unique-id";
+import { Youtube as q } from "@tiptap/extension-youtube";
+import { IconAlignCenter as J, IconAlignJustified as Y, IconAlignLeft as ne, IconAlignRight as re, IconArrowBackUp as ie, IconArrowForwardUp as ae, IconBold as oe, IconChevronDown as se, IconCode as ce, IconCornerDownLeft as le, IconExternalLink as ue, IconH1 as de, IconH2 as fe, IconH3 as pe, IconH4 as me, IconH5 as he, IconH6 as ge, IconItalic as _e, IconLink as ve, IconList as ye, IconListNumbers as be, IconPencil as xe, IconPilcrow as Se, IconRotate2 as Ce, IconStrikethrough as we, IconSubscript as Te, IconSuperscript as Ee, IconTrash as De, IconUnderline as Oe } from "@tabler/icons-react";
+import { Mention as ke } from "@tiptap/extension-mention";
+import { CharacterCount as Ae } from "@tiptap/extension-character-count";
+import { DragHandle as je } from "@tiptap/extension-drag-handle";
+import { DragHandle as Me } from "@tiptap/extension-drag-handle-react";
+import { Dropcursor as Ne } from "@tiptap/extension-dropcursor";
+import { Emoji as Pe } from "@tiptap/extension-emoji";
+import { FileHandler as Fe } from "@tiptap/extension-file-handler";
+import { Focus as Ie } from "@tiptap/extension-focus";
+import { Gapcursor as Le } from "@tiptap/extension-gapcursor";
+import { ListKeymap as Re } from "@tiptap/extension-list-keymap";
+import { TextAlign as ze } from "@tiptap/extension-text-align";
+//#region \0rolldown/runtime.js
+var Be = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, He = Object.getOwnPropertyNames, Ue = Object.prototype.hasOwnProperty, We = (e, t) => {
+	let n = {};
+	for (var r in e) Be(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || Be(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Ge = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = He(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !Ue.call(e, s) && s !== n && Be(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = Ve(t, s)) || r.enumerable
+	});
+	return e;
+}, Ke = (e, t, n) => (Ge(e, t, "default"), n && Ge(n, t, "default")), X = /* @__PURE__ */ We({
+	BulletList: () => N,
+	CharacterCount: () => Ae,
+	CodeBlock: () => x,
+	Color: () => P,
+	Details: () => S,
+	DetailsContent: () => C,
+	DetailsSummary: () => w,
+	Document: () => y,
+	DragHandle: () => je,
+	DragHandleReact: () => Me,
+	Dropcursor: () => Ne,
+	Emoji: () => Pe,
+	FileHandler: () => Fe,
+	Focus: () => Ie,
+	Gapcursor: () => Le,
+	HardBreak: () => F,
+	Heading: () => I,
+	Highlight: () => L,
+	HorizontalRule: () => E,
+	Image: () => ee,
+	Link: () => b,
+	ListItem: () => R,
+	ListKeymap: () => Re,
+	Mention: () => ke,
+	OrderedList: () => z,
+	Paragraph: () => B,
+	Subscript: () => V,
+	Superscript: () => H,
+	Table: () => k,
+	TableCell: () => A,
+	TableHeader: () => j,
+	TableRow: () => M,
+	Text: () => U,
+	TextAlign: () => ze,
+	TextStyle: () => T,
+	Typography: () => G,
+	Underline: () => W,
+	UniqueID: () => K,
+	Youtube: () => q
+});
+import * as qe from "@tiptap/core";
+Ke(X, qe);
+import * as Je from "@tiptap/extensions";
+Ke(X, Je);
+import * as Ye from "@tiptap/react";
+Ke(X, Ye);
+import * as Xe from "@tiptap/starter-kit";
+Ke(X, Xe);
+//#endregion
+//#region ../../libraries/react-collection/dist/components/editor/extensionKit.js
+var Ze = (t = { placeholder: "Write something ..." }) => [
+	X.StarterKit.configure({
+		blockquote: !1,
+		codeBlock: !1,
+		horizontalRule: !1,
+		dropcursor: { width: 2 },
+		link: {
+			openOnClick: !1,
+			HTMLAttributes: { target: "_blank" }
+		}
+	}),
+	X.Placeholder.configure({ placeholder: t?.placeholder }),
+	G,
+	X.Selection,
+	H,
+	V,
+	e,
+	K.configure({ types: [
+		"paragraph",
+		"heading",
+		"bulletList",
+		"orderedList"
+	] })
+], Z = d((e, t) => {
+	let o = _(27), s, c, l, u, d, f, p;
+	o[0] === e ? (s = o[1], c = o[2], l = o[3], u = o[4], d = o[5], f = o[6], p = o[7]) : ({label: u, Icon: s, isActive: l, iconSize: f, trailing: p, className: c, ...d} = e, o[0] = e, o[1] = s, o[2] = c, o[3] = l, o[4] = u, o[5] = d, o[6] = f, o[7] = p);
+	let m = f === void 0 ? 16 : f, y = l || void 0, b = l && "_1vaxhty0", x;
+	o[8] !== c || o[9] !== b ? (x = v(b, c), o[8] = c, o[9] = b, o[10] = x) : x = o[10];
+	let S;
+	o[11] !== s || o[12] !== m ? (S = /* @__PURE__ */ h(s, { size: m }), o[11] = s, o[12] = m, o[13] = S) : S = o[13];
+	let C;
+	o[14] !== u || o[15] !== d || o[16] !== t || o[17] !== y || o[18] !== x || o[19] !== S || o[20] !== p ? (C = /* @__PURE__ */ h(r, {
+		onPointerDown: Qe,
+		render: /* @__PURE__ */ g(n, {
+			ref: t,
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			tabIndex: -1,
+			"aria-label": u,
+			"aria-pressed": y,
+			className: x,
+			...d,
+			children: [S, p]
+		})
+	}), o[14] = u, o[15] = d, o[16] = t, o[17] = y, o[18] = x, o[19] = S, o[20] = p, o[21] = C) : C = o[21];
+	let w;
+	o[22] === u ? w = o[23] : (w = /* @__PURE__ */ h(i, { children: u }), o[22] = u, o[23] = w);
+	let T;
+	return o[24] !== C || o[25] !== w ? (T = /* @__PURE__ */ g(a, { children: [C, w] }), o[24] = C, o[25] = w, o[26] = T) : T = o[26], T;
+});
+Z.displayName = "ToolbarButton";
+function Qe(e) {
+	return e.preventDefault();
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/editor/Toolbar.cssm.js
+var $e = "_261ja30", Q = "_261ja31", et = [
+	"paragraph",
+	"heading",
+	"bulletList",
+	"orderedList",
+	"taskList",
+	"codeBlock"
+], tt = [
+	"tableCell",
+	"tableHeader",
+	"quoteCaption",
+	"detailsSummary"
+], nt = (e) => {
+	if (!e) return !1;
+	let { $from: t } = e.state.selection;
+	for (let e = t.depth; e > 0; e--) if (tt.includes(t.node(e).type.name)) return !0;
+	return !1;
+}, rt = (e, t) => {
+	if (!e || t.length === 0) return !1;
+	let { selection: n } = e.state, r = new Set(t);
+	if (n instanceof te) {
+		let e = n.node?.type?.name;
+		return !!e && r.has(e);
+	}
+	if (n instanceof O || n instanceof D) {
+		let t = !0;
+		return e.state.doc.nodesBetween(n.from, n.to, (e) => e.isTextblock && !r.has(e.type.name) ? (t = !1, !1) : t), t;
+	}
+	return !1;
+}, it = /[\0-\x20\xA0\u1680\u180E\u2000-\u2029\u205F\u3000]/g, at = [
+	"http",
+	"https",
+	"ftp",
+	"ftps",
+	"mailto",
+	"tel",
+	"callto",
+	"sms"
+], ot = (e, t) => {
+	try {
+		let n = new URL(e, t), r = n.href.replace(it, ""), i = RegExp(`^(?:(?:${at.join("|")}):|[^a-z]|[a-z0-9+.\\-]+(?:[^a-z+.\\-:]|$))`, "i");
+		if (r.match(i)) return n.href;
+	} catch {}
+	return "#";
+}, st = (e, t = []) => {
+	let { tr: n } = e.state, { selection: r } = n;
+	return r.empty ? !1 : (r.ranges.forEach((e) => {
+		n.doc.nodesBetween(e.$from.pos, e.$to.pos, (e, r) => (e.isInline && e.marks.forEach((i) => {
+			t.includes(i.type.name) || n.removeMark(r, r + e.nodeSize, i.type);
+		}), !0));
+	}), e.view.dispatch(n), e.commands.focus(), !0);
+}, ct = (e) => {
+	let { selection: t } = e.state;
+	if (t.empty) return !1;
+	for (let n of t.ranges) {
+		let t = !1;
+		if (e.state.doc.nodesBetween(n.$from.pos, n.$to.pos, (e) => e.isInline && e.marks.length > 0 ? (t = !0, !1) : !0), t) return !0;
+	}
+	return !1;
+}, lt = "j67x6z0", ut = "j67x6z1", dt = "_5pk5r80", ft = (e) => {
+	let t = _(50), { editor: n } = e, [d, m] = p(!1), { isActive: v, currentUrl: y } = (0, X.useEditorState)({
+		editor: n,
+		selector: pt
+	}) ?? {
+		isActive: !1,
+		currentUrl: ""
+	}, [b, x] = p(y), S, C;
+	t[0] !== y || t[1] !== d ? (S = () => {
+		d && x(y);
+	}, C = [d, y], t[0] = y, t[1] = d, t[2] = S, t[3] = C) : (S = t[2], C = t[3]), f(S, C);
+	let w;
+	t[4] !== n || t[5] !== b ? (w = () => {
+		b && (n.chain().focus().extendMarkRange("link").setLink({ href: b }).run(), m(!1));
+	}, t[4] = n, t[5] = b, t[6] = w) : w = t[6];
+	let T = w, E;
+	t[7] === n ? E = t[8] : (E = () => {
+		n.chain().focus().extendMarkRange("link").unsetLink().run(), x(""), m(!1);
+	}, t[7] = n, t[8] = E);
+	let ee = E, D;
+	t[9] === b ? D = t[10] : (D = () => {
+		let e = ot(b, window.location.href);
+		e !== "#" && window.open(e, "_blank", "noopener,noreferrer");
+	}, t[9] = b, t[10] = D);
+	let te = D, O;
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (O = (e) => {
+		e.preventDefault(), m(!0);
+	}, t[11] = O) : O = t[11];
+	let k;
+	t[12] === v ? k = t[13] : (k = /* @__PURE__ */ h(l, {
+		onPointerDown: mt,
+		render: /* @__PURE__ */ h(Z, {
+			label: "Link",
+			Icon: ve,
+			isActive: v,
+			onClick: O
+		})
+	}), t[12] = v, t[13] = k);
+	let A;
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (A = (e) => x(e.target.value), t[14] = A) : A = t[14];
+	let j;
+	t[15] === T ? j = t[16] : (j = (e) => {
+		e.key === "Enter" && (e.preventDefault(), T());
+	}, t[15] = T, t[16] = j);
+	let M;
+	t[17] !== j || t[18] !== b ? (M = /* @__PURE__ */ h("input", {
+		className: ut,
+		value: b,
+		onChange: A,
+		onKeyDown: j,
+		placeholder: "Paste a link..."
+	}), t[17] = j, t[18] = b, t[19] = M) : M = t[19];
+	let N = !b && !v, P;
+	t[20] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ h(le, { size: 16 }), t[20] = P) : P = t[20];
+	let F;
+	t[21] !== T || t[22] !== N ? (F = /* @__PURE__ */ h(r, { render: /* @__PURE__ */ h("button", {
+		type: "button",
+		className: dt,
+		onClick: T,
+		disabled: N,
+		"aria-label": "Apply link",
+		children: P
+	}) }), t[21] = T, t[22] = N, t[23] = F) : F = t[23];
+	let I;
+	t[24] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ h(i, { children: "Apply link" }), t[24] = I) : I = t[24];
+	let L;
+	t[25] === F ? L = t[26] : (L = /* @__PURE__ */ g(a, { children: [F, I] }), t[25] = F, t[26] = L);
+	let R = !b && !v, z;
+	t[27] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ h(ue, { size: 16 }), t[27] = z) : z = t[27];
+	let B;
+	t[28] !== te || t[29] !== R ? (B = /* @__PURE__ */ h(r, { render: /* @__PURE__ */ h("button", {
+		type: "button",
+		className: dt,
+		onClick: te,
+		disabled: R,
+		"aria-label": "Open in new window",
+		children: z
+	}) }), t[28] = te, t[29] = R, t[30] = B) : B = t[30];
+	let V;
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ h(i, { children: "Open in new window" }), t[31] = V) : V = t[31];
+	let H;
+	t[32] === B ? H = t[33] : (H = /* @__PURE__ */ g(a, { children: [B, V] }), t[32] = B, t[33] = H);
+	let U = !b && !v, W;
+	t[34] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ h(De, { size: 16 }), t[34] = W) : W = t[34];
+	let G;
+	t[35] !== ee || t[36] !== U ? (G = /* @__PURE__ */ h(r, { render: /* @__PURE__ */ h("button", {
+		type: "button",
+		className: dt,
+		onClick: ee,
+		disabled: U,
+		"aria-label": "Remove link",
+		children: W
+	}) }), t[35] = ee, t[36] = U, t[37] = G) : G = t[37];
+	let K;
+	t[38] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ h(i, { children: "Remove link" }), t[38] = K) : K = t[38];
+	let q;
+	t[39] === G ? q = t[40] : (q = /* @__PURE__ */ g(a, { children: [G, K] }), t[39] = G, t[40] = q);
+	let J;
+	t[41] !== M || t[42] !== L || t[43] !== H || t[44] !== q ? (J = /* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(u, {
+		side: "bottom",
+		align: "center",
+		children: /* @__PURE__ */ g(o.Popup, {
+			className: lt,
+			children: [
+				M,
+				L,
+				H,
+				q
+			]
+		})
+	}) }), t[41] = M, t[42] = L, t[43] = H, t[44] = q, t[45] = J) : J = t[45];
+	let Y;
+	return t[46] !== d || t[47] !== J || t[48] !== k ? (Y = /* @__PURE__ */ g(c, {
+		open: d,
+		onOpenChange: m,
+		children: [k, J]
+	}), t[46] = d, t[47] = J, t[48] = k, t[49] = Y) : Y = t[49], Y;
+};
+function pt(e) {
+	let { editor: t } = e;
+	return {
+		isActive: t.isActive("link"),
+		currentUrl: t.getAttributes("link")?.href ?? ""
+	};
+}
+function mt(e) {
+	return e.preventDefault();
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/editor/menus/TurnIntoMenu.cssm.js
+var ht = "_1keigwl0", gt = "_1keigwl1 _5pk5r80", $ = (e) => (t) => t.chain().focus().setHeading({ level: e }).run(), _t = [
+	{
+		type: "paragraph",
+		label: "Text",
+		Icon: Se,
+		isActive: (e) => e.isActive("paragraph"),
+		canApply: (e) => e.can().setParagraph() || e.can().clearNodes(),
+		apply: (e) => e.chain().focus().setParagraph().run()
+	},
+	{
+		type: "heading_1",
+		label: "Heading 1",
+		Icon: de,
+		isActive: (e) => e.isActive("heading", { level: 1 }),
+		canApply: (e) => e.can().setHeading({ level: 1 }) || e.can().clearNodes(),
+		apply: $(1)
+	},
+	{
+		type: "heading_2",
+		label: "Heading 2",
+		Icon: fe,
+		isActive: (e) => e.isActive("heading", { level: 2 }),
+		canApply: (e) => e.can().setHeading({ level: 2 }) || e.can().clearNodes(),
+		apply: $(2)
+	},
+	{
+		type: "heading_3",
+		label: "Heading 3",
+		Icon: pe,
+		isActive: (e) => e.isActive("heading", { level: 3 }),
+		canApply: (e) => e.can().setHeading({ level: 3 }) || e.can().clearNodes(),
+		apply: $(3)
+	},
+	{
+		type: "heading_4",
+		label: "Heading 4",
+		Icon: me,
+		isActive: (e) => e.isActive("heading", { level: 4 }),
+		canApply: (e) => e.can().setHeading({ level: 4 }) || e.can().clearNodes(),
+		apply: $(4)
+	},
+	{
+		type: "heading_5",
+		label: "Heading 5",
+		Icon: he,
+		isActive: (e) => e.isActive("heading", { level: 5 }),
+		canApply: (e) => e.can().setHeading({ level: 5 }) || e.can().clearNodes(),
+		apply: $(5)
+	},
+	{
+		type: "heading_6",
+		label: "Heading 6",
+		Icon: ge,
+		isActive: (e) => e.isActive("heading", { level: 6 }),
+		canApply: (e) => e.can().setHeading({ level: 6 }) || e.can().clearNodes(),
+		apply: $(6)
+	},
+	{
+		type: "bulletList",
+		label: "Bullet List",
+		Icon: ye,
+		isActive: (e) => e.isActive("bulletList"),
+		canApply: (e) => e.can().toggleBulletList() || e.can().clearNodes(),
+		apply: (e) => e.chain().focus().toggleBulletList().run()
+	},
+	{
+		type: "orderedList",
+		label: "Ordered List",
+		Icon: be,
+		isActive: (e) => e.isActive("orderedList"),
+		canApply: (e) => e.can().toggleOrderedList() || e.can().clearNodes(),
+		apply: (e) => e.chain().focus().toggleOrderedList().run()
+	}
+], vt = (e) => {
+	let t = _(19), { editor: n } = e, [r, i] = p(!1), { activeBlock: a, canConvert: d, structural: f } = (0, X.useEditorState)({
+		editor: n,
+		selector: yt
+	}) ?? {
+		activeBlock: null,
+		canConvert: !1,
+		structural: !1
+	}, m = a?.Icon ?? xe, v = a?.label ?? "Turn Into", y = f || !d, b, x;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ h(se, { size: 12 }), x = (e) => {
+		e.preventDefault(), i(!0);
+	}, t[0] = b, t[1] = x) : (b = t[0], x = t[1]);
+	let S;
+	t[2] !== m || t[3] !== y || t[4] !== v ? (S = /* @__PURE__ */ h(l, {
+		onPointerDown: bt,
+		render: /* @__PURE__ */ h(Z, {
+			label: v,
+			Icon: m,
+			disabled: y,
+			trailing: b,
+			onClick: x
+		})
+	}), t[2] = m, t[3] = y, t[4] = v, t[5] = S) : S = t[5];
+	let C;
+	if (t[6] !== a?.type || t[7] !== n) {
+		let e;
+		t[9] === a?.type ? e = t[10] : (e = (e) => a?.type !== e.type, t[9] = a?.type, t[10] = e);
+		let r;
+		t[11] === n ? r = t[12] : (r = (e) => /* @__PURE__ */ g("button", {
+			type: "button",
+			className: gt,
+			disabled: !e.canApply(n),
+			onClick: () => {
+				e.apply(n), i(!1);
+			},
+			children: [/* @__PURE__ */ h(e.Icon, { size: 16 }), /* @__PURE__ */ h("span", { children: e.label })]
+		}, e.type), t[11] = n, t[12] = r), C = _t.filter(e).map(r), t[6] = a?.type, t[7] = n, t[8] = C;
+	} else C = t[8];
+	let w;
+	t[13] === C ? w = t[14] : (w = /* @__PURE__ */ h(s, { children: /* @__PURE__ */ h(u, {
+		side: "bottom",
+		align: "start",
+		children: /* @__PURE__ */ h(o.Popup, {
+			className: ht,
+			children: C
+		})
+	}) }), t[13] = C, t[14] = w);
+	let T;
+	return t[15] !== r || t[16] !== S || t[17] !== w ? (T = /* @__PURE__ */ g(c, {
+		open: r,
+		onOpenChange: i,
+		children: [S, w]
+	}), t[15] = r, t[16] = S, t[17] = w, t[18] = T) : T = t[18], T;
+};
+function yt(e) {
+	let { editor: t } = e;
+	return {
+		activeBlock: _t.find((e) => e.isActive(t)) ?? null,
+		canConvert: rt(t, et),
+		structural: nt(t)
+	};
+}
+function bt(e) {
+	return e.preventDefault();
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/editor/Toolbar.js
+var xt = [
+	{
+		mark: "bold",
+		label: "Bold",
+		Icon: oe
+	},
+	{
+		mark: "italic",
+		label: "Italic",
+		Icon: _e
+	},
+	{
+		mark: "underline",
+		label: "Underline",
+		Icon: Oe
+	},
+	{
+		mark: "strike",
+		label: "Strike",
+		Icon: we
+	},
+	{
+		mark: "code",
+		label: "Code",
+		Icon: ce
+	}
+], St = [{
+	mark: "superscript",
+	label: "Superscript",
+	Icon: Ee
+}, {
+	mark: "subscript",
+	label: "Subscript",
+	Icon: Te
+}], Ct = [
+	{
+		align: "left",
+		label: "Align left",
+		Icon: ne
+	},
+	{
+		align: "center",
+		label: "Align center",
+		Icon: J
+	},
+	{
+		align: "right",
+		label: "Align right",
+		Icon: re
+	},
+	{
+		align: "justify",
+		label: "Align justify",
+		Icon: Y
+	}
+], wt = (e) => {
+	let t = _(9), { editor: n, mark: r, label: i, Icon: a } = e, { isActive: o, canExecute: s } = (0, X.useEditorState)({
+		editor: n,
+		selector: (e) => {
+			let { editor: t } = e;
+			return {
+				isActive: t.isActive(r),
+				canExecute: t.isEditable && t.can().toggleMark(r)
+			};
+		}
+	}) ?? {
+		isActive: !1,
+		canExecute: !1
+	}, c = !s, l;
+	t[0] !== n || t[1] !== r ? (l = () => n.chain().focus().toggleMark(r).run(), t[0] = n, t[1] = r, t[2] = l) : l = t[2];
+	let u;
+	return t[3] !== a || t[4] !== o || t[5] !== i || t[6] !== c || t[7] !== l ? (u = /* @__PURE__ */ h(Z, {
+		label: i,
+		Icon: a,
+		isActive: o,
+		disabled: c,
+		onClick: l
+	}), t[3] = a, t[4] = o, t[5] = i, t[6] = c, t[7] = l, t[8] = u) : u = t[8], u;
+}, Tt = (e) => {
+	let t = _(9), { editor: n, align: r, label: i, Icon: a } = e, { isActive: o, canExecute: s } = (0, X.useEditorState)({
+		editor: n,
+		selector: (e) => {
+			let { editor: t } = e;
+			return {
+				isActive: t.isActive({ textAlign: r }),
+				canExecute: t.isEditable && t.can().setNodeTextAlign(r)
+			};
+		}
+	}) ?? {
+		isActive: !1,
+		canExecute: !1
+	}, c = !s, l;
+	t[0] !== r || t[1] !== n ? (l = () => n.chain().focus().setNodeTextAlign(r).run(), t[0] = r, t[1] = n, t[2] = l) : l = t[2];
+	let u;
+	return t[3] !== a || t[4] !== o || t[5] !== i || t[6] !== c || t[7] !== l ? (u = /* @__PURE__ */ h(Z, {
+		label: i,
+		Icon: a,
+		isActive: o,
+		disabled: c,
+		onClick: l
+	}), t[3] = a, t[4] = o, t[5] = i, t[6] = c, t[7] = l, t[8] = u) : u = t[8], u;
+}, Et = (e) => {
+	let t = _(5), { editor: n } = e, r = !((0, X.useEditorState)({
+		editor: n,
+		selector: At
+	}) ?? !1), i;
+	t[0] === n ? i = t[1] : (i = () => n.chain().focus().undo().run(), t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ h(Z, {
+		label: "Undo",
+		Icon: ie,
+		disabled: r,
+		onClick: i
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}, Dt = (e) => {
+	let t = _(5), { editor: n } = e, r = !((0, X.useEditorState)({
+		editor: n,
+		selector: jt
+	}) ?? !1), i;
+	t[0] === n ? i = t[1] : (i = () => n.chain().focus().redo().run(), t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ h(Z, {
+		label: "Redo",
+		Icon: ae,
+		disabled: r,
+		onClick: i
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}, Ot = (e) => {
+	let t = _(5), { editor: n } = e, r = !((0, X.useEditorState)({
+		editor: n,
+		selector: Mt
+	}) ?? !1), i;
+	t[0] === n ? i = t[1] : (i = () => st(n), t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ h(Z, {
+		label: "Reset formatting",
+		Icon: Ce,
+		disabled: r,
+		onClick: i
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}, kt = (e) => {
+	let n = _(33), { children: r } = e, { editor: i } = (0, X.useCurrentEditor)();
+	if (!i) return null;
+	let a;
+	n[0] === i ? a = n[1] : (a = /* @__PURE__ */ h("div", {
+		className: Q,
+		children: /* @__PURE__ */ h(vt, { editor: i })
+	}), n[0] = i, n[1] = a);
+	let o;
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ h(t, { orientation: "vertical" }), n[2] = o) : o = n[2];
+	let s;
+	n[3] === i ? s = n[4] : (s = xt.map((e) => /* @__PURE__ */ h(wt, {
+		editor: i,
+		...e
+	}, e.mark)), n[3] = i, n[4] = s);
+	let c;
+	n[5] === s ? c = n[6] : (c = /* @__PURE__ */ h("div", {
+		className: Q,
+		children: s
+	}), n[5] = s, n[6] = c);
+	let l;
+	n[7] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ h(t, { orientation: "vertical" }), n[7] = l) : l = n[7];
+	let u;
+	n[8] === i ? u = n[9] : (u = /* @__PURE__ */ h("div", {
+		className: Q,
+		children: /* @__PURE__ */ h(ft, { editor: i })
+	}), n[8] = i, n[9] = u);
+	let d;
+	n[10] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ h(t, { orientation: "vertical" }), n[10] = d) : d = n[10];
+	let f;
+	n[11] === i ? f = n[12] : (f = Ct.map((e) => /* @__PURE__ */ h(Tt, {
+		editor: i,
+		...e
+	}, e.align)), n[11] = i, n[12] = f);
+	let p;
+	n[13] === f ? p = n[14] : (p = /* @__PURE__ */ h("div", {
+		className: Q,
+		children: f
+	}), n[13] = f, n[14] = p);
+	let v;
+	n[15] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ h(t, { orientation: "vertical" }), n[15] = v) : v = n[15];
+	let y;
+	n[16] === i ? y = n[17] : (y = St.map((e) => /* @__PURE__ */ h(wt, {
+		editor: i,
+		...e
+	}, e.mark)), n[16] = i, n[17] = y);
+	let b;
+	n[18] === y ? b = n[19] : (b = /* @__PURE__ */ h("div", {
+		className: Q,
+		children: y
+	}), n[18] = y, n[19] = b);
+	let x;
+	n[20] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ h(t, { orientation: "vertical" }), n[20] = x) : x = n[20];
+	let S;
+	n[21] === i ? S = n[22] : (S = /* @__PURE__ */ g("div", {
+		className: Q,
+		children: [
+			/* @__PURE__ */ h(Ot, { editor: i }),
+			/* @__PURE__ */ h(Et, { editor: i }),
+			/* @__PURE__ */ h(Dt, { editor: i })
+		]
+	}), n[21] = i, n[22] = S);
+	let C;
+	n[23] === r ? C = n[24] : (C = r && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(t, { orientation: "vertical" }), /* @__PURE__ */ h("div", {
+		className: "_261ja31",
+		children: r
+	})] }), n[23] = r, n[24] = C);
+	let w;
+	return n[25] !== a || n[26] !== b || n[27] !== S || n[28] !== C || n[29] !== c || n[30] !== u || n[31] !== p ? (w = /* @__PURE__ */ g("div", {
+		className: $e,
+		children: [
+			a,
+			o,
+			c,
+			l,
+			u,
+			d,
+			p,
+			v,
+			b,
+			x,
+			S,
+			C
+		]
+	}), n[25] = a, n[26] = b, n[27] = S, n[28] = C, n[29] = c, n[30] = u, n[31] = p, n[32] = w) : w = n[32], w;
+};
+function At(e) {
+	let { editor: t } = e;
+	return t.isEditable && t.can().undo();
+}
+function jt(e) {
+	let { editor: t } = e;
+	return t.isEditable && t.can().redo();
+}
+function Mt(e) {
+	let { editor: t } = e;
+	return t.isEditable && ct(t);
+}
+//#endregion
+export { We as a, X as i, Z as n, Ze as r, kt as t };