@commercetools/nimbus 3.0.0 → 3.1.0

package/dist/chunks/rich-text-input-TDcXg9oW.esm.js

@@ -0,0 +1,1109 @@
+import { m as e, p as t } from "./CollectionBuilder-KjzRvxuG.esm.js";
+import { t as n } from "./useObjectRef-ClgudS2C.esm.js";
+import { t as r } from "./toolbar-DGpp3f_b.esm.js";
+import { t as i } from "./tooltip-Bw6cJssZ.esm.js";
+import { t as a } from "./icon-button-nyzcQ8NF.esm.js";
+import { c as o } from "./theme-CwhQYvW9.esm.js";
+import { t as s } from "./box-DQiakoKP.esm.js";
+import { n as c, t as l } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as u } from "./group-BflXprme.esm.js";
+import { t as d } from "./icon-toggle-button-Cesv0w4J.esm.js";
+import { t as f } from "./text-BKasY2HZ.esm.js";
+import { t as p } from "./visually-hidden-D2q0M5DH.esm.js";
+import { t as m } from "./separator-BPi3dkvY.esm.js";
+import { t as h } from "./menu-pwmZfDTZ.esm.js";
+import { t as g } from "./toggle-button-group-CJlATMdU.esm.js";
+import { t as _ } from "./extract-style-props-4RoFSvGV.esm.js";
+import { t as v } from "./merge-refs-C1GcH9iY.esm.js";
+import { createSlotRecipeContext as y, useSlotRecipe as b } from "@chakra-ui/react/styled-system";
+import { useCallback as x, useEffect as ee, useImperativeHandle as S, useMemo as C, useRef as w, useState as te } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Code as D, FormatBold as O, FormatItalic as k, FormatListBulleted as A, FormatListNumbered as j, FormatStrikethrough as ne, FormatUnderlined as re, KeyboardArrowDown as ie, MoreHoriz as ae, Redo as oe, Undo as se } from "@commercetools/nimbus-icons";
+import { Editor as M, Element as N, Range as ce, Text as P, Transforms as F, createEditor as le } from "slate";
+import { Editable as ue, ReactEditor as I, Slate as de, useSlate as L, useSlateSelection as R, withReact as fe } from "slate-react";
+import { withHistory as pe } from "slate-history";
+//#region src/components/rich-text-input/rich-text-input.slots.tsx
+var { withProvider: me, withContext: he } = y({ key: "nimbusRichTextInput" }), ge = me("div", "root"), _e = he("div", "toolbar"), ve = he("div", "editable"), ye = (e) => x((t) => () => {
+	let { selection: n } = e;
+	t(), n && !e.selection && F.select(e, n), I.isFocused(e) || I.focus(e);
+}, [e]), z = {
+	"mod+b": "bold",
+	"mod+i": "italic",
+	"mod+u": "underline",
+	"mod+`": "code"
+}, B = {
+	placeholder: "Start typing...",
+	isDisabled: !1,
+	isReadOnly: !1,
+	autoFocus: !1
+}, V = {
+	blockquote: "block-quote",
+	p: "paragraph",
+	pre: "code",
+	h1: "heading-one",
+	h2: "heading-two",
+	h3: "heading-three",
+	h4: "heading-four",
+	h5: "heading-five",
+	ul: "bulleted-list",
+	ol: "numbered-list",
+	li: "list-item",
+	a: "link"
+}, H = {
+	strong: "bold",
+	b: "bold",
+	em: "italic",
+	i: "italic",
+	u: "underline",
+	code: "code",
+	sup: "superscript",
+	sub: "subscript",
+	del: "strikethrough",
+	s: "strikethrough"
+}, U = {
+	STRIKETHROUGH: "strikethrough",
+	CODE: "code",
+	SUPERSCRIPT: "superscript",
+	SUBSCRIPT: "subscript"
+}, be = [U.STRIKETHROUGH, U.CODE], xe = [U.SUPERSCRIPT, U.SUBSCRIPT];
+U.SUPERSCRIPT, U.SUBSCRIPT;
+//#endregion
+//#region src/components/rich-text-input/constants/text-styles.ts
+var Se = (e) => [
+	{
+		id: "paragraph",
+		label: e("paragraph"),
+		props: {
+			textStyle: "md",
+			fontWeight: "500"
+		}
+	},
+	{
+		id: "heading-one",
+		label: e("headingOne"),
+		props: {
+			textStyle: "2xl",
+			fontWeight: "500"
+		}
+	},
+	{
+		id: "heading-two",
+		label: e("headingTwo"),
+		props: {
+			textStyle: "xl",
+			fontWeight: "500"
+		}
+	},
+	{
+		id: "heading-three",
+		label: e("headingThree"),
+		props: {
+			textStyle: "lg",
+			fontWeight: "500"
+		}
+	},
+	{
+		id: "heading-four",
+		label: e("headingFour"),
+		props: {
+			textStyle: "md",
+			fontWeight: "500"
+		}
+	},
+	{
+		id: "heading-five",
+		label: e("headingFive"),
+		props: {
+			textStyle: "xs",
+			fontWeight: "500"
+		}
+	},
+	{
+		id: "block-quote",
+		label: e("quote"),
+		props: {
+			textStyle: "md",
+			fontWeight: "400"
+		}
+	}
+], Ce = [
+	"heading-one",
+	"heading-two",
+	"heading-three",
+	"heading-four",
+	"heading-five",
+	"block-quote"
+], W = /* @__PURE__ */ e((/* @__PURE__ */ t(((e, t) => {
+	var n = /["'&<>]/;
+	t.exports = r;
+	function r(e) {
+		var t = "" + e, r = n.exec(t);
+		if (!r) return t;
+		var i, a = "", o = 0, s = 0;
+		for (o = r.index; o < t.length; o++) {
+			switch (t.charCodeAt(o)) {
+				case 34:
+					i = "&quot;";
+					break;
+				case 38:
+					i = "&amp;";
+					break;
+				case 39:
+					i = "&#39;";
+					break;
+				case 60:
+					i = "&lt;";
+					break;
+				case 62:
+					i = "&gt;";
+					break;
+				default: continue;
+			}
+			s !== o && (a += t.substring(s, o)), s = o + 1, a += i;
+		}
+		return s === o ? a : a + t.substring(s, o);
+	}
+})))(), 1), we = "​\n", G = () => [{
+	type: "paragraph",
+	children: [{ text: "" }]
+}], Te = (e) => e.map(Ee).join(""), Ee = (e) => {
+	if (P.isText(e)) {
+		let t = e, n = (0, W.default)(t.text);
+		return t.bold && (n = `<strong>${n}</strong>`), t.code && (n = `<code>${n}</code>`), t.italic && (n = `<em>${n}</em>`), t.underline && (n = `<u>${n}</u>`), t.superscript && (n = `<sup>${n}</sup>`), t.subscript && (n = `<sub>${n}</sub>`), t.strikethrough && (n = `<del>${n}</del>`), n = n.replace(new RegExp(we, "g"), "<br>"), n;
+	}
+	let t = e.children.map(Ee).join(""), n = e;
+	switch (n.type) {
+		case "block-quote": return `<blockquote>${t}</blockquote>`;
+		case "paragraph": return `<p>${t}</p>`;
+		case "code": return `<pre><code>${t}</code></pre>`;
+		case "bulleted-list": return `<ul>${t}</ul>`;
+		case "numbered-list": return `<ol>${t}</ol>`;
+		case "list-item": return `<li>${t}</li>`;
+		case "heading-one": return `<h1>${t}</h1>`;
+		case "heading-two": return `<h2>${t}</h2>`;
+		case "heading-three": return `<h3>${t}</h3>`;
+		case "heading-four": return `<h4>${t}</h4>`;
+		case "heading-five": return `<h5>${t}</h5>`;
+		case "link": {
+			let e = "";
+			n.url && (e = ` href="${(0, W.default)(je(n.url))}"`);
+			let r = "";
+			if (n.htmlAttributes && typeof n.htmlAttributes == "object") for (let [e, t] of Object.entries(n.htmlAttributes)) e.toLowerCase().startsWith("on") || (r += ` ${(0, W.default)(e)}="${(0, W.default)(String(t))}"`);
+			return `<a${e}${r}>${t}</a>`;
+		}
+		default: return t;
+	}
+}, K = (e) => {
+	if (!e || e.trim() === "") return G();
+	try {
+		if (e.includes("<p>") || e.includes("<h") || e.includes("<div>") || e.includes("<blockquote>") || e.includes("<ul>") || e.includes("<ol>")) {
+			let t = new DOMParser().parseFromString(e, "text/html").body;
+			return q(Array.from(t.childNodes).map(De).filter(Boolean));
+		} else return [{
+			type: "paragraph",
+			children: [{ text: e }]
+		}];
+	} catch (e) {
+		return console.warn("Failed to parse HTML:", e), G();
+	}
+}, De = (e) => {
+	if (e.nodeType === Node.TEXT_NODE) return (e.textContent || "").replace(/<br\s*\/?>/gi, we);
+	if (e.nodeType !== Node.ELEMENT_NODE) return null;
+	let t = e, n = t.tagName.toLowerCase(), r = Array.from(t.childNodes).map(De).filter(Boolean);
+	if (n in V) {
+		let e = V[n], i = {
+			type: e,
+			children: []
+		};
+		if (e === "link") {
+			let e = t.getAttribute("href");
+			e && (i.url = e);
+			let n = {};
+			Array.from(t.attributes).forEach((e) => {
+				e.name !== "href" && !e.name.toLowerCase().startsWith("on") && (n[e.name] = e.value);
+			}), Object.keys(n).length > 0 && (i.htmlAttributes = n);
+		}
+		return i.children = Oe(r), i;
+	}
+	if (n in H) {
+		let e = H[n];
+		return {
+			text: Ae(r),
+			[e]: !0
+		};
+	}
+	return { text: Ae(r) };
+}, Oe = (e) => {
+	let t = [];
+	for (let n of e) typeof n == "string" ? n.trim() && t.push({ text: n }) : (n && P.isText(n) || n && N.isElement(n)) && t.push(n);
+	return t.length === 0 && t.push({ text: "" }), t;
+}, ke = (e) => e.children.map((e) => P.isText(e) ? e.text : N.isElement(e) ? ke(e) : "").join(""), Ae = (e) => e.filter(Boolean).map((e) => typeof e == "string" ? e : e && typeof e == "object" && "text" in e ? e.text : e && typeof e == "object" && "children" in e ? ke(e) : String(e || "")).join(""), je = (e) => {
+	let t = String(e).trim().toLowerCase();
+	return t.startsWith("javascript:") || t.startsWith("data:") || t.startsWith("vbscript:") ? "#" : String(e);
+}, q = (e) => !Array.isArray(e) || e.length === 0 ? G() : e.map((e) => N.isElement(e) ? !e.children || e.children.length === 0 ? {
+	...e,
+	children: [{ text: "" }]
+} : e : {
+	type: "paragraph",
+	children: [{ text: String(e) }]
+}), Me = (e) => {
+	try {
+		let t = new URL(e);
+		return t.protocol === "http:" || t.protocol === "https:";
+	} catch {
+		return !1;
+	}
+}, Ne = ["bulleted-list", "numbered-list"], Pe = [
+	"bold",
+	"code",
+	"italic",
+	"underline",
+	"superscript",
+	"subscript",
+	"strikethrough"
+], J = (e) => Pe.includes(e), Fe = (e, t) => J(t) ? e[t] === !0 : !1, Y = (e, t) => {
+	let { selection: n } = e;
+	if (!n || ce.isCollapsed(n)) {
+		let r = M.marks(e);
+		if (r && J(t)) return r[t] === !0;
+		if (!n && e.children.length > 0) {
+			let n = e.children[0];
+			if (n.children && n.children.length > 0) {
+				let e = n.children[0];
+				if (P.isText(e) && J(t)) return e[t] === !0;
+			}
+		}
+		return !1;
+	}
+	try {
+		let r = Array.from(M.nodes(e, {
+			at: n,
+			match: (e) => P.isText(e)
+		}));
+		if (r.length === 0) {
+			let n = M.marks(e);
+			return !n || !J(t) ? !1 : n[t] === !0;
+		}
+		return r.every(([e]) => Fe(e, t));
+	} catch {
+		let n = M.marks(e);
+		return !n || !J(t) ? !1 : n[t] === !0;
+	}
+}, X = (e, t) => {
+	let { selection: n } = e;
+	if (n) {
+		let [r] = Array.from(M.nodes(e, {
+			at: M.unhangRange(e, n),
+			match: (e) => !M.isEditor(e) && N.isElement(e) && e.type === t
+		}));
+		return !!r;
+	}
+	return e.children.length > 0 ? e.children[0].type === t : !1;
+}, Z = (e, t) => {
+	Y(e, t) ? M.removeMark(e, t) : M.addMark(e, t, !0);
+}, Q = (e, t) => {
+	let n = X(e, t), r = Ne.includes(t);
+	F.unwrapNodes(e, {
+		match: (e) => !M.isEditor(e) && N.isElement(e) && Ne.includes(e.type),
+		split: !0
+	});
+	let i;
+	if (i = n ? { type: "paragraph" } : r ? { type: "list-item" } : { type: t }, F.setNodes(e, i), !n && r) {
+		let n = {
+			type: t,
+			children: []
+		};
+		F.wrapNodes(e, n);
+	}
+}, Ie = (e) => {
+	I.focus(e);
+}, Le = (e, t) => {
+	let n = K(t);
+	F.delete(e, { at: {
+		anchor: M.start(e, []),
+		focus: M.end(e, [])
+	} }), F.insertNodes(e, n), F.select(e, M.start(e, []));
+}, Re = (e) => {
+	let { insertData: t, insertText: n, isInline: r } = e;
+	return e.isInline = (e) => e.type === "link" ? !0 : r(e), e.insertText = (t) => {
+		t && Me(t) ? Be(e, t) : n(t);
+	}, e.insertData = (n) => {
+		let r = n.getData("text/plain");
+		r && Me(r) ? Be(e, r) : t(n);
+	}, e;
+}, ze = (e) => {
+	F.unwrapNodes(e, { match: (e) => !M.isEditor(e) && N.isElement(e) && e.type === "link" });
+}, Be = (e, t) => {
+	X(e, "link") && ze(e);
+	let { selection: n } = e, r = n && ce.isCollapsed(n), i = {
+		type: "link",
+		url: t,
+		children: r ? [{ text: t }] : []
+	};
+	r ? F.insertNodes(e, i) : (F.wrapNodes(e, i, { split: !0 }), F.collapse(e, { edge: "end" }));
+}, Ve = ({ attributes: e, children: t, element: n }) => {
+	let r = n, i = { textAlign: r.align };
+	switch (r.type) {
+		case "block-quote": return /* @__PURE__ */ T("blockquote", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "bulleted-list": return /* @__PURE__ */ T("ul", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-one": return /* @__PURE__ */ T("h1", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-two": return /* @__PURE__ */ T("h2", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-three": return /* @__PURE__ */ T("h3", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-four": return /* @__PURE__ */ T("h4", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-five": return /* @__PURE__ */ T("h5", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "list-item": return /* @__PURE__ */ T("li", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "numbered-list": return /* @__PURE__ */ T("ol", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "link": return /* @__PURE__ */ T("a", {
+			...e,
+			href: r.url,
+			rel: "noopener noreferrer",
+			style: i,
+			children: t
+		});
+		default: return /* @__PURE__ */ T("p", {
+			style: i,
+			...e,
+			children: t
+		});
+	}
+}, He = ({ attributes: e, children: t, leaf: n }) => {
+	let r = n;
+	return r.bold && (t = /* @__PURE__ */ T("strong", { children: t })), r.code && (t = /* @__PURE__ */ T("code", { children: t })), r.italic && (t = /* @__PURE__ */ T("em", { children: t })), r.underline && (t = /* @__PURE__ */ T("u", { children: t })), r.strikethrough && (t = /* @__PURE__ */ T("del", { children: t })), r.superscript && (t = /* @__PURE__ */ T("sup", { children: t })), r.subscript && (t = /* @__PURE__ */ T("sub", { children: t })), /* @__PURE__ */ T("span", {
+		...e,
+		children: t
+	});
+}, $ = {
+	placeholderCharacter: "​\n",
+	serialize: (e) => e.replace(new RegExp($.placeholderCharacter, "g"), "<br>"),
+	deserialize: (e) => e.replace(/<br\s*\/?>/gi, $.placeholderCharacter)
+}, Ue = ({ withPreservedSelection: e }) => {
+	let t = L(), n = R(), r = C(() => {
+		let e = [];
+		return be.forEach((n) => {
+			Y(t, n) && e.push(n);
+		}), new Set(e);
+	}, [
+		n,
+		t.children,
+		M.marks(t)
+	]), i = C(() => {
+		let e = [];
+		return xe.forEach((n) => {
+			Y(t, n) && e.push(n);
+		}), new Set(e);
+	}, [
+		n,
+		t.children,
+		M.marks(t)
+	]), a = C(() => new Set([...Array.from(r), ...Array.from(i)]), [r, i]);
+	return {
+		selectedKeys: r,
+		selectedScriptKeys: i,
+		allSelectedKeys: a,
+		handleAllSelectionChange: x((n) => {
+			if (n === "all") return;
+			let r = Array.from(n), i = Array.from(a), o = r.filter((e) => !i.includes(e)), s = i.filter((e) => !r.includes(e));
+			[...o, ...s].forEach((n) => {
+				n === "superscript" || n === "subscript" ? e(() => {
+					let e = Y(t, "superscript") ? "superscript" : Y(t, "subscript") ? "subscript" : null;
+					o.includes(n) && e && e !== n && Z(t, e), Z(t, n);
+				})() : e(() => Z(t, n))();
+			});
+		}, [
+			t,
+			a,
+			e
+		])
+	};
+}, We = {
+	en: l({
+		bold: "Bold",
+		bulletedList: "Bulleted list",
+		code: "Code",
+		headingFive: "Heading 5",
+		headingFour: "Heading 4",
+		headingOne: "Heading 1",
+		headingThree: "Heading 3",
+		headingTwo: "Heading 2",
+		italic: "Italic",
+		listFormatting: "List formatting",
+		moreFormattingOptions: "More formatting options",
+		moreStyles: "More styles",
+		numberedList: "Numbered list",
+		paragraph: "Paragraph",
+		quote: "Quote",
+		redo: "Redo",
+		strikethrough: "Strikethrough",
+		subscript: "Subscript",
+		superscript: "Superscript",
+		textFormatting: "Text formatting",
+		textStyle: "Text style",
+		textStyleMenu: "Text style menu",
+		underline: "Underline",
+		undo: "Undo"
+	}),
+	de: l({
+		bold: "Fett",
+		bulletedList: "Aufzählungsliste",
+		code: "Code",
+		headingFive: "Überschrift 5",
+		headingFour: "Überschrift 4",
+		headingOne: "Überschrift 1",
+		headingThree: "Überschrift 3",
+		headingTwo: "Überschrift 2",
+		italic: "Kursiv",
+		listFormatting: "Listenformatierung",
+		moreFormattingOptions: "Weitere Formatierungsoptionen",
+		moreStyles: "Weitere Stile",
+		numberedList: "Nummerierte Liste",
+		paragraph: "Paragraph",
+		quote: "Zitat",
+		redo: "Wiederherstellen",
+		strikethrough: "Durchstreichen",
+		subscript: "Tiefgestellt",
+		superscript: "Hochgestellt",
+		textFormatting: "Textformatierung",
+		textStyle: "Textstil",
+		textStyleMenu: "Textstilmenü",
+		underline: "Unterstreichen",
+		undo: "Rückgängig machen"
+	}),
+	es: l({
+		bold: "Negrita",
+		bulletedList: "Lista no numerada",
+		code: "Código",
+		headingFive: "Encabezamiento 5",
+		headingFour: "Encabezamiento 4",
+		headingOne: "Encabezamiento 1",
+		headingThree: "Encabezamiento 3",
+		headingTwo: "Encabezamiento 2",
+		italic: "Cursiva",
+		listFormatting: "Formatear lista",
+		moreFormattingOptions: "Más opciones de formato",
+		moreStyles: "Más estilos",
+		numberedList: "Lista numerada",
+		paragraph: "Párrafo",
+		quote: "Presupuesto",
+		redo: "Repetir",
+		strikethrough: "Tachado",
+		subscript: "Subíndice",
+		superscript: "Índice superior",
+		textFormatting: "Formatear texto",
+		textStyle: "Estilo de texto",
+		textStyleMenu: "Menú de estilo de texto",
+		underline: "Subrayar",
+		undo: "Deshacer"
+	}),
+	"fr-FR": l({
+		bold: "Gras",
+		bulletedList: "Liste à puces",
+		code: "Code",
+		headingFive: "En-tête 5",
+		headingFour: "En-tête 4",
+		headingOne: "En-tête 1",
+		headingThree: "En-tête 3",
+		headingTwo: "En-tête 2",
+		italic: "Italique",
+		listFormatting: "Formatage de la liste",
+		moreFormattingOptions: "Plus d'options de formatage",
+		moreStyles: "Plus de styles",
+		numberedList: "Liste numérotée",
+		paragraph: "Paragraphe",
+		quote: "Citation",
+		redo: "Rétablir",
+		strikethrough: "Barré",
+		subscript: "Indice",
+		superscript: "Exposant",
+		textFormatting: "Formatage du texte",
+		textStyle: "Style de texte",
+		textStyleMenu: "Menu style de texte",
+		underline: "Souligné",
+		undo: "Annuler"
+	}),
+	"pt-BR": l({
+		bold: "Negrito",
+		bulletedList: "Lista com marcadores",
+		code: "Código",
+		headingFive: "Cabeçalho 5",
+		headingFour: "Cabeçalho 4",
+		headingOne: "Cabeçalho 1",
+		headingThree: "Cabeçalho 3",
+		headingTwo: "Cabeçalho 2",
+		italic: "Itálico",
+		listFormatting: "Formatação de lista",
+		moreFormattingOptions: "Mais opções de formatação",
+		moreStyles: "Mais estilos",
+		numberedList: "Lista numerada",
+		paragraph: "Parágrafo",
+		quote: "Cotação",
+		redo: "Refazer",
+		strikethrough: "Tachado",
+		subscript: "Subscrito",
+		superscript: "Sobrescrito",
+		textFormatting: "Formatação de texto",
+		textStyle: "Estilo de texto",
+		textStyleMenu: "Menu de estilo de texto",
+		underline: "Sublinhado",
+		undo: "Desfazer"
+	})
+}, Ge = ({ isDisabled: e = !1 }) => {
+	let t = c(We), { allSelectedKeys: n, handleAllSelectionChange: r } = Ue({ withPreservedSelection: ye(L()) });
+	return /* @__PURE__ */ E(h.Root, {
+		selectionMode: "multiple",
+		selectedKeys: n,
+		onSelectionChange: r,
+		children: [/* @__PURE__ */ E(i.Root, {
+			delay: 0,
+			closeDelay: 0,
+			children: [/* @__PURE__ */ T(h.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ T(a, {
+					size: "xs",
+					variant: "ghost",
+					"aria-label": t.format("moreFormattingOptions"),
+					isDisabled: e,
+					onMouseDown: (e) => e.preventDefault(),
+					children: /* @__PURE__ */ T(ae, {})
+				})
+			}), /* @__PURE__ */ T(i.Content, {
+				placement: "top",
+				children: t.format("moreStyles")
+			})]
+		}), /* @__PURE__ */ E(h.Content, { children: [
+			/* @__PURE__ */ T(h.Item, {
+				id: "strikethrough",
+				children: /* @__PURE__ */ E(s, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ T(ne, {}), /* @__PURE__ */ T(f, {
+						textStyle: "sm",
+						children: t.format("strikethrough")
+					})]
+				})
+			}),
+			/* @__PURE__ */ T(h.Item, {
+				id: "code",
+				children: /* @__PURE__ */ E(s, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ T(D, {}), /* @__PURE__ */ T(f, {
+						textStyle: "sm",
+						children: t.format("code")
+					})]
+				})
+			}),
+			/* @__PURE__ */ T(h.Item, {
+				id: "superscript",
+				children: /* @__PURE__ */ E(s, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ T(f, { children: "X²" }), /* @__PURE__ */ T(f, {
+						textStyle: "sm",
+						children: t.format("superscript")
+					})]
+				})
+			}),
+			/* @__PURE__ */ T(h.Item, {
+				id: "subscript",
+				children: /* @__PURE__ */ E(s, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ T(f, { children: "X₂" }), /* @__PURE__ */ T(f, {
+						textStyle: "sm",
+						children: t.format("subscript")
+					})]
+				})
+			})
+		] })]
+	});
+}, Ke = (/* @__PURE__ */ t(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	for (var t = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform), n = {
+		alt: "altKey",
+		control: "ctrlKey",
+		meta: "metaKey",
+		shift: "shiftKey"
+	}, r = {
+		add: "+",
+		break: "pause",
+		cmd: "meta",
+		command: "meta",
+		ctl: "control",
+		ctrl: "control",
+		del: "delete",
+		down: "arrowdown",
+		esc: "escape",
+		ins: "insert",
+		left: "arrowleft",
+		mod: t ? "meta" : "control",
+		opt: "alt",
+		option: "alt",
+		return: "enter",
+		right: "arrowright",
+		space: " ",
+		spacebar: " ",
+		up: "arrowup",
+		win: "meta",
+		windows: "meta"
+	}, i = {
+		backspace: 8,
+		tab: 9,
+		enter: 13,
+		shift: 16,
+		control: 17,
+		alt: 18,
+		pause: 19,
+		capslock: 20,
+		escape: 27,
+		" ": 32,
+		pageup: 33,
+		pagedown: 34,
+		end: 35,
+		home: 36,
+		arrowleft: 37,
+		arrowup: 38,
+		arrowright: 39,
+		arrowdown: 40,
+		insert: 45,
+		delete: 46,
+		meta: 91,
+		numlock: 144,
+		scrolllock: 145,
+		";": 186,
+		"=": 187,
+		",": 188,
+		"-": 189,
+		".": 190,
+		"/": 191,
+		"`": 192,
+		"[": 219,
+		"\\": 220,
+		"]": 221,
+		"'": 222
+	}, a = 1; a < 20; a++) i["f" + a] = 111 + a;
+	function o(e, t, n) {
+		t && !("byKey" in t) && (n = t, t = null), Array.isArray(e) || (e = [e]);
+		var r = e.map(function(e) {
+			return s(e, t);
+		}), i = function(e) {
+			return r.some(function(t) {
+				return c(t, e);
+			});
+		};
+		return n == null ? i : i(n);
+	}
+	function s(e, t) {
+		var a = t && t.byKey, o = {};
+		e = e.replace("++", "+add");
+		var s = e.split("+"), c = s.length;
+		for (var d in n) o[n[d]] = !1;
+		var f = !0, p = !1, m = void 0;
+		try {
+			for (var h = s[Symbol.iterator](), g; !(f = (g = h.next()).done); f = !0) {
+				var _ = g.value, v = _.endsWith("?") && _.length > 1;
+				v && (_ = _.slice(0, -1));
+				var y = u(_), b = n[y];
+				if (_.length > 1 && !b && !r[_] && !i[y]) throw TypeError("Unknown modifier: \"" + _ + "\"");
+				(c === 1 || !b) && (a ? o.key = y : o.which = l(_)), b && (o[b] = v ? null : !0);
+			}
+		} catch (e) {
+			p = !0, m = e;
+		} finally {
+			try {
+				!f && h.return && h.return();
+			} finally {
+				if (p) throw m;
+			}
+		}
+		return o;
+	}
+	function c(e, t) {
+		for (var n in e) {
+			var r = e[n], i = void 0;
+			if (r != null && (i = n === "key" && t.key != null ? t.key.toLowerCase() : n === "which" ? r === 91 && t.which === 93 ? 91 : t.which : t[n], !(i == null && r === !1) && i !== r)) return !1;
+		}
+		return !0;
+	}
+	function l(e) {
+		return e = u(e), i[e] || e.toUpperCase().charCodeAt(0);
+	}
+	function u(e) {
+		return e = e.toLowerCase(), e = r[e] || e, e;
+	}
+	e.isHotkey = o;
+})))(), qe = ({ editor: e }) => ({ handleKeyDown: x((t) => {
+	if ((t.metaKey || t.ctrlKey) && t.key === "z") {
+		t.preventDefault(), t.shiftKey ? e.redo() : e.undo();
+		return;
+	}
+	for (let n in z) if ((0, Ke.isHotkey)(n, t)) {
+		t.preventDefault();
+		let r = z[n];
+		Z(e, r);
+		return;
+	}
+	if (t.shiftKey && t.key === "Enter") {
+		t.preventDefault(), e.insertText($.placeholderCharacter);
+		return;
+	}
+}, [e]) }), Je = function({ ref: e, editor: t, initialValue: r, onChange: i, onFocus: a, onBlur: o, placeholder: s = B.placeholder, isDisabled: c = B.isDisabled, isReadOnly: l = B.isReadOnly, autoFocus: u = B.autoFocus, toolbar: d }) {
+	let f = n(v(w(null), e)), { handleKeyDown: p } = qe({ editor: t }), m = x((e) => {
+		a && a(e);
+	}, [a]), h = x((e) => {
+		o && o(e);
+	}, [o]);
+	S(f, () => ({
+		focus: () => Ie(t),
+		resetValue: (e) => Le(t, e)
+	}), [t]);
+	let g = x((e) => /* @__PURE__ */ T(Ve, { ...e }), []), _ = x((e) => /* @__PURE__ */ T(He, { ...e }), []), y = G();
+	return /* @__PURE__ */ E(de, {
+		editor: t,
+		initialValue: Array.isArray(r) && r.length > 0 ? r : y,
+		onChange: i,
+		children: [d && /* @__PURE__ */ T(_e, { children: d }), /* @__PURE__ */ T(ve, {
+			asChild: !0,
+			children: /* @__PURE__ */ T(ue, {
+				renderElement: g,
+				renderLeaf: _,
+				placeholder: s,
+				autoFocus: u,
+				readOnly: l || c,
+				onKeyDown: p,
+				onFocus: m,
+				onBlur: h,
+				"aria-label": "Rich text editor",
+				role: "textbox",
+				"aria-multiline": "true"
+			})
+		})]
+	});
+};
+Je.displayName = "RichTextEditor";
+//#endregion
+//#region src/components/rich-text-input/hooks/use-toolbar-state.ts
+var Ye = ({ withPreservedSelection: e, textStyles: t }) => {
+	let n = L(), r = R(), i = C(() => Ce.find((e) => X(n, e)) || "paragraph", [r, n.children]), a = t.find((e) => e.id === i);
+	return {
+		currentTextStyle: i,
+		selectedTextStyle: a,
+		selectedTextStyleLabel: a?.label || "",
+		handleTextStyleChange: x((t) => {
+			e(() => {
+				Q(n, t);
+			})();
+		}, [n, e]),
+		handleListToggle: x((t) => {
+			e(() => {
+				let e = Array.from(t)[0], r = X(n, "bulleted-list") ? "bulleted-list" : X(n, "numbered-list") ? "numbered-list" : null;
+				e ? Q(n, e) : r && Q(n, r);
+			})();
+		}, [n, e]),
+		selectedFormatKeys: C(() => {
+			let e = [];
+			return Y(n, "bold") && e.push("bold"), Y(n, "italic") && e.push("italic"), Y(n, "underline") && e.push("underline"), new Set(e);
+		}, [
+			r,
+			n.children,
+			M.marks(n)
+		]),
+		selectedListKeys: C(() => {
+			let e = [];
+			return X(n, "bulleted-list") && e.push("bulleted-list"), X(n, "numbered-list") && e.push("numbered-list"), new Set(e);
+		}, [r, n.children]),
+		hasUndos: C(() => n.history && n.history.undos.length > 0, [r, n.children]),
+		hasRedos: C(() => n.history && n.history.redos.length > 0, [r, n.children])
+	};
+}, Xe = ({ isDisabled: e = !1 }) => {
+	let t = c(We), n = L(), o = ye(n), l = Se(t.format), { currentTextStyle: _, selectedTextStyleLabel: v, handleTextStyleChange: y, handleListToggle: b, selectedFormatKeys: x, selectedListKeys: ee, hasUndos: S, hasRedos: C } = Ye({
+		withPreservedSelection: o,
+		textStyles: l
+	});
+	return /* @__PURE__ */ E(r, {
+		orientation: "horizontal",
+		"aria-label": t.format("textFormatting"),
+		width: "full",
+		overflow: "hidden",
+		size: "xs",
+		children: [
+			/* @__PURE__ */ T(u, { children: /* @__PURE__ */ E(h.Root, {
+				onAction: (e) => y(String(e)),
+				children: [/* @__PURE__ */ E(i.Root, {
+					delay: 0,
+					closeDelay: 0,
+					children: [/* @__PURE__ */ T(h.Trigger, {
+						height: "800",
+						width: "4000",
+						bg: "primary.1",
+						borderRadius: "200",
+						_hover: { bg: "primary.2" },
+						isDisabled: e,
+						onMouseDown: (e) => e.preventDefault(),
+						"aria-label": t.format("textStyleMenu"),
+						children: /* @__PURE__ */ E(s, {
+							display: "flex",
+							alignItems: "center",
+							gap: "200",
+							px: "200",
+							children: [/* @__PURE__ */ T(s, {
+								display: "flex",
+								alignItems: "center",
+								gap: "200",
+								flexGrow: "1",
+								children: /* @__PURE__ */ T(f, {
+									my: "auto",
+									textStyle: "sm",
+									fontWeight: "500",
+									children: v
+								})
+							}), /* @__PURE__ */ T(ie, {})]
+						})
+					}), /* @__PURE__ */ T(i.Content, {
+						placement: "top",
+						children: t.format("textStyle")
+					})]
+				}), /* @__PURE__ */ T(h.Content, { children: l.map((e) => /* @__PURE__ */ T(h.Item, {
+					id: e.id,
+					..._ === e.id && { "data-state": "checked" },
+					children: /* @__PURE__ */ T(f, {
+						...e.props,
+						children: e.label
+					})
+				}, e.id)) })]
+			}) }),
+			/* @__PURE__ */ T(m, { orientation: "vertical" }),
+			/* @__PURE__ */ E(g.Root, {
+				selectionMode: "multiple",
+				selectedKeys: x,
+				isDisabled: e,
+				children: [
+					/* @__PURE__ */ E(i.Root, {
+						delay: 0,
+						closeDelay: 0,
+						children: [/* @__PURE__ */ E(d, {
+							id: "bold",
+							size: "xs",
+							variant: "ghost",
+							"aria-label": t.format("bold"),
+							isDisabled: e,
+							onMouseDown: (e) => e.preventDefault(),
+							onPress: o(() => Z(n, "bold")),
+							children: [/* @__PURE__ */ T(O, {}), /* @__PURE__ */ T(p, { children: t.format("bold") })]
+						}), /* @__PURE__ */ T(i.Content, {
+							placement: "top",
+							children: t.format("bold")
+						})]
+					}),
+					/* @__PURE__ */ E(i.Root, {
+						delay: 0,
+						closeDelay: 0,
+						children: [/* @__PURE__ */ E(d, {
+							id: "italic",
+							size: "xs",
+							variant: "ghost",
+							"aria-label": t.format("italic"),
+							isDisabled: e,
+							onMouseDown: (e) => e.preventDefault(),
+							onPress: o(() => Z(n, "italic")),
+							children: [/* @__PURE__ */ T(k, {}), /* @__PURE__ */ T(p, { children: t.format("italic") })]
+						}), /* @__PURE__ */ T(i.Content, {
+							placement: "top",
+							children: t.format("italic")
+						})]
+					}),
+					/* @__PURE__ */ E(i.Root, {
+						delay: 0,
+						closeDelay: 0,
+						children: [/* @__PURE__ */ E(d, {
+							id: "underline",
+							size: "xs",
+							variant: "ghost",
+							"aria-label": t.format("underline"),
+							isDisabled: e,
+							onMouseDown: (e) => e.preventDefault(),
+							onPress: o(() => Z(n, "underline")),
+							children: [/* @__PURE__ */ T(re, {}), /* @__PURE__ */ T(p, { children: t.format("underline") })]
+						}), /* @__PURE__ */ T(i.Content, {
+							placement: "top",
+							children: t.format("underline")
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ T(Ge, { isDisabled: e }),
+			/* @__PURE__ */ T(m, { orientation: "vertical" }),
+			/* @__PURE__ */ E(g.Root, {
+				selectionMode: "single",
+				selectedKeys: ee,
+				onSelectionChange: b,
+				"aria-label": t.format("listFormatting"),
+				isDisabled: e,
+				children: [/* @__PURE__ */ E(i.Root, {
+					delay: 0,
+					closeDelay: 0,
+					children: [/* @__PURE__ */ T(d, {
+						id: "bulleted-list",
+						size: "xs",
+						variant: "ghost",
+						"aria-label": t.format("bulletedList"),
+						isDisabled: e,
+						onMouseDown: (e) => e.preventDefault(),
+						children: /* @__PURE__ */ T(A, {})
+					}), /* @__PURE__ */ T(i.Content, {
+						placement: "top",
+						children: t.format("bulletedList")
+					})]
+				}), /* @__PURE__ */ E(i.Root, {
+					delay: 0,
+					closeDelay: 0,
+					children: [/* @__PURE__ */ T(d, {
+						id: "numbered-list",
+						size: "xs",
+						variant: "ghost",
+						"aria-label": t.format("numberedList"),
+						isDisabled: e,
+						onMouseDown: (e) => e.preventDefault(),
+						children: /* @__PURE__ */ T(j, {})
+					}), /* @__PURE__ */ T(i.Content, {
+						placement: "top",
+						children: t.format("numberedList")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ T(s, { flexGrow: "1" }),
+			/* @__PURE__ */ E(u, { children: [/* @__PURE__ */ E(i.Root, {
+				delay: 0,
+				closeDelay: 0,
+				children: [/* @__PURE__ */ E(a, {
+					size: "xs",
+					variant: "ghost",
+					"aria-label": t.format("undo"),
+					isDisabled: !S || e,
+					onPress: o(() => n.undo()),
+					onMouseDown: (e) => e.preventDefault(),
+					children: [/* @__PURE__ */ T(se, {}), /* @__PURE__ */ T(p, { children: t.format("undo") })]
+				}), /* @__PURE__ */ T(i.Content, {
+					placement: "top",
+					children: t.format("undo")
+				})]
+			}), /* @__PURE__ */ E(i.Root, {
+				delay: 0,
+				closeDelay: 0,
+				children: [/* @__PURE__ */ E(a, {
+					size: "xs",
+					variant: "ghost",
+					"aria-label": t.format("redo"),
+					isDisabled: !C || e,
+					onPress: o(() => n.redo()),
+					onMouseDown: (e) => e.preventDefault(),
+					children: [/* @__PURE__ */ T(oe, {}), /* @__PURE__ */ T(p, { children: t.format("redo") })]
+				}), /* @__PURE__ */ T(i.Content, {
+					placement: "top",
+					children: t.format("redo")
+				})]
+			})] })
+		]
+	});
+};
+Xe.displayName = "RichTextToolbar";
+//#endregion
+//#region src/components/rich-text-input/rich-text-input.tsx
+var Ze = (e) => {
+	let { ref: t, value: n, defaultValue: r, onChange: i, onFocus: a, onBlur: s, placeholder: c = "", isDisabled: l = !1, isReadOnly: u = !1, isInvalid: d = !1, autoFocus: f = !1, ...p } = e, [m, h] = b({ recipe: o }).splitVariantProps({ ...p }), [g, v] = _(h), y = {
+		"data-disabled": l ? "true" : void 0,
+		"data-invalid": d ? "true" : void 0,
+		"data-readonly": u ? "true" : void 0
+	}, S = C(() => Re(pe(fe(le()))), []), E = C(() => {
+		let e = n ?? r ?? "";
+		try {
+			return e ? K(e) : G();
+		} catch (e) {
+			return console.warn("Failed to parse initial HTML, using empty value:", e), G();
+		}
+	}, []), [D, O] = te(() => n ?? r ?? ""), k = w(!1), A = w(null);
+	ee(() => {
+		if (k.current || n === void 0 || n === D) {
+			k.current = !1;
+			return;
+		}
+		S.children = q(n ? K(n) : G()), S.selection = null, S.history && (S.history.undos = [], S.history.redos = []), O(n), S.onChange();
+	}, [
+		n,
+		D,
+		S
+	]);
+	let j = x((e) => {
+		let t = Te(e);
+		t !== D && (k.current = !0, O(t), i && i(t));
+	}, [D, i]), ne = q(E);
+	return /* @__PURE__ */ T(ge, {
+		role: "group",
+		...m,
+		...g,
+		...v,
+		...y,
+		ref: t,
+		children: /* @__PURE__ */ T(Je, {
+			ref: A,
+			editor: S,
+			initialValue: ne,
+			onChange: j,
+			onFocus: a,
+			onBlur: s,
+			placeholder: c,
+			isDisabled: l,
+			isReadOnly: u,
+			autoFocus: f,
+			toolbar: u ? null : /* @__PURE__ */ T(Xe, { isDisabled: l })
+		})
+	});
+};
+Ze.displayName = "RichTextInput";
+//#endregion
+export { Ze as t };
+
+//# sourceMappingURL=rich-text-input-TDcXg9oW.esm.js.map