@blocknote/mantine 0.19.0 → 0.19.1

package/dist/blocknote-mantine.js

@@ -1,18 +1,18 @@
 import { jsx as i, jsxs as S } from "react/jsx-runtime";
 import { assertEmpty as d, isSafari as M, COLORS_DEFAULT as q, COLORS_DARK_MODE_DEFAULT as Z, mergeCSSClasses as J } from "@blocknote/core";
 import { elementOverflow as z, useBlockNoteContext as Q, usePrefersColorScheme as X, ComponentsContext as Y, BlockNoteViewRaw as ee } from "@blocknote/react";
-import { TextInput as B, Menu as b, CheckIcon as _, Group as v, Tabs as w, LoadingOverlay as te, Button as x, FileInput as ne, Popover as re, PopoverTarget as oe, PopoverDropdown as se, ActionIcon as $, Loader as V, Stack as O, Text as N, Badge as ie, Tooltip as ae, MantineProvider as le } from "@mantine/core";
+import { TextInput as B, Menu as b, CheckIcon as _, Group as p, Tabs as w, LoadingOverlay as te, Button as x, FileInput as ne, Popover as oe, PopoverTarget as re, PopoverDropdown as se, ActionIcon as $, Loader as V, Stack as O, Text as N, Badge as ie, Tooltip as ae, MantineProvider as le } from "@mantine/core";
 import y, { forwardRef as g, createContext as ce, useState as ue, useRef as C, useCallback as F, useContext as de, useEffect as A } from "react";
-import { mergeRefs as P, useFocusWithin as me, useFocusTrap as ge } from "@mantine/hooks";
+import { mergeRefs as T, useFocusWithin as me, useFocusTrap as ge } from "@mantine/hooks";
 const G = (e, n, t = !1) => {
-  const r = [];
-  function o(s, l = "--bn") {
+  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())) : o(s[a], u);
+      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);
     }
   }
-  return o(e), r;
+  return r(e), o;
 }, D = (e, n) => G(e, n), fe = {
   colors: {
     editor: {
@@ -83,18 +83,18 @@ const G = (e, n, t = !1) => {
   },
   borderRadius: void 0,
   fontFamily: void 0
-}, be = (e) => G(fe, e, !0), ve = g((e, n) => {
+}, be = (e) => G(fe, e, !0), pe = g((e, n) => {
   const {
     className: t,
-    name: r,
-    label: o,
+    name: o,
+    label: r,
     icon: s,
     value: l,
     autoFocus: a,
     placeholder: c,
     onKeyDown: u,
     onChange: f,
-    onSubmit: p,
+    onSubmit: v,
     ...h
   } = e;
   return d(h), /* @__PURE__ */ i(
@@ -103,8 +103,8 @@ const G = (e, n, t = !1) => {
       size: "xs",
       className: t,
       ref: n,
-      name: r,
-      label: o,
+      name: o,
+      label: r,
       leftSection: s,
       value: l,
       autoFocus: a,
@@ -112,7 +112,7 @@ const G = (e, n, t = !1) => {
       placeholder: c,
       onKeyDown: u,
       onChange: f,
-      onSubmit: p
+      onSubmit: v
     }
   );
 });
@@ -122,24 +122,24 @@ var H = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, I = y.createContext && /* @__PURE__ */ y.createContext(H), pe = ["attr", "size", "title"];
+}, I = y.createContext && /* @__PURE__ */ y.createContext(H), ve = ["attr", "size", "title"];
 function he(e, n) {
   if (e == null) return {};
-  var t = ye(e, n), r, o;
+  var t = ye(e, n), o, r;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(e);
-    for (o = 0; o < s.length; o++)
-      r = s[o], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
+    for (r = 0; r < s.length; r++)
+      o = s[r], !(n.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (t[o] = e[o]);
   }
   return t;
 }
 function ye(e, n) {
   if (e == null) return {};
   var t = {};
-  for (var r in e)
-    if (Object.prototype.hasOwnProperty.call(e, r)) {
-      if (n.indexOf(r) >= 0) continue;
-      t[r] = e[r];
+  for (var o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      if (n.indexOf(o) >= 0) continue;
+      t[o] = e[o];
     }
   return t;
 }
@@ -147,8 +147,8 @@ function k() {
   return k = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
-      for (var r in t)
-        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
   }, k.apply(this, arguments);
@@ -156,20 +156,20 @@ function k() {
 function R(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    n && (r = r.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(e, o).enumerable;
-    })), t.push.apply(t, r);
+    var o = Object.getOwnPropertySymbols(e);
+    n && (o = o.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
   return t;
 }
-function T(e) {
+function P(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? R(Object(t), !0).forEach(function(r) {
-      Se(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : R(Object(t)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    n % 2 ? R(Object(t), !0).forEach(function(o) {
+      Se(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : R(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
   }
   return e;
@@ -185,36 +185,36 @@ function we(e, n) {
   if (typeof e != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
-    var r = t.call(e, n || "default");
-    if (typeof r != "object") return r;
+    var o = t.call(e, n || "default");
+    if (typeof o != "object") return o;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   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, P({
     key: t
   }, n.attr), K(n.child)));
 }
 function U(e) {
   return (n) => /* @__PURE__ */ y.createElement(Ne, k({
-    attr: T({}, e.attr)
+    attr: P({}, e.attr)
   }, n), K(e.child));
 }
 function Ne(e) {
   var n = (t) => {
     var {
-      attr: r,
-      size: o,
+      attr: o,
+      size: r,
       title: s
-    } = e, l = he(e, pe), a = o || t.size || "1em", c;
+    } = 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({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, r, l, {
+    }, t.attr, o, l, {
       className: c,
-      style: T(T({
+      style: P(P({
         color: e.color || t.color
       }, t.style), e.style),
       height: a,
@@ -230,17 +230,17 @@ function Ce(e) {
 function ke(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), Pe = g((e, n) => {
   const {
     children: t,
-    onOpenChange: r,
-    position: o,
+    onOpenChange: o,
+    position: r,
     sub: s,
     // not used
     ...l
   } = e;
   d(l);
-  const [a, c] = ue(!1), u = C(null), f = C(), p = F(() => {
+  const [a, c] = ue(!1), u = C(null), f = C(), v = F(() => {
     f.current && clearTimeout(f.current), f.current = setTimeout(() => {
       c(!1);
     }, 250);
@@ -252,15 +252,15 @@ const W = ce(void 0), Te = g((e, n) => {
     {
       value: {
         onMenuMouseOver: h,
-        onMenuMouseLeave: p
+        onMenuMouseLeave: v
       },
       children: /* @__PURE__ */ i(
         b.Item,
         {
           className: "bn-menu-item bn-mt-sub-menu-item",
-          ref: P(n, u),
+          ref: T(n, u),
           onMouseOver: h,
-          onMouseLeave: p,
+          onMouseLeave: v,
           children: /* @__PURE__ */ i(
             b,
             {
@@ -270,9 +270,9 @@ const W = ce(void 0), Te = g((e, n) => {
               middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
               trigger: "hover",
               opened: a,
-              onClose: () => r == null ? void 0 : r(!1),
-              onOpen: () => r == null ? void 0 : r(!0),
-              position: o,
+              onClose: () => o == null ? void 0 : o(!1),
+              onOpen: () => o == null ? void 0 : o(!0),
+              position: r,
               children: t
             }
           )
@@ -280,34 +280,44 @@ const W = ce(void 0), Te = g((e, n) => {
       )
     }
   );
-}), Pe = (e) => {
-  const { children: n, onOpenChange: t, position: r, sub: o, ...s } = e;
-  return d(s), o ? /* @__PURE__ */ i(Te, { ...e }) : /* @__PURE__ */ i(
+}), Te = (e) => {
+  const { children: n, onOpenChange: t, position: o, sub: r, ...s } = e;
+  return d(s), r ? /* @__PURE__ */ i(Pe, { ...e }) : /* @__PURE__ */ i(
     b,
     {
       withinPortal: !1,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       onClose: () => t == null ? void 0 : t(!1),
       onOpen: () => t == null ? void 0 : t(!0),
-      position: r,
+      position: o,
       children: n
     }
   );
 }, Me = g((e, n) => {
-  const { className: t, children: r, icon: o, checked: s, subTrigger: l, onClick: a, ...c } = e;
-  return d(c, !1), l ? /* @__PURE__ */ S("div", { ref: n, ...c, children: [
-    r,
-    /* @__PURE__ */ i(ke, { size: 15 })
-  ] }) : /* @__PURE__ */ i(
+  const { className: t, children: o, icon: r, checked: s, subTrigger: l, onClick: a, ...c } = e;
+  return d(c, !1), l ? /* @__PURE__ */ S(
+    "div",
+    {
+      onClick: (u) => {
+        u.preventDefault(), u.stopPropagation();
+      },
+      ref: n,
+      ...c,
+      children: [
+        o,
+        /* @__PURE__ */ i(ke, { size: 15 })
+      ]
+    }
+  ) : /* @__PURE__ */ i(
     b.Item,
     {
       className: t,
       ref: n,
-      leftSection: o,
+      leftSection: r,
       rightSection: s ? /* @__PURE__ */ i(_, { size: 10 }) : s === !1 ? /* @__PURE__ */ i("div", { className: "bn-tick-space" }) : null,
       onClick: a,
       ...c,
-      children: r
+      children: o
     }
   );
 }), Fe = (e) => {
@@ -315,14 +325,14 @@ const W = ce(void 0), Te = g((e, n) => {
     children: n,
     sub: t,
     // unused
-    ...r
+    ...o
   } = e;
-  return d(r), /* @__PURE__ */ i(b.Target, { children: n });
+  return d(o), /* @__PURE__ */ i(b.Target, { children: n });
 }, Oe = g((e, n) => {
   const {
     className: t,
-    children: r,
-    sub: o,
+    children: o,
+    sub: r,
     //unused
     ...s
   } = e;
@@ -335,34 +345,34 @@ const W = ce(void 0), Te = g((e, n) => {
       ref: n,
       onMouseOver: l == null ? void 0 : l.onMenuMouseOver,
       onMouseLeave: l == null ? void 0 : l.onMenuMouseLeave,
-      children: r
+      children: o
     }
   );
 }), De = g((e, n) => {
-  const { className: t, ...r } = e;
-  return d(r), /* @__PURE__ */ i(b.Divider, { className: t, ref: n });
+  const { className: t, ...o } = e;
+  return d(o), /* @__PURE__ */ i(b.Divider, { className: t, ref: n });
 }), Ie = g((e, n) => {
-  const { className: t, children: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i(b.Label, { className: t, ref: n, children: r });
+  const { className: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ i(b.Label, { className: t, ref: n, children: o });
 }), Re = g((e, n) => {
   const {
     className: t,
-    tabs: r,
-    defaultOpenTab: o,
+    tabs: o,
+    defaultOpenTab: r,
     openTab: s,
     setOpenTab: l,
     loading: a,
     ...c
   } = e;
-  return d(c), /* @__PURE__ */ i(v, { className: t, ref: n, children: /* @__PURE__ */ S(
+  return d(c), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ S(
     w,
     {
       value: s,
-      defaultValue: o,
+      defaultValue: r,
       onChange: l,
       children: [
         a && /* @__PURE__ */ i(te, { visible: a }),
-        /* @__PURE__ */ i(w.List, { children: r.map((u) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i(w.List, { children: o.map((u) => /* @__PURE__ */ i(
           w.Tab,
           {
             "data-test": `${u.name.toLowerCase()}-tab`,
@@ -371,12 +381,12 @@ const W = ce(void 0), Te = g((e, n) => {
           },
           u.name
         )) }),
-        r.map((u) => /* @__PURE__ */ i(w.Panel, { value: u.name, children: u.tabPanel }, u.name))
+        o.map((u) => /* @__PURE__ */ i(w.Panel, { value: u.name, children: u.tabPanel }, u.name))
       ]
     }
   ) });
 }), Le = g((e, n) => {
-  const { className: t, children: r, onClick: o, label: s, ...l } = e;
+  const { className: t, children: o, onClick: r, label: s, ...l } = e;
   return d(l), /* @__PURE__ */ i(
     x,
     {
@@ -384,31 +394,31 @@ const W = ce(void 0), Te = g((e, n) => {
       "aria-label": s,
       className: t,
       ref: n,
-      onClick: o,
+      onClick: r,
       ...l,
-      children: r
+      children: o
     }
   );
 }), Ee = g((e, n) => {
-  const { className: t, accept: r, value: o, placeholder: s, onChange: l, ...a } = e;
+  const { className: t, accept: o, value: r, placeholder: s, onChange: l, ...a } = e;
   return d(a), /* @__PURE__ */ i(
     ne,
     {
       size: "xs",
       className: t,
       ref: n,
-      accept: r,
-      value: o,
+      accept: o,
+      value: r,
       placeholder: s,
       onChange: l,
       ...a
     }
   );
 }), je = g((e, n) => {
-  const { className: t, children: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i("div", { className: t, ref: n, children: r });
+  const { className: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ i("div", { className: t, ref: n, children: o });
 }), ze = g((e, n) => {
-  const { className: t, value: r, placeholder: o, onKeyDown: s, onChange: l, ...a } = e;
+  const { className: t, value: o, placeholder: r, onKeyDown: s, onChange: l, ...a } = e;
   return d(a), /* @__PURE__ */ i(
     B,
     {
@@ -416,54 +426,54 @@ const W = ce(void 0), Te = g((e, n) => {
       "data-test": "embed-input",
       className: t,
       ref: n,
-      value: r,
-      placeholder: o,
+      value: o,
+      placeholder: r,
       onKeyDown: s,
       onChange: l
     }
   );
 }), Be = (e) => {
-  const { children: n, opened: t, position: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i(
-    re,
+  const { children: n, opened: t, position: o, ...r } = e;
+  return d(r), /* @__PURE__ */ i(
+    oe,
     {
       withinPortal: !1,
       zIndex: 1e4,
       opened: t,
-      position: r,
+      position: o,
       children: n
     }
   );
 }, _e = (e) => {
   const { children: n, ...t } = e;
-  return d(t), /* @__PURE__ */ i(oe, { children: n });
+  return d(t), /* @__PURE__ */ i(re, { children: n });
 }, $e = g((e, n) => {
   const {
     className: t,
-    children: r,
-    variant: o,
+    children: o,
+    variant: r,
     // unused
     ...s
   } = e;
-  return d(s), /* @__PURE__ */ i(se, { className: t, ref: n, children: r });
+  return d(s), /* @__PURE__ */ i(se, { className: t, ref: n, children: o });
 }), Ve = g((e, n) => {
-  const { className: t, children: r, ...o } = e;
-  return d(o, !1), /* @__PURE__ */ i(
-    v,
+  const { className: t, children: o, ...r } = e;
+  return d(r, !1), /* @__PURE__ */ i(
+    p,
     {
       align: "center",
       gap: 0,
       className: t,
       ref: n,
-      ...o,
-      children: r
+      ...r,
+      children: o
     }
   );
 }), Ae = g((e, n) => {
   const {
     className: t,
-    children: r,
-    icon: o,
+    children: o,
+    icon: r,
     onClick: s,
     onDragEnd: l,
     onDragStart: a,
@@ -471,7 +481,7 @@ const W = ce(void 0), Te = g((e, n) => {
     label: u,
     ...f
   } = e;
-  return d(f, !1), o ? /* @__PURE__ */ i(
+  return d(f, !1), r ? /* @__PURE__ */ i(
     $,
     {
       size: 24,
@@ -483,7 +493,7 @@ const W = ce(void 0), Te = g((e, n) => {
       draggable: c,
       "aria-label": u,
       ...f,
-      children: o
+      children: r
     }
   ) : /* @__PURE__ */ i(
     x,
@@ -496,115 +506,115 @@ const W = ce(void 0), Te = g((e, n) => {
       draggable: c,
       "aria-label": u,
       ...f,
-      children: r
+      children: o
     }
   );
 }), Ge = g((e, n) => {
-  const { className: t, children: r, id: o, columns: s, ...l } = e;
+  const { className: t, children: o, id: r, columns: s, ...l } = e;
   return d(l), /* @__PURE__ */ i(
     "div",
     {
       className: t,
       style: { gridTemplateColumns: `repeat(${s}, 1fr)` },
       ref: n,
-      id: o,
+      id: r,
       role: "grid",
-      children: r
+      children: o
     }
   );
 }), He = g((e, n) => {
-  const { className: t, children: r, columns: o, ...s } = e;
+  const { className: t, children: o, columns: r, ...s } = e;
   return d(s), /* @__PURE__ */ i(
-    v,
+    p,
     {
       className: t,
-      style: { gridColumn: `1 / ${o + 1}` },
+      style: { gridColumn: `1 / ${r + 1}` },
       ref: n,
-      children: /* @__PURE__ */ i(v, { className: "bn-mt-suggestion-menu-item-title", children: r })
+      children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: o })
     }
   );
 }), Ke = g((e, n) => {
-  const { className: t, isSelected: r, onClick: o, item: s, id: l, ...a } = e;
+  const { className: t, isSelected: o, onClick: r, item: s, id: l, ...a } = e;
   d(a);
   const c = C(null);
   return A(() => {
-    if (!c.current || !r)
+    if (!c.current || !o)
       return;
     const u = z(
       c.current,
       document.querySelector(".bn-grid-suggestion-menu")
     );
     u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
-  }, [r]), /* @__PURE__ */ i(
+  }, [o]), /* @__PURE__ */ i(
     "div",
     {
       className: t,
-      ref: P(n, c),
+      ref: T(n, c),
       id: l,
       role: "option",
-      onClick: o,
-      "aria-selected": r || void 0,
+      onClick: r,
+      "aria-selected": o || void 0,
       children: s.icon
     }
   );
 }), Ue = g((e, n) => {
   const {
     className: t,
-    children: r,
+    children: o,
     // unused, using "dots" instead
-    columns: o,
+    columns: r,
     ...s
   } = e;
   return d(s), /* @__PURE__ */ i(
     V,
     {
       className: t,
-      style: { gridColumn: `1 / ${o + 1}` },
+      style: { gridColumn: `1 / ${r + 1}` },
       type: "dots",
       ref: n
     }
   );
 }), We = g((e, n) => {
-  const { className: t, children: r, id: o, ...s } = e;
+  const { className: t, children: o, id: r, ...s } = e;
   return d(s), /* @__PURE__ */ i(
     O,
     {
       gap: 0,
       className: t,
       ref: n,
-      id: o,
+      id: r,
       role: "listbox",
-      children: r
+      children: o
     }
   );
 }), qe = g((e, n) => {
-  const { className: t, children: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i(v, { className: t, ref: n, children: /* @__PURE__ */ i(v, { className: "bn-mt-suggestion-menu-item-title", children: r }) });
+  const { className: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ i(p, { className: t, ref: n, children: /* @__PURE__ */ i(p, { className: "bn-mt-suggestion-menu-item-title", children: o }) });
 }), Ze = g((e, n) => {
-  const { className: t, isSelected: r, onClick: o, item: s, id: l, ...a } = e;
+  const { className: t, isSelected: o, onClick: r, item: s, id: l, ...a } = e;
   d(a);
   const c = C(null);
   return A(() => {
-    if (!c.current || !r)
+    if (!c.current || !o)
       return;
     const u = z(
       c.current,
       document.querySelector(".bn-suggestion-menu")
     );
     u === "top" ? c.current.scrollIntoView(!0) : u === "bottom" && c.current.scrollIntoView(!1);
-  }, [r]), /* @__PURE__ */ S(
-    v,
+  }, [o]), /* @__PURE__ */ S(
+    p,
     {
       gap: 0,
       className: t,
-      ref: P(n, c),
+      ref: T(n, c),
       id: l,
       role: "option",
-      onClick: o,
-      "aria-selected": r || void 0,
+      onClick: r,
+      "aria-selected": o || void 0,
       children: [
         s.icon && /* @__PURE__ */ i(
-          v,
+          p,
           {
             className: "bn-mt-suggestion-menu-item-section",
             "data-position": "left",
@@ -616,7 +626,7 @@ const W = ce(void 0), Te = g((e, n) => {
           /* @__PURE__ */ i(N, { className: "bn-mt-suggestion-menu-item-subtitle", children: s.subtext })
         ] }),
         s.badge && /* @__PURE__ */ i(
-          v,
+          p,
           {
             "data-position": "right",
             className: "bn-mt-suggestion-menu-item-section",
@@ -627,21 +637,21 @@ const W = ce(void 0), Te = g((e, n) => {
     }
   );
 }), Je = g((e, n) => {
-  const { className: t, children: r, ...o } = e;
-  return d(o), /* @__PURE__ */ i(v, { className: t, ref: n, children: r });
+  const { className: t, children: o, ...r } = e;
+  return d(r), /* @__PURE__ */ i(p, { className: t, ref: n, children: o });
 }), Qe = g((e, n) => {
   const {
     className: t,
-    children: r,
+    children: o,
     // unused, using "dots" instead
-    ...o
+    ...r
   } = e;
-  return d(o), /* @__PURE__ */ i(V, { className: t, type: "dots", ref: n });
+  return d(r), /* @__PURE__ */ i(V, { className: t, type: "dots", ref: n });
 }), Xe = g((e, n) => {
   const {
     className: t,
-    children: r,
-    draggable: o,
+    children: o,
+    draggable: r,
     onDragStart: s,
     onDragEnd: l,
     style: a,
@@ -654,22 +664,22 @@ const W = ce(void 0), Te = g((e, n) => {
       className: t,
       ref: n,
       "aria-label": c,
-      draggable: o,
+      draggable: r,
       onDragStart: s,
       onDragEnd: l,
       style: a,
       ...u,
-      children: r
+      children: o
     }
   );
 }), Ye = g((e, n) => {
-  const { children: t, className: r, onMouseDown: o, onClick: s, ...l } = e;
+  const { children: t, className: o, onMouseDown: r, onClick: s, ...l } = e;
   return d(l, !1), /* @__PURE__ */ i(
     x,
     {
-      className: r,
+      className: o,
       ref: n,
-      onMouseDown: o,
+      onMouseDown: r,
       onClick: s,
       ...l,
       children: t
@@ -677,18 +687,18 @@ const W = ce(void 0), Te = g((e, n) => {
   );
 }), L = g(
   (e, n) => {
-    const { className: t, children: r, onMouseEnter: o, onMouseLeave: s, ...l } = e;
+    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: c } = me(), u = ge(c), f = T(n, a, u);
     return /* @__PURE__ */ i(
-      v,
+      p,
       {
         className: t,
         ref: f,
         role: "toolbar",
-        onMouseEnter: o,
+        onMouseEnter: r,
         onMouseLeave: s,
-        children: r
+        children: o
       }
     );
   }
@@ -699,28 +709,28 @@ const W = ce(void 0), Te = g((e, n) => {
   (e, n) => {
     const {
       className: t,
-      children: r,
-      mainTooltip: o,
+      children: o,
+      mainTooltip: r,
       secondaryTooltip: s,
       icon: l,
       isSelected: a,
       isDisabled: c,
       onClick: u,
       label: f,
-      ...p
+      ...v
     } = e;
-    return d(p, !1), /* @__PURE__ */ i(
+    return d(v, !1), /* @__PURE__ */ i(
       ae,
       {
         withinPortal: !1,
         label: /* @__PURE__ */ i(
           et,
           {
-            mainTooltip: o,
+            mainTooltip: r,
             secondaryTooltip: s
           }
         ),
-        children: r ? /* @__PURE__ */ i(
+        children: o ? /* @__PURE__ */ i(
           x,
           {
             "aria-label": f,
@@ -731,12 +741,12 @@ const W = ce(void 0), Te = g((e, n) => {
             onClick: u,
             "aria-pressed": a,
             "data-selected": a || void 0,
-            "data-test": o.slice(0, 1).toLowerCase() + o.replace(/\s+/g, "").slice(1),
+            "data-test": r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1),
             size: "xs",
             disabled: c || !1,
             ref: n,
-            ...p,
-            children: r
+            ...v,
+            children: o
           }
         ) : /* @__PURE__ */ i(
           $,
@@ -749,11 +759,11 @@ const W = ce(void 0), Te = g((e, n) => {
             onClick: u,
             "aria-pressed": a,
             "data-selected": a || void 0,
-            "data-test": o.slice(0, 1).toLowerCase() + o.replace(/\s+/g, "").slice(1),
+            "data-test": r.slice(0, 1).toLowerCase() + r.replace(/\s+/g, "").slice(1),
             size: 30,
             disabled: c || !1,
             ref: n,
-            ...p,
+            ...v,
             children: l
           }
         )
@@ -761,9 +771,9 @@ const W = ce(void 0), Te = g((e, n) => {
     );
   }
 ), tt = g((e, n) => {
-  const { className: t, items: r, isDisabled: o, ...s } = e;
+  const { className: t, items: o, isDisabled: r, ...s } = e;
   d(s);
-  const l = r.filter((a) => a.isSelected)[0];
+  const l = o.filter((a) => a.isSelected)[0];
   return l ? /* @__PURE__ */ S(
     b,
     {
@@ -771,7 +781,7 @@ const W = ce(void 0), Te = g((e, n) => {
       transitionProps: {
         exitDuration: 0
       },
-      disabled: o,
+      disabled: r,
       middlewares: { flip: !0, shift: !0, inline: !1, size: !0 },
       children: [
         /* @__PURE__ */ i(b.Target, { children: /* @__PURE__ */ i(
@@ -784,11 +794,11 @@ const W = ce(void 0), Te = g((e, n) => {
             rightSection: /* @__PURE__ */ i(Ce, {}),
             size: "xs",
             variant: "subtle",
-            disabled: o,
+            disabled: r,
             children: l.text
           }
         ) }),
-        /* @__PURE__ */ i(b.Dropdown, { className: t, ref: n, children: r.map((a) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i(b.Dropdown, { className: t, ref: n, children: o.map((a) => /* @__PURE__ */ i(
           b.Item,
           {
             onClick: a.onClick,
@@ -923,10 +933,10 @@ const W = ce(void 0), Te = g((e, n) => {
   Generic: {
     Form: {
       Root: (e) => /* @__PURE__ */ i("div", { children: e.children }),
-      TextInput: ve
+      TextInput: pe
     },
     Menu: {
-      Root: Pe,
+      Root: Te,
       Trigger: Fe,
       Dropdown: Oe,
       Divider: De,
@@ -939,11 +949,11 @@ const W = ce(void 0), Te = g((e, n) => {
       Content: $e
     }
   }
-}, rt = {
+}, ot = {
   // Removes button press effect
   activeClassName: ""
 }, dt = (e) => {
-  const { className: n, theme: t, ...r } = e, o = Q(), s = X(), l = (o == null ? void 0 : o.colorSchemePreference) || s, a = F(
+  const { className: n, theme: t, ...o } = e, r = Q(), s = X(), l = (r == null ? void 0 : r.colorSchemePreference) || s, a = F(
     (c) => {
       if (c && (be(c), typeof t == "object")) {
         if ("light" in t && "dark" in t) {
@@ -962,7 +972,7 @@ const W = ce(void 0), Te = g((e, n) => {
   return /* @__PURE__ */ i(Y.Provider, { value: nt, children: /* @__PURE__ */ i(
     le,
     {
-      theme: rt,
+      theme: ot,
       cssVariablesSelector: ".bn-mantine",
       getRootElement: () => {
       },
@@ -971,7 +981,7 @@ const W = ce(void 0), Te = g((e, n) => {
         {
           className: J("bn-mantine", n || ""),
           theme: typeof t == "object" ? void 0 : t,
-          ...r,
+          ...o,
           ref: a
         }
       )