@levo-so/studio 0.1.115 → 0.2.2

package/RichTextWidget-CStx2PMn.js

@@ -0,0 +1,748 @@
+"use client";
+import { t as e } from "./Button-lUfKisu8.js";
+import { i as t, o as n, t as r } from "./nodeAlignment-DS9_DLGB.js";
+import { t as i } from "./RteThemeProvider-DxYOzcck.js";
+import { n as a, r as o, t as s } from "./CollectionField-CD6ok1A3.js";
+import { i as c, n as l, r as u, t as d } from "./Tooltip-DTnCNEcE.js";
+import { a as f, i as p, n as m, o as h, r as g } from "./Popover-V2O1gz6N.js";
+import { c as _ } from "react/compiler-runtime";
+import { forwardRef as v, useEffect as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import w from "clsx";
+import { IconAlignCenter as T, IconAlignJustified as E, IconAlignLeft as D, IconAlignRight as ee, IconArrowBackUp as te, IconArrowForwardUp as O, IconBold as k, IconChevronDown as A, IconCode as j, IconCornerDownLeft as ne, IconExternalLink as M, IconH1 as N, IconH2 as re, IconH3 as P, IconH4 as F, IconH5 as I, IconH6 as L, IconItalic as R, IconLink as ie, IconList as z, IconListNumbers as B, IconPencil as V, IconPilcrow as H, IconRotate2 as U, IconStrikethrough as W, IconSubscript as G, IconSuperscript as K, IconTrash as q, IconUnderline as J } from "@tabler/icons-react";
+import { Subscript as Y } from "@tiptap/extension-subscript";
+import { Superscript as X } from "@tiptap/extension-superscript";
+import { Typography as Z } from "@tiptap/extension-typography";
+import { UniqueID as Q } from "@tiptap/extension-unique-id";
+import { AllSelection as ae, NodeSelection as oe, TextSelection as se } from "@tiptap/pm/state";
+import { useController as ce } from "react-hook-form";
+import { Placeholder as le, Selection as ue } from "@tiptap/extensions";
+import { StarterKit as de } from "@tiptap/starter-kit";
+import { EditorContent as fe, EditorContext as pe, useCurrentEditor as me, useEditor as he, useEditorState as ge } from "@tiptap/react";
+//#region ../../libraries/react-collection/dist/components/editor/extensionKit.js
+var _e = (e = { placeholder: "Write something ..." }) => [
+	de.configure({
+		blockquote: !1,
+		codeBlock: !1,
+		horizontalRule: !1,
+		dropcursor: { width: 2 },
+		link: {
+			openOnClick: !1,
+			HTMLAttributes: { target: "_blank" }
+		}
+	}),
+	le.configure({ placeholder: e?.placeholder }),
+	Z,
+	ue,
+	X,
+	Y,
+	r,
+	Q.configure({ types: [
+		"paragraph",
+		"heading",
+		"bulletList",
+		"orderedList"
+	] })
+], ve = "_261ja30", ye = "_261ja31", $ = v((t, n) => {
+	let r = _(27), i, a, o, s, c, f, p;
+	r[0] === t ? (i = r[1], a = r[2], o = r[3], s = r[4], c = r[5], f = r[6], p = r[7]) : ({label: s, Icon: i, isActive: o, iconSize: f, trailing: p, className: a, ...c} = t, r[0] = t, r[1] = i, r[2] = a, r[3] = o, r[4] = s, r[5] = c, r[6] = f, r[7] = p);
+	let m = f === void 0 ? 16 : f, h = o || void 0, g = o && "_1vaxhty0", v;
+	r[8] !== a || r[9] !== g ? (v = w(g, a), r[8] = a, r[9] = g, r[10] = v) : v = r[10];
+	let y;
+	r[11] !== i || r[12] !== m ? (y = /* @__PURE__ */ S(i, { size: m }), r[11] = i, r[12] = m, r[13] = y) : y = r[13];
+	let b;
+	r[14] !== s || r[15] !== c || r[16] !== n || r[17] !== h || r[18] !== v || r[19] !== y || r[20] !== p ? (b = /* @__PURE__ */ S(l, {
+		onPointerDown: be,
+		render: /* @__PURE__ */ C(e, {
+			ref: n,
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			tabIndex: -1,
+			"aria-label": s,
+			"aria-pressed": h,
+			className: v,
+			...c,
+			children: [y, p]
+		})
+	}), r[14] = s, r[15] = c, r[16] = n, r[17] = h, r[18] = v, r[19] = y, r[20] = p, r[21] = b) : b = r[21];
+	let x;
+	r[22] === s ? x = r[23] : (x = /* @__PURE__ */ S(u, { children: s }), r[22] = s, r[23] = x);
+	let T;
+	return r[24] !== b || r[25] !== x ? (T = /* @__PURE__ */ C(d, { children: [b, x] }), r[24] = b, r[25] = x, r[26] = T) : T = r[26], T;
+});
+$.displayName = "ToolbarButton";
+function be(e) {
+	return e.preventDefault();
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/editor/utils.js
+var xe = [
+	"paragraph",
+	"heading",
+	"bulletList",
+	"orderedList",
+	"taskList",
+	"codeBlock"
+], Se = [
+	"tableCell",
+	"tableHeader",
+	"quoteCaption",
+	"detailsSummary"
+], Ce = (e) => {
+	if (!e) return !1;
+	let { $from: t } = e.state.selection;
+	for (let e = t.depth; e > 0; e--) if (Se.includes(t.node(e).type.name)) return !0;
+	return !1;
+}, we = (e, t) => {
+	if (!e || t.length === 0) return !1;
+	let { selection: n } = e.state, r = new Set(t);
+	if (n instanceof oe) {
+		let e = n.node?.type?.name;
+		return !!e && r.has(e);
+	}
+	if (n instanceof se || n instanceof ae) {
+		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;
+}, Te = /[\0-\x20\xA0\u1680\u180E\u2000-\u2029\u205F\u3000]/g, Ee = [
+	"http",
+	"https",
+	"ftp",
+	"ftps",
+	"mailto",
+	"tel",
+	"callto",
+	"sms"
+], De = (e, t) => {
+	try {
+		let n = new URL(e, t), r = n.href.replace(Te, ""), i = RegExp(`^(?:(?:${Ee.join("|")}):|[^a-z]|[a-z0-9+.\\-]+(?:[^a-z+.\\-:]|$))`, "i");
+		if (r.match(i)) return n.href;
+	} catch {}
+	return "#";
+}, Oe = (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);
+}, ke = (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;
+}, Ae = "j67x6z0", je = "j67x6z1", Me = "_5pk5r80", Ne = (e) => {
+	let t = _(50), { editor: n } = e, [r, i] = b(!1), { isActive: a, currentUrl: o } = ge({
+		editor: n,
+		selector: Pe
+	}) ?? {
+		isActive: !1,
+		currentUrl: ""
+	}, [s, c] = b(o), v, x;
+	t[0] !== o || t[1] !== r ? (v = () => {
+		r && c(o);
+	}, x = [r, o], t[0] = o, t[1] = r, t[2] = v, t[3] = x) : (v = t[2], x = t[3]), y(v, x);
+	let w;
+	t[4] !== n || t[5] !== s ? (w = () => {
+		s && (n.chain().focus().extendMarkRange("link").setLink({ href: s }).run(), i(!1));
+	}, t[4] = n, t[5] = s, t[6] = w) : w = t[6];
+	let T = w, E;
+	t[7] === n ? E = t[8] : (E = () => {
+		n.chain().focus().extendMarkRange("link").unsetLink().run(), c(""), i(!1);
+	}, t[7] = n, t[8] = E);
+	let D = E, ee;
+	t[9] === s ? ee = t[10] : (ee = () => {
+		let e = De(s, window.location.href);
+		e !== "#" && window.open(e, "_blank", "noopener,noreferrer");
+	}, t[9] = s, t[10] = ee);
+	let te = ee, O;
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (O = (e) => {
+		e.preventDefault(), i(!0);
+	}, t[11] = O) : O = t[11];
+	let k;
+	t[12] === a ? k = t[13] : (k = /* @__PURE__ */ S(h, {
+		onPointerDown: Fe,
+		render: /* @__PURE__ */ S($, {
+			label: "Link",
+			Icon: ie,
+			isActive: a,
+			onClick: O
+		})
+	}), t[12] = a, t[13] = k);
+	let A;
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (A = (e) => c(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 N;
+	t[17] !== j || t[18] !== s ? (N = /* @__PURE__ */ S("input", {
+		className: je,
+		value: s,
+		onChange: A,
+		onKeyDown: j,
+		placeholder: "Paste a link..."
+	}), t[17] = j, t[18] = s, t[19] = N) : N = t[19];
+	let re = !s && !a, P;
+	t[20] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ S(ne, { size: 16 }), t[20] = P) : P = t[20];
+	let F;
+	t[21] !== T || t[22] !== re ? (F = /* @__PURE__ */ S(l, { render: /* @__PURE__ */ S("button", {
+		type: "button",
+		className: Me,
+		onClick: T,
+		disabled: re,
+		"aria-label": "Apply link",
+		children: P
+	}) }), t[21] = T, t[22] = re, t[23] = F) : F = t[23];
+	let I;
+	t[24] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ S(u, { children: "Apply link" }), t[24] = I) : I = t[24];
+	let L;
+	t[25] === F ? L = t[26] : (L = /* @__PURE__ */ C(d, { children: [F, I] }), t[25] = F, t[26] = L);
+	let R = !s && !a, z;
+	t[27] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ S(M, { size: 16 }), t[27] = z) : z = t[27];
+	let B;
+	t[28] !== te || t[29] !== R ? (B = /* @__PURE__ */ S(l, { render: /* @__PURE__ */ S("button", {
+		type: "button",
+		className: Me,
+		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__ */ S(u, { children: "Open in new window" }), t[31] = V) : V = t[31];
+	let H;
+	t[32] === B ? H = t[33] : (H = /* @__PURE__ */ C(d, { children: [B, V] }), t[32] = B, t[33] = H);
+	let U = !s && !a, W;
+	t[34] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ S(q, { size: 16 }), t[34] = W) : W = t[34];
+	let G;
+	t[35] !== D || t[36] !== U ? (G = /* @__PURE__ */ S(l, { render: /* @__PURE__ */ S("button", {
+		type: "button",
+		className: Me,
+		onClick: D,
+		disabled: U,
+		"aria-label": "Remove link",
+		children: W
+	}) }), t[35] = D, t[36] = U, t[37] = G) : G = t[37];
+	let K;
+	t[38] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ S(u, { children: "Remove link" }), t[38] = K) : K = t[38];
+	let J;
+	t[39] === G ? J = t[40] : (J = /* @__PURE__ */ C(d, { children: [G, K] }), t[39] = G, t[40] = J);
+	let Y;
+	t[41] !== N || t[42] !== L || t[43] !== H || t[44] !== J ? (Y = /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(g, {
+		side: "bottom",
+		align: "center",
+		children: /* @__PURE__ */ C(f.Popup, {
+			className: Ae,
+			children: [
+				N,
+				L,
+				H,
+				J
+			]
+		})
+	}) }), t[41] = N, t[42] = L, t[43] = H, t[44] = J, t[45] = Y) : Y = t[45];
+	let X;
+	return t[46] !== r || t[47] !== Y || t[48] !== k ? (X = /* @__PURE__ */ C(m, {
+		open: r,
+		onOpenChange: i,
+		children: [k, Y]
+	}), t[46] = r, t[47] = Y, t[48] = k, t[49] = X) : X = t[49], X;
+};
+function Pe(e) {
+	let { editor: t } = e;
+	return {
+		isActive: t.isActive("link"),
+		currentUrl: t.getAttributes("link")?.href ?? ""
+	};
+}
+function Fe(e) {
+	return e.preventDefault();
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/editor/menus/TurnIntoMenu.cssm.js
+var Ie = "_1keigwl0", Le = "_1keigwl1 _5pk5r80", Re = (e) => (t) => t.chain().focus().setHeading({ level: e }).run(), ze = [
+	{
+		type: "paragraph",
+		label: "Text",
+		Icon: H,
+		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: N,
+		isActive: (e) => e.isActive("heading", { level: 1 }),
+		canApply: (e) => e.can().setHeading({ level: 1 }) || e.can().clearNodes(),
+		apply: Re(1)
+	},
+	{
+		type: "heading_2",
+		label: "Heading 2",
+		Icon: re,
+		isActive: (e) => e.isActive("heading", { level: 2 }),
+		canApply: (e) => e.can().setHeading({ level: 2 }) || e.can().clearNodes(),
+		apply: Re(2)
+	},
+	{
+		type: "heading_3",
+		label: "Heading 3",
+		Icon: P,
+		isActive: (e) => e.isActive("heading", { level: 3 }),
+		canApply: (e) => e.can().setHeading({ level: 3 }) || e.can().clearNodes(),
+		apply: Re(3)
+	},
+	{
+		type: "heading_4",
+		label: "Heading 4",
+		Icon: F,
+		isActive: (e) => e.isActive("heading", { level: 4 }),
+		canApply: (e) => e.can().setHeading({ level: 4 }) || e.can().clearNodes(),
+		apply: Re(4)
+	},
+	{
+		type: "heading_5",
+		label: "Heading 5",
+		Icon: I,
+		isActive: (e) => e.isActive("heading", { level: 5 }),
+		canApply: (e) => e.can().setHeading({ level: 5 }) || e.can().clearNodes(),
+		apply: Re(5)
+	},
+	{
+		type: "heading_6",
+		label: "Heading 6",
+		Icon: L,
+		isActive: (e) => e.isActive("heading", { level: 6 }),
+		canApply: (e) => e.can().setHeading({ level: 6 }) || e.can().clearNodes(),
+		apply: Re(6)
+	},
+	{
+		type: "bulletList",
+		label: "Bullet List",
+		Icon: z,
+		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: B,
+		isActive: (e) => e.isActive("orderedList"),
+		canApply: (e) => e.can().toggleOrderedList() || e.can().clearNodes(),
+		apply: (e) => e.chain().focus().toggleOrderedList().run()
+	}
+], Be = (e) => {
+	let t = _(19), { editor: n } = e, [r, i] = b(!1), { activeBlock: a, canConvert: o, structural: s } = ge({
+		editor: n,
+		selector: Ve
+	}) ?? {
+		activeBlock: null,
+		canConvert: !1,
+		structural: !1
+	}, c = a?.Icon ?? V, l = a?.label ?? "Turn Into", u = s || !o, d, v;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ S(A, { size: 12 }), v = (e) => {
+		e.preventDefault(), i(!0);
+	}, t[0] = d, t[1] = v) : (d = t[0], v = t[1]);
+	let y;
+	t[2] !== c || t[3] !== u || t[4] !== l ? (y = /* @__PURE__ */ S(h, {
+		onPointerDown: He,
+		render: /* @__PURE__ */ S($, {
+			label: l,
+			Icon: c,
+			disabled: u,
+			trailing: d,
+			onClick: v
+		})
+	}), t[2] = c, t[3] = u, t[4] = l, t[5] = y) : y = t[5];
+	let x;
+	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__ */ C("button", {
+			type: "button",
+			className: Le,
+			disabled: !e.canApply(n),
+			onClick: () => {
+				e.apply(n), i(!1);
+			},
+			children: [/* @__PURE__ */ S(e.Icon, { size: 16 }), /* @__PURE__ */ S("span", { children: e.label })]
+		}, e.type), t[11] = n, t[12] = r), x = ze.filter(e).map(r), t[6] = a?.type, t[7] = n, t[8] = x;
+	} else x = t[8];
+	let w;
+	t[13] === x ? w = t[14] : (w = /* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(g, {
+		side: "bottom",
+		align: "start",
+		children: /* @__PURE__ */ S(f.Popup, {
+			className: Ie,
+			children: x
+		})
+	}) }), t[13] = x, t[14] = w);
+	let T;
+	return t[15] !== r || t[16] !== y || t[17] !== w ? (T = /* @__PURE__ */ C(m, {
+		open: r,
+		onOpenChange: i,
+		children: [y, w]
+	}), t[15] = r, t[16] = y, t[17] = w, t[18] = T) : T = t[18], T;
+};
+function Ve(e) {
+	let { editor: t } = e;
+	return {
+		activeBlock: ze.find((e) => e.isActive(t)) ?? null,
+		canConvert: we(t, xe),
+		structural: Ce(t)
+	};
+}
+function He(e) {
+	return e.preventDefault();
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/editor/Toolbar.js
+var Ue = [
+	{
+		mark: "bold",
+		label: "Bold",
+		Icon: k
+	},
+	{
+		mark: "italic",
+		label: "Italic",
+		Icon: R
+	},
+	{
+		mark: "underline",
+		label: "Underline",
+		Icon: J
+	},
+	{
+		mark: "strike",
+		label: "Strike",
+		Icon: W
+	},
+	{
+		mark: "code",
+		label: "Code",
+		Icon: j
+	}
+], We = [{
+	mark: "superscript",
+	label: "Superscript",
+	Icon: K
+}, {
+	mark: "subscript",
+	label: "Subscript",
+	Icon: G
+}], Ge = [
+	{
+		align: "left",
+		label: "Align left",
+		Icon: D
+	},
+	{
+		align: "center",
+		label: "Align center",
+		Icon: T
+	},
+	{
+		align: "right",
+		label: "Align right",
+		Icon: ee
+	},
+	{
+		align: "justify",
+		label: "Align justify",
+		Icon: E
+	}
+], Ke = (e) => {
+	let t = _(9), { editor: n, mark: r, label: i, Icon: a } = e, { isActive: o, canExecute: s } = ge({
+		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__ */ S($, {
+		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;
+}, qe = (e) => {
+	let t = _(9), { editor: n, align: r, label: i, Icon: a } = e, { isActive: o, canExecute: s } = ge({
+		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__ */ S($, {
+		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;
+}, Je = (e) => {
+	let t = _(5), { editor: n } = e, r = !(ge({
+		editor: n,
+		selector: Qe
+	}) ?? !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__ */ S($, {
+		label: "Undo",
+		Icon: te,
+		disabled: r,
+		onClick: i
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}, Ye = (e) => {
+	let t = _(5), { editor: n } = e, r = !(ge({
+		editor: n,
+		selector: $e
+	}) ?? !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__ */ S($, {
+		label: "Redo",
+		Icon: O,
+		disabled: r,
+		onClick: i
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}, Xe = (e) => {
+	let t = _(5), { editor: n } = e, r = !(ge({
+		editor: n,
+		selector: et
+	}) ?? !1), i;
+	t[0] === n ? i = t[1] : (i = () => Oe(n), t[0] = n, t[1] = i);
+	let a;
+	return t[2] !== r || t[3] !== i ? (a = /* @__PURE__ */ S($, {
+		label: "Reset formatting",
+		Icon: U,
+		disabled: r,
+		onClick: i
+	}), t[2] = r, t[3] = i, t[4] = a) : a = t[4], a;
+}, Ze = (e) => {
+	let t = _(33), { children: n } = e, { editor: r } = me();
+	if (!r) return null;
+	let i;
+	t[0] === r ? i = t[1] : (i = /* @__PURE__ */ S("div", {
+		className: ye,
+		children: /* @__PURE__ */ S(Be, { editor: r })
+	}), t[0] = r, t[1] = i);
+	let o;
+	t[2] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ S(a, { orientation: "vertical" }), t[2] = o) : o = t[2];
+	let s;
+	t[3] === r ? s = t[4] : (s = Ue.map((e) => /* @__PURE__ */ S(Ke, {
+		editor: r,
+		...e
+	}, e.mark)), t[3] = r, t[4] = s);
+	let c;
+	t[5] === s ? c = t[6] : (c = /* @__PURE__ */ S("div", {
+		className: ye,
+		children: s
+	}), t[5] = s, t[6] = c);
+	let l;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ S(a, { orientation: "vertical" }), t[7] = l) : l = t[7];
+	let u;
+	t[8] === r ? u = t[9] : (u = /* @__PURE__ */ S("div", {
+		className: ye,
+		children: /* @__PURE__ */ S(Ne, { editor: r })
+	}), t[8] = r, t[9] = u);
+	let d;
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ S(a, { orientation: "vertical" }), t[10] = d) : d = t[10];
+	let f;
+	t[11] === r ? f = t[12] : (f = Ge.map((e) => /* @__PURE__ */ S(qe, {
+		editor: r,
+		...e
+	}, e.align)), t[11] = r, t[12] = f);
+	let p;
+	t[13] === f ? p = t[14] : (p = /* @__PURE__ */ S("div", {
+		className: ye,
+		children: f
+	}), t[13] = f, t[14] = p);
+	let m;
+	t[15] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ S(a, { orientation: "vertical" }), t[15] = m) : m = t[15];
+	let h;
+	t[16] === r ? h = t[17] : (h = We.map((e) => /* @__PURE__ */ S(Ke, {
+		editor: r,
+		...e
+	}, e.mark)), t[16] = r, t[17] = h);
+	let g;
+	t[18] === h ? g = t[19] : (g = /* @__PURE__ */ S("div", {
+		className: ye,
+		children: h
+	}), t[18] = h, t[19] = g);
+	let v;
+	t[20] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ S(a, { orientation: "vertical" }), t[20] = v) : v = t[20];
+	let y;
+	t[21] === r ? y = t[22] : (y = /* @__PURE__ */ C("div", {
+		className: ye,
+		children: [
+			/* @__PURE__ */ S(Xe, { editor: r }),
+			/* @__PURE__ */ S(Je, { editor: r }),
+			/* @__PURE__ */ S(Ye, { editor: r })
+		]
+	}), t[21] = r, t[22] = y);
+	let b;
+	t[23] === n ? b = t[24] : (b = n && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(a, { orientation: "vertical" }), /* @__PURE__ */ S("div", {
+		className: "_261ja31",
+		children: n
+	})] }), t[23] = n, t[24] = b);
+	let w;
+	return t[25] !== i || t[26] !== g || t[27] !== y || t[28] !== b || t[29] !== c || t[30] !== u || t[31] !== p ? (w = /* @__PURE__ */ C("div", {
+		className: ve,
+		children: [
+			i,
+			o,
+			c,
+			l,
+			u,
+			d,
+			p,
+			m,
+			g,
+			v,
+			y,
+			b
+		]
+	}), t[25] = i, t[26] = g, t[27] = y, t[28] = b, t[29] = c, t[30] = u, t[31] = p, t[32] = w) : w = t[32], w;
+};
+function Qe(e) {
+	let { editor: t } = e;
+	return t.isEditable && t.can().undo();
+}
+function $e(e) {
+	let { editor: t } = e;
+	return t.isEditable && t.can().redo();
+}
+function et(e) {
+	let { editor: t } = e;
+	return t.isEditable && ke(t);
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/widgets/richTextWidget/RichTextWidget.cssm.js
+var tt = "_1vx76w30", nt = "_1vx76w33", rt = "_1vx76w34", it = { style: t({ baseSpacing: ".875rem" }) }, at = (e) => {
+	let t = _(58), { field: r } = e, [l, u] = b(!1), { key: d, label: f, helper_text: p, readonly: m, placeholder: h } = r, g = d === void 0 ? "" : d, v = f === void 0 ? "" : f, x = p === void 0 ? "" : p, T = m === void 0 ? !1 : m, E;
+	t[0] === r ? E = t[1] : (E = o(r), t[0] = r, t[1] = E);
+	let D;
+	t[2] !== g || t[3] !== E ? (D = {
+		name: g,
+		rules: E
+	}, t[2] = g, t[3] = E, t[4] = D) : D = t[4];
+	let { field: ee, fieldState: te } = ce(D), { value: O, onBlur: k, onChange: A, disabled: j } = ee, ne = h || "Write something ...", M;
+	t[5] === ne ? M = t[6] : (M = _e({ placeholder: ne }), t[5] = ne, t[6] = M);
+	let N = O || "", re = !j && !T, P;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (P = { attributes: {
+		autocomplete: "off",
+		autocorrect: "off",
+		autocapitalize: "off",
+		class: n
+	} }, t[7] = P) : P = t[7];
+	let F;
+	t[8] === A ? F = t[9] : (F = (e) => {
+		let { editor: t } = e;
+		return A(t.getHTML());
+	}, t[8] = A, t[9] = F);
+	let I;
+	t[10] !== N || t[11] !== re || t[12] !== F || t[13] !== M ? (I = {
+		extensions: M,
+		content: N,
+		editable: re,
+		editorProps: P,
+		onUpdate: F,
+		immediatelyRender: !1
+	}, t[10] = N, t[11] = re, t[12] = F, t[13] = M, t[14] = I) : I = t[14];
+	let L = he(I), R;
+	t[15] !== L || t[16] !== l || t[17] !== O ? (R = () => {
+		L?.commands && !l && (L.commands.setContent(O || "", { emitUpdate: !1 }), u(!0));
+	}, t[15] = L, t[16] = l, t[17] = O, t[18] = R) : R = t[18];
+	let ie;
+	t[19] === O ? ie = t[20] : (ie = [O], t[19] = O, t[20] = ie), y(R, ie);
+	let z, B;
+	t[21] !== j || t[22] !== L || t[23] !== T ? (z = () => {
+		L && L.setEditable(!j && !T, !1);
+	}, B = [
+		L,
+		j,
+		T
+	], t[21] = j, t[22] = L, t[23] = T, t[24] = z, t[25] = B) : (z = t[24], B = t[25]), y(z, B);
+	let V, H;
+	t[26] !== L || t[27] !== k ? (V = () => {
+		if (L) return L.on("blur", k), () => {
+			L.off("blur", k);
+		};
+	}, H = [L, k], t[26] = L, t[27] = k, t[28] = V, t[29] = H) : (V = t[28], H = t[29]), y(V, H);
+	let U = te?.error?.message, W = !!r?.required, G = j && "_1vx76w31", K = T && "_1vx76w32", q;
+	t[30] !== G || t[31] !== K ? (q = w(tt, G, K), t[30] = G, t[31] = K, t[32] = q) : q = t[32];
+	let J;
+	t[33] === L ? J = t[34] : (J = { editor: L }, t[33] = L, t[34] = J);
+	let Y, X;
+	t[35] === Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ S(Ze, {}), X = /* @__PURE__ */ S(a, { orientation: "horizontal" }), t[35] = Y, t[36] = X) : (Y = t[35], X = t[36]);
+	let Z;
+	t[37] === L?.commands ? Z = t[38] : (Z = () => L?.commands.focus(), t[37] = L?.commands, t[38] = Z);
+	let Q;
+	t[39] === L ? Q = t[40] : (Q = /* @__PURE__ */ S(fe, { editor: L }), t[39] = L, t[40] = Q);
+	let ae;
+	t[41] !== Z || t[42] !== Q ? (ae = /* @__PURE__ */ C("div", {
+		className: nt,
+		children: [
+			Y,
+			X,
+			/* @__PURE__ */ S("div", {
+				className: rt,
+				onClick: Z,
+				children: Q
+			})
+		]
+	}), t[41] = Z, t[42] = Q, t[43] = ae) : ae = t[43];
+	let oe;
+	t[44] !== J || t[45] !== ae ? (oe = /* @__PURE__ */ S(i, {
+		theme: it,
+		children: /* @__PURE__ */ S(c, { children: /* @__PURE__ */ S(pe.Provider, {
+			value: J,
+			children: ae
+		}) })
+	}), t[44] = J, t[45] = ae, t[46] = oe) : oe = t[46];
+	let se;
+	t[47] !== q || t[48] !== oe ? (se = /* @__PURE__ */ S("div", {
+		className: q,
+		children: oe
+	}), t[47] = q, t[48] = oe, t[49] = se) : se = t[49];
+	let le;
+	return t[50] !== x || t[51] !== g || t[52] !== v || t[53] !== T || t[54] !== U || t[55] !== W || t[56] !== se ? (le = /* @__PURE__ */ S(s, {
+		error: U,
+		helperText: x,
+		readOnly: T,
+		label: v,
+		htmlFor: g,
+		isRequired: W,
+		children: se
+	}), t[50] = x, t[51] = g, t[52] = v, t[53] = T, t[54] = U, t[55] = W, t[56] = se, t[57] = le) : le = t[57], le;
+};
+//#endregion
+export { at as RichTextWidget, at as default };