@stisocial/ui 0.2.0 → 0.3.0

package/dist/editor/MarkdownEditor/MarkdownEditor.js

@@ -1,10 +1,11 @@
 "use client";
 import { useLocale, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
+import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
 import { FieldDescription, FieldErrorText, FieldLabel, fieldStyles } from "../../components/Field/Field.js";
 import { IconButton } from "../../components/IconButton/IconButton.js";
-import { VisuallyHidden } from "../../components/VisuallyHidden/VisuallyHidden.js";
 import { CharacterCounter, characterCount } from "../../components/CharacterCounter/CharacterCounter.js";
+import { Toolbar as Toolbar$1, ToolbarGroup, ToolbarSeparator } from "../../components/Toolbar/Toolbar.js";
 import { CodeIcon } from "../../icons/generated/CodeIcon.js";
 import { LinkIcon } from "../../icons/generated/LinkIcon.js";
 import { RedoIcon } from "../../icons/generated/RedoIcon.js";
@@ -12,7 +13,6 @@ import { UndoIcon } from "../../icons/generated/UndoIcon.js";
 import { Markdown } from "../../components/Markdown/Markdown.js";
 import { ToggleButton as ToggleButton$1 } from "../../components/ToggleButton/ToggleButton.js";
 import { Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1, Tabs as Tabs$1 } from "../../components/Tabs/Tabs.js";
-import { Toolbar as Toolbar$1, ToolbarGroup, ToolbarSeparator } from "../../components/Toolbar/Toolbar.js";
 import { applyEdit } from "../_shared/textEdit.js";
 import { BoldIcon, BulletListIcon, CodeBlockIcon, HeadingThreeIcon, HeadingTwoIcon, ItalicIcon, NumberedListIcon, QuoteIcon, RuleIcon, StrikethroughIcon, TaskListIcon } from "../_shared/FormatIcons.js";
 import { codeBlockEdit, continueListEdit, isBlockActive, isInlineActive, linkEdit, ruleEdit, toggleBlock, toggleInline } from "./commands.js";

package/dist/editor/RichTextEditor/RichTextEditor.css

@@ -0,0 +1,177 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-RichTextEditor-root-6b614 {
+    --sti-rte-pad: var(--sti-space-4);
+    --sti-rte-line: var(--sti-line-height-md);
+    inline-size: 100%;
+    min-inline-size: 0;
+  }
+
+  .sti-RichTextEditor-frame-a824f {
+    border: var(--sti-border-width) solid var(--sti-border-control);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-canvas);
+    min-inline-size: 0;
+    transition: border-color var(--sti-duration-fast) var(--sti-ease-snap),
+      box-shadow var(--sti-duration-fast) var(--sti-ease-snap);
+    flex-direction: column;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .sti-RichTextEditor-frame-a824f:focus-within {
+    border-color: var(--sti-focus-ring);
+    box-shadow: 0 0 0 var(--sti-field-halo)
+      color-mix(in oklab, var(--sti-focus-ring) 25%, transparent);
+  }
+
+  .sti-RichTextEditor-root-6b614[data-invalid] .sti-RichTextEditor-frame-a824f {
+    border-color: var(--sti-fg-danger);
+  }
+
+  .sti-RichTextEditor-root-6b614[data-invalid] .sti-RichTextEditor-frame-a824f:focus-within {
+    box-shadow: 0 0 0 var(--sti-field-halo)
+      color-mix(in oklab, var(--sti-fg-danger) 25%, transparent);
+  }
+
+  .sti-RichTextEditor-root-6b614[data-disabled] .sti-RichTextEditor-frame-a824f {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .sti-RichTextEditor-root-6b614[data-readonly] .sti-RichTextEditor-frame-a824f {
+    background: var(--sti-bg-subtle);
+    border-style: dashed;
+  }
+
+  .sti-RichTextEditor-toolbar-e5315 {
+    padding: var(--sti-space-1) var(--sti-space-2);
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    background: var(--sti-bg-subtle);
+  }
+
+  .sti-RichTextEditor-content-6360d {
+    box-sizing: border-box;
+    min-block-size: calc(var(--sti-rte-rows, 6) * var(--sti-rte-line) + var(--sti-rte-pad) * 2);
+    max-block-size: 32rem;
+    padding: var(--sti-rte-pad);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-md);
+    line-height: var(--sti-rte-line);
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+    outline: none;
+    position: relative;
+    overflow-y: auto;
+  }
+
+  .sti-RichTextEditor-root-6b614[data-rows="2"] {
+    --sti-rte-rows: 2;
+  }
+
+  .sti-RichTextEditor-root-6b614[data-rows="3"] {
+    --sti-rte-rows: 3;
+  }
+
+  .sti-RichTextEditor-root-6b614[data-rows="4"] {
+    --sti-rte-rows: 4;
+  }
+
+  .sti-RichTextEditor-root-6b614[data-rows="8"] {
+    --sti-rte-rows: 8;
+  }
+
+  .sti-RichTextEditor-root-6b614[data-rows="10"] {
+    --sti-rte-rows: 10;
+  }
+
+  .sti-RichTextEditor-content-6360d[data-empty]:before {
+    color: var(--sti-fg-muted);
+    content: attr(data-placeholder);
+    pointer-events: none;
+    position: absolute;
+  }
+
+  .sti-RichTextEditor-root-6b614[data-disabled] .sti-RichTextEditor-content-6360d {
+    cursor: not-allowed;
+  }
+
+  .sti-RichTextEditor-content-6360d > :first-child {
+    margin-block-start: 0;
+  }
+
+  .sti-RichTextEditor-content-6360d > :last-child {
+    margin-block-end: 0;
+  }
+
+  .sti-RichTextEditor-content-6360d :is(p, ul, ol, blockquote) {
+    margin-block: 0 var(--sti-space-3);
+  }
+
+  .sti-RichTextEditor-content-6360d h2 {
+    margin-block: var(--sti-space-4) var(--sti-space-2);
+    font-size: var(--sti-font-size-xl);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xl);
+  }
+
+  .sti-RichTextEditor-content-6360d h3 {
+    margin-block: var(--sti-space-3) var(--sti-space-2);
+    font-size: var(--sti-font-size-lg);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-lg);
+  }
+
+  .sti-RichTextEditor-content-6360d :is(ul, ol) {
+    padding-inline-start: var(--sti-space-6);
+  }
+
+  .sti-RichTextEditor-content-6360d li + li {
+    margin-block-start: var(--sti-space-1);
+  }
+
+  .sti-RichTextEditor-content-6360d blockquote {
+    border-inline-start: var(--sti-border-width-strong) solid var(--sti-border-accent);
+    color: var(--sti-fg-muted);
+    margin-inline: 0;
+    padding-inline-start: var(--sti-space-4);
+  }
+
+  .sti-RichTextEditor-content-6360d a {
+    color: var(--sti-fg-link);
+    text-underline-offset: .2em;
+    text-decoration: underline;
+  }
+
+  .sti-RichTextEditor-content-6360d code {
+    padding: 0 var(--sti-space-1);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-subtle);
+    font-family: var(--sti-font-mono);
+    font-size: .9em;
+  }
+
+  .sti-RichTextEditor-footer-816e4 {
+    padding: var(--sti-space-1) var(--sti-space-3);
+    border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
+    justify-content: flex-end;
+    display: flex;
+  }
+
+  @media (forced-colors: active) {
+    .sti-RichTextEditor-frame-a824f {
+      border-color: canvastext;
+    }
+
+    .sti-RichTextEditor-frame-a824f:focus-within {
+      outline: var(--sti-border-width-strong) solid Highlight;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-RichTextEditor-frame-a824f {
+      transition: none;
+    }
+  }
+}

package/dist/editor/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from "react";
+export interface RichTextEditorProps {
+  /** Görünür etiket (zorunlu). */
+  label: ReactNode;
+  description?: ReactNode;
+  /** Başlangıç içeriği (HTML; temizlenerek yüklenir). Bileşen denetimsizdir. */
+  defaultValue?: string;
+  /** Her değişiklikte temizlenmiş HTML. */
+  onChange?: (html: string) => void;
+  placeholder?: string;
+  /** Görünen metnin en çok uzunluğu (sayaç). Aşıldığında alan geçersiz sayılır. */
+  maxLength?: number;
+  /** Form gönderiminde temizlenmiş HTML bu adla gönderilir. */
+  name?: string;
+  isRequired?: boolean;
+  isReadOnly?: boolean;
+  isDisabled?: boolean;
+  /** Dış doğrulama hatası. */
+  errorMessage?: string;
+  /** Düzenleme alanının en az yüksekliği (satır). */
+  minRows?: 2 | 3 | 4 | 6 | 8 | 10;
+  className?: string;
+  id?: string;
+}
+/**
+ * Zengin metin düzenleyici (e-posta gövdesi, duyuru, ürün açıklaması): biçimlendirme çubuğu (kalın,
+ * italik, altı çizili, üstü çizili, bağlantı, başlıklar, alıntı, listeler, biçimi temizleme, geri
+ * al/yinele) ve doğrudan düzenlenen içerik. Çıktı her zaman izin listeli temizleyiciden geçer
+ * (`sanitizeRichText`); yapıştırılan HTML de temizlenir. Bağlantı yalnız güvenli adreslerle.
+ */
+export declare function RichTextEditor({ label, description, defaultValue, onChange, placeholder, maxLength, name, isRequired, isReadOnly, isDisabled, errorMessage, minRows, className, id }: RichTextEditorProps): import("react").JSX.Element;

package/dist/editor/RichTextEditor/RichTextEditor.js

@@ -0,0 +1,361 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
+import { fieldStyles } from "../../components/Field/Field.js";
+import { IconButton } from "../../components/IconButton/IconButton.js";
+import { CharacterCounter } from "../../components/CharacterCounter/CharacterCounter.js";
+import { Toolbar, ToolbarGroup, ToolbarSeparator } from "../../components/Toolbar/Toolbar.js";
+import { LinkIcon } from "../../icons/generated/LinkIcon.js";
+import { RedoIcon } from "../../icons/generated/RedoIcon.js";
+import { UndoIcon } from "../../icons/generated/UndoIcon.js";
+import { PromptDialog } from "../../components/PromptDialog/PromptDialog.js";
+import { ToggleButton } from "../../components/ToggleButton/ToggleButton.js";
+import { BoldIcon, BulletListIcon, ClearFormatIcon, HeadingThreeIcon, HeadingTwoIcon, ItalicIcon, NumberedListIcon, QuoteIcon, StrikethroughIcon, UnderlineIcon } from "../_shared/FormatIcons.js";
+import RichTextEditor_module_default from "./RichTextEditor.module.js";
+import { escapeHtml, richTextToPlain, safeHref, sanitizeRichText } from "./sanitizeRichText.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+// src/editor/RichTextEditor/RichTextEditor.tsx
+const NONE = {
+	marks: {
+		bold: false,
+		italic: false,
+		underline: false,
+		strikeThrough: false
+	},
+	block: null
+};
+/** Seçimin bulunduğu blok (tarayıcı komut durumundan). */
+function readActive(root) {
+	if (typeof document === "undefined" || !root) return NONE;
+	const sel = document.getSelection();
+	if (!sel?.anchorNode || !root.contains(sel.anchorNode)) return NONE;
+	const q = (c) => {
+		try {
+			return document.queryCommandState(c);
+		} catch {
+			return false;
+		}
+	};
+	const marks = {
+		bold: q("bold"),
+		italic: q("italic"),
+		underline: q("underline"),
+		strikeThrough: q("strikeThrough")
+	};
+	let block = null;
+	if (q("insertUnorderedList")) block = "insertUnorderedList";
+	else if (q("insertOrderedList")) block = "insertOrderedList";
+	else {
+		let node = sel.anchorNode;
+		while (node && node !== root) {
+			const tag = node.nodeName.toLowerCase();
+			if (tag === "h2" || tag === "h3" || tag === "blockquote") {
+				block = tag;
+				break;
+			}
+			node = node.parentNode;
+		}
+	}
+	return {
+		marks,
+		block
+	};
+}
+/**
+* Zengin metin düzenleyici (e-posta gövdesi, duyuru, ürün açıklaması): biçimlendirme çubuğu (kalın,
+* italik, altı çizili, üstü çizili, bağlantı, başlıklar, alıntı, listeler, biçimi temizleme, geri
+* al/yinele) ve doğrudan düzenlenen içerik. Çıktı her zaman izin listeli temizleyiciden geçer
+* (`sanitizeRichText`); yapıştırılan HTML de temizlenir. Bağlantı yalnız güvenli adreslerle.
+*/
+function RichTextEditor({ label, description, defaultValue = "", onChange, placeholder, maxLength, name, isRequired, isReadOnly, isDisabled, errorMessage, minRows = 6, className, id }) {
+	const t = useMessages();
+	const auto = useId();
+	const base = id ?? auto;
+	const editor = useRef(null);
+	const savedRange = useRef(null);
+	const initial = useMemo(() => sanitizeRichText(defaultValue), [defaultValue]);
+	const [html, setHtml] = useState(initial);
+	const [active, setActive] = useState(NONE);
+	const [linkOpen, setLinkOpen] = useState(false);
+	const editable = !isReadOnly && !isDisabled;
+	const plain = richTextToPlain(html);
+	const count = [...plain].length;
+	const over = maxLength !== void 0 && count > maxLength;
+	const empty = plain.length === 0;
+	const invalid = Boolean(errorMessage) || over;
+	const content = useMemo(() => ({ __html: initial }), [initial]);
+	const sync = useCallback(() => {
+		const el = editor.current;
+		if (!el) return;
+		const clean = sanitizeRichText(el.innerHTML);
+		setHtml(clean);
+		onChange?.(clean);
+		setActive(readActive(el));
+	}, [onChange]);
+	useEffect(() => {
+		const update = () => setActive(readActive(editor.current));
+		document.addEventListener("selectionchange", update);
+		return () => document.removeEventListener("selectionchange", update);
+	}, []);
+	const exec = (command, value) => {
+		if (!editable) return;
+		editor.current?.focus();
+		try {
+			document.execCommand("styleWithCSS", false, "false");
+			document.execCommand("defaultParagraphSeparator", false, "p");
+		} catch {}
+		document.execCommand(command, false, value);
+		sync();
+	};
+	const toggleBlock = (block) => {
+		if (block === "insertUnorderedList" || block === "insertOrderedList") {
+			exec(block);
+			return;
+		}
+		exec("formatBlock", active.block === block ? "p" : block);
+	};
+	const openLink = () => {
+		const sel = document.getSelection();
+		savedRange.current = sel && sel.rangeCount && editor.current?.contains(sel.anchorNode) ? sel.getRangeAt(0).cloneRange() : null;
+		setLinkOpen(true);
+	};
+	const pendingLink = useRef(null);
+	const applyLink = (value) => {
+		const href = safeHref(value.trim());
+		if (!href) return t.richTextLinkInvalid;
+		pendingLink.current = {
+			href,
+			text: value.trim()
+		};
+	};
+	useEffect(() => {
+		if (linkOpen || !pendingLink.current) return;
+		const link = pendingLink.current;
+		pendingLink.current = null;
+		const frame = requestAnimationFrame(() => {
+			const el = editor.current;
+			if (!el) return;
+			el.focus();
+			const sel = document.getSelection();
+			if (sel && savedRange.current) {
+				sel.removeAllRanges();
+				sel.addRange(savedRange.current);
+			}
+			if (sel && !sel.isCollapsed) document.execCommand("createLink", false, link.href);
+			else document.execCommand("insertHTML", false, `<a href="${escapeHtml(link.href)}">${escapeHtml(link.text)}</a>`);
+			sync();
+		});
+		return () => cancelAnimationFrame(frame);
+	}, [linkOpen, sync]);
+	/** Yapıştırılan ya da bırakılan içerik: HTML temizlenir, düz metin kaçışlanır. */
+	const insertTransfer = (data) => {
+		const rich = data.getData("text/html");
+		const text = data.getData("text/plain");
+		const clean = rich ? sanitizeRichText(rich) : escapeHtml(text).split(/\r?\n/).map((line) => line || "<br>").join("<br>");
+		if (clean) document.execCommand("insertHTML", false, clean);
+		sync();
+	};
+	const onPaste = (e) => {
+		e.preventDefault();
+		if (editable) insertTransfer(e.clipboardData);
+	};
+	const onDrop = (e) => {
+		e.preventDefault();
+		if (!editable) return;
+		const range = document.caretRangeFromPoint?.(e.clientX, e.clientY);
+		const sel = document.getSelection();
+		if (range && sel) {
+			sel.removeAllRanges();
+			sel.addRange(range);
+		}
+		insertTransfer(e.dataTransfer);
+	};
+	const onKeyDown = (e) => {
+		if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
+			e.preventDefault();
+			openLink();
+		}
+	};
+	const marks = [
+		{
+			mark: "bold",
+			label: t.editorBold,
+			icon: /* @__PURE__ */ jsx(BoldIcon, {})
+		},
+		{
+			mark: "italic",
+			label: t.editorItalic,
+			icon: /* @__PURE__ */ jsx(ItalicIcon, {})
+		},
+		{
+			mark: "underline",
+			label: t.richTextUnderline,
+			icon: /* @__PURE__ */ jsx(UnderlineIcon, {})
+		},
+		{
+			mark: "strikeThrough",
+			label: t.editorStrike,
+			icon: /* @__PURE__ */ jsx(StrikethroughIcon, {})
+		}
+	];
+	const blocks = [
+		{
+			block: "h2",
+			label: t.editorHeading2,
+			icon: /* @__PURE__ */ jsx(HeadingTwoIcon, {})
+		},
+		{
+			block: "h3",
+			label: t.editorHeading3,
+			icon: /* @__PURE__ */ jsx(HeadingThreeIcon, {})
+		},
+		{
+			block: "blockquote",
+			label: t.editorQuote,
+			icon: /* @__PURE__ */ jsx(QuoteIcon, {})
+		},
+		{
+			block: "insertUnorderedList",
+			label: t.editorBulletList,
+			icon: /* @__PURE__ */ jsx(BulletListIcon, {})
+		},
+		{
+			block: "insertOrderedList",
+			label: t.editorNumberedList,
+			icon: /* @__PURE__ */ jsx(NumberedListIcon, {})
+		}
+	];
+	const describedBy = [description ? `${base}-desc` : "", invalid ? `${base}-error` : ""].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: [
+			fieldStyles.root,
+			RichTextEditor_module_default.root,
+			className
+		].filter(Boolean).join(" "),
+		"data-disabled": isDisabled ? "" : void 0,
+		"data-readonly": isReadOnly ? "" : void 0,
+		"data-invalid": invalid ? "" : void 0,
+		"data-rows": minRows,
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				id: `${base}-label`,
+				className: fieldStyles.label,
+				children: [label, isRequired ? /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					children: " *"
+				}) : null]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: RichTextEditor_module_default.frame,
+				children: [
+					editable ? /* @__PURE__ */ jsxs(Toolbar, {
+						"aria-label": t.editorToolbarLabel,
+						className: RichTextEditor_module_default.toolbar,
+						children: [
+							/* @__PURE__ */ jsxs(ToolbarGroup, { children: [marks.map((m) => /* @__PURE__ */ jsx(ToggleButton, {
+								variant: "ghost",
+								size: "sm",
+								label: m.label,
+								icon: m.icon,
+								isSelected: active.marks[m.mark],
+								onChange: () => exec(m.mark)
+							}, m.mark)), /* @__PURE__ */ jsx(IconButton, {
+								size: "sm",
+								label: t.editorLink,
+								icon: /* @__PURE__ */ jsx(LinkIcon, {}),
+								onPress: openLink
+							})] }),
+							/* @__PURE__ */ jsx(ToolbarSeparator, {}),
+							/* @__PURE__ */ jsxs(ToolbarGroup, { children: [blocks.map((b) => /* @__PURE__ */ jsx(ToggleButton, {
+								variant: "ghost",
+								size: "sm",
+								label: b.label,
+								icon: b.icon,
+								isSelected: active.block === b.block,
+								onChange: () => toggleBlock(b.block)
+							}, b.block)), /* @__PURE__ */ jsx(IconButton, {
+								size: "sm",
+								label: t.richTextClear,
+								icon: /* @__PURE__ */ jsx(ClearFormatIcon, {}),
+								onPress: () => {
+									exec("removeFormat");
+									exec("unlink");
+								}
+							})] }),
+							/* @__PURE__ */ jsx(ToolbarSeparator, {}),
+							/* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(IconButton, {
+								size: "sm",
+								label: t.editorUndo,
+								icon: /* @__PURE__ */ jsx(UndoIcon, {}),
+								onPress: () => exec("undo")
+							}), /* @__PURE__ */ jsx(IconButton, {
+								size: "sm",
+								label: t.editorRedo,
+								icon: /* @__PURE__ */ jsx(RedoIcon, {}),
+								onPress: () => exec("redo")
+							})] })
+						]
+					}) : null,
+					/* @__PURE__ */ jsx("div", {
+						ref: editor,
+						id: base,
+						className: RichTextEditor_module_default.content,
+						role: "textbox",
+						"aria-multiline": "true",
+						"aria-labelledby": `${base}-label`,
+						"aria-describedby": describedBy,
+						"aria-required": isRequired || void 0,
+						"aria-invalid": invalid || void 0,
+						"aria-readonly": isReadOnly || void 0,
+						"aria-disabled": isDisabled || void 0,
+						"aria-placeholder": placeholder,
+						contentEditable: editable,
+						suppressContentEditableWarning: true,
+						dangerouslySetInnerHTML: content,
+						tabIndex: isDisabled ? -1 : 0,
+						"data-empty": empty ? "" : void 0,
+						"data-placeholder": placeholder,
+						onInput: sync,
+						onPaste,
+						onDrop,
+						onKeyDown,
+						onBlur: sync
+					}),
+					maxLength !== void 0 ? /* @__PURE__ */ jsx("div", {
+						className: RichTextEditor_module_default.footer,
+						children: /* @__PURE__ */ jsx(CharacterCounter, {
+							count,
+							max: maxLength
+						})
+					}) : null
+				]
+			}),
+			description ? /* @__PURE__ */ jsx("span", {
+				id: `${base}-desc`,
+				className: fieldStyles.description,
+				children: description
+			}) : null,
+			invalid ? /* @__PURE__ */ jsxs("span", {
+				id: `${base}-error`,
+				className: fieldStyles.error,
+				children: [/* @__PURE__ */ jsx(AlertCircleIcon, { className: fieldStyles.errorIcon }), /* @__PURE__ */ jsx("span", { children: errorMessage ?? t.richTextTooLong })]
+			}) : null,
+			name ? /* @__PURE__ */ jsx("input", {
+				type: "hidden",
+				name,
+				value: html
+			}) : null,
+			/* @__PURE__ */ jsx(PromptDialog, {
+				isOpen: linkOpen,
+				onOpenChange: setLinkOpen,
+				title: t.richTextLinkTitle,
+				label: t.richTextLinkLabel,
+				placeholder: "https://",
+				submitLabel: t.richTextLinkSubmit,
+				onSubmit: applyLink
+			})
+		]
+	});
+}
+export { RichTextEditor };

package/dist/editor/RichTextEditor/RichTextEditor.module.js

@@ -0,0 +1,10 @@
+import './RichTextEditor.css';
+// src/editor/RichTextEditor/RichTextEditor.module.css
+var RichTextEditor_module_default = {
+	"root": "sti-RichTextEditor-root-6b614",
+	"frame": "sti-RichTextEditor-frame-a824f",
+	"toolbar": "sti-RichTextEditor-toolbar-e5315",
+	"content": "sti-RichTextEditor-content-6360d",
+	"footer": "sti-RichTextEditor-footer-816e4"
+};
+export { RichTextEditor_module_default as default };

package/dist/editor/RichTextEditor/index.d.ts

@@ -0,0 +1,3 @@
+import { RichTextEditor, RichTextEditorProps } from "./RichTextEditor.js";
+import { decodeEntities, escapeHtml, richTextToPlain, safeHref, sanitizeRichText } from "./sanitizeRichText.js";
+export { RichTextEditor, RichTextEditorProps, decodeEntities, escapeHtml, richTextToPlain, safeHref, sanitizeRichText };

package/dist/editor/RichTextEditor/sanitizeRichText.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Zengin metin için izin listeli HTML temizleyici (DOM gerektirmez; sunucuda ve tarayıcıda aynı
+ * sonucu verir). Girdi hiçbir zaman olduğu gibi aktarılmaz: etiketler tek tek okunur, yalnız izinli
+ * olanlar yeniden yazılır, metin kaçışlanır, açık kalan etiketler kapatılır.
+ *
+ * İzinli: p, br, strong, em, u, s, code, h2, h3, ul, ol, li, blockquote, a[href]. Eş anlamlılar
+ * dönüştürülür (b → strong, i → em, strike/del → s, h1 → h2, h4–h6 → h3, div → p). Bağlantıda
+ * yalnız http, https, mailto, tel ve göreli adres; dış bağlantıya `rel="noopener noreferrer nofollow"`.
+ * script, style, iframe, object, template, svg, math ve benzerlerinin içeriği bütünüyle atılır.
+ */
+export declare function escapeHtml(text: string): string;
+/** Karakter başvurularını çözer (metin önce çözülür, sonra yeniden kaçışlanır). */
+export declare function decodeEntities(text: string): string;
+/** Bağlantı adresi güvenliyse temizlenmiş hâli, değilse `null`. */
+export declare function safeHref(raw: string): string | null;
+/** Zengin metin HTML'ini izin listesine göre yeniden yazar. */
+export declare function sanitizeRichText(html: string): string;
+/** Görünen metin (karakter sayımı ve boşluk denetimi için). */
+export declare function richTextToPlain(html: string): string;