@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/rich-text-input-D4bYNptk.es.js

@@ -0,0 +1,1212 @@
+import { r as e, t } from "./rolldown-runtime-B0aSnxlc.es.js";
+import { t as n } from "./useObjectRef-CiW-zdxU.es.js";
+import { t as r } from "./tooltip-CPnINhG2.es.js";
+import { t as i } from "./toolbar-WW8nNA6e.es.js";
+import { t as a } from "./keyboard-arrow-down-ksw3ME7J.es.js";
+import { n as o, t as s } from "./normalize-messages-migTwRpM.es.js";
+import { t as c } from "./box-CZyqYgLL.es.js";
+import { t as l } from "./icon-button-fydMHcRi.es.js";
+import { t as u } from "./group-MWMboo-e.es.js";
+import { l as d } from "./theme-B5nhOybu.es.js";
+import { t as f } from "./icon-toggle-button-CGqby0MG.es.js";
+import { t as p } from "./visually-hidden-lfimeNJV.es.js";
+import { t as m } from "./text-DYMFROSP.es.js";
+import { t as h } from "./separator--yw5hOeE.es.js";
+import { t as g } from "./menu-DEBzF1TL.es.js";
+import { t as _ } from "./toggle-button-group-CnxePcpq.es.js";
+import { t as v } from "./extract-style-props-YWZOestG.es.js";
+import { t as y } from "./merge-refs-C1GcH9iY.es.js";
+import { forwardRef as b, useCallback as x, useEffect as S, useImperativeHandle as C, useMemo as w, useRef as T, useState as ee } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { createSlotRecipeContext as O, useSlotRecipe as te } from "@chakra-ui/react/styled-system";
+import { Editor as k, Element as A, Range as j, Text as M, Transforms as N, createEditor as ne } from "slate";
+import { Editable as re, ReactEditor as P, Slate as ie, useSlate as F, useSlateSelection as ae, withReact as oe } from "slate-react";
+import { withHistory as se } from "slate-history";
+var ce = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z" })
+})), le = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5" })
+})), ue = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" })
+})), de = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z" })
+})), fe = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z" })
+})), pe = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M10 19h4v-3h-4zM5 4v3h5v3h4V7h5V4zM3 14h18v-2H3z" })
+})), me = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6m-7 2v2h14v-2z" })
+})), he = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" })
+})), ge = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16a8 8 0 0 1 7.6-5.5c1.95 0 3.73.72 5.12 1.88L13 16h9V7z" })
+})), _e = b((e, t) => E("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: E("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8" })
+})), { withProvider: ve, withContext: ye } = O({ key: "nimbusRichTextInput" }), be = ve("div", "root"), xe = ye("div", "toolbar"), Se = ye("div", "editable"), Ce = (e) => x((t) => () => {
+	let { selection: n } = e;
+	t(), n && !e.selection && N.select(e, n), P.isFocused(e) || P.focus(e);
+}, [e]), we = {
+	"mod+b": "bold",
+	"mod+i": "italic",
+	"mod+u": "underline",
+	"mod+`": "code"
+}, I = {
+	placeholder: "Start typing...",
+	isDisabled: !1,
+	isReadOnly: !1,
+	autoFocus: !1
+}, L = {
+	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"
+}, Te = {
+	strong: "bold",
+	b: "bold",
+	em: "italic",
+	i: "italic",
+	u: "underline",
+	code: "code",
+	sup: "superscript",
+	sub: "subscript",
+	del: "strikethrough",
+	s: "strikethrough"
+}, R = {
+	STRIKETHROUGH: "strikethrough",
+	CODE: "code",
+	SUPERSCRIPT: "superscript",
+	SUBSCRIPT: "subscript"
+}, Ee = [R.STRIKETHROUGH, R.CODE], De = [R.SUPERSCRIPT, R.SUBSCRIPT];
+R.SUPERSCRIPT, R.SUBSCRIPT;
+//#endregion
+//#region src/components/rich-text-input/constants/text-styles.ts
+var Oe = (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"
+		}
+	}
+], ke = [
+	"heading-one",
+	"heading-two",
+	"heading-three",
+	"heading-four",
+	"heading-five",
+	"block-quote"
+], z = /* @__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), Ae = "​\n", B = () => [{
+	type: "paragraph",
+	children: [{ text: "" }]
+}], je = (e) => e.map(Me).join(""), Me = (e) => {
+	if (M.isText(e)) {
+		let t = e, n = (0, z.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(Ae, "g"), "<br>"), n;
+	}
+	let t = e.children.map(Me).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 = "";
+			if (n.url) {
+				let t = Fe(n.url);
+				e = ` href="${(0, z.default)(t)}"`;
+			}
+			let r = "";
+			if (n.htmlAttributes && typeof n.htmlAttributes == "object") for (let [e, t] of Object.entries(n.htmlAttributes)) e.toLowerCase().startsWith("on") || (r += ` ${(0, z.default)(e)}="${(0, z.default)(String(t))}"`);
+			return `<a${e}${r}>${t}</a>`;
+		}
+		default: return t;
+	}
+}, V = (e) => {
+	if (!e || e.trim() === "") return B();
+	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 W(Array.from(t.childNodes).map(Ne).filter(Boolean));
+		}
+		return [{
+			type: "paragraph",
+			children: [{ text: e }]
+		}];
+	} catch (e) {
+		return console.warn("Failed to parse HTML:", e), B();
+	}
+}, Ne = (e) => {
+	if (e.nodeType === Node.TEXT_NODE) return (e.textContent || "").replace(/<br\s*\/?>/gi, Ae);
+	if (e.nodeType !== Node.ELEMENT_NODE) return null;
+	let t = e, n = t.tagName.toLowerCase(), r = Array.from(t.childNodes).map(Ne).filter(Boolean);
+	if (n in L) {
+		let e = L[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 = Pe(r), i;
+	}
+	if (n in Te) {
+		let e = Te[n];
+		return {
+			text: U(r),
+			[e]: !0
+		};
+	}
+	return { text: U(r) };
+}, Pe = (e) => {
+	let t = [];
+	for (let n of e) typeof n == "string" ? n.trim() && t.push({ text: n }) : (n && M.isText(n) || n && A.isElement(n)) && t.push(n);
+	return t.length === 0 && t.push({ text: "" }), t;
+}, H = (e) => e.children.map((e) => M.isText(e) ? e.text : A.isElement(e) ? H(e) : "").join(""), U = (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 ? H(e) : String(e || "")).join(""), Fe = (e) => {
+	let t = String(e).trim().toLowerCase();
+	return t.startsWith("javascript:") || t.startsWith("data:") || t.startsWith("vbscript:") ? "#" : String(e);
+}, W = (e) => !Array.isArray(e) || e.length === 0 ? B() : e.map((e) => A.isElement(e) ? !e.children || e.children.length === 0 ? {
+	...e,
+	children: [{ text: "" }]
+} : e : {
+	type: "paragraph",
+	children: [{ text: String(e) }]
+}), G = (e) => {
+	try {
+		let t = new URL(e);
+		return t.protocol === "http:" || t.protocol === "https:";
+	} catch {
+		return !1;
+	}
+}, K = ["bulleted-list", "numbered-list"], Ie = [
+	"bold",
+	"code",
+	"italic",
+	"underline",
+	"superscript",
+	"subscript",
+	"strikethrough"
+], q = (e) => Ie.includes(e), Le = (e, t) => q(t) ? e[t] === !0 : !1, J = (e, t) => {
+	let { selection: n } = e;
+	if (!n || j.isCollapsed(n)) {
+		let r = k.marks(e);
+		if (r && q(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 (M.isText(e) && q(t)) return e[t] === !0;
+			}
+		}
+		return !1;
+	}
+	try {
+		let r = Array.from(k.nodes(e, {
+			at: n,
+			match: (e) => M.isText(e)
+		}));
+		if (r.length === 0) {
+			let n = k.marks(e);
+			return !n || !q(t) ? !1 : n[t] === !0;
+		}
+		return r.every(([e]) => Le(e, t));
+	} catch {
+		let n = k.marks(e);
+		return !n || !q(t) ? !1 : n[t] === !0;
+	}
+}, Y = (e, t) => {
+	let { selection: n } = e;
+	if (n) {
+		let [r] = Array.from(k.nodes(e, {
+			at: k.unhangRange(e, n),
+			match: (e) => !k.isEditor(e) && A.isElement(e) && e.type === t
+		}));
+		return !!r;
+	}
+	return e.children.length > 0 && e.children[0].type === t;
+}, X = (e, t) => {
+	J(e, t) ? k.removeMark(e, t) : k.addMark(e, t, !0);
+}, Z = (e, t) => {
+	let n = Y(e, t), r = K.includes(t);
+	N.unwrapNodes(e, {
+		match: (e) => !k.isEditor(e) && A.isElement(e) && K.includes(e.type),
+		split: !0
+	});
+	let i;
+	if (i = n ? { type: "paragraph" } : r ? { type: "list-item" } : { type: t }, N.setNodes(e, i), !n && r) {
+		let n = {
+			type: t,
+			children: []
+		};
+		N.wrapNodes(e, n);
+	}
+}, Re = (e) => {
+	P.focus(e);
+}, ze = (e, t) => {
+	let n = V(t);
+	N.delete(e, { at: {
+		anchor: k.start(e, []),
+		focus: k.end(e, [])
+	} }), N.insertNodes(e, n), N.select(e, k.start(e, []));
+}, Be = (e) => {
+	let { insertData: t, insertText: n, isInline: r } = e;
+	return e.isInline = (e) => e.type === "link" || r(e), e.insertText = (t) => {
+		t && G(t) ? Q(e, t) : n(t);
+	}, e.insertData = (n) => {
+		let r = n.getData("text/plain");
+		r && G(r) ? Q(e, r) : t(n);
+	}, e;
+}, Ve = (e) => {
+	N.unwrapNodes(e, { match: (e) => !k.isEditor(e) && A.isElement(e) && e.type === "link" });
+}, Q = (e, t) => {
+	Y(e, "link") && Ve(e);
+	let { selection: n } = e, r = n && j.isCollapsed(n), i = {
+		type: "link",
+		url: t,
+		children: r ? [{ text: t }] : []
+	};
+	r ? N.insertNodes(e, i) : (N.wrapNodes(e, i, { split: !0 }), N.collapse(e, { edge: "end" }));
+}, He = ({ attributes: e, children: t, element: n }) => {
+	let r = n, i = { textAlign: r.align };
+	switch (r.type) {
+		case "block-quote": return /* @__PURE__ */ E("blockquote", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "bulleted-list": return /* @__PURE__ */ E("ul", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-one": return /* @__PURE__ */ E("h1", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-two": return /* @__PURE__ */ E("h2", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-three": return /* @__PURE__ */ E("h3", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-four": return /* @__PURE__ */ E("h4", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "heading-five": return /* @__PURE__ */ E("h5", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "list-item": return /* @__PURE__ */ E("li", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "numbered-list": return /* @__PURE__ */ E("ol", {
+			style: i,
+			...e,
+			children: t
+		});
+		case "link": return /* @__PURE__ */ E("a", {
+			...e,
+			href: r.url,
+			rel: "noopener noreferrer",
+			style: i,
+			children: t
+		});
+		default: return /* @__PURE__ */ E("p", {
+			style: i,
+			...e,
+			children: t
+		});
+	}
+}, Ue = ({ attributes: e, children: t, leaf: n }) => {
+	let r = n;
+	return r.bold && (t = /* @__PURE__ */ E("strong", { children: t })), r.code && (t = /* @__PURE__ */ E("code", { children: t })), r.italic && (t = /* @__PURE__ */ E("em", { children: t })), r.underline && (t = /* @__PURE__ */ E("u", { children: t })), r.strikethrough && (t = /* @__PURE__ */ E("del", { children: t })), r.superscript && (t = /* @__PURE__ */ E("sup", { children: t })), r.subscript && (t = /* @__PURE__ */ E("sub", { children: t })), /* @__PURE__ */ E("span", {
+		...e,
+		children: t
+	});
+}, $ = {
+	placeholderCharacter: "​\n",
+	serialize: (e) => e.replace(new RegExp($.placeholderCharacter, "g"), "<br>"),
+	deserialize: (e) => e.replace(/<br\s*\/?>/gi, $.placeholderCharacter)
+}, We = ({ withPreservedSelection: e }) => {
+	let t = F(), n = ae(), r = w(() => {
+		let e = [];
+		return Ee.forEach((n) => {
+			J(t, n) && e.push(n);
+		}), new Set(e);
+	}, [
+		n,
+		t.children,
+		k.marks(t)
+	]), i = w(() => {
+		let e = [];
+		return De.forEach((n) => {
+			J(t, n) && e.push(n);
+		}), new Set(e);
+	}, [
+		n,
+		t.children,
+		k.marks(t)
+	]), a = w(() => /* @__PURE__ */ 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 = J(t, "superscript") ? "superscript" : J(t, "subscript") ? "subscript" : null;
+					o.includes(n) && e && e !== n && X(t, e), X(t, n);
+				})() : e(() => X(t, n))();
+			});
+		}, [
+			t,
+			a,
+			e
+		])
+	};
+}, Ge = {
+	en: s({
+		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: s({
+		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: s({
+		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": s({
+		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": s({
+		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"
+	})
+}, Ke = ({ isDisabled: e = !1 }) => {
+	let t = o(Ge), { allSelectedKeys: n, handleAllSelectionChange: i } = We({ withPreservedSelection: Ce(F()) });
+	return /* @__PURE__ */ D(g.Root, {
+		selectionMode: "multiple",
+		selectedKeys: n,
+		onSelectionChange: i,
+		children: [/* @__PURE__ */ D(r.Root, {
+			delay: 0,
+			closeDelay: 0,
+			children: [/* @__PURE__ */ E(g.Trigger, {
+				asChild: !0,
+				children: /* @__PURE__ */ E(l, {
+					size: "xs",
+					variant: "ghost",
+					"aria-label": t.format("moreFormattingOptions"),
+					isDisabled: e,
+					onMouseDown: (e) => e.preventDefault(),
+					children: /* @__PURE__ */ E(he, {})
+				})
+			}), /* @__PURE__ */ E(r.Content, {
+				placement: "top",
+				children: t.format("moreStyles")
+			})]
+		}), /* @__PURE__ */ D(g.Content, { children: [
+			/* @__PURE__ */ E(g.Item, {
+				id: "strikethrough",
+				children: /* @__PURE__ */ D(c, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ E(pe, {}), /* @__PURE__ */ E(m, {
+						textStyle: "sm",
+						children: t.format("strikethrough")
+					})]
+				})
+			}),
+			/* @__PURE__ */ E(g.Item, {
+				id: "code",
+				children: /* @__PURE__ */ D(c, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ E(ce, {}), /* @__PURE__ */ E(m, {
+						textStyle: "sm",
+						children: t.format("code")
+					})]
+				})
+			}),
+			/* @__PURE__ */ E(g.Item, {
+				id: "superscript",
+				children: /* @__PURE__ */ D(c, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ E(m, { children: "X²" }), /* @__PURE__ */ E(m, {
+						textStyle: "sm",
+						children: t.format("superscript")
+					})]
+				})
+			}),
+			/* @__PURE__ */ E(g.Item, {
+				id: "subscript",
+				children: /* @__PURE__ */ D(c, {
+					slot: "label",
+					display: "flex",
+					alignItems: "center",
+					gap: "200",
+					children: [/* @__PURE__ */ E(m, { children: "X₂" }), /* @__PURE__ */ E(m, {
+						textStyle: "sm",
+						children: t.format("subscript")
+					})]
+				})
+			})
+		] })]
+	});
+}, qe = (/* @__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);
+			}
+		} 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;
+})))(), Je = ({ editor: e }) => ({ handleKeyDown: x((t) => {
+	if ((t.metaKey || t.ctrlKey) && t.key === "z") t.preventDefault(), t.shiftKey ? e.redo() : e.undo();
+	else {
+		for (let n in we) if ((0, qe.isHotkey)(n, t)) {
+			t.preventDefault();
+			let r = we[n];
+			X(e, r);
+			return;
+		}
+		t.shiftKey && t.key === "Enter" && (t.preventDefault(), e.insertText($.placeholderCharacter));
+	}
+}, [e]) }), Ye = function({ ref: e, editor: t, initialValue: r, onChange: i, onFocus: a, onBlur: o, placeholder: s = I.placeholder, isDisabled: c = I.isDisabled, isReadOnly: l = I.isReadOnly, autoFocus: u = I.autoFocus, toolbar: d }) {
+	let f = T(null), p = n(y(f, e)), { handleKeyDown: m } = Je({ editor: t }), h = x((e) => {
+		a && a(e);
+	}, [a]), g = x((e) => {
+		o && o(e);
+	}, [o]);
+	C(p, () => ({
+		focus: () => Re(t),
+		resetValue: (e) => ze(t, e)
+	}), [t]);
+	let _ = x((e) => /* @__PURE__ */ E(He, { ...e }), []), v = x((e) => /* @__PURE__ */ E(Ue, { ...e }), []), b = B(), S = Array.isArray(r) && r.length > 0 ? r : b;
+	return /* @__PURE__ */ D(ie, {
+		editor: t,
+		initialValue: S,
+		onChange: i,
+		children: [d && /* @__PURE__ */ E(xe, { children: d }), /* @__PURE__ */ E(Se, {
+			asChild: !0,
+			children: /* @__PURE__ */ E(re, {
+				renderElement: _,
+				renderLeaf: v,
+				placeholder: s,
+				autoFocus: u,
+				readOnly: l || c,
+				onKeyDown: m,
+				onFocus: h,
+				onBlur: g,
+				"aria-label": "Rich text editor",
+				role: "textbox",
+				"aria-multiline": "true"
+			})
+		})]
+	});
+};
+Ye.displayName = "RichTextEditor";
+//#endregion
+//#region src/components/rich-text-input/hooks/use-toolbar-state.ts
+var Xe = ({ withPreservedSelection: e, textStyles: t }) => {
+	let n = F(), r = ae(), i = w(() => ke.find((e) => Y(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(() => {
+				Z(n, t);
+			})();
+		}, [n, e]),
+		handleListToggle: x((t) => {
+			e(() => {
+				let e = Array.from(t)[0], r = Y(n, "bulleted-list") ? "bulleted-list" : Y(n, "numbered-list") ? "numbered-list" : null;
+				e ? Z(n, e) : r && Z(n, r);
+			})();
+		}, [n, e]),
+		selectedFormatKeys: w(() => {
+			let e = [];
+			return J(n, "bold") && e.push("bold"), J(n, "italic") && e.push("italic"), J(n, "underline") && e.push("underline"), new Set(e);
+		}, [
+			r,
+			n.children,
+			k.marks(n)
+		]),
+		selectedListKeys: w(() => {
+			let e = [];
+			return Y(n, "bulleted-list") && e.push("bulleted-list"), Y(n, "numbered-list") && e.push("numbered-list"), new Set(e);
+		}, [r, n.children]),
+		hasUndos: w(() => n.history && n.history.undos.length > 0, [r, n.children]),
+		hasRedos: w(() => n.history && n.history.redos.length > 0, [r, n.children])
+	};
+}, Ze = ({ isDisabled: e = !1 }) => {
+	let t = o(Ge), n = F(), s = Ce(n), d = Oe(t.format), { currentTextStyle: v, selectedTextStyleLabel: y, handleTextStyleChange: b, handleListToggle: x, selectedFormatKeys: S, selectedListKeys: C, hasUndos: w, hasRedos: T } = Xe({
+		withPreservedSelection: s,
+		textStyles: d
+	});
+	return /* @__PURE__ */ D(i, {
+		orientation: "horizontal",
+		"aria-label": t.format("textFormatting"),
+		width: "full",
+		overflow: "hidden",
+		size: "xs",
+		children: [
+			/* @__PURE__ */ E(u, { children: /* @__PURE__ */ D(g.Root, {
+				onAction: (e) => b(String(e)),
+				children: [/* @__PURE__ */ D(r.Root, {
+					delay: 0,
+					closeDelay: 0,
+					children: [/* @__PURE__ */ E(g.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__ */ D(c, {
+							display: "flex",
+							alignItems: "center",
+							gap: "200",
+							px: "200",
+							children: [/* @__PURE__ */ E(c, {
+								display: "flex",
+								alignItems: "center",
+								gap: "200",
+								flexGrow: "1",
+								children: /* @__PURE__ */ E(m, {
+									my: "auto",
+									textStyle: "sm",
+									fontWeight: "500",
+									children: y
+								})
+							}), /* @__PURE__ */ E(a, {})]
+						})
+					}), /* @__PURE__ */ E(r.Content, {
+						placement: "top",
+						children: t.format("textStyle")
+					})]
+				}), /* @__PURE__ */ E(g.Content, { children: d.map((e) => /* @__PURE__ */ E(g.Item, {
+					id: e.id,
+					...v === e.id && { "data-state": "checked" },
+					children: /* @__PURE__ */ E(m, {
+						...e.props,
+						children: e.label
+					})
+				}, e.id)) })]
+			}) }),
+			/* @__PURE__ */ E(h, { orientation: "vertical" }),
+			/* @__PURE__ */ D(_.Root, {
+				selectionMode: "multiple",
+				selectedKeys: S,
+				isDisabled: e,
+				children: [
+					/* @__PURE__ */ D(r.Root, {
+						delay: 0,
+						closeDelay: 0,
+						children: [/* @__PURE__ */ D(f, {
+							id: "bold",
+							size: "xs",
+							variant: "ghost",
+							"aria-label": t.format("bold"),
+							isDisabled: e,
+							onMouseDown: (e) => e.preventDefault(),
+							onPress: s(() => X(n, "bold")),
+							children: [/* @__PURE__ */ E(le, {}), /* @__PURE__ */ E(p, { children: t.format("bold") })]
+						}), /* @__PURE__ */ E(r.Content, {
+							placement: "top",
+							children: t.format("bold")
+						})]
+					}),
+					/* @__PURE__ */ D(r.Root, {
+						delay: 0,
+						closeDelay: 0,
+						children: [/* @__PURE__ */ D(f, {
+							id: "italic",
+							size: "xs",
+							variant: "ghost",
+							"aria-label": t.format("italic"),
+							isDisabled: e,
+							onMouseDown: (e) => e.preventDefault(),
+							onPress: s(() => X(n, "italic")),
+							children: [/* @__PURE__ */ E(ue, {}), /* @__PURE__ */ E(p, { children: t.format("italic") })]
+						}), /* @__PURE__ */ E(r.Content, {
+							placement: "top",
+							children: t.format("italic")
+						})]
+					}),
+					/* @__PURE__ */ D(r.Root, {
+						delay: 0,
+						closeDelay: 0,
+						children: [/* @__PURE__ */ D(f, {
+							id: "underline",
+							size: "xs",
+							variant: "ghost",
+							"aria-label": t.format("underline"),
+							isDisabled: e,
+							onMouseDown: (e) => e.preventDefault(),
+							onPress: s(() => X(n, "underline")),
+							children: [/* @__PURE__ */ E(me, {}), /* @__PURE__ */ E(p, { children: t.format("underline") })]
+						}), /* @__PURE__ */ E(r.Content, {
+							placement: "top",
+							children: t.format("underline")
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ E(Ke, { isDisabled: e }),
+			/* @__PURE__ */ E(h, { orientation: "vertical" }),
+			/* @__PURE__ */ D(_.Root, {
+				selectionMode: "single",
+				selectedKeys: C,
+				onSelectionChange: x,
+				"aria-label": t.format("listFormatting"),
+				isDisabled: e,
+				children: [/* @__PURE__ */ D(r.Root, {
+					delay: 0,
+					closeDelay: 0,
+					children: [/* @__PURE__ */ E(f, {
+						id: "bulleted-list",
+						size: "xs",
+						variant: "ghost",
+						"aria-label": t.format("bulletedList"),
+						isDisabled: e,
+						onMouseDown: (e) => e.preventDefault(),
+						children: /* @__PURE__ */ E(de, {})
+					}), /* @__PURE__ */ E(r.Content, {
+						placement: "top",
+						children: t.format("bulletedList")
+					})]
+				}), /* @__PURE__ */ D(r.Root, {
+					delay: 0,
+					closeDelay: 0,
+					children: [/* @__PURE__ */ E(f, {
+						id: "numbered-list",
+						size: "xs",
+						variant: "ghost",
+						"aria-label": t.format("numberedList"),
+						isDisabled: e,
+						onMouseDown: (e) => e.preventDefault(),
+						children: /* @__PURE__ */ E(fe, {})
+					}), /* @__PURE__ */ E(r.Content, {
+						placement: "top",
+						children: t.format("numberedList")
+					})]
+				})]
+			}),
+			/* @__PURE__ */ E(c, { flexGrow: "1" }),
+			/* @__PURE__ */ D(u, { children: [/* @__PURE__ */ D(r.Root, {
+				delay: 0,
+				closeDelay: 0,
+				children: [/* @__PURE__ */ D(l, {
+					size: "xs",
+					variant: "ghost",
+					"aria-label": t.format("undo"),
+					isDisabled: !w || e,
+					onPress: s(() => n.undo()),
+					onMouseDown: (e) => e.preventDefault(),
+					children: [/* @__PURE__ */ E(_e, {}), /* @__PURE__ */ E(p, { children: t.format("undo") })]
+				}), /* @__PURE__ */ E(r.Content, {
+					placement: "top",
+					children: t.format("undo")
+				})]
+			}), /* @__PURE__ */ D(r.Root, {
+				delay: 0,
+				closeDelay: 0,
+				children: [/* @__PURE__ */ D(l, {
+					size: "xs",
+					variant: "ghost",
+					"aria-label": t.format("redo"),
+					isDisabled: !T || e,
+					onPress: s(() => n.redo()),
+					onMouseDown: (e) => e.preventDefault(),
+					children: [/* @__PURE__ */ E(ge, {}), /* @__PURE__ */ E(p, { children: t.format("redo") })]
+				}), /* @__PURE__ */ E(r.Content, {
+					placement: "top",
+					children: t.format("redo")
+				})]
+			})] })
+		]
+	});
+};
+Ze.displayName = "RichTextToolbar";
+//#endregion
+//#region src/components/rich-text-input/rich-text-input.tsx
+var Qe = (e) => {
+	let { ref: t, value: n, defaultValue: r, onChange: i, onFocus: a, onBlur: o, placeholder: s = "", isDisabled: c = !1, isReadOnly: l = !1, isInvalid: u = !1, autoFocus: f = !1, ...p } = e, [m, h] = te({ recipe: d }).splitVariantProps({ ...p }), [g, _] = v(h), y = {
+		"data-disabled": c ? "true" : void 0,
+		"data-invalid": u ? "true" : void 0,
+		"data-readonly": l ? "true" : void 0
+	}, b = w(() => {
+		let e = ne();
+		return Be(se(oe(e)));
+	}, []), C = w(() => {
+		let e = n ?? r ?? "";
+		try {
+			return e ? V(e) : B();
+		} catch (e) {
+			return console.warn("Failed to parse initial HTML, using empty value:", e), B();
+		}
+	}, []), [D, O] = ee(() => n ?? r ?? ""), k = T(!1), A = T(null);
+	S(() => {
+		if (k.current || n === void 0 || n === D) {
+			k.current = !1;
+			return;
+		}
+		let e = W(n ? V(n) : B());
+		b.children = e, b.selection = null, b.history && (b.history.undos = [], b.history.redos = []), O(n), b.onChange();
+	}, [
+		n,
+		D,
+		b
+	]);
+	let j = x((e) => {
+		let t = je(e);
+		t !== D && (k.current = !0, O(t), i && i(t));
+	}, [D, i]), M = W(C);
+	return /* @__PURE__ */ E(be, {
+		role: "group",
+		...m,
+		...g,
+		..._,
+		...y,
+		ref: t,
+		children: /* @__PURE__ */ E(Ye, {
+			ref: A,
+			editor: b,
+			initialValue: M,
+			onChange: j,
+			onFocus: a,
+			onBlur: o,
+			placeholder: s,
+			isDisabled: c,
+			isReadOnly: l,
+			autoFocus: f,
+			toolbar: l ? null : /* @__PURE__ */ E(Ze, { isDisabled: c })
+		})
+	});
+};
+Qe.displayName = "RichTextInput";
+//#endregion
+export { Qe as t };
+
+//# sourceMappingURL=rich-text-input-D4bYNptk.es.js.map