@blocknote/mantine 0.51.3 → 0.52.0

package/dist/blocknote-mantine.js

@@ -1,12 +1,11 @@
 import { COLORS_DARK_MODE_DEFAULT as e, COLORS_DEFAULT as t, assertEmpty as n, isSafari as r, mergeCSSClasses as i } from "@blocknote/core";
 import { BlockNoteViewRaw as a, ComponentsContext as o, FormattingToolbar as s, FormattingToolbarController as c, elementOverflow as l, getFormattingToolbarItems as u, mergeRefs as d, useBlockNoteContext as f, useDictionary as p, usePrefersColorScheme as m } from "@blocknote/react";
-import { ActionIcon as h, Avatar as g, Badge as _, Button as v, Card as y, CheckIcon as b, Chip as ee, Divider as te, FileInput as ne, Flex as re, Group as x, Loader as S, LoadingOverlay as ie, MantineContext as C, MantineProvider as ae, Menu as w, Popover as oe, PopoverDropdown as se, PopoverTarget as ce, Skeleton as T, Stack as E, Tabs as D, Text as O, TextInput as k, Tooltip as A } from "@mantine/core";
-import { createContext as le, forwardRef as j, useCallback as ue, useContext as M, useEffect as N, useRef as P, useState as F } from "react";
-import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { mergeRefs as R, useFocusTrap as de, useFocusWithin as z, useHover as B } from "@mantine/hooks";
-import { HiChevronDown as V } from "react-icons/hi";
+import { ActionIcon as h, Avatar as g, Badge as _, Button as v, Card as y, CheckIcon as ee, Chip as te, Divider as ne, FileInput as re, Flex as ie, Group as b, Loader as x, LoadingOverlay as ae, MantineContext as oe, MantineProvider as se, Menu as S, Popover as ce, PopoverDropdown as le, PopoverTarget as ue, Skeleton as C, Stack as w, Tabs as T, Text as E, TextInput as D, Tooltip as O } from "@mantine/core";
+import k, { createContext as de, forwardRef as A, useCallback as fe, useContext as j, useEffect as M, useRef as N, useState as P } from "react";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { mergeRefs as L, useFocusTrap as pe, useFocusWithin as me, useHover as he } from "@mantine/hooks";
 //#region src/BlockNoteTheme.ts
-var H = (e, t, n = !1) => {
+var R = (e, t, n = !1) => {
 	let r = [];
 	function i(e, r = "--bn") {
 		for (let a in e) {
@@ -15,7 +14,7 @@ var H = (e, t, n = !1) => {
 		}
 	}
 	return i(e), r;
-}, U = (e, t) => H(e, t), fe = {
+}, z = (e, t) => R(e, t), ge = {
 	colors: {
 		editor: {
 			text: void 0,
@@ -85,22 +84,22 @@ var H = (e, t, n = !1) => {
 	},
 	borderRadius: void 0,
 	fontFamily: void 0
-}, W = (e) => H(fe, e, !0), G = (e) => /* @__PURE__ */ L(E, {
+}, B = (e) => R(ge, e, !0), V = (e) => /* @__PURE__ */ I(w, {
 	gap: 0,
 	className: "bn-tooltip",
-	children: [/* @__PURE__ */ I(O, {
+	children: [/* @__PURE__ */ F(E, {
 		size: "sm",
 		lineClamp: 5,
 		children: e.mainTooltip
-	}), e.secondaryTooltip && /* @__PURE__ */ I(O, {
+	}), e.secondaryTooltip && /* @__PURE__ */ F(E, {
 		size: "xs",
 		lineClamp: 5,
 		children: e.secondaryTooltip
 	})]
-}), K = j((e, t) => {
+}), H = A((e, t) => {
 	let { className: i, children: a, mainTooltip: o, secondaryTooltip: s, icon: c, isSelected: l, isDisabled: u, onClick: d, label: f, variant: p, ...m } = e;
 	n(m, !1);
-	let [g, _] = F(!1), y = a ? /* @__PURE__ */ I(v, {
+	let [g, _] = P(!1), y = a ? /* @__PURE__ */ F(v, {
 		"aria-label": f,
 		className: i,
 		onMouseDown: (e) => {
@@ -118,7 +117,7 @@ var H = (e, t, n = !1) => {
 		ref: t,
 		...m,
 		children: a
-	}) : /* @__PURE__ */ I(h, {
+	}) : /* @__PURE__ */ F(h, {
 		className: i,
 		"aria-label": f,
 		onMouseDown: (e) => {
@@ -137,19 +136,19 @@ var H = (e, t, n = !1) => {
 		...m,
 		children: c
 	});
-	return o ? /* @__PURE__ */ I(A, {
+	return o ? /* @__PURE__ */ F(O, {
 		disabled: g,
 		withinPortal: !1,
-		label: /* @__PURE__ */ I(G, {
+		label: /* @__PURE__ */ F(V, {
 			mainTooltip: o,
 			secondaryTooltip: s
 		}),
 		children: y
 	}) : y;
-}), pe = j((e, t) => {
+}), _e = A((e, t) => {
 	let { className: r, text: i, icon: a, isSelected: o, mainTooltip: s, secondaryTooltip: c, onClick: l, onMouseEnter: u, ...d } = e;
 	n(d, !1);
-	let [f, p] = F(!1), m = /* @__PURE__ */ L(ee, {
+	let [f, p] = P(!1), m = /* @__PURE__ */ I(te, {
 		className: r,
 		checked: o === !0,
 		wrapperProps: {
@@ -162,69 +161,69 @@ var H = (e, t, n = !1) => {
 		variant: "light",
 		icon: null,
 		ref: t,
-		children: [/* @__PURE__ */ I("span", { children: a }), /* @__PURE__ */ I("span", { children: i })]
+		children: [/* @__PURE__ */ F("span", { children: a }), /* @__PURE__ */ F("span", { children: i })]
 	});
-	return !s || f ? m : /* @__PURE__ */ I(A, {
+	return !s || f ? m : /* @__PURE__ */ F(O, {
 		refProp: "rootRef",
 		withinPortal: !1,
-		label: /* @__PURE__ */ I(G, {
+		label: /* @__PURE__ */ F(V, {
 			mainTooltip: s,
 			secondaryTooltip: c
 		}),
 		children: m
 	});
-}), me = j((e, t) => {
+}), ve = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a), /* @__PURE__ */ I(x, {
+	return n(a), /* @__PURE__ */ F(b, {
 		className: r,
 		ref: t,
 		children: i
 	});
-}), he = j((e, t) => {
+}), ye = A((e, t) => {
 	let { className: r, children: a, headerText: o, selected: s, onFocus: c, onBlur: l, tabIndex: u, ...d } = e;
-	return n(d, !1), /* @__PURE__ */ L(y, {
+	return n(d, !1), /* @__PURE__ */ I(y, {
 		className: i(r, s ? "selected" : ""),
 		onFocus: c,
 		onBlur: l,
 		tabIndex: u,
 		ref: t,
-		children: [o && /* @__PURE__ */ I(O, {
+		children: [o && /* @__PURE__ */ F(E, {
 			className: "bn-header-text",
 			children: o
 		}), a]
 	});
-}), ge = j((e, t) => {
+}), be = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a, !1), /* @__PURE__ */ I(y.Section, {
+	return n(a, !1), /* @__PURE__ */ F(y.Section, {
 		className: r,
 		ref: t,
 		children: i
 	});
-}), _e = j((e, t) => {
+}), xe = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a, !1), /* @__PURE__ */ I(te, {
+	return n(a, !1), /* @__PURE__ */ F(ne, {
 		className: r,
-		label: /* @__PURE__ */ I(O, { children: i }),
+		label: /* @__PURE__ */ F(E, { children: i }),
 		ref: t
 	});
-}), ve = j((e, t) => {
+}), Se = A((e, t) => {
 	let { authorInfo: r, timeString: i, edited: a, ...o } = e, s = p();
-	return n(o, !1), r === "loading" ? /* @__PURE__ */ L(x, { children: [/* @__PURE__ */ I(T, {
+	return n(o, !1), r === "loading" ? /* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(C, {
 		height: 24,
 		width: 24
-	}), /* @__PURE__ */ I("div", { children: /* @__PURE__ */ I(T, {
+	}), /* @__PURE__ */ F("div", { children: /* @__PURE__ */ F(C, {
 		height: 12,
 		width: 100
-	}) })] }) : /* @__PURE__ */ L(x, { children: [/* @__PURE__ */ I(g, {
+	}) })] }) : /* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(g, {
 		src: r.avatarUrl,
 		alt: r.username,
 		radius: "xl",
 		size: "sm",
 		color: "initials"
-	}), /* @__PURE__ */ L(O, {
+	}), /* @__PURE__ */ I(E, {
 		fz: "sm",
 		fw: "bold",
-		children: [r.username, /* @__PURE__ */ L(O, {
+		children: [r.username, /* @__PURE__ */ I(E, {
 			fz: "xs",
 			c: "dimmed",
 			span: !0,
@@ -236,14 +235,14 @@ var H = (e, t, n = !1) => {
 			]
 		})]
 	})] });
-}), ye = j((e, t) => {
-	let { className: r, showActions: i, authorInfo: a, timeString: o, edited: s, actions: c, emojiPickerOpen: l, children: u, ...f } = e, { hovered: p, ref: m } = B(), h = d([t, m]);
-	return n(f, !1), /* @__PURE__ */ L(x, {
+}), Ce = A((e, t) => {
+	let { className: r, showActions: i, authorInfo: a, timeString: o, edited: s, actions: c, emojiPickerOpen: l, children: u, ...f } = e, { hovered: p, ref: m } = he(), h = d([t, m]);
+	return n(f, !1), /* @__PURE__ */ I(b, {
 		pos: "relative",
 		ref: h,
 		className: r,
 		children: [
-			c && (i === !0 || i === void 0 || i === "hover" && p || l) ? /* @__PURE__ */ I(x, {
+			c && (i === !0 || i === void 0 || i === "hover" && p || l) ? /* @__PURE__ */ F(b, {
 				style: {
 					position: "absolute",
 					right: 0,
@@ -252,15 +251,15 @@ var H = (e, t, n = !1) => {
 				},
 				children: c
 			}) : null,
-			/* @__PURE__ */ I(ve, { ...e }),
+			/* @__PURE__ */ F(Se, { ...e }),
 			u
 		]
 	});
-}), be = j((e, t) => {
+}), we = A((e, t) => {
 	let { className: r, autoFocus: i, onFocus: a, onBlur: o, editor: s, editable: l, ...u } = e;
 	n(u, !1);
 	let d = f();
-	return /* @__PURE__ */ I(Z, {
+	return /* @__PURE__ */ F(mt, {
 		autoFocus: i,
 		className: r,
 		editor: e.editor,
@@ -274,14 +273,14 @@ var H = (e, t, n = !1) => {
 		ref: t,
 		onFocus: a,
 		onBlur: o,
-		children: /* @__PURE__ */ I(c, { formattingToolbar: xe })
+		children: /* @__PURE__ */ F(c, { formattingToolbar: Te })
 	});
-}), xe = () => /* @__PURE__ */ I(s, {
+}), Te = () => /* @__PURE__ */ F(s, {
 	blockTypeSelectItems: [],
 	children: u([]).filter((e) => e.key !== "nestBlockButton" && e.key !== "unnestBlockButton")
-}), Se = j((e, t) => {
+}), Ee = A((e, t) => {
 	let { className: r, name: a, label: o, variant: s, icon: c, value: l, autoFocus: u, placeholder: d, disabled: f, onKeyDown: p, onChange: m, onSubmit: h, autoComplete: g, "aria-activedescendant": _, rightSection: v, ...y } = e;
-	return n(y), /* @__PURE__ */ I(k, {
+	return n(y), /* @__PURE__ */ F(D, {
 		size: "xs",
 		className: i(r || "", s === "large" ? "bn-mt-input-large" : ""),
 		ref: t,
@@ -300,9 +299,9 @@ var H = (e, t, n = !1) => {
 		autoComplete: g,
 		"aria-activedescendant": _
 	});
-}), Ce = le(void 0), we = (e) => {
+}), De = de(void 0), Oe = (e) => {
 	let { children: t, onOpenChange: r, position: i, sub: a, ...o } = e;
-	return n(o), a ? /* @__PURE__ */ I(w.Sub, {
+	return n(o), a ? /* @__PURE__ */ F(S.Sub, {
 		transitionProps: {
 			duration: 250,
 			exitDelay: 250
@@ -317,7 +316,7 @@ var H = (e, t, n = !1) => {
 		onChange: r,
 		position: i,
 		children: t
-	}) : /* @__PURE__ */ I(w, {
+	}) : /* @__PURE__ */ F(S, {
 		withinPortal: !1,
 		middlewares: {
 			flip: !0,
@@ -330,47 +329,47 @@ var H = (e, t, n = !1) => {
 		returnFocus: !1,
 		children: t
 	});
-}, Te = j((e, t) => {
+}, ke = A((e, t) => {
 	let { className: r, children: i, icon: a, checked: o, subTrigger: s, onClick: c, ...l } = e;
-	return n(l, !1), I(s ? w.Sub.Item : w.Item, {
+	return n(l, !1), F(s ? S.Sub.Item : S.Item, {
 		className: r,
 		ref: t,
 		leftSection: a,
-		rightSection: o ? /* @__PURE__ */ I(b, { size: 10 }) : o === !1 ? /* @__PURE__ */ I("div", { className: "bn-tick-space" }) : null,
+		rightSection: o ? /* @__PURE__ */ F(ee, { size: 10 }) : o === !1 ? /* @__PURE__ */ F("div", { className: "bn-tick-space" }) : null,
 		onClick: c,
 		...l,
 		children: i
 	});
-}), Ee = (e) => {
+}), Ae = (e) => {
 	let { children: t, sub: r, ...i } = e;
-	return n(i), I(r ? w.Sub.Target : w.Target, { children: t });
-}, De = j((e, t) => {
+	return n(i), F(r ? S.Sub.Target : S.Target, { children: t });
+}, je = A((e, t) => {
 	let { className: r, children: i, sub: a, ...o } = e;
 	n(o);
-	let s = M(Ce);
-	return I(a ? w.Sub.Dropdown : w.Dropdown, {
+	let s = j(De);
+	return F(a ? S.Sub.Dropdown : S.Dropdown, {
 		className: r,
 		ref: t,
 		onMouseOver: s?.onMenuMouseOver,
 		onMouseLeave: s?.onMenuMouseLeave,
 		children: i
 	});
-}), Oe = j((e, t) => {
+}), Me = A((e, t) => {
 	let { className: r, ...i } = e;
-	return n(i), /* @__PURE__ */ I(w.Divider, {
+	return n(i), /* @__PURE__ */ F(S.Divider, {
 		className: r,
 		ref: t
 	});
-}), ke = j((e, t) => {
+}), Ne = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a), /* @__PURE__ */ I(w.Label, {
+	return n(a), /* @__PURE__ */ F(S.Label, {
 		className: r,
 		ref: t,
 		children: i
 	});
-}), Ae = j((e, t) => {
+}), Pe = A((e, t) => {
 	let { className: r, children: i, icon: a, onClick: o, onDragEnd: s, onDragStart: c, draggable: l, label: u, ...d } = e;
-	return n(d, !1), a ? /* @__PURE__ */ I(h, {
+	return n(d, !1), a ? /* @__PURE__ */ F(h, {
 		size: 24,
 		className: r,
 		ref: t,
@@ -381,7 +380,7 @@ var H = (e, t, n = !1) => {
 		"aria-label": u,
 		...d,
 		children: a
-	}) : /* @__PURE__ */ I(v, {
+	}) : /* @__PURE__ */ F(v, {
 		className: r,
 		ref: t,
 		onClick: o,
@@ -392,32 +391,32 @@ var H = (e, t, n = !1) => {
 		...d,
 		children: i
 	});
-}), je = j((e, t) => {
+}), Fe = A((e, t) => {
 	let { className: r, tabs: i, defaultOpenTab: a, openTab: o, setOpenTab: s, loading: c, ...l } = e;
-	return n(l), /* @__PURE__ */ I(x, {
+	return n(l), /* @__PURE__ */ F(b, {
 		className: r,
 		ref: t,
-		children: /* @__PURE__ */ L(D, {
+		children: /* @__PURE__ */ I(T, {
 			value: o,
 			defaultValue: a,
 			onChange: s,
 			children: [
-				c && /* @__PURE__ */ I(ie, { visible: c }),
-				/* @__PURE__ */ I(D.List, { children: i.map((e) => /* @__PURE__ */ I(D.Tab, {
+				c && /* @__PURE__ */ F(ae, { visible: c }),
+				/* @__PURE__ */ F(T.List, { children: i.map((e) => /* @__PURE__ */ F(T.Tab, {
 					"data-test": `${e.name.toLowerCase()}-tab`,
 					value: e.name,
 					children: e.name
 				}, e.name)) }),
-				i.map((e) => /* @__PURE__ */ I(D.Panel, {
+				i.map((e) => /* @__PURE__ */ F(T.Panel, {
 					value: e.name,
 					children: e.tabPanel
 				}, e.name))
 			]
 		})
 	});
-}), Me = j((e, t) => {
+}), Ie = A((e, t) => {
 	let { className: r, children: i, onClick: a, label: o, ...s } = e;
-	return n(s), /* @__PURE__ */ I(v, {
+	return n(s), /* @__PURE__ */ F(v, {
 		size: "xs",
 		"aria-label": o,
 		className: r,
@@ -426,9 +425,9 @@ var H = (e, t, n = !1) => {
 		...s,
 		children: i
 	});
-}), Ne = j((e, t) => {
+}), Le = A((e, t) => {
 	let { className: r, accept: i, value: a, placeholder: o, onChange: s, ...c } = e;
-	return n(c), /* @__PURE__ */ I(ne, {
+	return n(c), /* @__PURE__ */ F(re, {
 		size: "xs",
 		className: r,
 		ref: t,
@@ -438,16 +437,16 @@ var H = (e, t, n = !1) => {
 		onChange: s,
 		...c
 	});
-}), Pe = j((e, t) => {
+}), Re = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a), /* @__PURE__ */ I("div", {
+	return n(a), /* @__PURE__ */ F("div", {
 		className: r,
 		ref: t,
 		children: i
 	});
-}), Fe = j((e, t) => {
+}), ze = A((e, t) => {
 	let { className: r, value: i, placeholder: a, onKeyDown: o, onChange: s, ...c } = e;
-	return n(c), /* @__PURE__ */ I(k, {
+	return n(c), /* @__PURE__ */ F(D, {
 		size: "xs",
 		"data-test": "embed-input",
 		className: r,
@@ -457,9 +456,9 @@ var H = (e, t, n = !1) => {
 		onKeyDown: o,
 		onChange: s
 	});
-}), Ie = (e) => {
+}), Be = (e) => {
 	let { open: t, onOpenChange: r, position: i, portalRoot: a, children: o, ...s } = e;
-	return n(s), /* @__PURE__ */ I(oe, {
+	return n(s), /* @__PURE__ */ F(ce, {
 		middlewares: { size: { padding: 20 } },
 		withinPortal: !!a,
 		portalProps: a ? { target: a } : void 0,
@@ -468,19 +467,19 @@ var H = (e, t, n = !1) => {
 		position: i,
 		children: o
 	});
-}, Le = (e) => {
+}, Ve = (e) => {
 	let { children: t, ...r } = e;
-	return n(r), /* @__PURE__ */ I(ce, { children: t });
-}, Re = j((e, t) => {
+	return n(r), /* @__PURE__ */ F(ue, { children: t });
+}, He = A((e, t) => {
 	let { className: r, children: i, variant: a, ...o } = e;
-	return n(o), /* @__PURE__ */ I(se, {
+	return n(o), /* @__PURE__ */ F(le, {
 		className: r,
 		ref: t,
 		children: i
 	});
-}), ze = j((e, t) => {
+}), Ue = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a, !1), /* @__PURE__ */ I(x, {
+	return n(a, !1), /* @__PURE__ */ F(b, {
 		align: "center",
 		gap: 0,
 		className: r,
@@ -488,9 +487,9 @@ var H = (e, t, n = !1) => {
 		...a,
 		children: i
 	});
-}), Be = j((e, t) => {
+}), We = A((e, t) => {
 	let { className: r, children: i, icon: a, onClick: o, onDragEnd: s, onDragStart: c, draggable: l, label: u, ...d } = e;
-	return n(d, !1), a ? /* @__PURE__ */ I(h, {
+	return n(d, !1), a ? /* @__PURE__ */ F(h, {
 		size: 24,
 		className: r,
 		ref: t,
@@ -501,7 +500,7 @@ var H = (e, t, n = !1) => {
 		"aria-label": u,
 		...d,
 		children: a
-	}) : /* @__PURE__ */ I(v, {
+	}) : /* @__PURE__ */ F(v, {
 		className: r,
 		ref: t,
 		onClick: o,
@@ -512,9 +511,17 @@ var H = (e, t, n = !1) => {
 		...d,
 		children: i
 	});
-}), Ve = j((e, t) => {
+}), Ge = A((e, t) => {
+	let { className: r, markClassName: a, backgroundColor: o, children: s, ...c } = e;
+	return n(c), /* @__PURE__ */ F("span", {
+		className: i(r || "", a || ""),
+		style: a ? void 0 : { backgroundColor: o },
+		ref: t,
+		children: s
+	});
+}), Ke = A((e, t) => {
 	let { className: r, children: i, id: a, ...o } = e;
-	return n(o), /* @__PURE__ */ I(E, {
+	return n(o), /* @__PURE__ */ F(w, {
 		gap: 0,
 		className: r,
 		ref: t,
@@ -522,78 +529,78 @@ var H = (e, t, n = !1) => {
 		role: "listbox",
 		children: i
 	});
-}), He = j((e, t) => {
+}), qe = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a), /* @__PURE__ */ I(x, {
+	return n(a), /* @__PURE__ */ F(b, {
 		className: r,
 		ref: t,
-		children: /* @__PURE__ */ I(x, {
+		children: /* @__PURE__ */ F(b, {
 			className: "bn-mt-suggestion-menu-item-title",
 			children: i
 		})
 	});
-}), Ue = j((e, t) => {
+}), Je = A((e, t) => {
 	let { className: r, isSelected: i, onClick: a, item: o, id: s, ...c } = e;
 	n(c);
-	let u = P(null);
-	return N(() => {
+	let u = N(null);
+	return M(() => {
 		!u.current || !i || l(u.current, u.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")) !== "none" && u.current.scrollIntoView({ block: "nearest" });
-	}, [i]), /* @__PURE__ */ L(x, {
+	}, [i]), /* @__PURE__ */ I(b, {
 		gap: 0,
 		className: r,
-		ref: R(t, u),
+		ref: L(t, u),
 		id: s,
 		role: "option",
 		onMouseDown: (e) => e.preventDefault(),
 		onClick: a,
 		"aria-selected": i || void 0,
 		children: [
-			o.icon && /* @__PURE__ */ I(x, {
+			o.icon && /* @__PURE__ */ F(b, {
 				className: "bn-mt-suggestion-menu-item-section",
 				"data-position": "left",
 				children: o.icon
 			}),
-			/* @__PURE__ */ L(E, {
+			/* @__PURE__ */ I(w, {
 				gap: 0,
 				className: "bn-mt-suggestion-menu-item-body",
-				children: [/* @__PURE__ */ I(O, {
+				children: [/* @__PURE__ */ F(E, {
 					className: "bn-mt-suggestion-menu-item-title",
 					children: o.title
-				}), /* @__PURE__ */ I(O, {
+				}), /* @__PURE__ */ F(E, {
 					className: "bn-mt-suggestion-menu-item-subtitle",
 					children: o.subtext
 				})]
 			}),
-			o.badge && /* @__PURE__ */ I(x, {
+			o.badge && /* @__PURE__ */ F(b, {
 				"data-position": "right",
 				className: "bn-mt-suggestion-menu-item-section",
-				children: /* @__PURE__ */ I(_, {
+				children: /* @__PURE__ */ F(_, {
 					size: "xs",
 					children: o.badge
 				})
 			})
 		]
 	});
-}), We = j((e, t) => {
+}), Ye = A((e, t) => {
 	let { className: r, children: i, ...a } = e;
-	return n(a), /* @__PURE__ */ I(x, {
+	return n(a), /* @__PURE__ */ F(b, {
 		className: r,
 		ref: t,
 		children: i
 	});
-}), Ge = j((e, t) => {
+}), Xe = A((e, t) => {
 	let { className: r, ...i } = e;
-	return n(i), /* @__PURE__ */ I("div", {
+	return n(i), /* @__PURE__ */ F("div", {
 		ref: t,
-		children: /* @__PURE__ */ I(S, {
+		children: /* @__PURE__ */ F(x, {
 			className: r,
 			type: "dots",
 			size: 16
 		})
 	});
-}), Ke = j((e, t) => {
+}), Ze = A((e, t) => {
 	let { className: r, children: i, id: a, columns: o, ...s } = e;
-	return n(s), /* @__PURE__ */ I("div", {
+	return n(s), /* @__PURE__ */ F("div", {
 		className: r,
 		style: { gridTemplateColumns: `repeat(${o}, 1fr)` },
 		ref: t,
@@ -601,45 +608,45 @@ var H = (e, t, n = !1) => {
 		role: "grid",
 		children: i
 	});
-}), qe = j((e, t) => {
+}), Qe = A((e, t) => {
 	let { className: r, children: i, columns: a, ...o } = e;
-	return n(o), /* @__PURE__ */ I(x, {
+	return n(o), /* @__PURE__ */ F(b, {
 		className: r,
 		style: { gridColumn: `1 / ${a + 1}` },
 		ref: t,
-		children: /* @__PURE__ */ I(x, {
+		children: /* @__PURE__ */ F(b, {
 			className: "bn-mt-suggestion-menu-item-title",
 			children: i
 		})
 	});
-}), q = j((e, t) => {
+}), $e = A((e, t) => {
 	let { className: r, isSelected: i, onClick: a, item: o, id: s, ...c } = e;
 	n(c);
-	let u = P(null);
-	return N(() => {
+	let u = N(null);
+	return M(() => {
 		!u.current || !i || l(u.current, u.current.closest(".bn-grid-suggestion-menu")) !== "none" && u.current.scrollIntoView({ block: "nearest" });
-	}, [i]), /* @__PURE__ */ I("div", {
+	}, [i]), /* @__PURE__ */ F("div", {
 		className: r,
-		ref: R(t, u),
+		ref: L(t, u),
 		id: s,
 		role: "option",
 		onClick: a,
 		"aria-selected": i || void 0,
 		children: o.icon
 	});
-}), Je = j((e, t) => {
+}), et = A((e, t) => {
 	let { className: r, children: i, columns: a, ...o } = e;
-	return n(o), /* @__PURE__ */ I("div", {
+	return n(o), /* @__PURE__ */ F("div", {
 		style: { gridColumn: `1 / ${a + 1}` },
 		ref: t,
-		children: /* @__PURE__ */ I(S, {
+		children: /* @__PURE__ */ F(x, {
 			className: r,
 			type: "dots"
 		})
 	});
-}), Ye = j((e, t) => {
+}), tt = A((e, t) => {
 	let { children: r, className: i, onMouseDown: a, onClick: o, ...s } = e;
-	return n(s, !1), /* @__PURE__ */ I(v, {
+	return n(s, !1), /* @__PURE__ */ F(v, {
 		className: i,
 		ref: t,
 		onMouseDown: a,
@@ -647,9 +654,9 @@ var H = (e, t, n = !1) => {
 		...s,
 		children: r
 	});
-}), Xe = j((e, t) => {
+}), nt = A((e, t) => {
 	let { className: r, children: i, draggable: a, onDragStart: o, onDragEnd: s, style: c, label: l, ...u } = e;
-	return n(u, !1), /* @__PURE__ */ I(v, {
+	return n(u, !1), /* @__PURE__ */ F(v, {
 		className: r,
 		ref: t,
 		"aria-label": l,
@@ -660,24 +667,151 @@ var H = (e, t, n = !1) => {
 		...u,
 		children: i
 	});
-}), J = j((e, t) => {
+}), U = A((e, t) => {
 	let { className: r, children: i, onMouseEnter: a, onMouseLeave: o, variant: s, ...c } = e;
 	n(c);
-	let { ref: l, focused: u } = z();
-	return /* @__PURE__ */ I(re, {
+	let { ref: l, focused: u } = me();
+	return /* @__PURE__ */ F(ie, {
 		className: r,
-		ref: R(t, l, de(u)),
+		ref: L(t, l, pe(u)),
 		role: "toolbar",
 		onMouseEnter: a,
 		onMouseLeave: o,
 		gap: s === "action-toolbar" ? 2 : void 0,
 		children: i
 	});
-}), Y = j((e, t) => {
+}), W = {
+	color: void 0,
+	size: void 0,
+	className: void 0,
+	style: void 0,
+	attr: void 0
+}, G = k.createContext && /*#__PURE__*/ k.createContext(W), rt = [
+	"attr",
+	"size",
+	"title"
+];
+function it(e, t) {
+	if (e == null) return {};
+	var n, r, i = at(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+function at(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+function K() {
+	return K = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, K.apply(null, arguments);
+}
+function q(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function J(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? q(Object(n), !0).forEach(function(t) {
+			ot(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : q(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function ot(e, t, n) {
+	return (t = st(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function st(e) {
+	var t = ct(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function ct(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Y(e) {
+	return e && e.map((e, t) => /*#__PURE__*/ k.createElement(e.tag, J({ key: t }, e.attr), Y(e.child)));
+}
+function lt(e) {
+	return (t) => /*#__PURE__*/ k.createElement(ut, K({ attr: J({}, e.attr) }, t), Y(e.child));
+}
+function ut(e) {
+	var t = (t) => {
+		var { attr: n, size: r, title: i } = e, a = it(e, rt), o = r || t.size || "1em", s;
+		return t.className && (s = t.className), e.className && (s = (s ? s + " " : "") + e.className), /*#__PURE__*/ k.createElement("svg", K({
+			stroke: "currentColor",
+			fill: "currentColor",
+			strokeWidth: "0"
+		}, t.attr, n, a, {
+			className: s,
+			style: J(J({ color: e.color || t.color }, t.style), e.style),
+			height: o,
+			width: o,
+			xmlns: "http://www.w3.org/2000/svg"
+		}), i && /*#__PURE__*/ k.createElement("title", null, i), e.children);
+	};
+	return G === void 0 ? t(W) : /*#__PURE__*/ k.createElement(G.Consumer, null, (e) => t(e));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.5/node_modules/react-icons/hi/index.mjs
+function dt(e) {
+	return lt({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 20 20",
+			fill: "currentColor",
+			"aria-hidden": "true"
+		},
+		child: [{
+			tag: "path",
+			attr: {
+				fillRule: "evenodd",
+				d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
+				clipRule: "evenodd"
+			},
+			child: []
+		}]
+	})(e);
+}
+//#endregion
+//#region src/toolbar/ToolbarSelect.tsx
+var X = A((e, t) => {
 	let { className: i, items: a, isDisabled: o, ...s } = e;
 	n(s);
 	let c = a.filter((e) => e.isSelected)[0];
-	return c ? /* @__PURE__ */ L(w, {
+	return c ? /* @__PURE__ */ I(S, {
 		withinPortal: !1,
 		transitionProps: { exitDuration: 0 },
 		disabled: o,
@@ -687,118 +821,142 @@ var H = (e, t, n = !1) => {
 			inline: !1,
 			size: !0
 		},
-		children: [/* @__PURE__ */ I(w.Target, { children: /* @__PURE__ */ I(v, {
+		children: [/* @__PURE__ */ F(S.Target, { children: /* @__PURE__ */ F(v, {
 			onMouseDown: (e) => {
 				r() && e.currentTarget.focus();
 			},
 			leftSection: c.icon,
-			rightSection: /* @__PURE__ */ I(V, {}),
+			rightSection: /* @__PURE__ */ F(dt, {}),
 			size: "xs",
 			variant: "subtle",
 			disabled: o,
 			children: c.text
-		}) }), /* @__PURE__ */ I(w.Dropdown, {
+		}) }), /* @__PURE__ */ F(S.Dropdown, {
 			className: i,
 			ref: t,
-			children: a.map((e) => /* @__PURE__ */ I(w.Item, {
+			children: a.map((e) => /* @__PURE__ */ F(S.Item, {
 				onClick: e.onClick,
 				leftSection: e.icon,
-				rightSection: e.isSelected ? /* @__PURE__ */ I(b, {
+				rightSection: e.isSelected ? /* @__PURE__ */ F(ee, {
 					size: 10,
 					className: "bn-tick-icon"
-				}) : /* @__PURE__ */ I("div", { className: "bn-tick-space" }),
+				}) : /* @__PURE__ */ F("div", { className: "bn-tick-space" }),
 				disabled: e.isDisabled,
 				children: e.text
 			}, e.text))
 		})]
 	}) : null;
-}), X = {
+}), ft = A((e, t) => {
+	let { className: r, children: a, ...o } = e;
+	return n(o, !1), /* @__PURE__ */ F("div", {
+		className: i(r),
+		ref: t,
+		children: a
+	});
+}), pt = A((e, t) => {
+	let { className: r, selected: a, comparing: o, onClick: s, actions: c, children: l, ...u } = e;
+	return n(u, !1), /* @__PURE__ */ I("div", {
+		className: i(r, a ? "selected" : "", o ? "comparing" : ""),
+		onClick: s,
+		ref: t,
+		children: [l, c && /* @__PURE__ */ F("div", {
+			className: "bn-snapshot-menu",
+			onClick: (e) => e.stopPropagation(),
+			children: c
+		})]
+	});
+}), Z = {
 	FormattingToolbar: {
-		Root: J,
-		Button: K,
-		Select: Y
+		Root: U,
+		Button: H,
+		Select: X
 	},
 	FilePanel: {
-		Root: je,
-		Button: Me,
-		FileInput: Ne,
-		TabPanel: Pe,
-		TextInput: Fe
+		Root: Fe,
+		Button: Ie,
+		FileInput: Le,
+		TabPanel: Re,
+		TextInput: ze
 	},
 	GridSuggestionMenu: {
-		Root: Ke,
-		Item: q,
-		EmptyItem: qe,
-		Loader: Je
+		Root: Ze,
+		Item: $e,
+		EmptyItem: Qe,
+		Loader: et
 	},
 	LinkToolbar: {
-		Root: J,
-		Button: K,
-		Select: Y
+		Root: U,
+		Button: H,
+		Select: X
 	},
 	SideMenu: {
-		Root: ze,
-		Button: Be
+		Root: Ue,
+		Button: We
 	},
 	SuggestionMenu: {
-		Root: Ve,
-		Item: Ue,
-		EmptyItem: He,
-		Label: We,
-		Loader: Ge
+		Root: Ke,
+		Item: Je,
+		EmptyItem: qe,
+		Label: Ye,
+		Loader: Xe
 	},
+	AttributionTooltip: { Root: Ge },
 	TableHandle: {
-		Root: Xe,
-		ExtendButton: Ye
+		Root: nt,
+		ExtendButton: tt
 	},
 	Generic: {
 		Badge: {
-			Root: pe,
-			Group: me
+			Root: _e,
+			Group: ve
 		},
 		Form: {
-			Root: (e) => /* @__PURE__ */ I("div", { children: e.children }),
-			TextInput: Se
+			Root: (e) => /* @__PURE__ */ F("div", { children: e.children }),
+			TextInput: Ee
 		},
 		Menu: {
-			Root: we,
-			Trigger: Ee,
-			Dropdown: De,
-			Divider: Oe,
-			Label: ke,
-			Item: Te,
-			Button: Ae
+			Root: Oe,
+			Trigger: Ae,
+			Dropdown: je,
+			Divider: Me,
+			Label: Ne,
+			Item: ke,
+			Button: Pe
 		},
 		Popover: {
-			Root: Ie,
-			Trigger: Le,
-			Content: Re
+			Root: Be,
+			Trigger: Ve,
+			Content: He
 		},
 		Toolbar: {
-			Root: J,
-			Button: K,
-			Select: Y
+			Root: U,
+			Button: H,
+			Select: X
 		}
 	},
 	Comments: {
-		Comment: ye,
-		Editor: be,
-		Card: he,
-		CardSection: ge,
-		ExpandSectionsPrompt: _e
+		Comment: Ce,
+		Editor: we,
+		Card: ye,
+		CardSection: be,
+		ExpandSectionsPrompt: xe
+	},
+	Versioning: {
+		Sidebar: ft,
+		Snapshot: pt
 	}
-}, Z = (e) => {
-	let { className: t, theme: n, editor: r, ...s } = e, c = f(), l = m(), u = c?.colorSchemePreference || l, d = typeof n == "string" ? n : u === "no-preference" ? "light" : u, p = ue((e) => {
-		if (e && (W(e), typeof n == "object")) {
+}, mt = (e) => {
+	let { className: t, theme: n, editor: r, ...s } = e, c = f(), l = m(), u = c?.colorSchemePreference || l, d = typeof n == "string" ? n : u === "no-preference" ? "light" : u, p = fe((e) => {
+		if (e && (B(e), typeof n == "object")) {
 			if ("light" in n && "dark" in n) {
-				U(n[u === "dark" ? "dark" : "light"], e);
+				z(n[u === "dark" ? "dark" : "light"], e);
 				return;
 			}
-			U(n, e);
+			z(n, e);
 			return;
 		}
 	}, [u, n]);
-	N(() => {
+	M(() => {
 		if (!r.portalElement) throw Error("Portal element not found");
 		r.portalElement.setAttribute("data-mantine-color-scheme", d), p(r.portalElement);
 	}, [
@@ -806,9 +964,9 @@ var H = (e, t, n = !1) => {
 		p,
 		d
 	]);
-	let h = M(C), g = /* @__PURE__ */ I(o.Provider, {
-		value: X,
-		children: /* @__PURE__ */ I(a, {
+	let h = j(oe), g = /* @__PURE__ */ F(o.Provider, {
+		value: Z,
+		children: /* @__PURE__ */ F(a, {
 			"data-mantine-color-scheme": d,
 			className: i("bn-mantine", t || ""),
 			theme: typeof n == "object" ? void 0 : n,
@@ -817,7 +975,7 @@ var H = (e, t, n = !1) => {
 			ref: p
 		})
 	});
-	return h ? g : /* @__PURE__ */ I(ae, {
+	return h ? g : /* @__PURE__ */ F(se, {
 		withCssVariables: !1,
 		getRootElement: () => void 0,
 		children: g
@@ -866,7 +1024,7 @@ var H = (e, t, n = !1) => {
 	},
 	borderRadius: 6,
 	fontFamily: "\"Inter\", \"SF Pro Display\", -apple-system, BlinkMacSystemFont, \"Open Sans\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif"
-}, Ze = {
+}, ht = {
 	colors: {
 		editor: {
 			text: Q[2],
@@ -901,6 +1059,6 @@ var H = (e, t, n = !1) => {
 	fontFamily: $.fontFamily
 };
 //#endregion
-export { Z as BlockNoteView, U as applyBlockNoteCSSVariablesFromTheme, X as components, Ze as darkDefaultTheme, Q as defaultColorScheme, $ as lightDefaultTheme, W as removeBlockNoteCSSVariables };
+export { mt as BlockNoteView, z as applyBlockNoteCSSVariablesFromTheme, Z as components, ht as darkDefaultTheme, Q as defaultColorScheme, $ as lightDefaultTheme, B as removeBlockNoteCSSVariables };
 
 //# sourceMappingURL=blocknote-mantine.js.map