@liveblocks/react-lexical 2.18.3 → 2.18.4-uns2

package/dist/mentions/avatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.mjs","sources":["../../src/mentions/avatar.tsx"],"sourcesContent":["import { useUser } from \"@liveblocks/react\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { classNames } from \"../classnames\";\n\nexport interface AvatarProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  userId: string;\n}\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  function Avatar(props, forwardedRef) {\n    const { userId, className, ...spanProps } = props;\n\n    const { user, isLoading } = useUser(userId);\n\n    const avatar = user ? user.avatar : undefined;\n\n    const name = user ? user.name : undefined;\n\n    function Initials() {\n      const initials = name ? getInitials(name) : undefined;\n      if (initials) {\n        return (\n          <span aria-hidden className=\"lb-avatar-fallback\">\n            {initials}\n          </span>\n        );\n      }\n\n      if (isLoading) return null;\n\n      if (user === undefined) return null;\n\n      return (\n        <span aria-label={userId} title={userId} className=\"lb-avatar-fallback\">\n          {getInitials(userId)}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        data-loading={isLoading ? \"\" : undefined}\n        {...spanProps}\n        className={classNames(\"lb-avatar\", className)}\n        ref={forwardedRef}\n      >\n        {avatar && <img src={avatar} alt={name} className=\"lb-avatar-image\" />}\n\n        <Initials />\n      </span>\n    );\n  }\n);\n\nfunction getInitials(name: string) {\n  return name\n    .trim()\n    .split(\" \")\n    .reduce((initials, name, index, array) => {\n      if (index === 0 || index === array.length - 1) {\n        initials += name.charAt(0).toLocaleUpperCase();\n      }\n\n      return initials;\n    }, \"\");\n}\n"],"names":["Avatar","name"],"mappings":";;;;;AAWO,MAAM,MAAS,GAAA,UAAA;AAAA,EACpB,SAASA,OAAO,CAAA,KAAA,EAAO,YAAc,EAAA;AACnC,IAAA,MAAM,EAAE,MAAA,EAAQ,SAAc,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAE5C,IAAA,MAAM,EAAE,IAAA,EAAM,SAAU,EAAA,GAAI,QAAQ,MAAM,CAAA,CAAA;AAE1C,IAAM,MAAA,MAAA,GAAS,IAAO,GAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAA,CAAA;AAEpC,IAAM,MAAA,IAAA,GAAO,IAAO,GAAA,IAAA,CAAK,IAAO,GAAA,KAAA,CAAA,CAAA;AAEhC,IAAA,SAAS,QAAW,GAAA;AAClB,MAAA,MAAM,QAAW,GAAA,IAAA,GAAO,WAAY,CAAA,IAAI,CAAI,GAAA,KAAA,CAAA,CAAA;AAC5C,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,aAAW,EAAA,IAAA;AAAA,UAAC,SAAU,EAAA,oBAAA;AAAA,UACzB,QAAA,EAAA,QAAA;AAAA,SACH,CAAA,CAAA;AAAA,OAEJ;AAEA,MAAI,IAAA,SAAA;AAAW,QAAO,OAAA,IAAA,CAAA;AAEtB,MAAA,IAAI,IAAS,KAAA,KAAA,CAAA;AAAW,QAAO,OAAA,IAAA,CAAA;AAE/B,MAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,YAAY,EAAA,MAAA;AAAA,QAAQ,KAAO,EAAA,MAAA;AAAA,QAAQ,SAAU,EAAA,oBAAA;AAAA,QAChD,sBAAY,MAAM,CAAA;AAAA,OACrB,CAAA,CAAA;AAAA,KAEJ;AAEA,IAAA,uBACG,IAAA,CAAA,MAAA,EAAA;AAAA,MACC,cAAA,EAAc,YAAY,EAAK,GAAA,KAAA,CAAA;AAAA,MAC9B,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,UAAW,CAAA,WAAA,EAAa,SAAS,CAAA;AAAA,MAC5C,GAAK,EAAA,YAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,QAAA,MAAA,oBAAW,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,GAAK,EAAA,MAAA;AAAA,UAAQ,GAAK,EAAA,IAAA;AAAA,UAAM,SAAU,EAAA,iBAAA;AAAA,SAAkB,CAAA;AAAA,4BAEnE,QAAS,EAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KACZ,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAS,YAAY,IAAc,EAAA;AACjC,EAAO,OAAA,IAAA,CACJ,IAAK,EAAA,CACL,KAAM,CAAA,GAAG,CACT,CAAA,MAAA,CAAO,CAAC,QAAA,EAAUC,KAAM,EAAA,KAAA,EAAO,KAAU,KAAA;AACxC,IAAA,IAAI,KAAU,KAAA,CAAA,IAAK,KAAU,KAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AAC7C,MAAA,QAAA,IAAYA,KAAK,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,iBAAkB,EAAA,CAAA;AAAA,KAC/C;AAEA,IAAO,OAAA,QAAA,CAAA;AAAA,KACN,EAAE,CAAA,CAAA;AACT;;;;"}

package/dist/mentions/mention-component.mjs

@@ -1,49 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $createNodeSelection, $setSelection, $getNodeByKey } from 'lexical';
-import { useCallback, useSyncExternalStore } from 'react';
-
-function Mention({
-  nodeKey,
-  children
-}) {
-  const [editor] = useLexicalComposerContext();
-  const isSelected = useIsNodeSelected(nodeKey);
-  function handleClick(event) {
-    editor.update(() => {
-      event.stopPropagation();
-      event.preventDefault();
-      const selection = $createNodeSelection();
-      selection.add(nodeKey);
-      $setSelection(selection);
-    });
-  }
-  return /* @__PURE__ */ jsx("span", {
-    onClick: handleClick,
-    "data-selected": isSelected ? "" : void 0,
-    className: "lb-root lb-lexical-mention",
-    children
-  });
-}
-function $isNodeSelected(key) {
-  const node = $getNodeByKey(key);
-  if (node === null)
-    return false;
-  return node.isSelected();
-}
-function useIsNodeSelected(key) {
-  const [editor] = useLexicalComposerContext();
-  const subscribe = useCallback(
-    (onStoreChange) => {
-      return editor.registerUpdateListener(onStoreChange);
-    },
-    [editor]
-  );
-  const getSnapshot = useCallback(() => {
-    return editor.getEditorState().read(() => $isNodeSelected(key));
-  }, [editor, key]);
-  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-}
-
-export { Mention };
-//# sourceMappingURL=mention-component.mjs.map

package/dist/mentions/user.mjs

@@ -1,24 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useUser } from '@liveblocks/react';
-import { useOverrides } from '@liveblocks/react-ui';
-import { forwardRef } from 'react';
-import { classNames } from '../classnames.mjs';
-
-const User = forwardRef(
-  function User2(props, forwardedRef) {
-    const { userId, className, ...spanProps } = props;
-    const { user, isLoading } = useUser(userId);
-    const $ = useOverrides();
-    const name = user === void 0 || user === null ? $.USER_UNKNOWN : user.name;
-    return /* @__PURE__ */ jsx("span", {
-      "data-loading": isLoading ? "" : void 0,
-      ...spanProps,
-      ref: forwardedRef,
-      className: classNames("lb-name lb-user", className),
-      children: isLoading ? null : name
-    });
-  }
-);
-
-export { User };
-//# sourceMappingURL=user.mjs.map

package/dist/toolbar/shared.mjs

@@ -1,33 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useLayoutEffect } from '@liveblocks/react/_private';
-import { createContext, forwardRef, useId, useContext, Children } from 'react';
-
-const FloatingToolbarContext = createContext(null);
-const FloatingToolbarExternal = forwardRef(({ children, style, ...props }, forwardedRef) => {
-  const id = useId();
-  const externalId = `liveblocks-floating-toolbar-external-${id}`;
-  const floatingToolbarContext = useContext(FloatingToolbarContext);
-  const registerExternal = floatingToolbarContext?.registerExternal;
-  useLayoutEffect(() => {
-    if (!registerExternal) {
-      return;
-    }
-    return registerExternal(externalId);
-  }, [registerExternal, externalId]);
-  if (!floatingToolbarContext || Children.count(children) === 0) {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children
-    });
-  }
-  return /* @__PURE__ */ jsx("div", {
-    ref: forwardedRef,
-    style: { display: "contents", ...style },
-    "data-liveblocks-floating-toolbar-external": id,
-    ...props,
-    id: externalId,
-    children
-  });
-});
-
-export { FloatingToolbarContext, FloatingToolbarExternal };
-//# sourceMappingURL=shared.mjs.map

package/dist/toolbar/toolbar.mjs

@@ -1,408 +0,0 @@
-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.mjs';
-import { OPEN_FLOATING_COMPOSER_COMMAND } from '../comments/floating-composer.mjs';
-import { isBlockNodeActive } from '../is-block-node-active.mjs';
-import { useIsCommandRegistered } from '../is-command-registered.mjs';
-import { isTextFormatActive } from '../is-text-format-active.mjs';
-import { FloatingToolbarContext, FloatingToolbarExternal } from './shared.mjs';
-
-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__ */ jsx(Component, {
-      ...props
-    });
-  }
-  return slot;
-}
-const ToolbarButton = forwardRef(
-  ({ icon, children, name, shortcut, onKeyDown, ...props }, forwardedRef) => {
-    const floatingToolbarContext = useContext(FloatingToolbarContext);
-    const closeFloatingToolbar = floatingToolbarContext?.close;
-    const handleKeyDown = useCallback(
-      (event) => {
-        onKeyDown?.(event);
-        if (!event.isDefaultPrevented() && closeFloatingToolbar && event.key === "Escape") {
-          closeFloatingToolbar();
-          event.preventDefault();
-          event.stopPropagation();
-        }
-      },
-      [onKeyDown, closeFloatingToolbar]
-    );
-    return /* @__PURE__ */ jsx(ShortcutTooltip, {
-      content: name,
-      shortcut,
-      children: /* @__PURE__ */ jsx(Button, {
-        type: "button",
-        variant: "toolbar",
-        ref: forwardedRef,
-        icon,
-        "aria-label": !children ? name : void 0,
-        ...props,
-        onKeyDown: handleKeyDown,
-        children: !children && !icon ? name : children
-      })
-    });
-  }
-);
-const ToolbarToggle = forwardRef(
-  ({ active, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(TogglePrimitive.Root, {
-      asChild: true,
-      pressed: active,
-      children: /* @__PURE__ */ jsx(ToolbarButton, {
-        ref: forwardedRef,
-        ...props
-      })
-    });
-  }
-);
-const ToolbarSeparator = forwardRef(
-  ({ className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("div", {
-      ref: forwardedRef,
-      role: "separator",
-      "aria-orientation": "vertical",
-      className: classNames("lb-lexical-toolbar-separator", className),
-      ...props
-    });
-  }
-);
-function ToolbarSectionHistory() {
-  const [editor] = useLexicalComposerContext();
-  const [canUndo, setCanUndo] = useState(false);
-  const [canRedo, setCanRedo] = useState(false);
-  useEffect(() => {
-    const unregister = mergeRegister(
-      editor.registerCommand(
-        CAN_UNDO_COMMAND,
-        (payload) => {
-          setCanUndo(payload);
-          return false;
-        },
-        COMMAND_PRIORITY_CRITICAL
-      ),
-      editor.registerCommand(
-        CAN_REDO_COMMAND,
-        (payload) => {
-          setCanRedo(payload);
-          return false;
-        },
-        COMMAND_PRIORITY_CRITICAL
-      )
-    );
-    return unregister;
-  }, [editor]);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(ToolbarButton, {
-        name: "Undo",
-        icon: /* @__PURE__ */ jsx(UndoIcon, {}),
-        shortcut: "Mod-Z",
-        onClick: () => editor.dispatchCommand(UNDO_COMMAND, void 0),
-        disabled: !canUndo
-      }),
-      /* @__PURE__ */ jsx(ToolbarButton, {
-        name: "Redo",
-        icon: /* @__PURE__ */ jsx(RedoIcon, {}),
-        shortcut: "Mod-Shift-Z",
-        onClick: () => editor.dispatchCommand(REDO_COMMAND, void 0),
-        disabled: !canRedo
-      })
-    ]
-  });
-}
-function ToolbarSectionInline() {
-  const [editor] = useLexicalComposerContext();
-  const supportsTextFormat = useIsCommandRegistered(FORMAT_TEXT_COMMAND);
-  return supportsTextFormat ? /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(ToolbarToggle, {
-        name: "Bold",
-        icon: /* @__PURE__ */ jsx(BoldIcon, {}),
-        shortcut: "Mod-B",
-        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
-        active: isTextFormatActive(editor, "bold")
-      }),
-      /* @__PURE__ */ jsx(ToolbarToggle, {
-        name: "Italic",
-        icon: /* @__PURE__ */ jsx(ItalicIcon, {}),
-        shortcut: "Mod-I",
-        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
-        active: isTextFormatActive(editor, "italic")
-      }),
-      /* @__PURE__ */ jsx(ToolbarToggle, {
-        name: "Underline",
-        icon: /* @__PURE__ */ jsx(UnderlineIcon, {}),
-        shortcut: "Mod-U",
-        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
-        active: isTextFormatActive(editor, "underline")
-      }),
-      /* @__PURE__ */ jsx(ToolbarToggle, {
-        name: "Strikethrough",
-        icon: /* @__PURE__ */ jsx(StrikethroughIcon, {}),
-        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
-        active: isTextFormatActive(editor, "strikethrough")
-      }),
-      /* @__PURE__ */ jsx(ToolbarToggle, {
-        name: "Inline code",
-        icon: /* @__PURE__ */ jsx(CodeIcon, {}),
-        onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code"),
-        active: isTextFormatActive(editor, "code")
-      })
-    ]
-  }) : null;
-}
-function ToolbarSectionCollaboration() {
-  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__ */ jsx(CommentIcon, {}),
-      onClick: () => editor.dispatchCommand(OPEN_FLOATING_COMPOSER_COMMAND, void 0),
-      children: "Comment"
-    }) : null
-  });
-}
-function DefaultToolbarContent() {
-  const supportsTextFormat = useIsCommandRegistered(FORMAT_TEXT_COMMAND);
-  const supportsThread = useIsCommandRegistered(OPEN_FLOATING_COMPOSER_COMMAND);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(ToolbarSectionHistory, {}),
-      supportsTextFormat ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
-          /* @__PURE__ */ jsx(ToolbarBlockSelector, {}),
-          /* @__PURE__ */ jsx(ToolbarSectionInline, {})
-        ]
-      }) : null,
-      supportsThread ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
-          /* @__PURE__ */ jsx(ToolbarSectionCollaboration, {})
-        ]
-      }) : null
-    ]
-  });
-}
-const INITIAL_COMMANDS_REGISTERED_COMMAND = createCommand(
-  "INITIAL_COMMANDS_REGISTERED_COMMAND"
-);
-function useRerender() {
-  const [, setRerender] = useState(false);
-  return useCallback(() => {
-    setRerender((toggle) => !toggle);
-  }, [setRerender]);
-}
-function createDefaultBlockSelectorItems() {
-  const items = [
-    {
-      name: "Text",
-      icon: /* @__PURE__ */ jsx(TextIcon, {}),
-      isActive: "default",
-      setActive: () => $setBlocksType($getSelection(), () => $createParagraphNode())
-    },
-    {
-      name: "Heading 1",
-      icon: /* @__PURE__ */ jsx(H1Icon, {}),
-      isActive: (editor) => {
-        return isBlockNodeActive(
-          editor,
-          (node) => $isHeadingNode(node) ? node.getTag() === "h1" : false
-        );
-      },
-      setActive: () => $setBlocksType($getSelection(), () => $createHeadingNode("h1"))
-    },
-    {
-      name: "Heading 2",
-      icon: /* @__PURE__ */ jsx(H2Icon, {}),
-      isActive: (editor) => isBlockNodeActive(
-        editor,
-        (node) => $isHeadingNode(node) ? node.getTag() === "h2" : false
-      ),
-      setActive: () => $setBlocksType($getSelection(), () => $createHeadingNode("h2"))
-    },
-    {
-      name: "Heading 3",
-      icon: /* @__PURE__ */ jsx(H3Icon, {}),
-      isActive: (editor) => isBlockNodeActive(
-        editor,
-        (node) => $isHeadingNode(node) ? node.getTag() === "h3" : false
-      ),
-      setActive: () => $setBlocksType($getSelection(), () => $createHeadingNode("h3"))
-    },
-    {
-      name: "Blockquote",
-      icon: /* @__PURE__ */ jsx(BlockquoteIcon, {}),
-      isActive: (editor) => isBlockNodeActive(editor, (node) => node.getType() === "quote"),
-      setActive: () => $setBlocksType($getSelection(), () => $createQuoteNode())
-    }
-  ];
-  return items.filter(Boolean);
-}
-const ToolbarBlockSelector = forwardRef(({ items, onKeyDown, ...props }, forwardedRef) => {
-  const floatingToolbarContext = useContext(FloatingToolbarContext);
-  const closeFloatingToolbar = floatingToolbarContext?.close;
-  const [editor] = useLexicalComposerContext();
-  const resolvedItems = useMemo(() => {
-    if (Array.isArray(items)) {
-      return items;
-    }
-    const defaultItems = createDefaultBlockSelectorItems();
-    return items ? items(defaultItems) : defaultItems;
-  }, [items]);
-  let defaultItem;
-  let activeItem = resolvedItems.find((item) => {
-    if (item.isActive === "default") {
-      defaultItem = item;
-      return false;
-    }
-    return item.isActive(editor);
-  });
-  if (!activeItem) {
-    activeItem = defaultItem;
-  }
-  const handleItemChange = (name) => {
-    const item = resolvedItems.find((item2) => item2.name === name);
-    if (item) {
-      editor.update(() => item.setActive(editor));
-      floatingToolbarContext?.close();
-    }
-  };
-  const handleKeyDown = useCallback(
-    (event) => {
-      onKeyDown?.(event);
-      if (!event.isDefaultPrevented() && closeFloatingToolbar && event.key === "Escape") {
-        closeFloatingToolbar();
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    },
-    [onKeyDown, closeFloatingToolbar]
-  );
-  return /* @__PURE__ */ jsxs(SelectPrimitive.Root, {
-    value: activeItem?.name,
-    onValueChange: handleItemChange,
-    children: [
-      /* @__PURE__ */ jsx(ShortcutTooltip, {
-        content: "Turn into\u2026",
-        children: /* @__PURE__ */ jsx(SelectPrimitive.Trigger, {
-          asChild: true,
-          ...props,
-          ref: forwardedRef,
-          onKeyDown: handleKeyDown,
-          disabled: resolvedItems.length === 0,
-          children: /* @__PURE__ */ jsx(SelectButton, {
-            variant: "toolbar",
-            children: activeItem?.name ?? "Turn into\u2026"
-          })
-        })
-      }),
-      /* @__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__ */ jsxs(SelectPrimitive.Item, {
-              value: item.name,
-              className: "lb-dropdown-item",
-              "data-name": item.name,
-              children: [
-                item.icon ? /* @__PURE__ */ jsx("span", {
-                  className: "lb-dropdown-item-icon lb-icon-container",
-                  children: item.icon
-                }) : null,
-                /* @__PURE__ */ jsx("span", {
-                  className: "lb-dropdown-item-label",
-                  children: item.label ?? item.name
-                }),
-                item.name === activeItem?.name ? /* @__PURE__ */ jsx("span", {
-                  className: "lb-dropdown-item-accessory lb-icon-container",
-                  children: /* @__PURE__ */ jsx(CheckIcon, {})
-                }) : null
-              ]
-            }, item.name))
-          })
-        })
-      })
-    ]
-  });
-});
-const Toolbar = Object.assign(
-  forwardRef(
-    ({ before, after, children = DefaultToolbarContent, className, ...props }, forwardedRef) => {
-      const [editor] = useLexicalComposerContext();
-      const [commandsRegistered, setCommandsRegistered] = useState(false);
-      const rerender = useRerender();
-      const slotProps = { editor };
-      useEffect(() => {
-        if (commandsRegistered) {
-          return;
-        }
-        const unregister = editor.registerCommand(
-          INITIAL_COMMANDS_REGISTERED_COMMAND,
-          () => {
-            setCommandsRegistered(true);
-            return true;
-          },
-          COMMAND_PRIORITY_LOW
-        );
-        editor.dispatchCommand(INITIAL_COMMANDS_REGISTERED_COMMAND, void 0);
-        return unregister;
-      }, [editor, commandsRegistered]);
-      useEffect(() => {
-        const unregister = editor.registerUpdateListener(({ tags }) => {
-          return editor.getEditorState().read(() => {
-            if (tags.has("collaboration"))
-              return;
-            rerender();
-          });
-        });
-        return unregister;
-      }, [editor, rerender]);
-      return /* @__PURE__ */ jsx(TooltipProvider, {
-        children: /* @__PURE__ */ jsxs("div", {
-          ref: forwardedRef,
-          role: "toolbar",
-          "aria-label": "Toolbar",
-          "aria-orientation": "horizontal",
-          className: classNames("lb-root lb-lexical-toolbar", className),
-          ...props,
-          children: [
-            applyToolbarSlot(before, slotProps),
-            applyToolbarSlot(children, slotProps),
-            applyToolbarSlot(after, slotProps)
-          ]
-        })
-      });
-    }
-  ),
-  {
-    Button: ToolbarButton,
-    Toggle: ToolbarToggle,
-    BlockSelector: ToolbarBlockSelector,
-    Separator: ToolbarSeparator,
-    SectionHistory: ToolbarSectionHistory,
-    SectionInline: ToolbarSectionInline,
-    SectionCollaboration: ToolbarSectionCollaboration
-  }
-);
-
-export { BLOCK_SELECT_SIDE_OFFSET, FLOATING_ELEMENT_COLLISION_PADDING, Toolbar, applyToolbarSlot };
-//# sourceMappingURL=toolbar.mjs.map

package/dist/use-root-element.mjs

@@ -1,19 +0,0 @@
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useCallback, useSyncExternalStore } from 'react';
-
-function useRootElement() {
-  const [editor] = useLexicalComposerContext();
-  const subscribe = useCallback(
-    (onStoreChange) => {
-      return editor.registerRootListener(onStoreChange);
-    },
-    [editor]
-  );
-  const getSnapshot = useCallback(() => {
-    return editor.getRootElement();
-  }, [editor]);
-  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-}
-
-export { useRootElement };
-//# sourceMappingURL=use-root-element.mjs.map

package/dist/use-root-element.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-root-element.mjs","sources":["../src/use-root-element.ts"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useCallback, useSyncExternalStore } from \"react\";\n\nexport function useRootElement(): HTMLElement | null {\n  const [editor] = useLexicalComposerContext();\n\n  const subscribe = useCallback(\n    (onStoreChange: () => void) => {\n      return editor.registerRootListener(onStoreChange);\n    },\n    [editor]\n  );\n\n  const getSnapshot = useCallback(() => {\n    return editor.getRootElement();\n  }, [editor]);\n\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,cAAqC,GAAA;AACnD,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA,CAAA;AAE3C,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,aAA8B,KAAA;AAC7B,MAAO,OAAA,MAAA,CAAO,qBAAqB,aAAa,CAAA,CAAA;AAAA,KAClD;AAAA,IACA,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,OAAO,OAAO,cAAe,EAAA,CAAA;AAAA,GAC/B,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAO,OAAA,oBAAA,CAAqB,SAAW,EAAA,WAAA,EAAa,WAAW,CAAA,CAAA;AACjE;;;;"}

package/dist/version.mjs

@@ -1,6 +0,0 @@
-const PKG_NAME = "@liveblocks/react-lexical";
-const PKG_VERSION = typeof "2.18.3" === "string" && "2.18.3";
-const PKG_FORMAT = typeof "esm" === "string" && "esm";
-
-export { PKG_FORMAT, PKG_NAME, PKG_VERSION };
-//# sourceMappingURL=version.mjs.map