@liveblocks/react-lexical 2.18.3 → 2.18.4-uns2

package/dist/toolbar/toolbar.js

@@ -1,58 +1,36 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var richText = require('@lexical/rich-text');
-var selection = require('@lexical/selection');
-var utils = require('@lexical/utils');
-var _private = require('@liveblocks/react-ui/_private');
-var SelectPrimitive = require('@radix-ui/react-select');
-var TogglePrimitive = require('@radix-ui/react-toggle');
-var lexical = require('lexical');
-var react = require('react');
-var classnames = require('../classnames.js');
-var floatingComposer = require('../comments/floating-composer.js');
-var isBlockNodeActive = require('../is-block-node-active.js');
-var isCommandRegistered = require('../is-command-registered.js');
-var isTextFormatActive = require('../is-text-format-active.js');
-var shared = require('./shared.js');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SelectPrimitive);
-var TogglePrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TogglePrimitive);
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $isHeadingNode, $createHeadingNode, $createQuoteNode } from '@lexical/rich-text';
+import { $setBlocksType } from '@lexical/selection';
+import { mergeRegister } from '@lexical/utils';
+import { ShortcutTooltip, Button, UndoIcon, RedoIcon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, CodeIcon, CommentIcon, TextIcon, H1Icon, H2Icon, H3Icon, BlockquoteIcon, SelectButton, CheckIcon, TooltipProvider } from '@liveblocks/react-ui/_private';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { CAN_UNDO_COMMAND, COMMAND_PRIORITY_CRITICAL, CAN_REDO_COMMAND, UNDO_COMMAND, REDO_COMMAND, FORMAT_TEXT_COMMAND, createCommand, $getSelection, $createParagraphNode, COMMAND_PRIORITY_LOW } from 'lexical';
+import { forwardRef, useContext, useCallback, useState, useEffect, useMemo } from 'react';
+import { classNames } from '../classnames.js';
+import { OPEN_FLOATING_COMPOSER_COMMAND } from '../comments/floating-composer.js';
+import { isBlockNodeActive } from '../is-block-node-active.js';
+import { useIsCommandRegistered } from '../is-command-registered.js';
+import { isTextFormatActive } from '../is-text-format-active.js';
+import { FloatingToolbarContext, FloatingToolbarExternal } from './shared.js';
 
 const BLOCK_SELECT_SIDE_OFFSET = 10;
 const FLOATING_ELEMENT_COLLISION_PADDING = 10;
 function applyToolbarSlot(slot, props) {
   if (typeof slot === "function") {
     const Component = slot;
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+    return /* @__PURE__ */ jsx(Component, {
       ...props
     });
   }
   return slot;
 }
-const ToolbarButton = react.forwardRef(
+const ToolbarButton = forwardRef(
   ({ icon, children, name, shortcut, onKeyDown, ...props }, forwardedRef) => {
-    const floatingToolbarContext = react.useContext(shared.FloatingToolbarContext);
+    const floatingToolbarContext = useContext(FloatingToolbarContext);
     const closeFloatingToolbar = floatingToolbarContext?.close;
-    const handleKeyDown = react.useCallback(
+    const handleKeyDown = useCallback(
       (event) => {
         onKeyDown?.(event);
         if (!event.isDefaultPrevented() && closeFloatingToolbar && event.key === "Escape") {
@@ -63,10 +41,10 @@ const ToolbarButton = react.forwardRef(
       },
       [onKeyDown, closeFloatingToolbar]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(_private.ShortcutTooltip, {
+    return /* @__PURE__ */ jsx(ShortcutTooltip, {
       content: name,
       shortcut,
-      children: /* @__PURE__ */ jsxRuntime.jsx(_private.Button, {
+      children: /* @__PURE__ */ jsx(Button, {
         type: "button",
         variant: "toolbar",
         ref: forwardedRef,
@@ -79,154 +57,154 @@ const ToolbarButton = react.forwardRef(
     });
   }
 );
-const ToolbarToggle = react.forwardRef(
+const ToolbarToggle = forwardRef(
   ({ active, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(TogglePrimitive__namespace.Root, {
+    return /* @__PURE__ */ jsx(TogglePrimitive.Root, {
       asChild: true,
       pressed: active,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+      children: /* @__PURE__ */ jsx(ToolbarButton, {
         ref: forwardedRef,
         ...props
       })
     });
   }
 );
-const ToolbarSeparator = react.forwardRef(
+const ToolbarSeparator = forwardRef(
   ({ className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    return /* @__PURE__ */ jsx("div", {
       ref: forwardedRef,
       role: "separator",
       "aria-orientation": "vertical",
-      className: classnames.classNames("lb-lexical-toolbar-separator", className),
+      className: classNames("lb-lexical-toolbar-separator", className),
       ...props
     });
   }
 );
 function ToolbarSectionHistory() {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const [canUndo, setCanUndo] = react.useState(false);
-  const [canRedo, setCanRedo] = react.useState(false);
-  react.useEffect(() => {
-    const unregister = utils.mergeRegister(
+  const [editor] = useLexicalComposerContext();
+  const [canUndo, setCanUndo] = useState(false);
+  const [canRedo, setCanRedo] = useState(false);
+  useEffect(() => {
+    const unregister = mergeRegister(
       editor.registerCommand(
-        lexical.CAN_UNDO_COMMAND,
+        CAN_UNDO_COMMAND,
         (payload) => {
           setCanUndo(payload);
           return false;
         },
-        lexical.COMMAND_PRIORITY_CRITICAL
+        COMMAND_PRIORITY_CRITICAL
       ),
       editor.registerCommand(
-        lexical.CAN_REDO_COMMAND,
+        CAN_REDO_COMMAND,
         (payload) => {
           setCanRedo(payload);
           return false;
         },
-        lexical.COMMAND_PRIORITY_CRITICAL
+        COMMAND_PRIORITY_CRITICAL
       )
     );
     return unregister;
   }, [editor]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+      /* @__PURE__ */ jsx(ToolbarButton, {
         name: "Undo",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UndoIcon, {}),
+        icon: /* @__PURE__ */ jsx(UndoIcon, {}),
         shortcut: "Mod-Z",
-        onClick: () => editor.dispatchCommand(lexical.UNDO_COMMAND, void 0),
+        onClick: () => editor.dispatchCommand(UNDO_COMMAND, void 0),
         disabled: !canUndo
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+      /* @__PURE__ */ jsx(ToolbarButton, {
         name: "Redo",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.RedoIcon, {}),
+        icon: /* @__PURE__ */ jsx(RedoIcon, {}),
         shortcut: "Mod-Shift-Z",
-        onClick: () => editor.dispatchCommand(lexical.REDO_COMMAND, void 0),
+        onClick: () => editor.dispatchCommand(REDO_COMMAND, void 0),
         disabled: !canRedo
       })
     ]
   });
 }
 function ToolbarSectionInline() {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const supportsTextFormat = isCommandRegistered.useIsCommandRegistered(lexical.FORMAT_TEXT_COMMAND);
-  return supportsTextFormat ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  const [editor] = useLexicalComposerContext();
+  const supportsTextFormat = useIsCommandRegistered(FORMAT_TEXT_COMMAND);
+  return supportsTextFormat ? /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+      /* @__PURE__ */ jsx(ToolbarToggle, {
         name: "Bold",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.BoldIcon, {}),
+        icon: /* @__PURE__ */ jsx(BoldIcon, {}),
         shortcut: "Mod-B",
-        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "bold"),
-        active: isTextFormatActive.isTextFormatActive(editor, "bold")
+        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
+        active: isTextFormatActive(editor, "bold")
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+      /* @__PURE__ */ jsx(ToolbarToggle, {
         name: "Italic",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.ItalicIcon, {}),
+        icon: /* @__PURE__ */ jsx(ItalicIcon, {}),
         shortcut: "Mod-I",
-        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "italic"),
-        active: isTextFormatActive.isTextFormatActive(editor, "italic")
+        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
+        active: isTextFormatActive(editor, "italic")
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+      /* @__PURE__ */ jsx(ToolbarToggle, {
         name: "Underline",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UnderlineIcon, {}),
+        icon: /* @__PURE__ */ jsx(UnderlineIcon, {}),
         shortcut: "Mod-U",
-        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "underline"),
-        active: isTextFormatActive.isTextFormatActive(editor, "underline")
+        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
+        active: isTextFormatActive(editor, "underline")
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+      /* @__PURE__ */ jsx(ToolbarToggle, {
         name: "Strikethrough",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.StrikethroughIcon, {}),
-        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "strikethrough"),
-        active: isTextFormatActive.isTextFormatActive(editor, "strikethrough")
+        icon: /* @__PURE__ */ jsx(StrikethroughIcon, {}),
+        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
+        active: isTextFormatActive(editor, "strikethrough")
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarToggle, {
+      /* @__PURE__ */ jsx(ToolbarToggle, {
         name: "Inline code",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CodeIcon, {}),
-        onClick: () => editor.dispatchCommand(lexical.FORMAT_TEXT_COMMAND, "code"),
-        active: isTextFormatActive.isTextFormatActive(editor, "code")
+        icon: /* @__PURE__ */ jsx(CodeIcon, {}),
+        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code"),
+        active: isTextFormatActive(editor, "code")
       })
     ]
   }) : null;
 }
 function ToolbarSectionCollaboration() {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const supportsThread = isCommandRegistered.useIsCommandRegistered(floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: supportsThread ? /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, {
+  const [editor] = useLexicalComposerContext();
+  const supportsThread = useIsCommandRegistered(OPEN_FLOATING_COMPOSER_COMMAND);
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: supportsThread ? /* @__PURE__ */ jsx(ToolbarButton, {
       name: "Add a comment",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CommentIcon, {}),
-      onClick: () => editor.dispatchCommand(floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND, void 0),
+      icon: /* @__PURE__ */ jsx(CommentIcon, {}),
+      onClick: () => editor.dispatchCommand(OPEN_FLOATING_COMPOSER_COMMAND, void 0),
       children: "Comment"
     }) : null
   });
 }
 function DefaultToolbarContent() {
-  const supportsTextFormat = isCommandRegistered.useIsCommandRegistered(lexical.FORMAT_TEXT_COMMAND);
-  const supportsThread = isCommandRegistered.useIsCommandRegistered(floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  const supportsTextFormat = useIsCommandRegistered(FORMAT_TEXT_COMMAND);
+  const supportsThread = useIsCommandRegistered(OPEN_FLOATING_COMPOSER_COMMAND);
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionHistory, {}),
-      supportsTextFormat ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      /* @__PURE__ */ jsx(ToolbarSectionHistory, {}),
+      supportsTextFormat ? /* @__PURE__ */ jsxs(Fragment, {
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSeparator, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarBlockSelector, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionInline, {})
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(ToolbarBlockSelector, {}),
+          /* @__PURE__ */ jsx(ToolbarSectionInline, {})
         ]
       }) : null,
-      supportsThread ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      supportsThread ? /* @__PURE__ */ jsxs(Fragment, {
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSeparator, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarSectionCollaboration, {})
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(ToolbarSectionCollaboration, {})
         ]
       }) : null
     ]
   });
 }
-const INITIAL_COMMANDS_REGISTERED_COMMAND = lexical.createCommand(
+const INITIAL_COMMANDS_REGISTERED_COMMAND = createCommand(
   "INITIAL_COMMANDS_REGISTERED_COMMAND"
 );
 function useRerender() {
-  const [, setRerender] = react.useState(false);
-  return react.useCallback(() => {
+  const [, setRerender] = useState(false);
+  return useCallback(() => {
     setRerender((toggle) => !toggle);
   }, [setRerender]);
 }
@@ -234,53 +212,53 @@ function createDefaultBlockSelectorItems() {
   const items = [
     {
       name: "Text",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.TextIcon, {}),
+      icon: /* @__PURE__ */ jsx(TextIcon, {}),
       isActive: "default",
-      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => lexical.$createParagraphNode())
+      setActive: () => $setBlocksType($getSelection(), () => $createParagraphNode())
     },
     {
       name: "Heading 1",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.H1Icon, {}),
+      icon: /* @__PURE__ */ jsx(H1Icon, {}),
       isActive: (editor) => {
-        return isBlockNodeActive.isBlockNodeActive(
+        return isBlockNodeActive(
           editor,
-          (node) => richText.$isHeadingNode(node) ? node.getTag() === "h1" : false
+          (node) => $isHeadingNode(node) ? node.getTag() === "h1" : false
         );
       },
-      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createHeadingNode("h1"))
+      setActive: () => $setBlocksType($getSelection(), () => $createHeadingNode("h1"))
     },
     {
       name: "Heading 2",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.H2Icon, {}),
-      isActive: (editor) => isBlockNodeActive.isBlockNodeActive(
+      icon: /* @__PURE__ */ jsx(H2Icon, {}),
+      isActive: (editor) => isBlockNodeActive(
         editor,
-        (node) => richText.$isHeadingNode(node) ? node.getTag() === "h2" : false
+        (node) => $isHeadingNode(node) ? node.getTag() === "h2" : false
       ),
-      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createHeadingNode("h2"))
+      setActive: () => $setBlocksType($getSelection(), () => $createHeadingNode("h2"))
     },
     {
       name: "Heading 3",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.H3Icon, {}),
-      isActive: (editor) => isBlockNodeActive.isBlockNodeActive(
+      icon: /* @__PURE__ */ jsx(H3Icon, {}),
+      isActive: (editor) => isBlockNodeActive(
         editor,
-        (node) => richText.$isHeadingNode(node) ? node.getTag() === "h3" : false
+        (node) => $isHeadingNode(node) ? node.getTag() === "h3" : false
       ),
-      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createHeadingNode("h3"))
+      setActive: () => $setBlocksType($getSelection(), () => $createHeadingNode("h3"))
     },
     {
       name: "Blockquote",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.BlockquoteIcon, {}),
-      isActive: (editor) => isBlockNodeActive.isBlockNodeActive(editor, (node) => node.getType() === "quote"),
-      setActive: () => selection.$setBlocksType(lexical.$getSelection(), () => richText.$createQuoteNode())
+      icon: /* @__PURE__ */ jsx(BlockquoteIcon, {}),
+      isActive: (editor) => isBlockNodeActive(editor, (node) => node.getType() === "quote"),
+      setActive: () => $setBlocksType($getSelection(), () => $createQuoteNode())
     }
   ];
   return items.filter(Boolean);
 }
-const ToolbarBlockSelector = react.forwardRef(({ items, onKeyDown, ...props }, forwardedRef) => {
-  const floatingToolbarContext = react.useContext(shared.FloatingToolbarContext);
+const ToolbarBlockSelector = forwardRef(({ items, onKeyDown, ...props }, forwardedRef) => {
+  const floatingToolbarContext = useContext(FloatingToolbarContext);
   const closeFloatingToolbar = floatingToolbarContext?.close;
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  const resolvedItems = react.useMemo(() => {
+  const [editor] = useLexicalComposerContext();
+  const resolvedItems = useMemo(() => {
     if (Array.isArray(items)) {
       return items;
     }
@@ -305,7 +283,7 @@ const ToolbarBlockSelector = react.forwardRef(({ items, onKeyDown, ...props }, f
       floatingToolbarContext?.close();
     }
   };
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = useCallback(
     (event) => {
       onKeyDown?.(event);
       if (!event.isDefaultPrevented() && closeFloatingToolbar && event.key === "Escape") {
@@ -316,47 +294,47 @@ const ToolbarBlockSelector = react.forwardRef(({ items, onKeyDown, ...props }, f
     },
     [onKeyDown, closeFloatingToolbar]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Root, {
+  return /* @__PURE__ */ jsxs(SelectPrimitive.Root, {
     value: activeItem?.name,
     onValueChange: handleItemChange,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx(_private.ShortcutTooltip, {
+      /* @__PURE__ */ jsx(ShortcutTooltip, {
         content: "Turn into\u2026",
-        children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Trigger, {
+        children: /* @__PURE__ */ jsx(SelectPrimitive.Trigger, {
           asChild: true,
           ...props,
           ref: forwardedRef,
           onKeyDown: handleKeyDown,
           disabled: resolvedItems.length === 0,
-          children: /* @__PURE__ */ jsxRuntime.jsx(_private.SelectButton, {
+          children: /* @__PURE__ */ jsx(SelectButton, {
             variant: "toolbar",
             children: activeItem?.name ?? "Turn into\u2026"
           })
         })
       }),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(shared.FloatingToolbarExternal, {
-          children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Content, {
+      /* @__PURE__ */ jsx(SelectPrimitive.Portal, {
+        children: /* @__PURE__ */ jsx(FloatingToolbarExternal, {
+          children: /* @__PURE__ */ jsx(SelectPrimitive.Content, {
             position: "popper",
             sideOffset: BLOCK_SELECT_SIDE_OFFSET,
             collisionPadding: FLOATING_ELEMENT_COLLISION_PADDING,
             className: "lb-root lb-portal lb-elevation lb-dropdown lb-select-dropdown lb-lexical-block-selector-dropdown",
-            children: resolvedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(SelectPrimitive__namespace.Item, {
+            children: resolvedItems.map((item) => /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
               value: item.name,
               className: "lb-dropdown-item",
               "data-name": item.name,
               children: [
-                item.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+                item.icon ? /* @__PURE__ */ jsx("span", {
                   className: "lb-dropdown-item-icon lb-icon-container",
                   children: item.icon
                 }) : null,
-                /* @__PURE__ */ jsxRuntime.jsx("span", {
+                /* @__PURE__ */ jsx("span", {
                   className: "lb-dropdown-item-label",
                   children: item.label ?? item.name
                 }),
-                item.name === activeItem?.name ? /* @__PURE__ */ jsxRuntime.jsx("span", {
+                item.name === activeItem?.name ? /* @__PURE__ */ jsx("span", {
                   className: "lb-dropdown-item-accessory lb-icon-container",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(_private.CheckIcon, {})
+                  children: /* @__PURE__ */ jsx(CheckIcon, {})
                 }) : null
               ]
             }, item.name))
@@ -367,13 +345,13 @@ const ToolbarBlockSelector = react.forwardRef(({ items, onKeyDown, ...props }, f
   });
 });
 const Toolbar = Object.assign(
-  react.forwardRef(
+  forwardRef(
     ({ before, after, children = DefaultToolbarContent, className, ...props }, forwardedRef) => {
-      const [editor] = LexicalComposerContext.useLexicalComposerContext();
-      const [commandsRegistered, setCommandsRegistered] = react.useState(false);
+      const [editor] = useLexicalComposerContext();
+      const [commandsRegistered, setCommandsRegistered] = useState(false);
       const rerender = useRerender();
       const slotProps = { editor };
-      react.useEffect(() => {
+      useEffect(() => {
         if (commandsRegistered) {
           return;
         }
@@ -383,12 +361,12 @@ const Toolbar = Object.assign(
             setCommandsRegistered(true);
             return true;
           },
-          lexical.COMMAND_PRIORITY_LOW
+          COMMAND_PRIORITY_LOW
         );
         editor.dispatchCommand(INITIAL_COMMANDS_REGISTERED_COMMAND, void 0);
         return unregister;
       }, [editor, commandsRegistered]);
-      react.useEffect(() => {
+      useEffect(() => {
         const unregister = editor.registerUpdateListener(({ tags }) => {
           return editor.getEditorState().read(() => {
             if (tags.has("collaboration"))
@@ -398,13 +376,13 @@ const Toolbar = Object.assign(
         });
         return unregister;
       }, [editor, rerender]);
-      return /* @__PURE__ */ jsxRuntime.jsx(_private.TooltipProvider, {
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      return /* @__PURE__ */ jsx(TooltipProvider, {
+        children: /* @__PURE__ */ jsxs("div", {
           ref: forwardedRef,
           role: "toolbar",
           "aria-label": "Toolbar",
           "aria-orientation": "horizontal",
-          className: classnames.classNames("lb-root lb-lexical-toolbar", className),
+          className: classNames("lb-root lb-lexical-toolbar", className),
           ...props,
           children: [
             applyToolbarSlot(before, slotProps),
@@ -426,8 +404,5 @@ const Toolbar = Object.assign(
   }
 );
 
-exports.BLOCK_SELECT_SIDE_OFFSET = BLOCK_SELECT_SIDE_OFFSET;
-exports.FLOATING_ELEMENT_COLLISION_PADDING = FLOATING_ELEMENT_COLLISION_PADDING;
-exports.Toolbar = Toolbar;
-exports.applyToolbarSlot = applyToolbarSlot;
+export { BLOCK_SELECT_SIDE_OFFSET, FLOATING_ELEMENT_COLLISION_PADDING, Toolbar, applyToolbarSlot };
 //# sourceMappingURL=toolbar.js.map