@revolist/ui 4.0.1-rc → 4.0.1

package/resource-picker/resource-picker.js

@@ -1,28 +1,29 @@
-import { createControlId as e } from "../core/control-id.js";
-import { t } from "../_chunks/chevron-down-GbplLa6s.js";
-import { t as n } from "../_chunks/xmark-DD_PBvZI.js";
-import { SearchInput as r } from "../search-input/index.js";
-import { resourcePickerClasses as i, resourcePickerDataAttribute as ee, resourcePickerIdKey as a } from "./resource-picker.utils.js";
-import { ResourcePickerAvatar as o } from "./resource-picker-avatar.js";
-import { ResourcePickerOption as s } from "./resource-picker-option.js";
-import { ResourcePickerPopup as c } from "./resource-picker-popup.js";
-import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "preact/hooks";
-import { jsx as m, jsxs as h } from "preact/jsx-runtime";
+import { c as e, i as t, n, o as r, t as i } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t as a } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { createControlId as o } from "../core/control-id.js";
+import { t as s } from "../_chunks/selection-list-tooltips-BtWjpP6M.js";
+import { t as c } from "../_chunks/chevron-down-GbplLa6s.js";
+import { t as l } from "../_chunks/xmark-DD_PBvZI.js";
+import { SearchInput as u } from "../search-input/index.js";
+import { resourcePickerClasses as d, resourcePickerDataAttribute as f, resourcePickerIdKey as p } from "./resource-picker.utils.js";
+import { ResourcePickerAvatar as m } from "./resource-picker-avatar.js";
+import { ResourcePickerOption as ee } from "./resource-picker-option.js";
+import { ResourcePickerPopup as h } from "./resource-picker-popup.js";
 //#region src/resource-picker/resource-picker.tsx
-function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNames: S, disabled: C = !1, readOnly: w = !1, presentation: te = "inline", multiple: T = !0, preserveOrder: E = !1, unassigned: D, resourceDataAttribute: O, isResourceDisabled: k, getAvatarColor: A }) {
-	let j = f(null), M = f(null), N = f(null), P = f(null), F = f(!1), [I] = p(() => e("rv-resource-list")), L = `${I}-popup`, R = te === "dropdown", [z, B] = p(!1), [V, H] = p(""), [U, W] = p(0), G = l(() => {
+function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNames: S, disabled: C = !1, readOnly: w = !1, presentation: T = "inline", multiple: E = !0, preserveOrder: D = !1, unassigned: O, resourceDataAttribute: te, isResourceDisabled: k, getAvatarColor: A }) {
+	let j = i(null), M = i(null), N = i(null), P = i(null), ne = s(".rv-resource-picker__option"), F = i(!1), [I] = t(() => o("rv-resource-list")), L = `${I}-popup`, R = T === "dropdown", [z, B] = t(!1), [V, H] = t(""), [U, W] = t(0), G = r(() => {
 		B(!1), H("");
-	}, []), K = new Set(y.map(a)), q = d(() => E ? [...g] : [...g].sort((e, t) => e.name.localeCompare(t.name, void 0, {
+	}, []), K = new Set(y.map(p)), q = n(() => D ? [...g] : [...g].sort((e, t) => e.name.localeCompare(t.name, void 0, {
 		numeric: !0,
 		sensitivity: "base"
-	})), [E, g]), J = d(() => {
+	})), [D, g]), J = n(() => {
 		let e = V.trim().toLocaleLowerCase();
 		return e ? q.filter((t) => `${t.name} ${t.role ?? ""}`.toLocaleLowerCase().includes(e)) : q;
-	}, [V, q]), Y = d(() => {
-		let e = new Map(g.map((e) => [a(e.id), e]));
-		return y.map((t) => e.get(a(t))).filter((e) => !!e);
+	}, [V, q]), Y = n(() => {
+		let e = new Map(g.map((e) => [p(e.id), e]));
+		return y.map((t) => e.get(p(t))).filter((e) => !!e);
 	}, [g, y]), X = R && U >= 0 && U < J.length ? `${I}-option-${U}` : void 0;
-	u(() => {
+	e(() => {
 		if (!R || !z) return;
 		let e = (e) => {
 			let t = e.target, n = j.current?.ownerDocument.getElementById(L);
@@ -41,79 +42,80 @@ function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNa
 		R,
 		z,
 		L
-	]), u(() => {
+	]), e(() => {
 		W(J.length > 0 ? 0 : -1);
-	}, [J]), u(() => {
+	}, [J]), e(() => {
 		if (!z || !X || !P.current || !F.current) return;
 		let e = P.current.ownerDocument.getElementById(X);
 		e && P.current.contains(e) && e.closest(".rv-resource-picker__option")?.scrollIntoView?.({ block: "nearest" });
 	}, [X, z]);
 	let Z = (e) => {
-		w || (x(e), !T && R && G());
-	}, ne = () => {
+		w || (x(e), !E && R && G());
+	}, re = () => {
 		let e = J[U];
 		if (!e) return;
-		let t = a(e.id);
-		(!k?.(e) || K.has(t)) && Z(K.has(t) ? y.filter((e) => a(e) !== t) : T ? _([...y, e.id]) : [e.id]);
-	}, re = (e) => {
+		let t = p(e.id);
+		(!k?.(e) || K.has(t)) && Z(K.has(t) ? y.filter((e) => p(e) !== t) : E ? _([...y, e.id]) : [e.id]);
+	}, ie = (e) => {
 		if (e.key === "Escape") e.preventDefault(), e.stopPropagation(), G(), M.current?.focus();
 		else if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 			if (e.preventDefault(), e.stopPropagation(), !J.length) return;
 			F.current = !0, W((t) => e.key === "ArrowDown" ? t >= J.length - 1 ? 0 : t + 1 : t <= 0 ? J.length - 1 : t - 1);
-		} else e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), ne());
-	}, Q = typeof document > "u" ? null : j.current?.closest("dialog, .rv-dialog-overlay") ?? document.body, $ = /* @__PURE__ */ h("div", {
+		} else e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), re());
+	}, Q = typeof document > "u" ? null : j.current?.closest("dialog, .rv-dialog-overlay") ?? document.body, $ = /* @__PURE__ */ a("div", {
+		ref: ne,
 		class: "rv-resource-picker__popover",
-		onKeyDown: R ? re : void 0,
-		children: [/* @__PURE__ */ m(r, {
+		onKeyDown: R ? ie : void 0,
+		children: [/* @__PURE__ */ a(u, {
 			inputRef: N,
 			rootClassName: "rv-resource-picker__search-control",
-			inputClassName: i("rv-resource-picker__search", S?.search),
+			inputClassName: d("rv-resource-picker__search", S?.search),
 			value: V,
 			disabled: C,
 			placeholder: b.searchPlaceholder,
 			"aria-label": b.searchAriaLabel,
 			onValueChange: H
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ a("div", {
 			ref: P,
-			class: i("rv-resource-picker__list", S?.list),
+			class: d("rv-resource-picker__list", S?.list),
 			role: R ? "listbox" : "group",
 			id: R ? I : void 0,
-			"aria-multiselectable": R ? T : void 0,
+			"aria-multiselectable": R ? E : void 0,
 			"aria-activedescendant": X,
 			"aria-label": b.groupAriaLabel,
-			children: [D && !w ? /* @__PURE__ */ h("label", {
-				class: i("rv-resource-picker__option rv-resource-picker__option--unassigned", S?.option),
+			children: [O && !w ? /* @__PURE__ */ a("label", {
+				class: d("rv-resource-picker__option rv-resource-picker__option--unassigned", S?.option),
 				children: [
-					/* @__PURE__ */ m("input", {
+					/* @__PURE__ */ a("input", {
 						type: "checkbox",
 						checked: y.length === 0,
 						disabled: C,
-						...ee(D.dataAttribute, ""),
+						...f(O.dataAttribute, ""),
 						onChange: () => x([])
 					}),
-					/* @__PURE__ */ m("span", {
+					/* @__PURE__ */ a("span", {
 						class: "rv-resource-picker__avatar-spacer",
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ m("span", {
-						class: i("rv-resource-picker__details", S?.details),
-						children: /* @__PURE__ */ m("strong", { children: D.label })
+					/* @__PURE__ */ a("span", {
+						class: d("rv-resource-picker__details", S?.details),
+						children: /* @__PURE__ */ a("strong", { children: O.label })
 					})
 				]
-			}) : null, g.length === 0 ? /* @__PURE__ */ m(v, {
+			}) : null, g.length === 0 ? /* @__PURE__ */ a(v, {
 				className: S?.muted,
 				text: b.emptyResources
-			}) : J.length === 0 ? /* @__PURE__ */ m(v, {
+			}) : J.length === 0 ? /* @__PURE__ */ a(v, {
 				className: S?.muted,
 				text: b.emptySearch
-			}) : J.map((e, t) => /* @__PURE__ */ m(s, {
+			}) : J.map((e, t) => /* @__PURE__ */ a(ee, {
 				resource: e,
-				selected: K.has(a(e.id)),
+				selected: K.has(p(e.id)),
 				selectedResourceIds: y,
 				disabled: C,
 				readOnly: w,
-				multiple: T,
-				resourceDataAttribute: O,
+				multiple: E,
+				resourceDataAttribute: te,
 				classNames: S,
 				isResourceDisabled: k,
 				getAvatarColor: A,
@@ -123,13 +125,13 @@ function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNa
 					F.current = !1, W(t);
 				},
 				onChange: Z
-			}, a(e.id)))]
+			}, p(e.id)))]
 		})]
 	});
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: j,
-		class: i("rv-resource-picker", R ? "rv-resource-picker--dropdown" : void 0, z ? "rv-resource-picker--open" : void 0, S?.root),
-		children: [R ? /* @__PURE__ */ h("div", {
+		class: d("rv-resource-picker", R ? "rv-resource-picker--dropdown" : void 0, z ? "rv-resource-picker--open" : void 0, S?.root),
+		children: [R ? /* @__PURE__ */ a("div", {
 			ref: M,
 			class: "rv-resource-picker__control",
 			role: "combobox",
@@ -144,43 +146,43 @@ function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNa
 			onKeyDown: (e) => {
 				C || e.target !== e.currentTarget || (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), B(!0));
 			},
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ a("div", {
 				class: "rv-resource-picker__chips",
-				children: Y.length ? Y.map((e) => /* @__PURE__ */ h("span", {
+				children: Y.length ? Y.map((e) => /* @__PURE__ */ a("span", {
 					class: "rv-resource-picker__chip",
 					children: [
-						/* @__PURE__ */ m(o, {
+						/* @__PURE__ */ a(m, {
 							resource: e,
 							className: S?.avatar,
 							color: A?.(e)
 						}),
-						/* @__PURE__ */ m("span", {
+						/* @__PURE__ */ a("span", {
 							class: "rv-resource-picker__chip-label",
 							children: e.name
 						}),
-						!C && !w ? /* @__PURE__ */ m("button", {
+						!C && !w ? /* @__PURE__ */ a("button", {
 							type: "button",
 							class: "rv-resource-picker__chip-remove",
 							"aria-label": `Remove ${e.name}`,
 							onClick: (t) => {
-								t.stopPropagation(), x(y.filter((t) => a(t) !== a(e.id)));
+								t.stopPropagation(), x(y.filter((t) => p(t) !== p(e.id)));
 							},
-							children: /* @__PURE__ */ m("span", {
+							children: /* @__PURE__ */ a("span", {
 								"aria-hidden": "true",
-								dangerouslySetInnerHTML: { __html: n }
+								dangerouslySetInnerHTML: { __html: l }
 							})
 						}) : null
 					]
-				}, a(e.id))) : /* @__PURE__ */ m("span", {
+				}, p(e.id))) : /* @__PURE__ */ a("span", {
 					class: "rv-resource-picker__placeholder",
 					children: b.searchPlaceholder
 				})
-			}), /* @__PURE__ */ m("span", {
+			}), /* @__PURE__ */ a("span", {
 				class: "rv-resource-picker__chevron",
 				"aria-hidden": "true",
-				dangerouslySetInnerHTML: { __html: t }
+				dangerouslySetInnerHTML: { __html: c }
 			})]
-		}) : null, R ? z && Q ? /* @__PURE__ */ m(c, {
+		}) : null, R ? z && Q ? /* @__PURE__ */ a(h, {
 			triggerRef: M,
 			portalTarget: Q,
 			popupId: L,
@@ -189,11 +191,11 @@ function g({ resources: g, selectedResourceIds: y, text: b, onChange: x, classNa
 	});
 }
 function _(e) {
-	return [...new Map(e.map((e) => [a(e), e])).values()];
+	return [...new Map(e.map((e) => [p(e), e])).values()];
 }
 function v({ className: e, text: t }) {
-	return /* @__PURE__ */ m("span", {
-		class: i("rv-resource-picker__empty", e),
+	return /* @__PURE__ */ a("span", {
+		class: d("rv-resource-picker__empty", e),
 		children: t
 	});
 }

package/resource-picker/resource-picker.scss

@@ -18,7 +18,10 @@
   --rv-control-border: var(--rv-resource-picker-border, var(--rv-ui-border));
 }
 .rv-resource-picker__search-control input {
-  min-height: var(--rv-resource-picker-search-height, 36px);
+  min-height: var(
+    --rv-resource-picker-search-height,
+    var(--rv-control-height, 32px)
+  );
 }
 
 .rv-resource-picker__list {
@@ -31,10 +34,11 @@
   max-height: var(--rv-resource-picker-max-height, 184px);
   overflow: auto;
   padding: var(--rv-resource-picker-list-padding, 6px);
-  border: 1px solid var(
-    --rv-resource-picker-border,
-    color-mix(in srgb, currentColor 14%, transparent)
-  );
+  border: 1px solid
+    var(
+      --rv-resource-picker-border,
+      color-mix(in srgb, currentColor 14%, transparent)
+    );
   border-radius: var(--rv-resource-picker-radius, 6px);
   background: var(--rv-resource-picker-background, Canvas);
 }
@@ -133,17 +137,24 @@
 }
 
 .rv-resource-picker__control {
+  font-family: inherit;
+  font-size: var(--rv-control-font-size, 0.875rem);
+  line-height: 1;
   display: flex;
   box-sizing: border-box;
   width: 100%;
-  min-height: var(--rv-resource-picker-control-height, 42px);
+  min-height: var(
+    --rv-resource-picker-control-height,
+    var(--rv-control-height, 32px)
+  );
   align-items: center;
   gap: 8px;
-  padding: var(--rv-resource-picker-control-padding, 5px 10px);
-  border: 1px solid var(
-    --rv-resource-picker-border,
-    color-mix(in srgb, currentColor 14%, transparent)
-  );
+  padding: var(--rv-resource-picker-control-padding, 1px 10px);
+  border: 1px solid
+    var(
+      --rv-resource-picker-border,
+      color-mix(in srgb, currentColor 14%, transparent)
+    );
   border-radius: var(--rv-resource-picker-radius, 8px);
   outline: none;
   background: var(--rv-resource-picker-background, Canvas);
@@ -162,11 +173,12 @@
 .rv-resource-picker__control:focus-visible,
 .rv-resource-picker--open .rv-resource-picker__control {
   border-color: var(--rv-resource-picker-accent, var(--rv-ui-accent));
-  box-shadow: 0 0 0 3px color-mix(
-    in srgb,
-    var(--rv-resource-picker-accent, var(--rv-ui-shadow)) 16%,
-    transparent
-  );
+  box-shadow: 0 0 0 3px
+    color-mix(
+      in srgb,
+      var(--rv-resource-picker-accent, var(--rv-ui-shadow)) 16%,
+      transparent
+    );
 }
 
 .rv-resource-picker__chips {
@@ -185,11 +197,12 @@
   align-items: center;
   gap: 5px;
   padding: 3px 5px 3px 3px;
-  border: 1px solid color-mix(
-    in srgb,
-    var(--rv-resource-picker-accent, var(--rv-ui-accent)) 18%,
-    transparent
-  );
+  border: 1px solid
+    color-mix(
+      in srgb,
+      var(--rv-resource-picker-accent, var(--rv-ui-accent)) 18%,
+      transparent
+    );
   border-radius: 999px;
   background: color-mix(
     in srgb,
@@ -264,7 +277,8 @@
 
 .rv-resource-picker__chevron {
   flex: 0 0 auto;
-  transition: transform var(--rv-ui-motion-normal, 160ms) var(--rv-ui-motion-ease, ease-out);
+  transition: transform var(--rv-ui-motion-normal, 160ms)
+    var(--rv-ui-motion-ease, ease-out);
 }
 
 .rv-resource-picker__chevron svg,
@@ -287,17 +301,19 @@
   gap: 6px;
   box-sizing: border-box;
   padding: 7px;
-  border: 1px solid var(
-    --rv-resource-picker-border,
-    color-mix(in srgb, currentColor 14%, transparent)
-  );
+  border: 1px solid
+    var(
+      --rv-resource-picker-border,
+      color-mix(in srgb, currentColor 14%, transparent)
+    );
   border-radius: calc(var(--rv-resource-picker-radius, 8px) + 2px);
   background: var(--rv-resource-picker-popover-background, Canvas);
   box-shadow: var(
     --rv-resource-picker-popover-shadow,
     0 14px 36px var(--rv-ui-shadow)
   );
-  animation: rv-resource-picker-popover-in var(--rv-ui-motion-enter, 180ms) var(--rv-ui-motion-ease, ease-out);
+  animation: rv-resource-picker-popover-in var(--rv-ui-motion-enter, 180ms)
+    var(--rv-ui-motion-ease, ease-out);
 }
 
 .rv-resource-picker__portal.revo-dropdown-menu {
@@ -346,23 +362,38 @@
   outline: 2px solid var(--rv-resource-picker-accent, var(--rv-ui-accent));
   outline-offset: -2px;
 }
-.rv-resource-picker__option .avatar-cell.rv-resource-picker__avatar { box-shadow: none; }
-.rv-resource-picker__details strong { font-weight: 500; line-height: 1.4; }
-.rv-resource-picker__details em { font-size: 12px; line-height: 1.4; }
-.rv-resource-picker__list { gap: 4px; }
+.rv-resource-picker__option .avatar-cell.rv-resource-picker__avatar {
+  box-shadow: none;
+}
+.rv-resource-picker__details strong {
+  font-weight: 500;
+  line-height: 1.4;
+}
+.rv-resource-picker__details em {
+  font-size: 12px;
+  line-height: 1.4;
+}
+.rv-resource-picker__list {
+  gap: 4px;
+}
 
 // The portal wrapper already owns its entrance; avoid fading nested surfaces twice.
-.rv-resource-picker__portal .rv-resource-picker__popover { animation: none; }
+.rv-resource-picker__portal .rv-resource-picker__popover {
+  animation: none;
+}
 
 .rv-resource-picker__option,
 .rv-resource-picker__control {
   transition:
-    background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
-    border-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+    background-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
+    border-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
     opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 }
 .rv-resource-picker__chip-remove {
   transition:
-    background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out),
+    background-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease-out),
     opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease-out);
 }

package/rich-text/engine.d.ts

@@ -1,21 +1,19 @@
-import { LexicalEditor, TextFormatType } from 'lexical';
-export type MarkdownBlock = 'paragraph' | 'h1' | 'h2' | 'quote' | 'code' | 'bullet' | 'ordered';
-export interface MarkdownSelection {
-    formats: TextFormatType[];
-    block: MarkdownBlock | null;
+export type HtmlFormat = 'bold' | 'italic' | 'strikethrough' | 'code';
+export type HtmlBlock = 'paragraph' | 'h1' | 'h2' | 'quote' | 'code' | 'bullet' | 'ordered';
+export interface HtmlSelection {
+    formats: HtmlFormat[];
+    block: HtmlBlock | null;
     link: boolean;
 }
-export declare const emptyMarkdownSelection: MarkdownSelection;
-export interface MarkdownEngine {
-    editor: LexicalEditor;
-    setMarkdown(value: string): void;
-    format(mark: TextFormatType): void;
-    block(value: MarkdownBlock): void;
-    captureSelection(): void;
-    link(value: string): boolean;
-    destroy(): void;
-}
-/** Framework-independent Lexical adapter; consumers own toolbar and mode presentation. */
-export declare function createMarkdownEngine(root: HTMLElement, markdown: string, onChange: (value: string, unsafe: boolean) => void, onSelectionChange?: (selection: MarkdownSelection) => void): MarkdownEngine;
-/** Parse through Lexical so escaped/entity-encoded Markdown link URLs are checked after decoding. */
-export declare function hasUnsafeMarkdownLinks(markdown: string): boolean;
+export declare const emptyHtmlSelection: HtmlSelection;
+/** Native Range editing and bounded local history. No browser execCommand or editor library. */
+export declare function createHtmlEngine(root: HTMLElement, html: string, onChange: (html: string) => void, onSelectionChange?: (selection: HtmlSelection) => void): {
+    setHtml: (value: string) => void;
+    format: (mark: HtmlFormat) => void;
+    block: (value: HtmlBlock) => void;
+    focus: () => void;
+    captureSelection: () => void;
+    link: (value: string) => boolean;
+    destroy: () => void;
+};
+export type HtmlEngine = ReturnType<typeof createHtmlEngine>;

package/rich-text/format-html.d.ts

@@ -0,0 +1,2 @@
+/** Display-only indentation: keep inline phrases and preformatted content intact. */
+export declare function formatRichTextHtml(html: string, doc?: Document): string;

package/rich-text/index.d.ts

@@ -1,15 +1,19 @@
 import { EditorActionText, EditorCommitOptions } from '../editor-actions';
-import { MarkdownEditorText } from './translations';
-export { defaultMarkdownEditorText, type MarkdownEditorText, } from './translations';
-export interface MarkdownEditorProps extends EditorCommitOptions {
+import { HtmlEditorText } from './translations';
+export { defaultHtmlEditorText, type HtmlEditorText } from './translations';
+export interface HtmlEditorProps extends EditorCommitOptions {
+    /** Override formatRichTextHtml for source presentation on entry, never while typing. */
+    formatSource?: (html: string) => string;
     value: string;
     onApply: (value: string) => void;
     onCancel: () => void;
     required?: boolean;
     maxLength?: number;
-    text?: Partial<MarkdownEditorText>;
+    text?: Partial<HtmlEditorText>;
     actions?: Partial<EditorActionText>;
 }
-export declare function MarkdownEditor(props: MarkdownEditorProps): import("preact").JSX.Element;
-export { markdownVisualIssues, isSafeMarkdownLink } from './model';
-export { markdownRenderNodes, type MarkdownRenderNode } from './render-model';
+export declare function HtmlEditor(props: HtmlEditorProps): import("../_vendor/preact/src/index").JSX.Element;
+export { sanitizeRichTextHtml, isSafeRichTextLink } from './model';
+export { htmlRenderNodes, type HtmlRenderNode } from './render-model';
+export { formatRichTextHtml } from './format-html';
+export { HtmlSyntax } from './syntax';

package/rich-text/index.js

@@ -1 +1 @@
-export { t as MarkdownEditor, r as defaultMarkdownEditorText, i as isSafeMarkdownLink, n as markdownRenderNodes, a as markdownVisualIssues } from "../_chunks/rich-text-2Rla349o.js";
+export { t as HtmlEditor, s as HtmlSyntax, r as defaultHtmlEditorText, i as formatRichTextHtml, n as htmlRenderNodes, a as isSafeRichTextLink, o as sanitizeRichTextHtml } from "../_chunks/rich-text-CtjqRvv8.js";

package/rich-text/model.d.ts

@@ -1,3 +1,6 @@
-/** Supported Markdown boundaries: unsupported syntax remains editable as lossless source. */
-export declare function markdownVisualIssues(markdown: string): string[];
-export declare function isSafeMarkdownLink(value: string): boolean;
+export declare function isSafeRichTextLink(value: string): boolean;
+/** Remove rich marks inside code while preserving line breaks and selection markers. */
+export declare function flattenCode(element: Element): void;
+/** Parse inertly, then rebuild nodes; never mount user-provided HTML or attributes. */
+export declare function richTextFragment(html: string, doc?: Document): DocumentFragment;
+export declare function sanitizeRichTextHtml(html: string, doc?: Document): string;

package/rich-text/render-model.d.ts

@@ -1,9 +1,8 @@
-/** Framework-neutral, allowlisted content. Text is always rendered as text, never HTML. */
-export interface MarkdownRenderNode {
+export interface HtmlRenderNode {
     tag?: string;
     text?: string;
     attrs?: Record<string, string | number>;
-    children?: readonly MarkdownRenderNode[];
+    children?: readonly HtmlRenderNode[];
 }
-/** The renderer accepts exactly the same Markdown subset as the Visual editor. */
-export declare function markdownRenderNodes(markdown: string): readonly MarkdownRenderNode[];
+/** Only allowlisted nodes reach a framework renderer; fresh VNodes are created per cell. */
+export declare function htmlRenderNodes(html: string): readonly HtmlRenderNode[];