themelia-react-ui 1.0.1 → 2.0.0

package/dist/{receipt-BM8xsGFy.js.map → receipt-CV89q1fs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"receipt-BM8xsGFy.js","names":["NumberValue","cn","Text","Stack","Card","hasRenderableContent","Money","Number$1","paperClip","width","height","depth","inset","count","toothWidth","step","point","x","y","points","segment","Receipt","forwardRef","props","paper","useRef","clipPath","setClipPath","useState","toothDepth","element","update","rectangle","observer","children","header","footer","qrCode","hasFooter","className","shadow","ReceiptItems","items","item"],"sources":["../src/components/blocks/commerce/receipt/receipt.tsx","../src/components/blocks/commerce/receipt/receipt-items.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Card, hasRenderableContent } from '../../../base/cards';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\nimport type { ReceiptProps } from './types';\n\nfunction paperClip(width: number, height: number, depth: number, toothWidth: number) {\n\tif (!(width > 0 && height > 0 && depth > 0)) return undefined;\n\tconst inset = Math.min(depth, height / 4);\n\tconst count = Math.max(1, Math.min(1024, Math.round(width / toothWidth)));\n\tconst step = width / count;\n\tconst point = (x: number, y: number) => `${Number(x.toFixed(2))}px ${Number(y.toFixed(2))}px`;\n\tconst points: string[] = [point(0, inset)];\n\tfor (let segment = 0; segment < count; segment++) {\n\t\tpoints.push(point((segment + 0.5) * step, 0), point((segment + 1) * step, inset));\n\t}\n\tpoints.push(point(width, height - inset));\n\tfor (let segment = count - 1; segment >= 0; segment--) {\n\t\tpoints.push(point((segment + 0.5) * step, height), point(segment * step, height - inset));\n\t}\n\treturn `polygon(${points.join(', ')})`;\n}\n\n/** Explicit paper surface: Card owns all content insets; clipping is decorative geometry. */\nexport const Receipt = forwardRef<HTMLDivElement, ReceiptProps>(function Receipt({\n\tchildren, header, footer, qrCode, padding = 'md', toothDepth = 5, toothWidth = 8,\n\tshadow = true, className, ...props\n}, ref) {\n\tconst paper = useRef<HTMLDivElement>(null);\n\tconst [clipPath, setClipPath] = useState<string>();\n\tconst depth = Number.isFinite(toothDepth) ? Math.max(0, toothDepth) : 5;\n\tconst width = Number.isFinite(toothWidth) ? Math.max(2, toothWidth) : 8;\n\tuseEffect(() => {\n\t\tconst element = paper.current;\n\t\tif (!element) return;\n\t\tconst update = () => {\n\t\t\tconst rectangle = element.getBoundingClientRect();\n\t\t\tsetClipPath(paperClip(rectangle.width, rectangle.height, depth, width));\n\t\t};\n\t\tupdate();\n\t\tif (typeof ResizeObserver === 'undefined') {\n\t\t\twindow.addEventListener('resize', update);\n\t\t\treturn () => window.removeEventListener('resize', update);\n\t\t}\n\t\tconst observer = new ResizeObserver(update);\n\t\tobserver.observe(element);\n\t\treturn () => observer.disconnect();\n\t}, [depth, width, children, header, footer, qrCode]);\n\tconst hasFooter = hasRenderableContent(footer) || hasRenderableContent(qrCode);\n\treturn <div {...props} ref={ref} className={cn('receipt--component relative isolate w-full min-w-0', className)}>\n\t\t{shadow && <div aria-hidden=\"true\" className=\"receipt--shadow pointer-events-none absolute inset-x-0 rounded-radius shadow-sm\" style={{ insetBlock: depth }} />}\n\t\t<Card ref={paper} surface=\"flat\" padding={padding} headerStart={header}\n\t\t\tfooterSlot={hasFooter ? <Stack gap=\"normal\" align=\"center\" className=\"receipt--footer w-full min-w-0\">{qrCode}{footer}</Stack> : undefined}\n\t\t\tclassName=\"receipt--paper relative bg-card text-card-foreground\" style={{ clipPath }}>\n\t\t\t{children}\n\t\t</Card>\n\t</div>;\n});\n","import { Stack } from '../../../base/structure';\nimport { Money } from '../../../primitives/money';\nimport { Number as NumberValue } from '../../../primitives/number';\nimport { Text } from '../../../typography/text';\nimport { cn } from '../../../../lib/utils';\nimport type { ReceiptItemsProps } from './types';\n\nexport function ReceiptItems({ items, currency, locale, unit, minorUnitScale, formatMode, className, ...props }: ReceiptItemsProps) {\n\tif (items.length === 0) return null;\n\treturn <Stack {...props} gap=\"md\" className={cn('receipt-items--component min-w-0', className)}>\n\t\t{items.map(item => <Stack key={item.id} direction=\"horizontal\" gap=\"md\" justify=\"between\" align=\"start\" wrap={false} className=\"receipt-items--item min-w-0\">\n\t\t\t<Stack gap=\"dense\" className=\"receipt-items--copy min-w-0 flex-1\">\n\t\t\t\t<Text className=\"break-words [overflow-wrap:anywhere]\">{item.name} × <NumberValue value={item.quantity} locale={locale} align=\"left\" /></Text>\n\t\t\t\t{item.description != null && <Text size=\"xs\" type=\"secondary\" className=\"break-words [overflow-wrap:anywhere]\">{item.description}</Text>}\n\t\t\t</Stack>\n\t\t\t<Money amount={item.total ?? item.quantity * item.unitPrice} currency={currency} locale={locale} unit={unit} minorUnitScale={minorUnitScale} formatMode={formatMode} className=\"receipt-items--amount min-w-0 max-w-full whitespace-normal [overflow-wrap:anywhere]\" />\n\t\t</Stack>)}\n\t</Stack>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"receipt-CV89q1fs.js","names":["NumberValue","cn","Text","Stack","hasRenderableContent","Card","Money","Number$1","paperClip","width","height","depth","inset","count","toothWidth","step","point","x","y","points","segment","Receipt","forwardRef","props","paper","useRef","clipPath","setClipPath","useState","toothDepth","element","update","rectangle","observer","children","header","footer","qrCode","hasFooter","className","shadow","ReceiptItems","items","item"],"sources":["../src/components/blocks/commerce/receipt/receipt.tsx","../src/components/blocks/commerce/receipt/receipt-items.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Card, hasRenderableContent } from '../../../base/cards';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\nimport type { ReceiptProps } from './types';\n\nfunction paperClip(width: number, height: number, depth: number, toothWidth: number) {\n\tif (!(width > 0 && height > 0 && depth > 0)) return undefined;\n\tconst inset = Math.min(depth, height / 4);\n\tconst count = Math.max(1, Math.min(1024, Math.round(width / toothWidth)));\n\tconst step = width / count;\n\tconst point = (x: number, y: number) => `${Number(x.toFixed(2))}px ${Number(y.toFixed(2))}px`;\n\tconst points: string[] = [point(0, inset)];\n\tfor (let segment = 0; segment < count; segment++) {\n\t\tpoints.push(point((segment + 0.5) * step, 0), point((segment + 1) * step, inset));\n\t}\n\tpoints.push(point(width, height - inset));\n\tfor (let segment = count - 1; segment >= 0; segment--) {\n\t\tpoints.push(point((segment + 0.5) * step, height), point(segment * step, height - inset));\n\t}\n\treturn `polygon(${points.join(', ')})`;\n}\n\n/** Explicit paper surface: Card owns all content insets; clipping is decorative geometry. */\nexport const Receipt = forwardRef<HTMLDivElement, ReceiptProps>(function Receipt({\n\tchildren, header, footer, qrCode, padding = 'md', toothDepth = 5, toothWidth = 8,\n\tshadow = true, className, ...props\n}, ref) {\n\tconst paper = useRef<HTMLDivElement>(null);\n\tconst [clipPath, setClipPath] = useState<string>();\n\tconst depth = Number.isFinite(toothDepth) ? Math.max(0, toothDepth) : 5;\n\tconst width = Number.isFinite(toothWidth) ? Math.max(2, toothWidth) : 8;\n\tuseEffect(() => {\n\t\tconst element = paper.current;\n\t\tif (!element) return;\n\t\tconst update = () => {\n\t\t\tconst rectangle = element.getBoundingClientRect();\n\t\t\tsetClipPath(paperClip(rectangle.width, rectangle.height, depth, width));\n\t\t};\n\t\tupdate();\n\t\tif (typeof ResizeObserver === 'undefined') {\n\t\t\twindow.addEventListener('resize', update);\n\t\t\treturn () => window.removeEventListener('resize', update);\n\t\t}\n\t\tconst observer = new ResizeObserver(update);\n\t\tobserver.observe(element);\n\t\treturn () => observer.disconnect();\n\t}, [depth, width, children, header, footer, qrCode]);\n\tconst hasFooter = hasRenderableContent(footer) || hasRenderableContent(qrCode);\n\treturn <div {...props} ref={ref} className={cn('receipt--component relative isolate w-full min-w-0', className)}>\n\t\t{shadow && <div aria-hidden=\"true\" className=\"receipt--shadow pointer-events-none absolute inset-x-0 rounded-radius shadow-sm\" style={{ insetBlock: depth }} />}\n\t\t<Card ref={paper} surface=\"flat\" padding={padding} headerStart={header}\n\t\t\tfooterSlot={hasFooter ? <Stack gap=\"normal\" align=\"center\" className=\"receipt--footer w-full min-w-0\">{qrCode}{footer}</Stack> : undefined}\n\t\t\tclassName=\"receipt--paper relative bg-card text-card-foreground\" style={{ clipPath }}>\n\t\t\t{children}\n\t\t</Card>\n\t</div>;\n});\n","import { Stack } from '../../../base/structure';\nimport { Money } from '../../../primitives/money';\nimport { Number as NumberValue } from '../../../primitives/number';\nimport { Text } from '../../../typography/text';\nimport { cn } from '../../../../lib/utils';\nimport type { ReceiptItemsProps } from './types';\n\nexport function ReceiptItems({ items, currency, locale, unit, minorUnitScale, formatMode, className, ...props }: ReceiptItemsProps) {\n\tif (items.length === 0) return null;\n\treturn <Stack {...props} gap=\"md\" className={cn('receipt-items--component min-w-0', className)}>\n\t\t{items.map(item => <Stack key={item.id} direction=\"horizontal\" gap=\"md\" justify=\"between\" align=\"start\" wrap={false} className=\"receipt-items--item min-w-0\">\n\t\t\t<Stack gap=\"dense\" className=\"receipt-items--copy min-w-0 flex-1\">\n\t\t\t\t<Text className=\"break-words [overflow-wrap:anywhere]\">{item.name} × <NumberValue value={item.quantity} locale={locale} align=\"left\" /></Text>\n\t\t\t\t{item.description != null && <Text size=\"xs\" type=\"secondary\" className=\"break-words [overflow-wrap:anywhere]\">{item.description}</Text>}\n\t\t\t</Stack>\n\t\t\t<Money amount={item.total ?? item.quantity * item.unitPrice} currency={currency} locale={locale} unit={unit} minorUnitScale={minorUnitScale} formatMode={formatMode} className=\"receipt-items--amount min-w-0 max-w-full whitespace-normal [overflow-wrap:anywhere]\" />\n\t\t</Stack>)}\n\t</Stack>;\n}\n"],"mappings":"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"}

package/dist/rich-text-editor-CF8QYt5p.js

@@ -0,0 +1,574 @@
+"use client";
+import { useStrings as e } from "./lib/strings.js";
+import { t } from "./utils-Cospvlj1.js";
+import { s as n } from "./typography-CAr3dQhX.js";
+import { n as r } from "./content-typography-CnwgMJ37.js";
+import { g as i } from "./primitives-BHrwQXFC.js";
+import { t as a } from "./number-CKRBYmZK.js";
+import { n as o, t as s } from "./rich-text-editor.recipes-CnrbmTS1.js";
+import { t as c } from "./rich-text-editor.strings-BpnIQgMl.js";
+import { forwardRef as l, useCallback as u, useEffect as d, useImperativeHandle as ee, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Bold as te, Italic as v, List as ne, ListOrdered as re, Quote as y, Redo2 as b, Strikethrough as ie, Undo2 as ae } from "lucide-react";
+import * as x from "@tiptap/react";
+import * as S from "@tiptap/starter-kit";
+//#region src/components/features/rich-text-editor/partials/caret-helpers.ts
+function oe() {
+	if (typeof window > "u") return null;
+	let e = window.getSelection();
+	if (!e || e.rangeCount === 0) return null;
+	let t = e.getRangeAt(0);
+	if (!t.collapsed) return null;
+	let n = t.startContainer, r = t.startOffset, i = n;
+	for (; i && i.nodeType !== Node.ELEMENT_NODE;) i = i.parentNode;
+	if (!i) return null;
+	let a = i.closest("[contenteditable=\"true\"]") ?? i.closest(".ProseMirror");
+	if (!a) return null;
+	let o = "";
+	n.nodeType === Node.TEXT_NODE && (o = (n.textContent ?? "").slice(0, r));
+	let s = n;
+	for (; s && s !== a && s !== i;) {
+		let e = s.previousSibling;
+		for (; e;) o = (e.textContent ?? "") + o, e = e.previousSibling;
+		if (s = s.parentNode, s && s.matches?.("p, li, h1, h2, h3, h4, h5, h6, blockquote")) break;
+	}
+	let c, l = t.getBoundingClientRect();
+	return l && (l.top || l.left || l.right || l.bottom) && (c = {
+		top: l.top,
+		left: l.left,
+		bottom: l.bottom,
+		right: l.right
+	}), {
+		textBefore: o,
+		rect: c
+	};
+}
+function se(e, t, n, r) {
+	if (typeof window > "u") return;
+	let i = window.getSelection();
+	if (!i || i.rangeCount === 0) return;
+	let a = i.getRangeAt(0);
+	if (!a.collapsed) return;
+	let o = t, s = a.startContainer, c = a.startOffset;
+	for (; o > 0;) {
+		if (s.nodeType === Node.TEXT_NODE) {
+			let e = Math.min(c, o);
+			if (c -= e, o -= e, o === 0) break;
+		}
+		let e = w(s);
+		if (!e) break;
+		s = e, c = e.textContent?.length ?? 0;
+	}
+	let l = document.createRange();
+	if (l.setStart(s, c), l.setEnd(a.endContainer, a.endOffset), i.removeAllRanges(), i.addRange(l), e) {
+		e.chain().focus().insertContent(n).run(), r(e.getHTML());
+		return;
+	}
+	l.deleteContents();
+	let u = document.createRange().createContextualFragment(n);
+	l.insertNode(u), i.collapseToEnd();
+	let d = s?.parentElement?.closest?.("[contenteditable=\"true\"]") ?? null;
+	d && r(d.innerHTML);
+}
+function C(e, t) {
+	if (typeof window > "u" || !e) return;
+	e.focus();
+	let n = window.getSelection();
+	if (!n || n.rangeCount === 0) {
+		e.insertAdjacentHTML("beforeend", t);
+		return;
+	}
+	let r = n.getRangeAt(0);
+	if (!e.contains(r.commonAncestorContainer)) {
+		e.insertAdjacentHTML("beforeend", t);
+		return;
+	}
+	r.deleteContents();
+	let i = document.createRange().createContextualFragment(t);
+	r.insertNode(i), r.collapse(!1), n.removeAllRanges(), n.addRange(r);
+}
+function w(e) {
+	let t = e;
+	for (; t;) {
+		if (t.previousSibling) {
+			for (t = t.previousSibling; t && t.lastChild;) t = t.lastChild;
+			if (t && t.nodeType === Node.TEXT_NODE) return t;
+			continue;
+		}
+		if (t = t.parentNode, !t || t.matches?.("p, li, h1, h2, h3, h4, h5, h6, blockquote, [contenteditable=\"true\"]")) return null;
+	}
+	return null;
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/counts-footer.tsx
+function T({ text: e, maxLength: r, strings: o, className: s }) {
+	let c = e.length, l = e.trim().length > 0 ? e.trim().split(/\s+/).length : 0, u = typeof r == "number" && c > r;
+	return /* @__PURE__ */ _("div", {
+		className: t("counts-footer-text--component border-border flex items-center justify-end gap-space-lg border-t px-control py-space-sm", s),
+		children: [/* @__PURE__ */ _(n, {
+			tag: "span",
+			size: "xs",
+			type: u ? "error" : "secondary",
+			weight: u ? "medium" : "regular",
+			className: t("tabular-nums"),
+			children: [
+				/* @__PURE__ */ g(a, {
+					value: c,
+					size: "xs",
+					type: u ? "error" : "secondary",
+					align: "left"
+				}),
+				typeof r == "number" && /* @__PURE__ */ _(h, { children: [" / ", /* @__PURE__ */ g(a, {
+					value: r,
+					size: "xs",
+					type: u ? "error" : "secondary",
+					align: "left"
+				})] }),
+				" ",
+				o.counts.characters
+			]
+		}), /* @__PURE__ */ _(i, {
+			size: "xs",
+			className: "tabular-nums",
+			children: [
+				/* @__PURE__ */ g(a, {
+					value: l,
+					size: "xs",
+					type: "secondary",
+					align: "left"
+				}),
+				" ",
+				o.counts.words
+			]
+		})]
+	});
+}
+T.displayName = "CountsFooterText";
+function E({ editor: e, sourceMode: t, sourceValue: n, maxLength: r, strings: i }) {
+	let a = t ? n.replace(/<[^>]*>/g, "") : e?.getText() ?? "";
+	return /* @__PURE__ */ g(T, {
+		text: a,
+		maxLength: r,
+		strings: i
+	});
+}
+E.displayName = "CountsFooter";
+//#endregion
+//#region src/components/features/rich-text-editor/partials/html-helpers.ts
+function D(e) {
+	let t = e.trim();
+	return t === "" || t === "<p></p>" || t === "<p><br></p>" ? "" : t;
+}
+function O(e) {
+	let t = D(e);
+	return t === "" ? "<p></p>" : t;
+}
+//#endregion
+//#region src/components/features/rich-text-editor/partials/rich-text-editor-tiptap.tsx
+var k = x.EditorContent, A = x.useEditor, j = "default" in S ? S.default : S, M = l(function({ value: i, onValueChange: a, placeholder: l, compact: h = !1, minHeight: x, maxHeight: S, disabled: C = !1, showCounts: w = !1, maxLength: T, extraToolbarItems: M, toolbarTrailing: N, footerSlot: P, hideSourceToggle: F = !1, autoFocus: I = !1, className: ce, onCaretChange: L, strings: R }, z) {
+	let B = e(c, R), [V, H] = m(!1), [U, W] = m(!1), [G, K] = m(""), q = p(!1), J = p(D(i)), Y = p(L);
+	Y.current = L;
+	let X = A({
+		extensions: [j],
+		content: O(i),
+		editable: !C,
+		immediatelyRender: !1,
+		autofocus: I ? "end" : !1,
+		onFocus: () => {
+			q.current = !0, H(!0);
+		},
+		onBlur: () => {
+			q.current = !1, H(!1);
+		},
+		onUpdate: ({ editor: e }) => {
+			let t = D(e.getHTML());
+			q.current && (t !== J.current && (J.current = t, a(t)), Y.current?.());
+		},
+		editorProps: { attributes: {
+			role: "textbox",
+			"aria-label": B.editorLabel,
+			"aria-multiline": "true",
+			class: r
+		} }
+	});
+	d(() => {
+		if (!X) return;
+		let e = D(X.getHTML()), t = D(i);
+		J.current = t, e !== t && X.commands.setContent(O(t), { emitUpdate: !1 });
+	}, [X, i]), d(() => {
+		X && X.setEditable(!C);
+	}, [C, X]), d(() => {
+		if (typeof document > "u") return;
+		let e = () => {
+			q.current && Y.current?.();
+		};
+		return document.addEventListener("selectionchange", e), () => document.removeEventListener("selectionchange", e);
+	}, []), ee(z, () => ({
+		focus: () => {
+			X?.chain().focus().run();
+		},
+		getHTML: () => D(X?.getHTML() ?? ""),
+		setHTML: (e) => {
+			let t = D(e);
+			J.current = t, X?.commands.setContent(O(t), { emitUpdate: !1 }), a(t);
+		},
+		insertHTML: (e) => {
+			X && X.chain().focus().insertContent(e).run();
+		},
+		isEmpty: () => D(X?.getHTML() ?? "") === "",
+		clear: () => {
+			J.current = "", X?.commands.setContent("<p></p>", { emitUpdate: !1 }), a("");
+		},
+		getCaretContext: () => oe(),
+		replaceBeforeCaret: (e, t) => {
+			se(X, e, t, (e) => {
+				J.current = D(e), a(J.current);
+			});
+		}
+	}), [X, a]);
+	let Z = f(() => ({
+		minHeight: x ?? (h ? "2rem" : "12rem"),
+		...S ? {
+			maxHeight: S,
+			overflowY: "auto"
+		} : {}
+	}), [
+		h,
+		S,
+		x
+	]), le = u(() => {
+		if (X) {
+			if (U) {
+				let e = O(G);
+				X.commands.setContent(e, { emitUpdate: !1 });
+				let t = D(G);
+				J.current = t, a(t), W(!1);
+			} else K(X.getHTML()), W(!0);
+		}
+	}, [
+		X,
+		a,
+		U,
+		G
+	]), Q = u((e) => {
+		let t = e.target.value;
+		K(t);
+		let n = D(t);
+		J.current = n, a(n);
+	}, [a]), ue = f(() => [
+		{
+			id: "bold",
+			icon: te,
+			label: B.toolbar.bold,
+			isActive: () => !!X?.isActive("bold"),
+			run: () => X?.chain().focus().toggleBold().run()
+		},
+		{
+			id: "italic",
+			icon: v,
+			label: B.toolbar.italic,
+			isActive: () => !!X?.isActive("italic"),
+			run: () => X?.chain().focus().toggleItalic().run()
+		},
+		{
+			id: "strike",
+			icon: ie,
+			label: B.toolbar.strike,
+			isActive: () => !!X?.isActive("strike"),
+			run: () => X?.chain().focus().toggleStrike().run()
+		},
+		{
+			id: "bullet-list",
+			icon: ne,
+			label: B.toolbar.bulletList,
+			isActive: () => !!X?.isActive("bulletList"),
+			run: () => X?.chain().focus().toggleBulletList().run()
+		},
+		{
+			id: "ordered-list",
+			icon: re,
+			label: B.toolbar.orderedList,
+			isActive: () => !!X?.isActive("orderedList"),
+			run: () => X?.chain().focus().toggleOrderedList().run()
+		},
+		{
+			id: "blockquote",
+			icon: y,
+			label: B.toolbar.blockquote,
+			isActive: () => !!X?.isActive("blockquote"),
+			run: () => X?.chain().focus().toggleBlockquote().run()
+		},
+		{
+			id: "undo",
+			icon: ae,
+			label: B.toolbar.undo,
+			isActive: () => !1,
+			run: () => X?.chain().focus().undo().run(),
+			disabled: !X?.can().chain().focus().undo().run()
+		},
+		{
+			id: "redo",
+			icon: b,
+			label: B.toolbar.redo,
+			isActive: () => !1,
+			run: () => X?.chain().focus().redo().run(),
+			disabled: !X?.can().chain().focus().redo().run()
+		}
+	], [X, B]), de = w && X ? /* @__PURE__ */ g(E, {
+		editor: X,
+		sourceMode: U,
+		sourceValue: G,
+		maxLength: T,
+		strings: B
+	}) : null, $ = typeof l == "string" ? l : "", fe = $.length > 0 && !V && X?.isEmpty ? /* @__PURE__ */ g(n, {
+		tag: "span",
+		size: "sm",
+		type: "secondary",
+		className: "pointer-events-none absolute inset-0 px-control py-control-y-offset",
+		children: $
+	}) : null;
+	return /* @__PURE__ */ _("div", {
+		className: t(s.frame, C && s.disabled, ce),
+		children: [
+			/* @__PURE__ */ g(o, {
+				buttons: ue,
+				extraToolbarItems: M,
+				hideSourceToggle: F,
+				sourceMode: U,
+				toggleSourceMode: le,
+				disabled: C,
+				hasEditor: !!X,
+				toolbarTrailing: N,
+				strings: B
+			}),
+			U ? /* @__PURE__ */ g("textarea", {
+				"aria-label": B.sourceLabel,
+				value: G,
+				onChange: Q,
+				disabled: C,
+				spellCheck: !1,
+				className: t(s.source, C && "cursor-not-allowed"),
+				style: Z
+			}) : /* @__PURE__ */ _("div", {
+				className: "relative",
+				style: Z,
+				children: [fe, /* @__PURE__ */ g(k, {
+					editor: X,
+					className: s.content
+				})]
+			}),
+			!!P && /* @__PURE__ */ g("div", {
+				className: "px-control pb-space-md pt-space-xs",
+				children: P
+			}),
+			de
+		]
+	});
+});
+M.displayName = "TiptapRichTextEditor";
+var N = typeof k == "function" && typeof A == "function" && typeof j == "object" && !!j, P = l(function({ value: i, onValueChange: a, placeholder: l, compact: h = !1, minHeight: x, maxHeight: S, disabled: w = !1, showCounts: E = !1, maxLength: k, extraToolbarItems: A, toolbarTrailing: j, footerSlot: M, hideSourceToggle: N = !1, autoFocus: P = !1, className: F, onCaretChange: I, strings: ce }, L) {
+	let R = e(c, ce), z = p(null), [B, V] = m(!1), [H, U] = m(!1), [W, G] = m(""), K = p(D(i)), q = p(I);
+	q.current = I;
+	let J = u((e) => {
+		z.current = e, e && e.innerHTML === "" && (e.innerHTML = O(K.current));
+	}, []);
+	d(() => {
+		let e = z.current;
+		if (!e || B) return;
+		let t = O(i);
+		D(e.innerHTML) !== D(t) && (e.innerHTML = t), K.current = D(i);
+	}, [B, i]), d(() => {
+		P && z.current?.focus();
+	}, [P]);
+	let Y = u(() => {
+		let e = z.current, t = D(e?.innerHTML ?? "");
+		K.current = t, a(t), q.current?.();
+	}, [a]);
+	ee(L, () => ({
+		focus: () => z.current?.focus(),
+		getHTML: () => D(z.current?.innerHTML ?? ""),
+		setHTML: (e) => {
+			let t = D(e);
+			K.current = t, z.current && (z.current.innerHTML = O(t)), a(t);
+		},
+		insertHTML: (e) => {
+			C(z.current, e), Y();
+		},
+		isEmpty: () => D(z.current?.innerHTML ?? "") === "",
+		clear: () => {
+			K.current = "", z.current && (z.current.innerHTML = "<p></p>"), a("");
+		},
+		getCaretContext: () => oe(),
+		replaceBeforeCaret: (e, t) => {
+			se(null, e, t, () => Y());
+		}
+	}), [Y, a]);
+	let X = f(() => ({
+		minHeight: x ?? (h ? "2rem" : "12rem"),
+		...S ? {
+			maxHeight: S,
+			overflowY: "auto"
+		} : {}
+	}), [
+		h,
+		S,
+		x
+	]), Z = u(() => {
+		if (H) {
+			let e = D(W);
+			K.current = e, z.current && (z.current.innerHTML = O(e)), a(e), U(!1);
+			return;
+		}
+		G(z.current?.innerHTML ?? O(i)), U(!0);
+	}, [
+		a,
+		H,
+		W,
+		i
+	]), le = u((e) => {
+		let t = e.target.value;
+		G(t);
+		let n = D(t);
+		K.current = n, a(n);
+	}, [a]), Q = typeof l == "string" ? l : "", ue = D(K.current) === "", de = Q.length > 0 && !B && ue ? /* @__PURE__ */ g(n, {
+		tag: "span",
+		size: "sm",
+		type: "secondary",
+		className: "pointer-events-none absolute inset-0 px-control py-control-y-offset",
+		children: Q
+	}) : null, $ = f(() => [
+		{
+			id: "bold",
+			icon: te,
+			label: R.toolbar.bold,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "italic",
+			icon: v,
+			label: R.toolbar.italic,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "strike",
+			icon: ie,
+			label: R.toolbar.strike,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "bullet-list",
+			icon: ne,
+			label: R.toolbar.bulletList,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "ordered-list",
+			icon: re,
+			label: R.toolbar.orderedList,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "blockquote",
+			icon: y,
+			label: R.toolbar.blockquote,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "undo",
+			icon: ae,
+			label: R.toolbar.undo,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		},
+		{
+			id: "redo",
+			icon: b,
+			label: R.toolbar.redo,
+			isActive: () => !1,
+			run: () => void 0,
+			disabled: !0
+		}
+	], [R]), fe = H ? W.replace(/<[^>]*>/g, "") : z.current?.innerText ?? D(i).replace(/<[^>]*>/g, ""), pe = E ? /* @__PURE__ */ g(T, {
+		text: fe,
+		maxLength: k,
+		strings: R
+	}) : null;
+	return /* @__PURE__ */ _("div", {
+		className: t(s.frame, w && s.disabled, F),
+		children: [
+			/* @__PURE__ */ g(o, {
+				buttons: $,
+				extraToolbarItems: A,
+				hideSourceToggle: N,
+				sourceMode: H,
+				toggleSourceMode: Z,
+				disabled: w,
+				hasEditor: !0,
+				toolbarTrailing: j,
+				strings: R
+			}),
+			H ? /* @__PURE__ */ g("textarea", {
+				"aria-label": R.sourceLabel,
+				value: W,
+				onChange: le,
+				disabled: w,
+				spellCheck: !1,
+				className: t(s.source, w && "cursor-not-allowed"),
+				style: X
+			}) : /* @__PURE__ */ _("div", {
+				className: "relative",
+				style: X,
+				children: [de, /* @__PURE__ */ g("div", {
+					ref: J,
+					role: "textbox",
+					"aria-label": R.editorLabel,
+					"aria-multiline": "true",
+					contentEditable: !w,
+					suppressContentEditableWarning: !0,
+					onInput: Y,
+					onKeyUp: () => q.current?.(),
+					onMouseUp: () => q.current?.(),
+					onFocus: () => V(!0),
+					onBlur: () => V(!1),
+					className: t(r, "h-full min-h-full", w && "cursor-not-allowed")
+				})]
+			}),
+			!!M && /* @__PURE__ */ g("div", {
+				className: "px-control pb-space-md pt-space-xs",
+				children: M
+			}),
+			pe
+		]
+	});
+});
+P.displayName = "FallbackRichTextEditor";
+//#endregion
+//#region src/components/features/rich-text-editor/rich-text-editor.tsx
+var F = l(function(e, t) {
+	return N ? /* @__PURE__ */ g(M, {
+		...e,
+		ref: t
+	}) : /* @__PURE__ */ g(P, {
+		className: "rich-text-editor--component",
+		...e,
+		ref: t
+	});
+});
+F.displayName = "RichTextEditor";
+//#endregion
+export { T as n, F as t };
+
+//# sourceMappingURL=rich-text-editor-CF8QYt5p.js.map