@blocknote/ariakit 0.13.2 → 0.13.4

package/dist/blocknote-ariakit.js

@@ -1,6 +1,6 @@
 import we, { forwardRef as E } from "react";
 import { ComponentsContext as vr, BlockNoteViewRaw as mr } from "@blocknote/react";
-import * as f from "@ariakit/react";
+import * as u from "@ariakit/react";
 import { assertEmpty as y, mergeCSSClasses as _, isSafari as pr } from "@blocknote/core";
 var re = { exports: {} }, $ = {};
 /**
@@ -17,18 +17,18 @@ function br() {
   if (Se)
     return $;
   Se = 1;
-  var a = we, s = Symbol.for("react.element"), i = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(g, d, h) {
+  var a = we, s = Symbol.for("react.element"), i = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(g, d, h) {
     var R, k = {}, N = null, W = null;
     h !== void 0 && (N = "" + h), d.key !== void 0 && (N = "" + d.key), d.ref !== void 0 && (W = d.ref);
     for (R in d)
-      n.call(d, R) && !u.hasOwnProperty(R) && (k[R] = d[R]);
+      n.call(d, R) && !f.hasOwnProperty(R) && (k[R] = d[R]);
     if (g && g.defaultProps)
       for (R in d = g.defaultProps, d)
         k[R] === void 0 && (k[R] = d[R]);
     return { $$typeof: s, type: g, key: N, ref: W, props: k, _owner: l.current };
   }
-  return $.Fragment = i, $.jsx = p, $.jsxs = p, $;
+  return $.Fragment = i, $.jsx = m, $.jsxs = m, $;
 }
 var B = {};
 /**
@@ -43,8 +43,8 @@ var B = {};
 var Pe;
 function hr() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = we, s = Symbol.for("react.element"), i = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), te = Symbol.iterator, Oe = "@@iterator";
-    function Ie(e) {
+    var a = we, s = Symbol.for("react.element"), i = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), g = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), te = Symbol.iterator, Oe = "@@iterator";
+    function Fe(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = te && e[te] || e[Oe];
@@ -62,16 +62,16 @@ function hr() {
       {
         var c = D.ReactDebugCurrentFrame, b = c.getStackAddendum();
         b !== "" && (r += "%s", t = t.concat([b]));
-        var x = t.map(function(m) {
-          return String(m);
+        var x = t.map(function(p) {
+          return String(p);
         });
         x.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, x);
       }
     }
-    var Fe = !1, Me = !1, Ae = !1, Le = !1, $e = !1, ne;
+    var Ie = !1, Me = !1, Ae = !1, Le = !1, $e = !1, ne;
     ne = Symbol.for("react.module.reference");
     function Be(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === n || e === u || $e || e === l || e === h || e === R || Le || e === W || Fe || Me || Ae || typeof e == "object" && e !== null && (e.$$typeof === N || e.$$typeof === k || e.$$typeof === p || e.$$typeof === g || e.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === n || e === f || $e || e === l || e === h || e === R || Le || e === W || Ie || Me || Ae || typeof e == "object" && e !== null && (e.$$typeof === N || e.$$typeof === k || e.$$typeof === m || e.$$typeof === g || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -99,7 +99,7 @@ function hr() {
           return "Fragment";
         case i:
           return "Portal";
-        case u:
+        case f:
           return "Profiler";
         case l:
           return "StrictMode";
@@ -113,7 +113,7 @@ function hr() {
           case g:
             var r = e;
             return ae(r) + ".Consumer";
-          case p:
+          case m:
             var t = e;
             return ae(t._context) + ".Provider";
           case d:
@@ -122,9 +122,9 @@ function hr() {
             var c = e.displayName || null;
             return c !== null ? c : w(e.type) || "Memo";
           case N: {
-            var b = e, x = b._payload, m = b._init;
+            var b = e, x = b._payload, p = b._init;
             try {
-              return w(m(x));
+              return w(p(x));
             } catch {
               return null;
             }
@@ -132,7 +132,7 @@ function hr() {
         }
       return null;
     }
-    var I = Object.assign, A = 0, oe, se, ie, le, ce, ue, fe;
+    var F = Object.assign, A = 0, oe, se, ie, le, ce, ue, fe;
     function de() {
     }
     de.__reactDisabledLog = !0;
@@ -168,25 +168,25 @@ function hr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: I({}, e, {
+            log: F({}, e, {
               value: oe
             }),
-            info: I({}, e, {
+            info: F({}, e, {
               value: se
             }),
-            warn: I({}, e, {
+            warn: F({}, e, {
               value: ie
             }),
-            error: I({}, e, {
+            error: F({}, e, {
               value: le
             }),
-            group: I({}, e, {
+            group: F({}, e, {
               value: ce
             }),
-            groupCollapsed: I({}, e, {
+            groupCollapsed: F({}, e, {
               value: ue
             }),
-            groupEnd: I({}, e, {
+            groupEnd: F({}, e, {
               value: fe
             })
           });
@@ -229,27 +229,27 @@ function hr() {
       x = J.current, J.current = null, Ye();
       try {
         if (r) {
-          var m = function() {
+          var p = function() {
             throw Error();
           };
-          if (Object.defineProperty(m.prototype, "props", {
+          if (Object.defineProperty(p.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(m, []);
+              Reflect.construct(p, []);
             } catch (O) {
               c = O;
             }
-            Reflect.construct(e, [], m);
+            Reflect.construct(e, [], p);
           } else {
             try {
-              m.call();
+              p.call();
             } catch (O) {
               c = O;
             }
-            e.call(m.prototype);
+            e.call(p.prototype);
           }
         } else {
           try {
@@ -331,19 +331,19 @@ function hr() {
     function Je(e, r, t, c, b) {
       {
         var x = Function.call.bind(G);
-        for (var m in e)
-          if (x(e, m)) {
+        for (var p in e)
+          if (x(e, p)) {
             var v = void 0;
             try {
-              if (typeof e[m] != "function") {
-                var P = Error((c || "React class") + ": " + t + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[p] != "function") {
+                var P = Error((c || "React class") + ": " + t + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw P.name = "Invariant Violation", P;
               }
-              v = e[m](r, m, c, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              v = e[p](r, p, c, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (j) {
               v = j;
             }
-            v && !(v instanceof Error) && (q(b), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", t, m, typeof v), q(null)), v instanceof Error && !(v.message in me) && (me[v.message] = !0, q(b), S("Failed %s type: %s", t, v.message), q(null));
+            v && !(v instanceof Error) && (q(b), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", t, p, typeof v), q(null)), v instanceof Error && !(v.message in me) && (me[v.message] = !0, q(b), S("Failed %s type: %s", t, v.message), q(null));
           }
       }
     }
@@ -422,7 +422,7 @@ function hr() {
         });
       }
     }
-    var nr = function(e, r, t, c, b, x, m) {
+    var nr = function(e, r, t, c, b, x, p) {
       var v = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: s,
@@ -430,7 +430,7 @@ function hr() {
         type: e,
         key: r,
         ref: t,
-        props: m,
+        props: p,
         // Record the component responsible for creating this element.
         _owner: x
       };
@@ -453,24 +453,24 @@ function hr() {
     };
     function ar(e, r, t, c, b) {
       {
-        var x, m = {}, v = null, P = null;
+        var x, p = {}, v = null, P = null;
         t !== void 0 && (he(t), v = "" + t), Qe(r) && (he(r.key), v = "" + r.key), Ze(r) && (P = r.ref, er(r, b));
         for (x in r)
-          G.call(r, x) && !Xe.hasOwnProperty(x) && (m[x] = r[x]);
+          G.call(r, x) && !Xe.hasOwnProperty(x) && (p[x] = r[x]);
         if (e && e.defaultProps) {
           var j = e.defaultProps;
           for (x in j)
-            m[x] === void 0 && (m[x] = j[x]);
+            p[x] === void 0 && (p[x] = j[x]);
         }
         if (v || P) {
           var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          v && rr(m, T), P && tr(m, T);
+          v && rr(p, T), P && tr(p, T);
         }
-        return nr(e, v, P, b, c, L.current, m);
+        return nr(e, v, P, b, c, L.current, p);
       }
     }
     var Z = D.ReactCurrentOwner, ye = D.ReactDebugCurrentFrame;
-    function F(e) {
+    function I(e) {
       if (e) {
         var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
         ye.setExtraStackFrame(t);
@@ -528,7 +528,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         Ee[t] = !0;
         var c = "";
-        e && e._owner && e._owner !== Z.current && (c = " It was passed a child from " + w(e._owner.type) + "."), F(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, c), F(null);
+        e && e._owner && e._owner !== Z.current && (c = " It was passed a child from " + w(e._owner.type) + "."), I(e), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, c), I(null);
       }
     }
     function Te(e, r) {
@@ -543,10 +543,10 @@ Check the top-level render call using <` + t + ">.");
         else if (ee(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = Ie(e);
+          var b = Fe(e);
           if (typeof b == "function" && b !== e.entries)
-            for (var x = b.call(e), m; !(m = x.next()).done; )
-              ee(m.value) && je(m.value, r);
+            for (var x = b.call(e), p; !(p = x.next()).done; )
+              ee(p.value) && je(p.value, r);
         }
       }
     }
@@ -580,17 +580,17 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var c = r[t];
           if (c !== "children" && c !== "key") {
-            F(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), F(null);
+            I(e), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), I(null);
             break;
           }
         }
-        e.ref !== null && (F(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+        e.ref !== null && (I(e), S("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
       }
     }
     function _e(e, r, t, c, b, x) {
       {
-        var m = Be(e);
-        if (!m) {
+        var p = Be(e);
+        if (!p) {
           var v = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var P = or(b);
@@ -601,7 +601,7 @@ Check the top-level render call using <` + t + ">.");
         var T = ar(e, r, t, b, x);
         if (T == null)
           return T;
-        if (m) {
+        if (p) {
           var C = r.children;
           if (C !== void 0)
             if (c)
@@ -631,14 +631,14 @@ process.env.NODE_ENV === "production" ? re.exports = br() : re.exports = hr();
 var o = re.exports;
 const gr = (a) => {
   const { children: s, ...i } = a;
-  return y(i), /* @__PURE__ */ o.jsx(f.FormProvider, { children: s });
+  return y(i), /* @__PURE__ */ o.jsx(u.FormProvider, { children: s });
 }, xr = E((a, s) => {
   const {
     className: i,
     name: n,
     label: l,
-    icon: u,
-    value: p,
+    icon: f,
+    value: m,
     autoFocus: g,
     placeholder: d,
     onKeyDown: h,
@@ -647,16 +647,16 @@ const gr = (a) => {
     ...N
   } = a;
   return y(N), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    a.label && /* @__PURE__ */ o.jsx(f.FormLabel, { name: n, children: l }),
+    a.label && /* @__PURE__ */ o.jsx(u.FormLabel, { name: n, children: l }),
     /* @__PURE__ */ o.jsxs("div", { className: "bn-ak-input-wrapper", children: [
-      u,
+      f,
       /* @__PURE__ */ o.jsx(
-        f.FormInput,
+        u.FormInput,
         {
           className: _("bn-ak-input", i || ""),
           ref: s,
           name: n,
-          value: p,
+          value: m,
           autoFocus: g,
           placeholder: d,
           onKeyDown: h,
@@ -673,10 +673,10 @@ const gr = (a) => {
     position: n,
     sub: l,
     // unused
-    ...u
+    ...f
   } = a;
-  return y(u), /* @__PURE__ */ o.jsx(
-    f.MenuProvider,
+  return y(f), /* @__PURE__ */ o.jsx(
+    u.MenuProvider,
     {
       placement: n,
       setOpen: i,
@@ -690,10 +690,10 @@ const gr = (a) => {
     children: n,
     sub: l,
     // unused
-    ...u
+    ...f
   } = a;
-  return y(u), /* @__PURE__ */ o.jsx(
-    f.Menu,
+  return y(f), /* @__PURE__ */ o.jsx(
+    u.Menu,
     {
       className: _("bn-ak-menu", i || ""),
       ref: s,
@@ -701,23 +701,23 @@ const gr = (a) => {
     }
   );
 }), Er = E((a, s) => {
-  const { className: i, children: n, icon: l, checked: u, subTrigger: p, onClick: g, ...d } = a;
-  return y(d), p ? /* @__PURE__ */ o.jsxs(
-    f.MenuButton,
+  const { className: i, children: n, icon: l, checked: f, subTrigger: m, onClick: g, ...d } = a;
+  return y(d), m ? /* @__PURE__ */ o.jsxs(
+    u.MenuButton,
     {
-      render: /* @__PURE__ */ o.jsx(f.MenuItem, {}),
+      render: /* @__PURE__ */ o.jsx(u.MenuItem, {}),
       className: _("bn-ak-menu-item", i || ""),
       ref: s,
       onClick: g,
       children: [
         l,
         n,
-        /* @__PURE__ */ o.jsx(f.MenuButtonArrow, {}),
-        u !== void 0 && /* @__PURE__ */ o.jsx(f.CheckboxCheck, { checked: u })
+        /* @__PURE__ */ o.jsx(u.MenuButtonArrow, {}),
+        f !== void 0 && /* @__PURE__ */ o.jsx(u.CheckboxCheck, { checked: f })
       ]
     }
   ) : /* @__PURE__ */ o.jsxs(
-    f.MenuItem,
+    u.MenuItem,
     {
       className: _("bn-ak-menu-item", i || ""),
       ref: s,
@@ -725,14 +725,14 @@ const gr = (a) => {
       children: [
         l,
         n,
-        u !== void 0 && /* @__PURE__ */ o.jsx(f.CheckboxCheck, { checked: u })
+        f !== void 0 && /* @__PURE__ */ o.jsx(u.CheckboxCheck, { checked: f })
       ]
     }
   );
 }), jr = E((a, s) => {
   const { className: i, children: n, ...l } = a;
   return y(l), /* @__PURE__ */ o.jsx(
-    f.MenuGroupLabel,
+    u.MenuGroupLabel,
     {
       className: _("bn-ak-group-label", i || ""),
       ref: s,
@@ -741,11 +741,11 @@ const gr = (a) => {
   );
 }), Tr = (a) => {
   const { children: s, sub: i, ...n } = a;
-  return y(n), i ? s : /* @__PURE__ */ o.jsx(f.MenuButton, { render: s });
+  return y(n), i ? s : /* @__PURE__ */ o.jsx(u.MenuButton, { render: s });
 }, _r = E((a, s) => {
   const { className: i, ...n } = a;
   return y(n), /* @__PURE__ */ o.jsx(
-    f.MenuSeparator,
+    u.MenuSeparator,
     {
       className: _("bn-ak-separator", i || ""),
       ref: s
@@ -756,8 +756,8 @@ const gr = (a) => {
     className: i,
     tabs: n,
     defaultOpenTab: l,
-    openTab: u,
-    setOpenTab: p,
+    openTab: f,
+    setOpenTab: m,
     loading: g,
     // TODO: implement loading
     ...d
@@ -768,109 +768,110 @@ const gr = (a) => {
       className: _("bn-ak-wrapper", i || ""),
       ref: s,
       children: /* @__PURE__ */ o.jsxs(
-        f.TabProvider,
+        u.TabProvider,
         {
           defaultSelectedId: l,
-          selectedId: u,
+          selectedId: f,
           setActiveId: (h) => {
-            h && p(h);
+            h && m(h);
           },
           children: [
-            /* @__PURE__ */ o.jsx(f.TabList, { className: "bn-ak-tab-list", children: n.map((h) => /* @__PURE__ */ o.jsx(f.Tab, { className: "bn-ak-tab", id: h.name, children: h.name }, h.name)) }),
-            /* @__PURE__ */ o.jsx("div", { className: "bn-ak-panels", children: n.map((h) => /* @__PURE__ */ o.jsx(f.TabPanel, { tabId: h.name, children: h.tabPanel }, h.name)) })
+            /* @__PURE__ */ o.jsx(u.TabList, { className: "bn-ak-tab-list", children: n.map((h) => /* @__PURE__ */ o.jsx(u.Tab, { className: "bn-ak-tab", id: h.name, children: h.name }, h.name)) }),
+            /* @__PURE__ */ o.jsx("div", { className: "bn-ak-panels", children: n.map((h) => /* @__PURE__ */ o.jsx(u.TabPanel, { tabId: h.name, children: h.tabPanel }, h.name)) })
           ]
         }
       )
     }
   );
 }), Sr = E((a, s) => {
-  const { className: i, children: n, onClick: l, label: u, ...p } = a;
-  return y(p), /* @__PURE__ */ o.jsx(
-    f.Button,
+  const { className: i, children: n, onClick: l, label: f, ...m } = a;
+  return y(m), /* @__PURE__ */ o.jsx(
+    u.Button,
     {
       className: _("bn-ak-button", i || ""),
       onClick: l,
-      "aria-label": u,
+      "aria-label": f,
       ref: s,
       children: n
     }
   );
 }), Pr = E((a, s) => {
-  const { className: i, value: n, placeholder: l, onChange: u, ...p } = a;
-  return y(p), /* @__PURE__ */ o.jsx(f.FormProvider, { children: /* @__PURE__ */ o.jsx(
-    f.FormInput,
+  const { className: i, accept: n, value: l, placeholder: f, onChange: m, ...g } = a;
+  return y(g), /* @__PURE__ */ o.jsx(u.FormProvider, { children: /* @__PURE__ */ o.jsx(
+    u.FormInput,
     {
       className: i,
       ref: s,
       name: "panel-input",
       type: "file",
-      value: n ? n.name : void 0,
-      onChange: async (g) => u == null ? void 0 : u(g.target.files[0]),
-      placeholder: l
+      accept: n,
+      value: l ? l.name : void 0,
+      onChange: async (d) => m == null ? void 0 : m(d.target.files[0]),
+      placeholder: f
     }
   ) });
 }), Cr = E((a, s) => {
   const { className: i, children: n, ...l } = a;
   return y(l), /* @__PURE__ */ o.jsx("div", { className: i, ref: s, children: n });
 }), Nr = E((a, s) => {
-  const { className: i, value: n, placeholder: l, onKeyDown: u, onChange: p, ...g } = a;
-  return y(g), /* @__PURE__ */ o.jsx(f.FormProvider, { children: /* @__PURE__ */ o.jsx(
-    f.FormInput,
+  const { className: i, value: n, placeholder: l, onKeyDown: f, onChange: m, ...g } = a;
+  return y(g), /* @__PURE__ */ o.jsx(u.FormProvider, { children: /* @__PURE__ */ o.jsx(
+    u.FormInput,
     {
       className: _("bn-ak-input", i || ""),
       name: "panel-input",
       value: n,
       placeholder: l,
-      onChange: p,
-      onKeyDown: u,
+      onChange: m,
+      onKeyDown: f,
       "data-test": "embed-input",
       ref: s
     }
   ) });
 }), wr = E((a, s) => {
   const { children: i, ...n } = a;
-  return y(n), /* @__PURE__ */ o.jsx(f.PopoverDisclosure, { render: i, ref: s });
+  return y(n), /* @__PURE__ */ o.jsx(u.PopoverDisclosure, { render: i, ref: s });
 }), Or = E((a, s) => {
-  const { className: i, children: n, variant: l, ...u } = a;
-  return y(u), /* @__PURE__ */ o.jsx(
-    f.Popover,
+  const { className: i, children: n, variant: l, ...f } = a;
+  return y(f), /* @__PURE__ */ o.jsx(
+    u.Popover,
     {
       className: _("bn-ak-popover", i || ""),
       ref: s,
       children: n
     }
   );
-}), Ir = (a) => {
+}), Fr = (a) => {
   const { children: s, opened: i, position: n, ...l } = a;
-  return y(l), /* @__PURE__ */ o.jsx(f.PopoverProvider, { open: i, placement: n, children: s });
+  return y(l), /* @__PURE__ */ o.jsx(u.PopoverProvider, { open: i, placement: n, children: s });
 }, Dr = E((a, s) => {
   const { className: i, children: n, ...l } = a;
-  return y(l), /* @__PURE__ */ o.jsx(f.Group, { className: i, ref: s, children: n });
-}), Fr = E((a, s) => {
+  return y(l), /* @__PURE__ */ o.jsx(u.Group, { className: i, ref: s, children: n });
+}), Ir = E((a, s) => {
   const {
     className: i,
     children: n,
     icon: l,
-    onClick: u,
-    label: p,
+    onClick: f,
+    label: m,
     onDragEnd: g,
     onDragStart: d,
     draggable: h,
     ...R
   } = a;
   return y(R, !1), /* @__PURE__ */ o.jsxs(
-    f.Button,
+    u.Button,
     {
       onDragEnd: g,
       onDragStart: d,
       draggable: h,
-      "aria-label": p,
+      "aria-label": m,
       className: _(
         "bn-ak-button bn-ak-secondary",
         i || ""
       ),
       ref: s,
-      onClick: u,
+      onClick: f,
       ...R,
       children: [
         l,
@@ -879,9 +880,9 @@ const gr = (a) => {
     }
   );
 }), Mr = E((a, s) => {
-  const { className: i, children: n, id: l, ...u } = a;
-  return y(u), /* @__PURE__ */ o.jsx(
-    f.Group,
+  const { className: i, children: n, id: l, ...f } = a;
+  return y(f), /* @__PURE__ */ o.jsx(
+    u.Group,
     {
       className: _("bn-ak-menu", i || ""),
       id: l,
@@ -891,14 +892,14 @@ const gr = (a) => {
     }
   );
 }), Ar = E((a, s) => {
-  const { className: i, item: n, isSelected: l, onClick: u, id: p, ...g } = a;
+  const { className: i, item: n, isSelected: l, onClick: f, id: m, ...g } = a;
   return y(g), /* @__PURE__ */ o.jsxs(
     "div",
     {
       className: _("bn-ak-menu-item", i || ""),
       ref: s,
-      id: p,
-      onClick: u,
+      id: m,
+      onClick: f,
       role: "option",
       "aria-selected": l || void 0,
       children: [
@@ -953,14 +954,14 @@ const gr = (a) => {
     className: i,
     children: n,
     draggable: l,
-    onDragStart: u,
-    onDragEnd: p,
+    onDragStart: f,
+    onDragEnd: m,
     style: g,
     label: d,
     ...h
   } = a;
   return y(h, !1), /* @__PURE__ */ o.jsx(
-    f.Button,
+    u.Button,
     {
       className: _(
         "bn-ak-button bn-ak-secondary",
@@ -969,8 +970,8 @@ const gr = (a) => {
       ref: s,
       "aria-label": d,
       draggable: l,
-      onDragStart: u,
-      onDragEnd: p,
+      onDragStart: f,
+      onDragEnd: m,
       style: g,
       ...h,
       children: n
@@ -978,14 +979,14 @@ const gr = (a) => {
   );
 }), Ce = E(
   (a, s) => {
-    const { className: i, children: n, onMouseEnter: l, onMouseLeave: u, ...p } = a;
-    return y(p), /* @__PURE__ */ o.jsx(
-      f.Toolbar,
+    const { className: i, children: n, onMouseEnter: l, onMouseLeave: f, ...m } = a;
+    return y(m), /* @__PURE__ */ o.jsx(
+      u.Toolbar,
       {
         className: _("bn-ak-toolbar", i || ""),
         ref: s,
         onMouseEnter: l,
-        onMouseLeave: u,
+        onMouseLeave: f,
         children: n
       }
     );
@@ -996,21 +997,21 @@ const gr = (a) => {
       className: i,
       children: n,
       mainTooltip: l,
-      secondaryTooltip: u,
-      icon: p,
+      secondaryTooltip: f,
+      icon: m,
       isSelected: g,
       isDisabled: d,
       onClick: h,
       label: R,
       ...k
     } = a;
-    return y(k, !1), /* @__PURE__ */ o.jsxs(f.TooltipProvider, { children: [
+    return y(k, !1), /* @__PURE__ */ o.jsxs(u.TooltipProvider, { children: [
       /* @__PURE__ */ o.jsx(
-        f.TooltipAnchor,
+        u.TooltipAnchor,
         {
           className: "link",
           render: /* @__PURE__ */ o.jsxs(
-            f.ToolbarItem,
+            u.ToolbarItem,
             {
               "aria-label": R,
               className: _(
@@ -1028,58 +1029,58 @@ const gr = (a) => {
               ref: s,
               ...k,
               children: [
-                p,
+                m,
                 n
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ o.jsxs(f.Tooltip, { className: "bn-ak-tooltip", children: [
+      /* @__PURE__ */ o.jsxs(u.Tooltip, { className: "bn-ak-tooltip", children: [
         /* @__PURE__ */ o.jsx("span", { children: l }),
-        u && /* @__PURE__ */ o.jsx("span", { children: u })
+        f && /* @__PURE__ */ o.jsx("span", { children: f })
       ] })
     ] });
   }
 ), Yr = E((a, s) => {
-  const { className: i, items: n, isDisabled: l, ...u } = a;
-  y(u);
-  const p = a.items.filter((d) => d.isSelected)[0], g = (d) => {
+  const { className: i, items: n, isDisabled: l, ...f } = a;
+  y(f);
+  const m = a.items.filter((d) => d.isSelected)[0], g = (d) => {
     var h, R;
     (R = (h = n.find((k) => k.text === d)).onClick) == null || R.call(h);
   };
-  return /* @__PURE__ */ o.jsxs(f.SelectProvider, { value: p.text, setValue: g, children: [
+  return /* @__PURE__ */ o.jsxs(u.SelectProvider, { value: m.text, setValue: g, children: [
     /* @__PURE__ */ o.jsxs(
-      f.Select,
+      u.Select,
       {
         className: "bn-ak-button bn-ak-secondary",
         disabled: l,
         "aria-label": "Text alignment",
-        render: /* @__PURE__ */ o.jsx(f.ToolbarItem, {}),
+        render: /* @__PURE__ */ o.jsx(u.ToolbarItem, {}),
         children: [
-          p.icon,
+          m.icon,
           " ",
-          p.text,
+          m.text,
           " ",
-          /* @__PURE__ */ o.jsx(f.SelectArrow, {})
+          /* @__PURE__ */ o.jsx(u.SelectArrow, {})
         ]
       }
     ),
     /* @__PURE__ */ o.jsx(
-      f.SelectPopover,
+      u.SelectPopover,
       {
         className: _("bn-ak-popover", i || ""),
         ref: s,
         gutter: 4,
         children: n.map((d) => /* @__PURE__ */ o.jsxs(
-          f.SelectItem,
+          u.SelectItem,
           {
             className: "bn-ak-select-item",
             value: d.text,
             children: [
               d.icon,
               d.text,
-              d.text === p.text && /* @__PURE__ */ o.jsx(f.SelectItemCheck, {})
+              d.text === m.text && /* @__PURE__ */ o.jsx(u.SelectItemCheck, {})
             ]
           },
           d.text
@@ -1094,7 +1095,7 @@ const Vr = {
     Button: Ne,
     Select: Yr
   },
-  ImagePanel: {
+  FilePanel: {
     Root: kr,
     Button: Sr,
     FileInput: Pr,
@@ -1107,7 +1108,7 @@ const Vr = {
   },
   SideMenu: {
     Root: Dr,
-    Button: Fr
+    Button: Ir
   },
   SuggestionMenu: {
     Root: Mr,
@@ -1133,7 +1134,7 @@ const Vr = {
       Item: Er
     },
     Popover: {
-      Root: Ir,
+      Root: Fr,
       Trigger: wr,
       Content: Or
     }