@commercetools/nimbus 3.1.0 → 3.2.0

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

@@ -1,1109 +0,0 @@
-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