@clevertask/scribe 0.1.11 → 0.1.12

package/dist/{html-to-markdown-B6Uhn7ok.js → html-to-markdown-C920nQtn.js}

@@ -271,10 +271,10 @@ S.prototype = {
 function C(e, t, n) {
 	for (var r = 0; r < e.length; r++) {
 		var i = e[r];
-		if (w(i, t, n)) return i;
+		if (ee(i, t, n)) return i;
 	}
 }
-function w(e, t, n) {
+function ee(e, t, n) {
 	var r = e.filter;
 	if (typeof r == "string") {
 		if (r === t.nodeName.toLowerCase()) return !0;
@@ -284,7 +284,7 @@ function w(e, t, n) {
 		if (r.call(e, t, n)) return !0;
 	} else throw TypeError("`filter` needs to be a string, array, or function");
 }
-function ee(e) {
+function w(e) {
 	var t = e.element, n = e.isBlock, r = e.isVoid, i = e.isPre || function(e) {
 		return e.nodeName === "PRE";
 	};
@@ -342,41 +342,41 @@ function A() {
 	}
 	return e;
 }
-var j = O() ? D.DOMParser : k();
-function M(e, t) {
-	var n = typeof e == "string" ? te().parseFromString("<x-turndown id=\"turndown-root\">" + e + "</x-turndown>", "text/html").getElementById("turndown-root") : e.cloneNode(!0);
-	return ee({
+var te = O() ? D.DOMParser : k();
+function ne(e, t) {
+	var n = typeof e == "string" ? re().parseFromString("<x-turndown id=\"turndown-root\">" + e + "</x-turndown>", "text/html").getElementById("turndown-root") : e.cloneNode(!0);
+	return w({
 		element: n,
 		isBlock: s,
 		isVoid: l,
-		isPre: t.preformattedCode ? ne : null
+		isPre: t.preformattedCode ? ie : null
 	}), n;
 }
-var N;
-function te() {
-	return N ||= new j(), N;
+var j;
+function re() {
+	return j ||= new te(), j;
 }
-function ne(e) {
+function ie(e) {
 	return e.nodeName === "PRE" || e.nodeName === "CODE";
 }
-function P(e, t) {
-	return e.isBlock = s(e), e.isCode = e.nodeName === "CODE" || e.parentNode.isCode, e.isBlank = F(e), e.flankingWhitespace = I(e, t), e;
+function M(e, t) {
+	return e.isBlock = s(e), e.isCode = e.nodeName === "CODE" || e.parentNode.isCode, e.isBlank = N(e), e.flankingWhitespace = P(e, t), e;
 }
-function F(e) {
+function N(e) {
 	return !l(e) && !f(e) && /^\s*$/i.test(e.textContent) && !u(e) && !p(e);
 }
-function I(e, t) {
+function P(e, t) {
 	if (e.isBlock || t.preformattedCode && e.isCode) return {
 		leading: "",
 		trailing: ""
 	};
-	var n = L(e.textContent);
-	return n.leadingAscii && R("left", e, t) && (n.leading = n.leadingNonAscii), n.trailingAscii && R("right", e, t) && (n.trailing = n.trailingNonAscii), {
+	var n = F(e.textContent);
+	return n.leadingAscii && I("left", e, t) && (n.leading = n.leadingNonAscii), n.trailingAscii && I("right", e, t) && (n.trailing = n.trailingNonAscii), {
 		leading: n.leading,
 		trailing: n.trailing
 	};
 }
-function L(e) {
+function F(e) {
 	var t = e.match(/^(([ \t\r\n]*)(\s*))(?:(?=\S)[\s\S]*\S)?((\s*?)([ \t\r\n]*))$/);
 	return {
 		leading: t[1],
@@ -387,13 +387,13 @@ function L(e) {
 		trailingAscii: t[6]
 	};
 }
-function R(e, t, n) {
+function I(e, t, n) {
 	var r, i, a;
 	return e === "left" ? (r = t.previousSibling, i = / $/) : (r = t.nextSibling, i = /^ /), r && (r.nodeType === 3 ? a = i.test(r.nodeValue) : n.preformattedCode && r.nodeName === "CODE" ? a = !1 : r.nodeType === 1 && !s(r) && (a = i.test(r.textContent))), a;
 }
-var z = Array.prototype.reduce;
-function B(e) {
-	if (!(this instanceof B)) return new B(e);
+var L = Array.prototype.reduce;
+function R(e) {
+	if (!(this instanceof R)) return new R(e);
 	var n = {
 		rules: v,
 		headingStyle: "setext",
@@ -419,12 +419,12 @@ function B(e) {
 	};
 	this.options = t({}, n, e), this.rules = new S(this.options);
 }
-B.prototype = {
+R.prototype = {
 	turndown: function(e) {
-		if (!G(e)) throw TypeError(e + " is not a string, or an element/document/fragment node.");
+		if (!U(e)) throw TypeError(e + " is not a string, or an element/document/fragment node.");
 		if (e === "") return "";
-		var t = V.call(this, new M(e, this.options));
-		return H.call(this, t);
+		var t = z.call(this, new ne(e, this.options));
+		return B.call(this, t);
 	},
 	use: function(e) {
 		if (Array.isArray(e)) for (var t = 0; t < e.length; t++) this.use(e[t]);
@@ -445,34 +445,44 @@ B.prototype = {
 		return _(e);
 	}
 };
-function V(e) {
+function z(e) {
 	var t = this;
-	return z.call(e.childNodes, function(e, n) {
-		n = new P(n, t.options);
+	return L.call(e.childNodes, function(e, n) {
+		n = new M(n, t.options);
 		var r = "";
-		return n.nodeType === 3 ? r = n.isCode ? n.nodeValue : t.escape(n.nodeValue) : n.nodeType === 1 && (r = U.call(t, n)), W(e, r);
+		return n.nodeType === 3 ? r = n.isCode ? n.nodeValue : t.escape(n.nodeValue) : n.nodeType === 1 && (r = V.call(t, n)), H(e, r);
 	}, "");
 }
-function H(e) {
+function B(e) {
 	var t = this;
 	return this.rules.forEach(function(n) {
-		typeof n.append == "function" && (e = W(e, n.append(t.options)));
+		typeof n.append == "function" && (e = H(e, n.append(t.options)));
 	}), e.replace(/^[\t\r\n]+/, "").replace(/[\t\r\n\s]+$/, "");
 }
-function U(e) {
-	var t = this.rules.forNode(e), n = V.call(this, e), r = e.flankingWhitespace;
+function V(e) {
+	var t = this.rules.forNode(e), n = z.call(this, e), r = e.flankingWhitespace;
 	return (r.leading || r.trailing) && (n = n.trim()), r.leading + t.replacement(n, e, this.options) + r.trailing;
 }
-function W(e, t) {
+function H(e, t) {
 	var n = i(e), a = r(t), o = Math.max(e.length - n.length, t.length - a.length);
 	return n + "\n\n".substring(0, o) + a;
 }
-function G(e) {
+function U(e) {
 	return e != null && (typeof e == "string" || e.nodeType && (e.nodeType === 1 || e.nodeType === 9 || e.nodeType === 11));
 }
 //#endregion
 //#region lib/utils/html-to-markdown.ts
-var K = "scribe-table-break", q = (/* @__PURE__ */ "address.article.aside.blockquote.details.dialog.dd.div.dl.dt.fieldset.figcaption.figure.footer.form.h1.h2.h3.h4.h5.h6.header.hr.li.main.menu.nav.ol.p.pre.section.summary.table.ul".split(".")).join(","), J = /* @__PURE__ */ new Set([
+var W = "scribe-table-break", G = /* @__PURE__ */ new Set([
+	"info",
+	"tip",
+	"warning",
+	"caution"
+]), K = [
+	"width",
+	"min-width",
+	"max-width",
+	"text-align"
+], q = (/* @__PURE__ */ "address.article.aside.blockquote.details.dialog.dd.div.dl.dt.fieldset.figcaption.figure.footer.form.h1.h2.h3.h4.h5.h6.header.hr.li.main.menu.nav.ol.p.pre.section.summary.table.ul".split(".")).join(","), ae = /* @__PURE__ */ new Set([
 	"A",
 	"B",
 	"BR",
@@ -483,55 +493,86 @@ var K = "scribe-table-break", q = (/* @__PURE__ */ "address.article.aside.
 	"IMG",
 	"S",
 	"STRONG"
-]), Y = (e) => J.has(e.tagName) || e.tagName === "SPAN" && e.getAttribute("data-type") === "latex", X = (e) => Y(e) && Array.from(e.querySelectorAll("*")).every(Y), Z = (e) => e.nodeType !== Node.TEXT_NODE || !!e.textContent?.trim(), re = (e) => {
-	let t = Array.from(e.childNodes).filter(Z);
-	return t.length === 0 ? !0 : t.length === 1 && t[0] instanceof HTMLParagraphElement ? !t[0].querySelector(q) && Array.from(t[0].children).every(X) : t.every((e) => !(e instanceof Element) && e.nodeType === Node.TEXT_NODE || e instanceof Element && !e.matches(q) && !e.querySelector(q) && X(e));
-}, ie = (e) => e.hasAttribute("width") || /(?:^|;)\s*width\s*:/i.test(e.getAttribute("style") ?? "") ? !0 : Array.from(e.querySelectorAll("th, td, col")).some((e) => !!(e.hasAttribute("colwidth") || e.hasAttribute("width") || /(?:^|;)\s*width\s*:/i.test(e.getAttribute("style") ?? ""))), Q = (e) => {
+]), J = (e) => ae.has(e.tagName) || e.tagName === "SPAN" && e.getAttribute("data-type") === "latex", Y = (e) => J(e) && Array.from(e.querySelectorAll("*")).every(J), X = (e) => e.nodeType !== Node.TEXT_NODE || !!e.textContent?.trim(), oe = (e) => {
+	let t = Array.from(e.childNodes).filter(X);
+	return t.length === 0 ? !0 : t.length === 1 && t[0] instanceof HTMLParagraphElement ? !t[0].querySelector(q) && Array.from(t[0].children).every(Y) : t.every((e) => !(e instanceof Element) && e.nodeType === Node.TEXT_NODE || e instanceof Element && !e.matches(q) && !e.querySelector(q) && Y(e));
+}, se = (e) => e.hasAttribute("width") || /(?:^|;)\s*width\s*:/i.test(e.getAttribute("style") ?? "") ? !0 : Array.from(e.querySelectorAll("th, td, col")).some((e) => !!(e.hasAttribute("colwidth") || e.hasAttribute("width") || /(?:^|;)\s*width\s*:/i.test(e.getAttribute("style") ?? ""))), ce = (e) => {
 	let t = e.style.textAlign.trim().toLowerCase(), n = (e.getAttribute("align") ?? "").trim().toLowerCase();
 	if (t && n && t !== n) return;
 	let r = t || n;
 	if (!r) return null;
 	if (r === "left" || r === "center" || r === "right") return r;
-}, ae = (e) => {
-	if (e.caption || e.tFoot || ie(e)) return null;
+}, le = (e) => {
+	if (e.caption || e.tFoot || se(e)) return null;
 	let t = Array.from(e.rows), n = t[0]?.cells.length ?? 0;
 	if (t.length === 0 || n === 0) return null;
 	let r = t.map((e) => Array.from(e.cells));
-	if (r.some((t, r) => t.length !== n || t.some((t) => t.closest("table") !== e || t.colSpan !== 1 || t.rowSpan !== 1 || !re(t) || (r === 0 ? t.tagName !== "TH" : t.tagName !== "TD")))) return null;
+	if (r.some((t, r) => t.length !== n || t.some((t) => t.closest("table") !== e || t.colSpan !== 1 || t.rowSpan !== 1 || !oe(t) || (r === 0 ? t.tagName !== "TH" : t.tagName !== "TD")))) return null;
 	let i = r[0].map((e, t) => {
-		let n = r.map((e) => Q(e[t])), i = n[0];
+		let n = r.map((e) => ce(e[t])), i = n[0];
 		if (!(i === void 0 || n.some((e) => e !== i))) return i;
 	});
 	return i.some((e) => e === void 0) ? null : {
 		rows: r,
 		alignments: i
 	};
-}, oe = (e, t) => {
-	let n = Array.from(t.childNodes).filter(Z), r = (n.length === 1 && n[0] instanceof HTMLParagraphElement ? n[0] : t).cloneNode(!0);
+}, ue = (e, t) => {
+	let n = Array.from(t.childNodes).filter(X), r = (n.length === 1 && n[0] instanceof HTMLParagraphElement ? n[0] : t).cloneNode(!0);
 	r.querySelectorAll("br").forEach((e) => {
-		e.replaceWith(e.ownerDocument.createTextNode(K));
+		e.replaceWith(e.ownerDocument.createTextNode(W));
 	});
-	let i = e.turndown(r.innerHTML).split(K).join("<br>").split("|").join("\\|").trim();
+	let i = e.turndown(r.innerHTML).split(W).join("<br>").split("|").join("\\|").trim();
 	return /[\r\n]/.test(i) ? null : i;
+}, Z = (e) => {
+	let t = e.cloneNode(!0);
+	return t.querySelectorAll("span[data-type=\"latex\"]").forEach((e) => {
+		e.textContent === "•" && (e.textContent = "");
+	}), $(t), t.outerHTML;
+}, Q = (e) => {
+	let t = e?.trim().toLowerCase();
+	return t && G.has(t) ? t : "info";
+}, de = (e) => {
+	let t = Q(e.getAttribute("data-variant"));
+	Array.from(e.attributes).forEach((t) => {
+		t.name !== "data-type" && t.name !== "data-variant" && t.name !== "role" && e.removeAttribute(t.name);
+	}), e.setAttribute("data-type", "callout"), e.setAttribute("data-variant", t), e.setAttribute("role", "note");
+}, fe = (e) => {
+	let t = e.matches("table, col, th, td") ? K.map((t) => [t, e.style.getPropertyValue(t)]).filter(([, e]) => !!e) : [];
+	e.removeAttribute("style"), t.forEach(([t, n]) => {
+		e.style.setProperty(t, n);
+	});
 }, $ = (e) => {
+	[...e.matches("aside[data-type=\"callout\"]") ? [e] : [], ...Array.from(e.querySelectorAll("aside[data-type=\"callout\"]"))].forEach((e) => {
+		[e, ...Array.from(e.querySelectorAll("*"))].forEach((e) => {
+			fe(e), Array.from(e.attributes).forEach((t) => {
+				t.name.toLowerCase().startsWith("on") && e.removeAttribute(t.name);
+			});
+		}), de(e);
+	});
+}, pe = (e) => {
 	let t = e.cloneNode(!0);
 	return t.querySelectorAll("span[data-type=\"latex\"]").forEach((e) => {
 		e.textContent === "•" && (e.textContent = "");
-	}), t.outerHTML;
-}, se = (e) => {
+	}), $(t), t.outerHTML;
+}, me = (e) => {
+	e.addRule("scribeCallout", {
+		filter: (e) => e.nodeName === "ASIDE" && e.getAttribute("data-type") === "callout",
+		replacement: (e, t) => `\n\n${pe(t)}\n\n`
+	});
+}, he = (e) => {
 	e.addRule("scribeTable", {
 		filter: "table",
 		replacement: (t, n) => {
-			let r = n, i = ae(r);
-			if (!i) return `\n\n${$(r)}\n\n`;
-			let { rows: a, alignments: o } = i, s = a.map((t) => t.map((t) => oe(e, t)));
-			if (s.some((e) => e.some((e) => e === null))) return `\n\n${$(r)}\n\n`;
+			let r = n, i = le(r);
+			if (!i) return `\n\n${Z(r)}\n\n`;
+			let { rows: a, alignments: o } = i, s = a.map((t) => t.map((t) => ue(e, t)));
+			if (s.some((e) => e.some((e) => e === null))) return `\n\n${Z(r)}\n\n`;
 			let c = s.map((e) => `| ${e.join(" | ")} |`), l = `| ${o.map((e) => e === "left" ? ":---" : e === "center" ? ":---:" : e === "right" ? "---:" : "---").join(" | ")} |`;
 			return c.splice(1, 0, l), `\n\n${c.join("\n")}\n\n`;
 		}
 	});
-}, ce = (t) => {
-	let n = new B({
+}, ge = (t) => {
+	let n = new R({
 		headingStyle: "atx",
 		hr: "---",
 		bulletListMarker: "-",
@@ -550,7 +591,7 @@ var K = "scribe-table-break", q = (/* @__PURE__ */ "address.article.aside.
 		replacement: function(e) {
 			return "~~" + e + "~~";
 		}
-	}), se(n), n.turndown(e.sanitize(((e) => e.replace(/<span([^>]+data-type="latex"[^>]*)><\/span>/g, "<span$1>•</span>"))(t), { ADD_ATTR: ["colwidth"] }));
+	}), me(n), he(n), n.turndown(e.sanitize(((e) => e.replace(/<span([^>]+data-type="latex"[^>]*)><\/span>/g, "<span$1>•</span>"))(t), { ADD_ATTR: ["colwidth"] }));
 };
 //#endregion
-export { ce as t };
+export { ge as t };

package/dist/icons/CalloutIcon.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from "react";
+import type { CalloutVariant } from "../components/Scribe/extension/callout";
+export interface CalloutIconProps {
+    className?: string;
+    variant: CalloutVariant;
+}
+export declare const CalloutIcon: FC<CalloutIconProps>;
+export declare const RemoveCalloutIcon: FC;
+//# sourceMappingURL=CalloutIcon.d.ts.map

package/dist/icons/CalloutIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutIcon.d.ts","sourceRoot":"","sources":["../../lib/icons/CalloutIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA0D5C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAiB/B,CAAC"}

package/dist/icons/CalloutIcon.js

@@ -0,0 +1,72 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region lib/icons/CalloutIcon.tsx
+var n = ({ className: n = "scribe-callout-icon", variant: r }) => {
+	let i = {
+		"aria-hidden": !0,
+		className: n,
+		fill: "none",
+		height: 18,
+		viewBox: "0 0 20 20",
+		width: 18
+	}, a = {
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5
+	};
+	return r === "tip" ? /* @__PURE__ */ t("svg", {
+		...i,
+		children: [/* @__PURE__ */ e("path", {
+			d: "M6.5 12.1a5 5 0 1 1 7 0c-.8.75-1.2 1.4-1.2 2.15H7.7c0-.75-.4-1.4-1.2-2.15Z",
+			...a
+		}), /* @__PURE__ */ e("path", {
+			d: "M7.9 16.6h4.2M8.8 14.25v2.35M11.2 14.25v2.35",
+			...a
+		})]
+	}) : r === "warning" ? /* @__PURE__ */ t("svg", {
+		...i,
+		children: [/* @__PURE__ */ e("path", {
+			d: "M9.1 3.6 2.3 15.4a1.05 1.05 0 0 0 .9 1.55h13.6a1.05 1.05 0 0 0 .9-1.55L10.9 3.6a1.04 1.04 0 0 0-1.8 0Z",
+			...a
+		}), /* @__PURE__ */ e("path", {
+			d: "M10 7.6v4.45M10 14.65v.05",
+			...a
+		})]
+	}) : r === "caution" ? /* @__PURE__ */ t("svg", {
+		...i,
+		children: [/* @__PURE__ */ e("path", {
+			d: "m6.45 2.75-3.7 3.7v7.1l3.7 3.7h7.1l3.7-3.7v-7.1l-3.7-3.7h-7.1Z",
+			...a
+		}), /* @__PURE__ */ e("path", {
+			d: "M10 6.2v5.65M10 14.45v.05",
+			...a
+		})]
+	}) : /* @__PURE__ */ t("svg", {
+		...i,
+		children: [/* @__PURE__ */ e("circle", {
+			cx: "10",
+			cy: "10",
+			r: "7.25",
+			...a
+		}), /* @__PURE__ */ e("path", {
+			d: "M10 8.5v5M10 5.65v.05",
+			...a
+		})]
+	});
+}, r = () => /* @__PURE__ */ e("svg", {
+	"aria-hidden": "true",
+	className: "scribe-callout-icon",
+	fill: "none",
+	height: "18",
+	viewBox: "0 0 20 20",
+	width: "18",
+	children: /* @__PURE__ */ e("path", {
+		d: "M7.25 4.5h7.25M7.25 8.5h7.25M7.25 12.5h4.5M5.25 15.5l-2.5-2.5 2.5-2.5M2.75 13h4",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5"
+	})
+});
+//#endregion
+export { n as CalloutIcon, r as RemoveCalloutIcon };

package/dist/main.css

@@ -120,6 +120,103 @@
   padding-left: 1rem;
 }
 
+.scribe-content .tiptap [data-type="callout"] {
+  --scribe-callout-background: var(--blue-2);
+  --scribe-callout-border: var(--blue-6);
+  --scribe-callout-icon: var(--blue-11);
+  --scribe-callout-label: var(--blue-12);
+
+  background: var(--scribe-callout-background);
+  border: 1px solid var(--scribe-callout-border);
+  border-radius: 10px;
+  box-sizing: border-box;
+  color: var(--gray-12);
+  margin: 0 0 1rem;
+  padding: 12px 14px;
+}
+
+.scribe-content .tiptap [data-type="callout"][data-variant="tip"] {
+  --scribe-callout-background: var(--green-2);
+  --scribe-callout-border: var(--green-6);
+  --scribe-callout-icon: var(--green-11);
+  --scribe-callout-label: var(--green-12);
+}
+
+.scribe-content .tiptap [data-type="callout"][data-variant="warning"] {
+  --scribe-callout-background: var(--amber-2);
+  --scribe-callout-border: var(--amber-6);
+  --scribe-callout-icon: var(--amber-11);
+  --scribe-callout-label: var(--amber-12);
+}
+
+.scribe-content .tiptap [data-type="callout"][data-variant="caution"] {
+  --scribe-callout-background: var(--red-2);
+  --scribe-callout-border: var(--red-6);
+  --scribe-callout-icon: var(--red-11);
+  --scribe-callout-label: var(--red-12);
+}
+
+.scribe-content .tiptap [data-callout-header] {
+  align-items: center;
+  color: var(--scribe-callout-label);
+  display: flex;
+  font-size: 0.875rem;
+  font-weight: 600;
+  gap: 8px;
+  line-height: 1.25rem;
+  margin-bottom: 6px;
+  user-select: none;
+}
+
+.scribe-content .tiptap [data-callout-icon] {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.25'/%3E%3Cpath d='M10 8.5v5M10 5.65v.05'/%3E%3C/svg%3E");
+  -webkit-mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-size: contain;
+  background: var(--scribe-callout-icon);
+  display: inline-block;
+  flex: 0 0 18px;
+  height: 18px;
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.25'/%3E%3Cpath d='M10 8.5v5M10 5.65v.05'/%3E%3C/svg%3E");
+  mask-position: center;
+  mask-repeat: no-repeat;
+  mask-size: contain;
+  width: 18px;
+}
+
+.scribe-content .tiptap [data-type="callout"][data-variant="tip"] [data-callout-icon] {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.1a5 5 0 1 1 7 0c-.8.75-1.2 1.4-1.2 2.15H7.7c0-.75-.4-1.4-1.2-2.15Z'/%3E%3Cpath d='M7.9 16.6h4.2M8.8 14.25v2.35M11.2 14.25v2.35'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 12.1a5 5 0 1 1 7 0c-.8.75-1.2 1.4-1.2 2.15H7.7c0-.75-.4-1.4-1.2-2.15Z'/%3E%3Cpath d='M7.9 16.6h4.2M8.8 14.25v2.35M11.2 14.25v2.35'/%3E%3C/svg%3E");
+}
+
+.scribe-content .tiptap [data-type="callout"][data-variant="warning"] [data-callout-icon] {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.1 3.6 2.3 15.4a1.05 1.05 0 0 0 .9 1.55h13.6a1.05 1.05 0 0 0 .9-1.55L10.9 3.6a1.04 1.04 0 0 0-1.8 0Z'/%3E%3Cpath d='M10 7.6v4.45M10 14.65v.05'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.1 3.6 2.3 15.4a1.05 1.05 0 0 0 .9 1.55h13.6a1.05 1.05 0 0 0 .9-1.55L10.9 3.6a1.04 1.04 0 0 0-1.8 0Z'/%3E%3Cpath d='M10 7.6v4.45M10 14.65v.05'/%3E%3C/svg%3E");
+}
+
+.scribe-content .tiptap [data-type="callout"][data-variant="caution"] [data-callout-icon] {
+  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.45 2.75-3.7 3.7v7.1l3.7 3.7h7.1l3.7-3.7v-7.1l-3.7-3.7h-7.1Z'/%3E%3Cpath d='M10 6.2v5.65M10 14.45v.05'/%3E%3C/svg%3E");
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.45 2.75-3.7 3.7v7.1l3.7 3.7h7.1l3.7-3.7v-7.1l-3.7-3.7h-7.1Z'/%3E%3Cpath d='M10 6.2v5.65M10 14.45v.05'/%3E%3C/svg%3E");
+}
+
+.scribe-content .tiptap [data-callout-content] {
+  color: var(--gray-12);
+  min-width: 0;
+}
+
+.scribe-content .tiptap [data-callout-content] > *:first-child {
+  margin-top: 0;
+}
+
+.scribe-content .tiptap [data-callout-content] > *:last-child {
+  margin-bottom: 0;
+}
+
+.scribe-content .tiptap [data-type="callout"].ProseMirror-selectednode {
+  outline: 2px solid var(--accent-8);
+  outline-offset: 2px;
+}
+
 .scribe-content .tiptap code {
   background: var(--gray-a3);
   border-radius: 6px;
@@ -224,7 +321,8 @@
 }
 
 .scribe-bubble-menu,
-.scribe-table-bubble-menu {
+.scribe-table-bubble-menu,
+.scribe-callout-bubble-menu {
   background: var(--color-panel-solid);
   border: 1px solid var(--gray-6);
   border-radius: 12px;
@@ -239,6 +337,26 @@
   overflow-x: auto;
 }
 
+.scribe-callout-bubble-menu {
+  max-width: calc(100vw - 16px);
+  width: max-content;
+}
+
+.scribe-callout-type-button {
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.scribe-callout-menu-separator {
+  height: 20px;
+  margin: 0 2px;
+}
+
+.scribe-callout-icon {
+  display: block;
+  flex: 0 0 auto;
+}
+
 .scribe-table-bubble-menu > * {
   flex-shrink: 0;
 }

package/dist/main.d.ts

@@ -1,4 +1,5 @@
 export * from "./components/Scribe";
+export * from "./components/Scribe/extension/callout";
 export * from "./utils";
 export type { Content } from "@tiptap/react";
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uCAAuC,CAAC;AACtD,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/main.js

@@ -1,8 +1,9 @@
-import { t as e } from "./html-to-markdown-B6Uhn7ok.js";
-import { t } from "./markdown-to-html-WmeDaJXP.js";
-import { isInViewport as n } from "./utils/is-in-viewport.js";
-import { convertLegacyMathDelimiters as r } from "./utils/convert-legacy-math-delimiters.js";
-import { SuggestionItemType as i } from "./components/Scribe/extension/slashCommand/items.js";
-import { createScribeEditor as a } from "./utils/index.js";
-import { Scribe as o } from "./components/Scribe/index.js";
-export { o as Scribe, i as SuggestionItemType, r as convertLegacyMathDelimiters, a as createScribeEditor, e as html2md, n as isInViewport, t as md2html };
+import { CALLOUT_VARIANTS as e, CALLOUT_VARIANT_LABELS as t, Callout as n, DEFAULT_CALLOUT_VARIANT as r, isCalloutVariant as i } from "./components/Scribe/extension/callout.js";
+import { t as a } from "./html-to-markdown-C920nQtn.js";
+import { t as o } from "./markdown-to-html-CW0Nb9Ye.js";
+import { isInViewport as s } from "./utils/is-in-viewport.js";
+import { convertLegacyMathDelimiters as c } from "./utils/convert-legacy-math-delimiters.js";
+import { SuggestionItemType as l } from "./components/Scribe/extension/slashCommand/items.js";
+import { createScribeEditor as u } from "./utils/index.js";
+import { Scribe as d } from "./components/Scribe/index.js";
+export { e as CALLOUT_VARIANTS, t as CALLOUT_VARIANT_LABELS, n as Callout, r as DEFAULT_CALLOUT_VARIANT, d as Scribe, l as SuggestionItemType, c as convertLegacyMathDelimiters, u as createScribeEditor, a as html2md, i as isCalloutVariant, s as isInViewport, o as md2html };

package/dist/{markdown-to-html-WmeDaJXP.js → markdown-to-html-CW0Nb9Ye.js}

@@ -1468,6 +1468,36 @@ $.use = ze, $.walkTokens = function(e, t) {
 }, $.parseInline = Q.parseInline, $.Parser = X, $.parser = X.parse, $.Renderer = J, $.TextRenderer = Y, $.Lexer = q, $.lexer = q.lex, $.Tokenizer = K, $.Hooks = Z, $.parse = $, $.options, $.setOptions, $.walkTokens, $.parseInline, X.parse, q.lex;
 //#endregion
 //#region lib/utils/markdown-to-html.ts
-var Be = (t) => e.sanitize($.parse(t, { async: !1 }), { ADD_ATTR: ["colwidth"] });
+var Be = /* @__PURE__ */ new Set([
+	"info",
+	"tip",
+	"warning",
+	"caution"
+]), Ve = [
+	"width",
+	"min-width",
+	"max-width",
+	"text-align"
+], He = (e) => {
+	let t = e?.trim().toLowerCase();
+	return t && Be.has(t) ? t : "info";
+}, Ue = (e) => {
+	let t = e.matches("table, col, th, td") ? Ve.map((t) => [t, e.style.getPropertyValue(t)]).filter(([, e]) => !!e) : [];
+	e.removeAttribute("style"), t.forEach(([t, n]) => {
+		e.style.setProperty(t, n);
+	});
+}, We = (e) => {
+	let t = document.createElement("div");
+	return t.innerHTML = e, t.querySelectorAll("aside[data-type=\"callout\"]").forEach((e) => {
+		let t = He(e.getAttribute("data-variant"));
+		Array.from(e.attributes).forEach((t) => {
+			t.name !== "data-type" && t.name !== "data-variant" && t.name !== "role" && e.removeAttribute(t.name);
+		}), e.setAttribute("data-type", "callout"), e.setAttribute("data-variant", t), e.setAttribute("role", "note"), [e, ...Array.from(e.querySelectorAll("*"))].forEach((e) => {
+			Ue(e), Array.from(e.attributes).forEach((t) => {
+				t.name.toLowerCase().startsWith("on") && e.removeAttribute(t.name);
+			});
+		});
+	}), t.innerHTML;
+}, Ge = (t) => We(e.sanitize($.parse(t, { async: !1 }), { ADD_ATTR: ["colwidth"] }));
 //#endregion
-export { $ as n, Be as t };
+export { $ as n, Ge as t };

package/dist/utils/html-to-markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-to-markdown.d.ts","sourceRoot":"","sources":["../../lib/utils/html-to-markdown.ts"],"names":[],"mappings":"AAuQA,eAAO,MAAM,OAAO,SAAU,MAAM,WAuCnC,CAAC"}
+{"version":3,"file":"html-to-markdown.d.ts","sourceRoot":"","sources":["../../lib/utils/html-to-markdown.ts"],"names":[],"mappings":"AA4VA,eAAO,MAAM,OAAO,SAAU,MAAM,WAwCnC,CAAC"}

package/dist/utils/html-to-markdown.js

@@ -1,2 +1,2 @@
-import { t as e } from "../html-to-markdown-B6Uhn7ok.js";
+import { t as e } from "../html-to-markdown-C920nQtn.js";
 export { e as html2md };

package/dist/utils/index.js

@@ -1,9 +1,9 @@
 import { t as e } from "../dist-DFua_Xbu.js";
-import { t } from "../html-to-markdown-B6Uhn7ok.js";
-import { t as n } from "../markdown-to-html-WmeDaJXP.js";
+import { t } from "../html-to-markdown-C920nQtn.js";
+import { t as n } from "../markdown-to-html-CW0Nb9Ye.js";
 import { isInViewport as r } from "./is-in-viewport.js";
 import { convertLegacyMathDelimiters as i } from "./convert-legacy-math-delimiters.js";
-import { t as a } from "../extension-Dy6hHSvD.js";
+import { t as a } from "../extension-_8uh0Ik9.js";
 //#region lib/utils/create-scribe-editor.ts
 function o({ content: n = "", editable: r = !1, onContentChange: i }) {
 	return new e({

package/dist/utils/markdown-to-html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-to-html.d.ts","sourceRoot":"","sources":["../../lib/utils/markdown-to-html.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,OAAQ,MAAM,WAG9B,CAAC"}
+{"version":3,"file":"markdown-to-html.d.ts","sourceRoot":"","sources":["../../lib/utils/markdown-to-html.ts"],"names":[],"mappings":"AA8DA,eAAO,MAAM,OAAO,OAAQ,MAAM,WAMjC,CAAC"}

package/dist/utils/markdown-to-html.js

@@ -1,2 +1,2 @@
-import { t as e } from "../markdown-to-html-WmeDaJXP.js";
+import { t as e } from "../markdown-to-html-CW0Nb9Ye.js";
 export { e as md2html };