@seekalfred/primitives 0.6.0 → 0.7.3

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

@@ -0,0 +1,174 @@
+//#region src/rich-text-editor/rich-text-html.ts
+const BLOCK_TAGS = /* @__PURE__ */ new Set([
+	"P",
+	"H1",
+	"H2",
+	"H3",
+	"LI",
+	"PRE",
+	"BLOCKQUOTE",
+	"DIV",
+	"UL",
+	"OL",
+	"HR"
+]);
+const INLINE_MAP = {
+	B: "strong",
+	STRONG: "strong",
+	I: "em",
+	EM: "em",
+	U: "u",
+	S: "s",
+	STRIKE: "s",
+	DEL: "s",
+	CODE: "code",
+	A: "a",
+	BR: "br"
+};
+const BLOCK_MAP = {
+	P: "p",
+	H1: "h1",
+	H2: "h2",
+	H3: "h3",
+	H4: "h3",
+	H5: "h3",
+	H6: "h3",
+	UL: "ul",
+	OL: "ol",
+	LI: "li",
+	BLOCKQUOTE: "blockquote",
+	PRE: "pre",
+	HR: "hr"
+};
+const DROP = /* @__PURE__ */ new Set([
+	"SCRIPT",
+	"STYLE",
+	"META",
+	"LINK",
+	"TITLE",
+	"TEMPLATE",
+	"IFRAME",
+	"OBJECT",
+	"EMBED",
+	"SVG",
+	"CANVAS",
+	"IMG",
+	"VIDEO",
+	"AUDIO",
+	"INPUT",
+	"BUTTON",
+	"SELECT",
+	"TEXTAREA",
+	"HEAD"
+]);
+/** Links the editor will keep: web, mail, phone, and in-page or site-relative addresses. Anything else (javascript:, data:) is dropped. */
+const isSafeUrl = (url) => /^(https?:|mailto:|tel:|\/|#)/i.test(url.trim());
+/** Adds a scheme to a bare domain so `example.com/docs` becomes a working link, and `mailto:` to an address. */
+function normalizeUrl(input) {
+	const url = input.trim();
+	if (!url) return "";
+	if (/^[a-z][a-z\d+.-]*:/i.test(url) || url.startsWith("/") || url.startsWith("#")) return url;
+	if (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(url)) return `mailto:${url}`;
+	return `https://${url}`;
+}
+const isText = (node) => node.nodeType === Node.TEXT_NODE;
+/** The text of a code block, with a line break where the source has a <br>. */
+function codeText(element) {
+	let text = "";
+	element.childNodes.forEach((node) => {
+		if (isText(node)) text += node.data;
+		else if (node.nodeName === "BR") text += "\n";
+		else if (node.nodeType === Node.ELEMENT_NODE) text += codeText(node);
+	});
+	return text;
+}
+/**
+* Keeps only the tags the editor understands and drops every attribute except safe link targets.
+* Bold, italic, underline and strike spans from other editors become marks. Returns the cleaned
+* document as a detached element.
+*/
+function sanitizeToDom(html) {
+	const source = new DOMParser().parseFromString(html, "text/html").body;
+	const out = document.createElement("div");
+	const convert = (from, into) => {
+		from.childNodes.forEach((child) => {
+			if (isText(child)) {
+				into.appendChild(document.createTextNode(child.data));
+				return;
+			}
+			if (child.nodeType !== Node.ELEMENT_NODE) return;
+			const element = child;
+			if (DROP.has(element.nodeName)) return;
+			const style = element.getAttribute("style") ?? "";
+			let tag = INLINE_MAP[element.nodeName] ?? BLOCK_MAP[element.nodeName];
+			if (element.nodeName === "B" && /font-weight:\s*(normal|[1-4]00)/.test(style)) tag = "";
+			if (element.nodeName === "SPAN") tag = /font-weight:\s*(bold|[6-9]00)/.test(style) ? "strong" : /font-style:\s*italic/.test(style) ? "em" : /text-decoration[^;]*underline/.test(style) ? "u" : /line-through/.test(style) ? "s" : "";
+			if (!tag) {
+				convert(element, into);
+				return;
+			}
+			const next = document.createElement(tag);
+			if (tag === "a") {
+				const href = element.getAttribute("href") ?? "";
+				if (!isSafeUrl(href)) {
+					convert(element, into);
+					return;
+				}
+				next.setAttribute("href", href);
+			}
+			if (tag === "pre") next.textContent = codeText(element);
+			else if (tag !== "br" && tag !== "hr") convert(element, next);
+			into.appendChild(next);
+		});
+	};
+	convert(source, out);
+	const fixed = document.createElement("div");
+	let run = null;
+	Array.from(out.childNodes).forEach((node) => {
+		if (node.nodeType === Node.ELEMENT_NODE && BLOCK_TAGS.has(node.nodeName)) {
+			run = null;
+			fixed.appendChild(node);
+			return;
+		}
+		if (isText(node) && !node.data.trim() && !run) return;
+		if (!run) {
+			run = document.createElement("p");
+			fixed.appendChild(run);
+		}
+		run.appendChild(node);
+	});
+	fixed.querySelectorAll("li > p").forEach((paragraph) => paragraph.replaceWith(...Array.from(paragraph.childNodes)));
+	[fixed, ...Array.from(fixed.querySelectorAll("ul, ol, blockquote, li"))].forEach((parent) => Array.from(parent.childNodes).forEach((node) => {
+		if (isText(node) && !node.data.trim() && (parent === fixed || parent.nodeName === "UL" || parent.nodeName === "OL" || node.previousSibling && BLOCK_TAGS.has(node.previousSibling.nodeName) || node.nextSibling && BLOCK_TAGS.has(node.nextSibling.nodeName))) node.remove();
+	}));
+	return fixed;
+}
+/**
+* Canonical output for whatever HTML the engine exported: only the editor's tags, no attributes
+* but link targets, nested lists inside the item they belong to, no trailing empty blocks.
+*/
+function canonicalDom(raw) {
+	const root = sanitizeToDom(raw);
+	root.querySelectorAll("li").forEach((item) => {
+		const list = item.firstElementChild;
+		const previous = item.previousElementSibling;
+		if (!!list && (list.nodeName === "UL" || list.nodeName === "OL") && Array.from(item.childNodes).every((node) => node === list || isText(node) && !node.data.trim()) && previous?.nodeName === "LI") {
+			previous.appendChild(list);
+			item.remove();
+		}
+	});
+	root.querySelectorAll("strong strong, em em, u u, s s").forEach((inner) => {
+		if (inner.parentNode) inner.replaceWith(...Array.from(inner.childNodes));
+	});
+	const visible = (element) => !!element.textContent?.trim() || !!element.querySelector("hr");
+	while (root.lastElementChild && root.children.length > 1 && root.lastElementChild.nodeName !== "HR" && !visible(root.lastElementChild)) root.lastElementChild.remove();
+	return root;
+}
+/** Plain text of canonical HTML: one line per block. */
+function plainText(root) {
+	return Array.from(root.querySelectorAll("p, h1, h2, h3, li, blockquote, pre")).filter((block) => !block.querySelector("p, li")).map((block) => (block.textContent ?? "").trim()).filter(Boolean).join("\n");
+}
+//#endregion
+export { canonicalDom, isSafeUrl, normalizeUrl, plainText, sanitizeToDom };
+
+//# sourceMappingURL=rich-text-html.js.map

package/dist/rich-text-editor/rich-text-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-html.js","names":[],"sources":["../../src/rich-text-editor/rich-text-html.ts"],"sourcesContent":["/*\n * The HTML the editor accepts and writes. Plain DOM work, no Lexical: a stored value is\n * engine-independent HTML in a small fixed vocabulary, so it survives a change of editor.\n */\n\nconst BLOCK_TAGS = new Set([\n  \"P\",\n  \"H1\",\n  \"H2\",\n  \"H3\",\n  \"LI\",\n  \"PRE\",\n  \"BLOCKQUOTE\",\n  \"DIV\",\n  \"UL\",\n  \"OL\",\n  \"HR\",\n]);\nconst INLINE_MAP: Record<string, string> = {\n  B: \"strong\",\n  STRONG: \"strong\",\n  I: \"em\",\n  EM: \"em\",\n  U: \"u\",\n  S: \"s\",\n  STRIKE: \"s\",\n  DEL: \"s\",\n  CODE: \"code\",\n  A: \"a\",\n  BR: \"br\",\n};\nconst BLOCK_MAP: Record<string, string> = {\n  P: \"p\",\n  H1: \"h1\",\n  H2: \"h2\",\n  H3: \"h3\",\n  H4: \"h3\",\n  H5: \"h3\",\n  H6: \"h3\",\n  UL: \"ul\",\n  OL: \"ol\",\n  LI: \"li\",\n  BLOCKQUOTE: \"blockquote\",\n  PRE: \"pre\",\n  HR: \"hr\",\n};\nconst DROP = new Set([\n  \"SCRIPT\",\n  \"STYLE\",\n  \"META\",\n  \"LINK\",\n  \"TITLE\",\n  \"TEMPLATE\",\n  \"IFRAME\",\n  \"OBJECT\",\n  \"EMBED\",\n  \"SVG\",\n  \"CANVAS\",\n  \"IMG\",\n  \"VIDEO\",\n  \"AUDIO\",\n  \"INPUT\",\n  \"BUTTON\",\n  \"SELECT\",\n  \"TEXTAREA\",\n  \"HEAD\",\n]);\n\n/** Links the editor will keep: web, mail, phone, and in-page or site-relative addresses. Anything else (javascript:, data:) is dropped. */\nexport const isSafeUrl = (url: string) => /^(https?:|mailto:|tel:|\\/|#)/i.test(url.trim());\n\n/** Adds a scheme to a bare domain so `example.com/docs` becomes a working link, and `mailto:` to an address. */\nexport function normalizeUrl(input: string) {\n  const url = input.trim();\n  if (!url) return \"\";\n  if (/^[a-z][a-z\\d+.-]*:/i.test(url) || url.startsWith(\"/\") || url.startsWith(\"#\")) return url;\n  if (/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(url)) return `mailto:${url}`;\n  return `https://${url}`;\n}\n\nconst isText = (node: Node): node is Text => node.nodeType === Node.TEXT_NODE;\n\n/** The text of a code block, with a line break where the source has a <br>. */\nfunction codeText(element: Element) {\n  let text = \"\";\n  element.childNodes.forEach((node) => {\n    if (isText(node)) text += node.data;\n    else if (node.nodeName === \"BR\") text += \"\\n\";\n    else if (node.nodeType === Node.ELEMENT_NODE) text += codeText(node as Element);\n  });\n  return text;\n}\n\n/**\n * Keeps only the tags the editor understands and drops every attribute except safe link targets.\n * Bold, italic, underline and strike spans from other editors become marks. Returns the cleaned\n * document as a detached element.\n */\nexport function sanitizeToDom(html: string): HTMLElement {\n  const source = new DOMParser().parseFromString(html, \"text/html\").body;\n  const out = document.createElement(\"div\");\n  const convert = (from: Node, into: Node) => {\n    from.childNodes.forEach((child) => {\n      if (isText(child)) {\n        into.appendChild(document.createTextNode(child.data));\n        return;\n      }\n      if (child.nodeType !== Node.ELEMENT_NODE) return;\n      const element = child as HTMLElement;\n      if (DROP.has(element.nodeName)) return;\n      const style = element.getAttribute(\"style\") ?? \"\";\n      let tag = INLINE_MAP[element.nodeName] ?? BLOCK_MAP[element.nodeName];\n      if (element.nodeName === \"B\" && /font-weight:\\s*(normal|[1-4]00)/.test(style)) tag = \"\";\n      if (element.nodeName === \"SPAN\") {\n        tag = /font-weight:\\s*(bold|[6-9]00)/.test(style)\n          ? \"strong\"\n          : /font-style:\\s*italic/.test(style)\n            ? \"em\"\n            : /text-decoration[^;]*underline/.test(style)\n              ? \"u\"\n              : /line-through/.test(style)\n                ? \"s\"\n                : \"\";\n      }\n      if (!tag) {\n        convert(element, into);\n        return;\n      }\n      const next = document.createElement(tag);\n      if (tag === \"a\") {\n        const href = element.getAttribute(\"href\") ?? \"\";\n        if (!isSafeUrl(href)) {\n          convert(element, into);\n          return;\n        }\n        next.setAttribute(\"href\", href);\n      }\n      if (tag === \"pre\") next.textContent = codeText(element);\n      else if (tag !== \"br\" && tag !== \"hr\") convert(element, next);\n      into.appendChild(next);\n    });\n  };\n  convert(source, out);\n\n  // Inline runs at the top level become paragraphs; whitespace between blocks disappears.\n  const fixed = document.createElement(\"div\");\n  let run: HTMLElement | null = null;\n  Array.from(out.childNodes).forEach((node) => {\n    const block = node.nodeType === Node.ELEMENT_NODE && BLOCK_TAGS.has(node.nodeName);\n    if (block) {\n      run = null;\n      fixed.appendChild(node);\n      return;\n    }\n    if (isText(node) && !node.data.trim() && !run) return;\n    if (!run) {\n      run = document.createElement(\"p\");\n      fixed.appendChild(run);\n    }\n    run.appendChild(node);\n  });\n  // A paragraph inside a list item is just the item's text.\n  fixed\n    .querySelectorAll(\"li > p\")\n    .forEach((paragraph) => paragraph.replaceWith(...Array.from(paragraph.childNodes)));\n  // Typed whitespace is kept, so only formatting whitespace between blocks and list items goes.\n  [fixed, ...Array.from(fixed.querySelectorAll(\"ul, ol, blockquote, li\"))].forEach((parent) =>\n    Array.from(parent.childNodes).forEach((node) => {\n      if (\n        isText(node) &&\n        !node.data.trim() &&\n        (parent === fixed ||\n          parent.nodeName === \"UL\" ||\n          parent.nodeName === \"OL\" ||\n          (node.previousSibling && BLOCK_TAGS.has(node.previousSibling.nodeName)) ||\n          (node.nextSibling && BLOCK_TAGS.has(node.nextSibling.nodeName)))\n      )\n        node.remove();\n    }),\n  );\n  return fixed;\n}\n\n/** {@link sanitizeToDom} as a string. */\nexport const sanitizeHtml = (html: string) => sanitizeToDom(html).innerHTML;\n\n/**\n * Canonical output for whatever HTML the engine exported: only the editor's tags, no attributes\n * but link targets, nested lists inside the item they belong to, no trailing empty blocks.\n */\nexport function canonicalDom(raw: string): HTMLElement {\n  const root = sanitizeToDom(raw);\n  // An engine may write a sub-list as an item of its own; it belongs inside the item before it.\n  root.querySelectorAll(\"li\").forEach((item) => {\n    const list = item.firstElementChild;\n    const previous = item.previousElementSibling;\n    const wrapper =\n      !!list &&\n      (list.nodeName === \"UL\" || list.nodeName === \"OL\") &&\n      Array.from(item.childNodes).every(\n        (node) => node === list || (isText(node) && !node.data.trim()),\n      );\n    if (wrapper && previous?.nodeName === \"LI\") {\n      previous.appendChild(list);\n      item.remove();\n    }\n  });\n  // An engine may wrap a mark in the same mark twice; once is enough.\n  root.querySelectorAll(\"strong strong, em em, u u, s s\").forEach((inner) => {\n    if (inner.parentNode) inner.replaceWith(...Array.from(inner.childNodes));\n  });\n  const visible = (element: Element) =>\n    !!element.textContent?.trim() || !!element.querySelector(\"hr\");\n  while (\n    root.lastElementChild &&\n    root.children.length > 1 &&\n    root.lastElementChild.nodeName !== \"HR\" &&\n    !visible(root.lastElementChild)\n  ) {\n    root.lastElementChild.remove();\n  }\n  return root;\n}\n\n/** Plain text of canonical HTML: one line per block. */\nexport function plainText(root: HTMLElement) {\n  return Array.from(root.querySelectorAll(\"p, h1, h2, h3, li, blockquote, pre\"))\n    .filter((block) => !block.querySelector(\"p, li\"))\n    .map((block) => (block.textContent ?? \"\").trim())\n    .filter(Boolean)\n    .join(\"\\n\");\n}\n"],"mappings":";AAKA,MAAM,6BAAa,IAAI,IAAI;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AACD,MAAM,aAAqC;CACzC,GAAG;CACH,QAAQ;CACR,GAAG;CACH,IAAI;CACJ,GAAG;CACH,GAAG;CACH,QAAQ;CACR,KAAK;CACL,MAAM;CACN,GAAG;CACH,IAAI;AACN;AACA,MAAM,YAAoC;CACxC,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,YAAY;CACZ,KAAK;CACL,IAAI;AACN;AACA,MAAM,uBAAO,IAAI,IAAI;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;AAGD,MAAa,aAAa,QAAgB,gCAAgC,KAAK,IAAI,KAAK,CAAC;;AAGzF,SAAgB,aAAa,OAAe;CAC1C,MAAM,MAAM,MAAM,KAAK;CACvB,IAAI,CAAC,KAAK,OAAO;CACjB,IAAI,sBAAsB,KAAK,GAAG,KAAK,IAAI,WAAW,GAAG,KAAK,IAAI,WAAW,GAAG,GAAG,OAAO;CAC1F,IAAI,6BAA6B,KAAK,GAAG,GAAG,OAAO,UAAU;CAC7D,OAAO,WAAW;AACpB;AAEA,MAAM,UAAU,SAA6B,KAAK,aAAa,KAAK;;AAGpE,SAAS,SAAS,SAAkB;CAClC,IAAI,OAAO;CACX,QAAQ,WAAW,SAAS,SAAS;EACnC,IAAI,OAAO,IAAI,GAAG,QAAQ,KAAK;OAC1B,IAAI,KAAK,aAAa,MAAM,QAAQ;OACpC,IAAI,KAAK,aAAa,KAAK,cAAc,QAAQ,SAAS,IAAe;CAChF,CAAC;CACD,OAAO;AACT;;;;;;AAOA,SAAgB,cAAc,MAA2B;CACvD,MAAM,SAAS,IAAI,UAAU,CAAC,CAAC,gBAAgB,MAAM,WAAW,CAAC,CAAC;CAClE,MAAM,MAAM,SAAS,cAAc,KAAK;CACxC,MAAM,WAAW,MAAY,SAAe;EAC1C,KAAK,WAAW,SAAS,UAAU;GACjC,IAAI,OAAO,KAAK,GAAG;IACjB,KAAK,YAAY,SAAS,eAAe,MAAM,IAAI,CAAC;IACpD;GACF;GACA,IAAI,MAAM,aAAa,KAAK,cAAc;GAC1C,MAAM,UAAU;GAChB,IAAI,KAAK,IAAI,QAAQ,QAAQ,GAAG;GAChC,MAAM,QAAQ,QAAQ,aAAa,OAAO,KAAK;GAC/C,IAAI,MAAM,WAAW,QAAQ,aAAa,UAAU,QAAQ;GAC5D,IAAI,QAAQ,aAAa,OAAO,kCAAkC,KAAK,KAAK,GAAG,MAAM;GACrF,IAAI,QAAQ,aAAa,QACvB,MAAM,gCAAgC,KAAK,KAAK,IAC5C,WACA,uBAAuB,KAAK,KAAK,IAC/B,OACA,gCAAgC,KAAK,KAAK,IACxC,MACA,eAAe,KAAK,KAAK,IACvB,MACA;GAEZ,IAAI,CAAC,KAAK;IACR,QAAQ,SAAS,IAAI;IACrB;GACF;GACA,MAAM,OAAO,SAAS,cAAc,GAAG;GACvC,IAAI,QAAQ,KAAK;IACf,MAAM,OAAO,QAAQ,aAAa,MAAM,KAAK;IAC7C,IAAI,CAAC,UAAU,IAAI,GAAG;KACpB,QAAQ,SAAS,IAAI;KACrB;IACF;IACA,KAAK,aAAa,QAAQ,IAAI;GAChC;GACA,IAAI,QAAQ,OAAO,KAAK,cAAc,SAAS,OAAO;QACjD,IAAI,QAAQ,QAAQ,QAAQ,MAAM,QAAQ,SAAS,IAAI;GAC5D,KAAK,YAAY,IAAI;EACvB,CAAC;CACH;CACA,QAAQ,QAAQ,GAAG;CAGnB,MAAM,QAAQ,SAAS,cAAc,KAAK;CAC1C,IAAI,MAA0B;CAC9B,MAAM,KAAK,IAAI,UAAU,CAAC,CAAC,SAAS,SAAS;EAE3C,IADc,KAAK,aAAa,KAAK,gBAAgB,WAAW,IAAI,KAAK,QAAQ,GACtE;GACT,MAAM;GACN,MAAM,YAAY,IAAI;GACtB;EACF;EACA,IAAI,OAAO,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC,KAAK;EAC/C,IAAI,CAAC,KAAK;GACR,MAAM,SAAS,cAAc,GAAG;GAChC,MAAM,YAAY,GAAG;EACvB;EACA,IAAI,YAAY,IAAI;CACtB,CAAC;CAED,MACG,iBAAiB,QAAQ,CAAC,CAC1B,SAAS,cAAc,UAAU,YAAY,GAAG,MAAM,KAAK,UAAU,UAAU,CAAC,CAAC;CAEpF,CAAC,OAAO,GAAG,MAAM,KAAK,MAAM,iBAAiB,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,WAChF,MAAM,KAAK,OAAO,UAAU,CAAC,CAAC,SAAS,SAAS;EAC9C,IACE,OAAO,IAAI,KACX,CAAC,KAAK,KAAK,KAAK,MACf,WAAW,SACV,OAAO,aAAa,QACpB,OAAO,aAAa,QACnB,KAAK,mBAAmB,WAAW,IAAI,KAAK,gBAAgB,QAAQ,KACpE,KAAK,eAAe,WAAW,IAAI,KAAK,YAAY,QAAQ,IAE/D,KAAK,OAAO;CAChB,CAAC,CACH;CACA,OAAO;AACT;;;;;AASA,SAAgB,aAAa,KAA0B;CACrD,MAAM,OAAO,cAAc,GAAG;CAE9B,KAAK,iBAAiB,IAAI,CAAC,CAAC,SAAS,SAAS;EAC5C,MAAM,OAAO,KAAK;EAClB,MAAM,WAAW,KAAK;EAOtB,IALE,CAAC,CAAC,SACD,KAAK,aAAa,QAAQ,KAAK,aAAa,SAC7C,MAAM,KAAK,KAAK,UAAU,CAAC,CAAC,OACzB,SAAS,SAAS,QAAS,OAAO,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,CAC9D,KACa,UAAU,aAAa,MAAM;GAC1C,SAAS,YAAY,IAAI;GACzB,KAAK,OAAO;EACd;CACF,CAAC;CAED,KAAK,iBAAiB,gCAAgC,CAAC,CAAC,SAAS,UAAU;EACzE,IAAI,MAAM,YAAY,MAAM,YAAY,GAAG,MAAM,KAAK,MAAM,UAAU,CAAC;CACzE,CAAC;CACD,MAAM,WAAW,YACf,CAAC,CAAC,QAAQ,aAAa,KAAK,KAAK,CAAC,CAAC,QAAQ,cAAc,IAAI;CAC/D,OACE,KAAK,oBACL,KAAK,SAAS,SAAS,KACvB,KAAK,iBAAiB,aAAa,QACnC,CAAC,QAAQ,KAAK,gBAAgB,GAE9B,KAAK,iBAAiB,OAAO;CAE/B,OAAO;AACT;;AAGA,SAAgB,UAAU,MAAmB;CAC3C,OAAO,MAAM,KAAK,KAAK,iBAAiB,oCAAoC,CAAC,CAAC,CAC3E,QAAQ,UAAU,CAAC,MAAM,cAAc,OAAO,CAAC,CAAC,CAChD,KAAK,WAAW,MAAM,eAAe,GAAA,CAAI,KAAK,CAAC,CAAC,CAChD,OAAO,OAAO,CAAC,CACf,KAAK,IAAI;AACd"}

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

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/rich-text-editor/rich-text-icons.tsx
+function Icon({ children }) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.75,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		className: "size-4",
+		children
+	});
+}
+const BoldIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }) });
+const ItalicIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M19 4h-9M14 20H5M15 4 9 20" }) });
+const UnderlineIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4M4 20h16" }) });
+const StrikeIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6M4 12h16" }) });
+const CodeIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "m16 18 6-6-6-6M8 6l-6 6 6 6" }) });
+const LinkIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }) });
+const UnlinkIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "m18.84 12.25 1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71M8 2v3M2 8h3M16 19v3M19 16h3" }) });
+const Heading1Icon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M4 12h8M4 18V6M12 18V6m5 6 3-2v8" }) });
+const Heading2Icon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M4 12h8M4 18V6M12 18V6m9 12h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" }) });
+const Heading3Icon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M4 12h8M4 18V6M12 18V6m5.5 4.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" }) });
+const ListIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M3 6h.01M3 12h.01M3 18h.01M8 6h13M8 12h13M8 18h13" }) });
+const ListOrderedIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M10 6h11M10 12h11M10 18h11M4 10h2M4 6h1v4M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" }) });
+const QuoteIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2zM5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z" }) });
+const CodeBlockIcon = () => /* @__PURE__ */ jsxs(Icon, { children: [/* @__PURE__ */ jsx("path", { d: "m10 9-3 3 3 3M14 15l3-3-3-3" }), /* @__PURE__ */ jsx("rect", {
+	x: "3",
+	y: "3",
+	width: "18",
+	height: "18",
+	rx: "2"
+})] });
+const DividerIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) });
+const ParagraphIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M13 4v16M17 4v16M19 4H9.5a4.5 4.5 0 0 0 0 9H13" }) });
+const BackIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "m12 19-7-7 7-7M19 12H5" }) });
+const CheckIcon = () => /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+//#endregion
+export { BackIcon, BoldIcon, CheckIcon, CodeBlockIcon, CodeIcon, DividerIcon, Heading1Icon, Heading2Icon, Heading3Icon, ItalicIcon, LinkIcon, ListIcon, ListOrderedIcon, ParagraphIcon, QuoteIcon, StrikeIcon, UnderlineIcon, UnlinkIcon };
+
+//# sourceMappingURL=rich-text-icons.js.map

package/dist/rich-text-editor/rich-text-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-icons.js","names":[],"sources":["../../src/rich-text-editor/rich-text-icons.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/*\n * The editor's icons: 24px strokes, drawn to read at 16px. Decorative (aria-hidden); every\n * control that holds one carries its own accessible name.\n */\nfunction Icon({ children }: { children: ReactNode }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={1.75}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      className=\"size-4\"\n    >\n      {children}\n    </svg>\n  );\n}\n\nexport const BoldIcon = () => (\n  <Icon>\n    <path d=\"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8\" />\n  </Icon>\n);\nexport const ItalicIcon = () => (\n  <Icon>\n    <path d=\"M19 4h-9M14 20H5M15 4 9 20\" />\n  </Icon>\n);\nexport const UnderlineIcon = () => (\n  <Icon>\n    <path d=\"M6 4v6a6 6 0 0 0 12 0V4M4 20h16\" />\n  </Icon>\n);\nexport const StrikeIcon = () => (\n  <Icon>\n    <path d=\"M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6M4 12h16\" />\n  </Icon>\n);\nexport const CodeIcon = () => (\n  <Icon>\n    <path d=\"m16 18 6-6-6-6M8 6l-6 6 6 6\" />\n  </Icon>\n);\nexport const LinkIcon = () => (\n  <Icon>\n    <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" />\n  </Icon>\n);\nexport const UnlinkIcon = () => (\n  <Icon>\n    <path d=\"m18.84 12.25 1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71M8 2v3M2 8h3M16 19v3M19 16h3\" />\n  </Icon>\n);\nexport const Heading1Icon = () => (\n  <Icon>\n    <path d=\"M4 12h8M4 18V6M12 18V6m5 6 3-2v8\" />\n  </Icon>\n);\nexport const Heading2Icon = () => (\n  <Icon>\n    <path d=\"M4 12h8M4 18V6M12 18V6m9 12h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1\" />\n  </Icon>\n);\nexport const Heading3Icon = () => (\n  <Icon>\n    <path d=\"M4 12h8M4 18V6M12 18V6m5.5 4.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2\" />\n  </Icon>\n);\nexport const ListIcon = () => (\n  <Icon>\n    <path d=\"M3 6h.01M3 12h.01M3 18h.01M8 6h13M8 12h13M8 18h13\" />\n  </Icon>\n);\nexport const ListOrderedIcon = () => (\n  <Icon>\n    <path d=\"M10 6h11M10 12h11M10 18h11M4 10h2M4 6h1v4M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\" />\n  </Icon>\n);\nexport const QuoteIcon = () => (\n  <Icon>\n    <path d=\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2zM5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\" />\n  </Icon>\n);\nexport const CodeBlockIcon = () => (\n  <Icon>\n    <path d=\"m10 9-3 3 3 3M14 15l3-3-3-3\" />\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n  </Icon>\n);\nexport const DividerIcon = () => (\n  <Icon>\n    <path d=\"M5 12h14\" />\n  </Icon>\n);\nexport const ParagraphIcon = () => (\n  <Icon>\n    <path d=\"M13 4v16M17 4v16M19 4H9.5a4.5 4.5 0 0 0 0 9H13\" />\n  </Icon>\n);\nexport const BackIcon = () => (\n  <Icon>\n    <path d=\"m12 19-7-7 7-7M19 12H5\" />\n  </Icon>\n);\nexport const CheckIcon = () => (\n  <Icon>\n    <path d=\"M20 6 9 17l-5-5\" />\n  </Icon>\n);\n"],"mappings":";;AAMA,SAAS,KAAK,EAAE,YAAqC;CACnD,OACE,oBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAa;EACb,eAAc;EACd,gBAAe;EACf,eAAY;EACZ,WAAU;EAET;CACE,CAAA;AAET;AAEA,MAAa,iBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,wEAAyE,CAAA,EAC7E,CAAA;AAER,MAAa,mBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA,EAClC,CAAA;AAER,MAAa,sBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,kCAAmC,CAAA,EACvC,CAAA;AAER,MAAa,mBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,yDAA0D,CAAA,EAC9D,CAAA;AAER,MAAa,iBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA,EACnC,CAAA;AAER,MAAa,iBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,0HAA2H,CAAA,EAC/H,CAAA;AAER,MAAa,mBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,wIAAyI,CAAA,EAC7I,CAAA;AAER,MAAa,qBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,mCAAoC,CAAA,EACxC,CAAA;AAER,MAAa,qBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,6DAA8D,CAAA,EAClE,CAAA;AAER,MAAa,qBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,0GAA2G,CAAA,EAC/G,CAAA;AAER,MAAa,iBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,oDAAqD,CAAA,EACzD,CAAA;AAER,MAAa,wBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,0EAA2E,CAAA,EAC/E,CAAA;AAER,MAAa,kBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,8PAA+P,CAAA,EACnQ,CAAA;AAER,MAAa,sBACX,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA,GACvC,oBAAC,QAAD;CAAM,GAAE;CAAI,GAAE;CAAI,OAAM;CAAK,QAAO;CAAK,IAAG;AAAK,CAAA,CAC7C,EAAA,CAAA;AAER,MAAa,oBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,WAAY,CAAA,EAChB,CAAA;AAER,MAAa,sBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,iDAAkD,CAAA,EACtD,CAAA;AAER,MAAa,iBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,yBAA0B,CAAA,EAC9B,CAAA;AAER,MAAa,kBACX,oBAAC,MAAD,EAAA,UACE,oBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA,EACvB,CAAA"}

package/dist/ridgeline/index.d.ts

@@ -0,0 +1,2 @@
+import { Ridgeline, RidgelineProps, RidgelineSeries } from "./ridgeline.js";
+export { Ridgeline, type RidgelineProps, type RidgelineSeries };

package/dist/ridgeline/index.js

@@ -0,0 +1,2 @@
+import { Ridgeline } from "./ridgeline.js";
+export { Ridgeline };

package/dist/ridgeline/ridgeline.d.ts

@@ -0,0 +1,55 @@
+//#region src/ridgeline/ridgeline.d.ts
+/**
+ * Ridgeline: compare the shape of many distributions at once, such as daily
+ * temperatures by month or response times by region. Each series is one ridge, a
+ * smoothed density of its raw values, drawn top to bottom and overlapping the row
+ * behind it; the ridges share one value axis.
+ *
+ * The ridges roll in from the top row down once the chart is in view. New data
+ * morphs every ridge from the shape on screen, and the axis follows. Hovering,
+ * touching or the arrow keys lift one ridge above its neighbours with its middle
+ * half shaded and its median marked, step the others back, and show a tooltip with
+ * the median, the middle half and the range. Moving along the values shows how
+ * much of the series sits at or below that value. Each ridge is shaded by its
+ * median, from a light tint to the full first series colour, with the scale
+ * under the axis.
+ *
+ * Plain SVG written straight to the DOM by one small spring tween.
+ */
+export interface RidgelineSeries {
+  /** Stable identity. A ridge that survives a data change morphs into its new shape. */
+  id: string;
+  label: string;
+  /** Raw observations. The ridge is a smoothed density of these values. */
+  values: number[];
+}
+export interface RidgelineProps {
+  /** One ridge per series, drawn top to bottom. */
+  series: RidgelineSeries[];
+  /** What is measured, such as "Daily highs in Zurich". Names the chart for assistive technology. */
+  label: string;
+  /** Unit after each value, such as "°C". */
+  unit?: string;
+  formatValue?: (value: number) => string;
+  /** Value range of the axis. Defaults to the data with a little room on each side. */
+  domain?: [number, number];
+  /** How far a ridge may rise into the rows above, in row heights. @default 2.4 */
+  overlap?: number;
+  /** Height of one row in pixels. @default 30 */
+  rowHeight?: number;
+  /** Smoothing in value units. Defaults to Silverman's rule per series. */
+  bandwidth?: number;
+  /** Shades each ridge by its median, from a light tint to the full first series colour, and shows the scale under the axis. @default true */
+  tint?: boolean;
+  /** Controlled id of the lifted ridge. */
+  active?: string | null;
+  defaultActive?: string | null;
+  onActiveChange?: (id: string | null) => void;
+  /** @default "No data yet" */
+  emptyLabel?: string;
+  /** Extra classes for the root. Merged last. */
+  className?: string;
+}
+export declare const Ridgeline: import("react").ForwardRefExoticComponent<RidgelineProps & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+//# sourceMappingURL=ridgeline.d.ts.map