@blocknote/mantine 0.24.1 → 0.24.2

package/dist/blocknote-mantine.js

@@ -8,8 +8,8 @@ const G = (e, n, t = !1) => {
   const o = [];
   function r(s, l = "--bn") {
     for (const a in s) {
-      const c = a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), u = `${l}-${c}`;
-      typeof s[a] != "object" ? (typeof s[a] == "number" && (s[a] = `${s[a]}px`), t ? n.style.removeProperty(u) : n.style.setProperty(u, s[a].toString())) : r(s[a], u);
+      const u = a.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c = `${l}-${u}`;
+      typeof s[a] != "object" ? (typeof s[a] == "number" && (s[a] = `${s[a]}px`), t ? n.style.removeProperty(c) : n.style.setProperty(c, s[a].toString())) : r(s[a], c);
     }
   }
   return r(e), o;
@@ -91,8 +91,8 @@ const G = (e, n, t = !1) => {
     icon: s,
     value: l,
     autoFocus: a,
-    placeholder: c,
-    onKeyDown: u,
+    placeholder: u,
+    onKeyDown: c,
     onChange: f,
     onSubmit: v,
     ...h
@@ -109,8 +109,8 @@ const G = (e, n, t = !1) => {
       value: l,
       autoFocus: a,
       "data-autofocus": a ? "true" : void 0,
-      placeholder: c,
-      onKeyDown: u,
+      placeholder: u,
+      onKeyDown: c,
       onChange: f,
       onSubmit: v
     }
@@ -143,15 +143,15 @@ function ye(e, n) {
     }
   return t;
 }
-function k() {
-  return k = Object.assign ? Object.assign.bind() : function(e) {
+function T() {
+  return T = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, k.apply(this, arguments);
+  }, T.apply(this, arguments);
 }
 function E(e, n) {
   var t = Object.keys(e);
@@ -163,7 +163,7 @@ function E(e, n) {
   }
   return t;
 }
-function T(e) {
+function k(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
     n % 2 ? E(Object(t), !0).forEach(function(o) {
@@ -192,13 +192,13 @@ function we(e, n) {
   return (n === "string" ? String : Number)(e);
 }
 function K(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ y.createElement(n.tag, T({
+  return e && e.map((n, t) => /* @__PURE__ */ y.createElement(n.tag, k({
     key: t
   }, n.attr), K(n.child)));
 }
 function U(e) {
-  return (n) => /* @__PURE__ */ y.createElement(Ne, k({
-    attr: T({}, e.attr)
+  return (n) => /* @__PURE__ */ y.createElement(Ne, T({
+    attr: k({}, e.attr)
   }, n), K(e.child));
 }
 function Ne(e) {
@@ -207,14 +207,14 @@ function Ne(e) {
       attr: o,
       size: r,
       title: s
-    } = e, l = he(e, ve), a = r || t.size || "1em", c;
-    return t.className && (c = t.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ y.createElement("svg", k({
+    } = e, l = he(e, ve), a = r || t.size || "1em", u;
+    return t.className && (u = t.className), e.className && (u = (u ? u + " " : "") + e.className), /* @__PURE__ */ y.createElement("svg", T({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, t.attr, o, l, {
-      className: c,
-      style: T(T({
+      className: u,
+      style: k(k({
         color: e.color || t.color
       }, t.style), e.style),
       height: a,
@@ -227,10 +227,10 @@ function Ne(e) {
 function Ce(e) {
   return U({ 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);
 }
-function ke(e) {
+function Te(e) {
   return U({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z", clipRule: "evenodd" }, child: [] }] })(e);
 }
-const W = ce(void 0), Te = g((e, n) => {
+const W = ce(void 0), ke = g((e, n) => {
   const {
     children: t,
     onOpenChange: o,
@@ -240,12 +240,12 @@ const W = ce(void 0), Te = g((e, n) => {
     ...l
   } = e;
   d(l);
-  const [a, c] = ue(!1), u = C(null), f = C(), v = D(() => {
+  const [a, u] = ue(!1), c = C(null), f = C(), v = D(() => {
     f.current && clearTimeout(f.current), f.current = setTimeout(() => {
-      c(!1);
+      u(!1);
     }, 250);
   }, []), h = D(() => {
-    f.current && clearTimeout(f.current), c(!0);
+    f.current && clearTimeout(f.current), u(!0);
   }, []);
   return /* @__PURE__ */ i(
     W.Provider,
@@ -258,14 +258,14 @@ const W = ce(void 0), Te = g((e, n) => {
         b.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: P(n, u),
+          ref: P(n, c),
           onMouseOver: h,
           onMouseLeave: v,
           children: /* @__PURE__ */ i(
             b,
             {
               portalProps: {
-                target: u.current ? u.current.parentElement : void 0
+                target: c.current ? c.current.parentElement : void 0
               },
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
@@ -282,7 +282,7 @@ const W = ce(void 0), Te = g((e, n) => {
   );
 }), Pe = (e) => {
   const { children: n, onOpenChange: t, position: o, sub: r, ...s } = e;
-  return d(s), r ? /* @__PURE__ */ i(Te, { ...e }) : /* @__PURE__ */ i(
+  return d(s), r ? /* @__PURE__ */ i(ke, { ...e }) : /* @__PURE__ */ i(
     b,
     {
       withinPortal: !1,
@@ -294,18 +294,18 @@ const W = ce(void 0), Te = g((e, n) => {
     }
   );
 }, Me = g((e, n) => {
-  const { className: t, children: o, icon: r, checked: s, subTrigger: l, onClick: a, ...c } = e;
-  return d(c, !1), l ? /* @__PURE__ */ S(
+  const { className: t, children: o, icon: r, checked: s, subTrigger: l, onClick: a, ...u } = e;
+  return d(u, !1), l ? /* @__PURE__ */ S(
     "div",
     {
-      onClick: (u) => {
-        u.preventDefault(), u.stopPropagation();
+      onClick: (c) => {
+        c.preventDefault(), c.stopPropagation();
       },
       ref: n,
-      ...c,
+      ...u,
       children: [
         o,
-        /* @__PURE__ */ i(ke, { size: 15 })
+        /* @__PURE__ */ i(Te, { size: 15 })
       ]
     }
   ) : /* @__PURE__ */ i(
@@ -316,7 +316,7 @@ const W = ce(void 0), Te = g((e, n) => {
       leftSection: r,
       rightSection: s ? /* @__PURE__ */ i(_, { size: 10 }) : s === !1 ? /* @__PURE__ */ i("div", { className: "bn-tick-space" }) : null,
       onClick: a,
-      ...c,
+      ...u,
       children: o
     }
   );
@@ -362,9 +362,9 @@ const W = ce(void 0), Te = g((e, n) => {
     openTab: s,
     setOpenTab: l,
     loading: a,
-    ...c
+    ...u
   } = e;
-  return d(c), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ S(
+  return d(u), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ S(
     w,
     {
       value: s,
@@ -372,16 +372,16 @@ const W = ce(void 0), Te = g((e, n) => {
       onChange: l,
       children: [
         a && /* @__PURE__ */ i(te, { visible: a }),
-        /* @__PURE__ */ i(w.List, { children: o.map((u) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i(w.List, { children: o.map((c) => /* @__PURE__ */ i(
           w.Tab,
           {
-            "data-test": `${u.name.toLowerCase()}-tab`,
-            value: u.name,
-            children: u.name
+            "data-test": `${c.name.toLowerCase()}-tab`,
+            value: c.name,
+            children: c.name
           },
-          u.name
+          c.name
         )) }),
-        o.map((u) => /* @__PURE__ */ i(w.Panel, { value: u.name, children: u.tabPanel }, u.name))
+        o.map((c) => /* @__PURE__ */ i(w.Panel, { value: c.name, children: c.tabPanel }, c.name))
       ]
     }
   ) });
@@ -468,8 +468,8 @@ const W = ce(void 0), Te = g((e, n) => {
     onClick: s,
     onDragEnd: l,
     onDragStart: a,
-    draggable: c,
-    label: u,
+    draggable: u,
+    label: c,
     ...f
   } = e;
   return d(f, !1), r ? /* @__PURE__ */ i(
@@ -481,8 +481,8 @@ const W = ce(void 0), Te = g((e, n) => {
       onClick: s,
       onDragEnd: l,
       onDragStart: a,
-      draggable: c,
-      "aria-label": u,
+      draggable: u,
+      "aria-label": c,
       ...f,
       children: r
     }
@@ -494,8 +494,8 @@ const W = ce(void 0), Te = g((e, n) => {
       onClick: s,
       onDragEnd: l,
       onDragStart: a,
-      draggable: c,
-      "aria-label": u,
+      draggable: u,
+      "aria-label": c,
       ...f,
       children: o
     }
@@ -527,20 +527,20 @@ const W = ce(void 0), Te = g((e, n) => {
 }), Ke = g((e, n) => {
   const { className: t, isSelected: o, onClick: r, item: s, id: l, ...a } = e;
   d(a);
-  const c = C(null);
+  const u = C(null);
   return A(() => {
-    if (!c.current || !o)
+    if (!u.current || !o)
       return;
-    const u = z(
-      c.current,
+    const c = z(
+      u.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
-    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
+    c === "top" ? u.current.scrollIntoView(!0) : c === "bottom" && u.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ i(
     "div",
     {
       className: t,
-      ref: P(n, c),
+      ref: P(n, u),
       id: l,
       role: "option",
       onClick: r,
@@ -584,21 +584,21 @@ const W = ce(void 0), Te = g((e, n) => {
 }), Ze = g((e, n) => {
   const { className: t, isSelected: o, onClick: r, item: s, id: l, ...a } = e;
   d(a);
-  const c = C(null);
+  const u = C(null);
   return A(() => {
-    if (!c.current || !o)
+    if (!u.current || !o)
       return;
-    const u = z(
-      c.current,
+    const c = z(
+      u.current,
       document.querySelector(".bn-suggestion-menu")
     );
-    u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
+    c === "top" ? u.current.scrollIntoView(!0) : c === "bottom" && u.current.scrollIntoView(!1);
   }, [o]), /* @__PURE__ */ S(
     p,
     {
       gap: 0,
       className: t,
-      ref: P(n, c),
+      ref: P(n, u),
       id: l,
       role: "option",
       onClick: r,
@@ -659,20 +659,20 @@ const W = ce(void 0), Te = g((e, n) => {
     onDragStart: s,
     onDragEnd: l,
     style: a,
-    label: c,
-    ...u
+    label: u,
+    ...c
   } = e;
-  return d(u, !1), /* @__PURE__ */ i(
+  return d(c, !1), /* @__PURE__ */ i(
     x,
     {
       className: t,
       ref: n,
-      "aria-label": c,
+      "aria-label": u,
       draggable: r,
       onDragStart: s,
       onDragEnd: l,
       style: a,
-      ...u,
+      ...c,
       children: o
     }
   );
@@ -680,7 +680,7 @@ const W = ce(void 0), Te = g((e, n) => {
   (e, n) => {
     const { className: t, children: o, onMouseEnter: r, onMouseLeave: s, ...l } = e;
     d(l);
-    const { ref: a, focused: c } = me(), u = ge(c), f = P(n, a, u);
+    const { ref: a, focused: u } = me(), c = ge(u), f = P(n, a, c);
     return /* @__PURE__ */ i(
       p,
       {
@@ -705,8 +705,8 @@ const W = ce(void 0), Te = g((e, n) => {
       secondaryTooltip: s,
       icon: l,
       isSelected: a,
-      isDisabled: c,
-      onClick: u,
+      isDisabled: u,
+      onClick: c,
       label: f,
       ...v
     } = e;
@@ -729,12 +729,12 @@ const W = ce(void 0), Te = g((e, n) => {
             onMouseDown: (h) => {
               O() && h.currentTarget.focus();
             },
-            onClick: u,
+            onClick: c,
             "aria-pressed": a,
             "data-selected": a || void 0,
             "data-test": r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1),
             size: "xs",
-            disabled: c || !1,
+            disabled: u || !1,
             ref: n,
             ...v,
             children: o
@@ -747,12 +747,12 @@ const W = ce(void 0), Te = g((e, n) => {
             onMouseDown: (h) => {
               O() && h.currentTarget.focus();
             },
-            onClick: u,
+            onClick: c,
             "aria-pressed": a,
             "data-selected": a || void 0,
             "data-test": r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1),
             size: 30,
-            disabled: c || !1,
+            disabled: u || !1,
             ref: n,
             ...v,
             children: l
@@ -886,7 +886,7 @@ const W = ce(void 0), Te = g((e, n) => {
       }
     },
     [l, t]
-  );
+  ), u = typeof t == "string" ? t : l !== "no-preference" ? l : "light";
   return /* @__PURE__ */ i(Y.Provider, { value: nt, children: /* @__PURE__ */ i(
     le,
     {
@@ -897,6 +897,7 @@ const W = ce(void 0), Te = g((e, n) => {
       children: /* @__PURE__ */ i(
         ee,
         {
+          "data-mantine-color-scheme": u,
           className: q("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
           ...o,