@liveblocks/react-lexical 2.16.0-toolbars5 → 2.17.0-channels1

package/dist/index.d.mts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BaseMetadata, DM, ThreadData, HistoryVersion } from '@liveblocks/core';
 import { ThreadProps, ComposerProps } from '@liveblocks/react-ui';
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ComponentType, HTMLAttributes, ReactNode, ComponentProps } from 'react';
+import { ComponentPropsWithoutRef, ComponentType, HTMLAttributes, ReactNode } from 'react';
 import * as lexical from 'lexical';
-import { LexicalCommand, LexicalEditor, LexicalNode, TextFormatType } from 'lexical';
+import { LexicalCommand } from 'lexical';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 
 type AnchoredThreadsComponents = {
@@ -77,10 +77,6 @@ interface FloatingThreadsProps<M extends BaseMetadata = DM> extends Omit<HTMLAtt
 }
 declare function FloatingThreads({ threads, components, ...props }: FloatingThreadsProps): react_jsx_runtime.JSX.Element | null;
 
-declare function isBlockNodeActive(editor: LexicalEditor, isActive: (node: LexicalNode) => boolean): boolean;
-
-declare function isTextFormatActive(editor: LexicalEditor, format: TextFormatType): boolean;
-
 /**
  * Function that takes a Lexical editor config and modifies it to add the necessary
  * `nodes` and `theme` to make `LiveblocksPlugin` works correctly.
@@ -183,238 +179,6 @@ type LiveblocksPluginProps = {
  */
 declare const LiveblocksPlugin: ({ children, }: LiveblocksPluginProps) => JSX.Element;
 
-type FloatingPosition = "top" | "bottom";
-
-interface ToolbarSlotProps {
-    editor: LexicalEditor;
-}
-type ToolbarSlot = ReactNode | ComponentType<ToolbarSlotProps>;
-interface ToolbarProps extends Omit<ComponentProps<"div">, "children"> {
-    /**
-     * The content of the toolbar, overriding the default content.
-     * Use the `before` and `after` props if you want to keep and extend the default content.
-     */
-    children?: ToolbarSlot;
-    /**
-     * The content to display at the start of the toolbar.
-     */
-    before?: ToolbarSlot;
-    /**
-     * The content to display at the end of the toolbar.
-     */
-    after?: ToolbarSlot;
-}
-interface ToolbarButtonProps extends ComponentProps<"button"> {
-    /**
-     * The name of this button displayed in its tooltip.
-     */
-    name: string;
-    /**
-     * An optional icon displayed in this button.
-     */
-    icon?: ReactNode;
-    /**
-     * An optional keyboard shortcut displayed in this button's tooltip.
-     *
-     * @example
-     * "Mod-Alt-B" → "⌘⌥B" in Apple environments, "⌃⌥B" otherwise
-     * "Ctrl-Shift-Escape" → "⌃⇧⎋"
-     * "Space" → "␣"
-     */
-    shortcut?: string;
-}
-interface ToolbarToggleProps extends ToolbarButtonProps {
-    /**
-     * Whether the button is toggled.
-     */
-    active: boolean;
-}
-type ToolbarSeparatorProps = ComponentProps<"div">;
-interface ToolbarBlockSelectorItem {
-    /**
-     * The name of this block element, displayed as the label of this item.
-     */
-    name: string;
-    /**
-     * Optionally replace the name used as the label of this item by any content.
-     */
-    label?: ReactNode;
-    /**
-     * An optional icon displayed in this item.
-     */
-    icon?: ReactNode;
-    /**
-     * Whether this block element is currently active.
-     * Set to `"default"` to display this item when no other item is active.
-     */
-    isActive: ((editor: LexicalEditor) => boolean) | "default";
-    /**
-     * A callback invoked when this item is selected.
-     */
-    setActive: (editor: LexicalEditor) => void;
-}
-interface ToolbarBlockSelectorProps extends ComponentProps<"button"> {
-    /**
-     * The items displayed in this block selector.
-     * When provided as an array, the default items are overridden. To avoid this,
-     * a function can be provided instead and it will receive the default items.
-     *
-     * @example
-     * <Toolbar.BlockSelector
-     *   items={[
-     *     {
-     *       name: "Text",
-     *       isActive: "default",
-     *       setActive: () => { ... },
-     *     },
-     *     {
-     *       name: "Heading 1",
-     *       isActive: () => { ... },
-     *       setActive: () => { ... },
-     *     },
-     *   ]}
-     * />
-     *
-     * @example
-     * <Toolbar.BlockSelector
-     *   items={(defaultItems) => [
-     *     ...defaultItems,
-     *     {
-     *       name: "Custom block",
-     *       isActive: () => { ... },
-     *       setActive: () => { ... },
-     *     },
-     *   ]}
-     * />
-     */
-    items?: ToolbarBlockSelectorItem[] | ((defaultItems: ToolbarBlockSelectorItem[]) => ToolbarBlockSelectorItem[]);
-}
-declare function ToolbarSectionHistory(): react_jsx_runtime.JSX.Element;
-declare function ToolbarSectionInline(): react_jsx_runtime.JSX.Element | null;
-declare function ToolbarSectionCollaboration(): react_jsx_runtime.JSX.Element;
-/**
- * A static toolbar containing actions and values related to the editor.
- *
- * @example
- * <Toolbar  />
- *
- * @example
- * <Toolbar >
- *   <Toolbar.BlockSelector />
- *   <Toolbar.Separator />
- *   <Toolbar.SectionInline />
- *   <Toolbar.Separator />
- *   <Toolbar.Button name="Custom action" onClick={() => { ... }} icon={<Icon.QuestionMark />} />
- * </Toolbar>
- */
-declare const Toolbar: react.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    /**
-     * A button for triggering actions.
-     *
-     * @example
-     * <Toolbar.Button name="Comment" shortcut="Mod-Shift-E" onClick={() => { ... }}>Comment</Toolbar.Button>
-     *
-     * @example
-     * <Toolbar.Button name="Mention someone" icon={<Icon.Mention />} onClick={() => { ... }} />
-     */
-    Button: react.ForwardRefExoticComponent<Omit<ToolbarButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A toggle button for values that can be active or inactive.
-     *
-     * @example
-     * <Toolbar.Toggle name="Bold" active={isBold}>Bold</Toolbar.Toggle>
-     *
-     * @example
-     * <Toolbar.Toggle name="Italic" icon={<Icon.Italic />} shortcut="Mod-I" active={isItalic} onClick={() => { ... }} />
-     */
-    Toggle: react.ForwardRefExoticComponent<Omit<ToolbarToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A dropdown selector to switch between different block types.
-     *
-     * @example
-     * <Toolbar.BlockSelector />
-     */
-    BlockSelector: react.ForwardRefExoticComponent<Omit<ToolbarBlockSelectorProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A visual (and accessible) separator to separate sections in a toolbar.
-     */
-    Separator: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * A section containing history actions. (e.g. undo, redo)
-     */
-    SectionHistory: typeof ToolbarSectionHistory;
-    /**
-     * A section containing inline formatting actions. (e.g. bold, italic, underline, ...)
-     */
-    SectionInline: typeof ToolbarSectionInline;
-    /**
-     * A section containing collaborative actions. (e.g. adding a comment)
-     */
-    SectionCollaboration: typeof ToolbarSectionCollaboration;
-};
-
-interface FloatingToolbarProps extends Omit<ComponentProps<"div">, "children"> {
-    /**
-     * The vertical position of the floating toolbar.
-     */
-    position?: FloatingPosition;
-    /**
-     * The vertical offset of the floating toolbar from the selection.
-     */
-    offset?: number;
-    /**
-     * The content of the floating toolbar, overriding the default content.
-     * Use the `before` and `after` props if you want to keep and extend the default content.
-     */
-    children?: ToolbarSlot;
-    /**
-     * The content to display at the start of the floating toolbar.
-     */
-    before?: ToolbarSlot;
-    /**
-     * The content to display at the end of the floating toolbar.
-     */
-    after?: ToolbarSlot;
-}
-/**
- * A floating toolbar attached to the selection and containing actions and values related to the editor.
- *
- * @example
- * <FloatingToolbar />
- *
- * @example
- * <FloatingToolbar>
- *   <Toolbar.BlockSelector />
- *   <Toolbar.Separator />
- *   <Toolbar.SectionInline />
- *   <Toolbar.Separator />
- *   <Toolbar.Button name="Custom action" onClick={() => { ... }} icon={<Icon.QuestionMark />} />
- * </FloatingToolbar>
- */
-declare const FloatingToolbar: react.ForwardRefExoticComponent<Omit<FloatingToolbarProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    /**
-     * A component that can be wrapped around elements which are rendered outside of the floating
-     * toolbar (e.g. portals) to prevent the toolbar from closing when clicking/focusing within them.
-     *
-     * @example
-     * <FloatingToolbar>
-     *   <Popover.Root>
-     *     <Popover.Trigger asChild>
-     *       <Toolbar.Button>Open popover</Toolbar.Button>
-     *     </Popover.Trigger>
-     *     <Popover.Portal>
-     *       <FloatingToolbar.External>
-     *         <Popover.Content>
-     *           This popover is rendered outside of the floating toolbar, but the toolbar will not close when clicking/focusing within it.
-     *         </Popover.Content>
-     *       </FloatingToolbar.External>
-     *     </Popover.Portal>
-     *   </Popover.Root>
-     * </FloatingToolbar>
-     */
-    External: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-};
-
 interface HistoryVersionPreviewProps extends ComponentPropsWithoutRef<"div"> {
     version: HistoryVersion;
     onVersionRestore?: (version: HistoryVersion) => void;
@@ -427,4 +191,4 @@ interface HistoryVersionPreviewProps extends ComponentPropsWithoutRef<"div"> {
  */
 declare const HistoryVersionPreview: react.ForwardRefExoticComponent<HistoryVersionPreviewProps & react.RefAttributes<HTMLDivElement>>;
 
-export { AnchoredThreads, AnchoredThreadsProps, FloatingComposer, FloatingComposerProps, FloatingThreads, FloatingThreadsProps, FloatingToolbar, FloatingToolbarProps, HistoryVersionPreview, HistoryVersionPreviewProps, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, Toolbar, ToolbarBlockSelectorItem, ToolbarBlockSelectorProps, ToolbarButtonProps, ToolbarProps, ToolbarSeparatorProps, ToolbarToggleProps, isBlockNodeActive, isTextFormatActive, liveblocksConfig, useEditorStatus, useIsEditorReady, useIsThreadActive };
+export { AnchoredThreads, AnchoredThreadsProps, FloatingComposer, FloatingComposerProps, FloatingThreads, FloatingThreadsProps, HistoryVersionPreview, HistoryVersionPreviewProps, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, liveblocksConfig, useEditorStatus, useIsEditorReady, useIsThreadActive };

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BaseMetadata, DM, ThreadData, HistoryVersion } from '@liveblocks/core';
 import { ThreadProps, ComposerProps } from '@liveblocks/react-ui';
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ComponentType, HTMLAttributes, ReactNode, ComponentProps } from 'react';
+import { ComponentPropsWithoutRef, ComponentType, HTMLAttributes, ReactNode } from 'react';
 import * as lexical from 'lexical';
-import { LexicalCommand, LexicalEditor, LexicalNode, TextFormatType } from 'lexical';
+import { LexicalCommand } from 'lexical';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 
 type AnchoredThreadsComponents = {
@@ -77,10 +77,6 @@ interface FloatingThreadsProps<M extends BaseMetadata = DM> extends Omit<HTMLAtt
 }
 declare function FloatingThreads({ threads, components, ...props }: FloatingThreadsProps): react_jsx_runtime.JSX.Element | null;
 
-declare function isBlockNodeActive(editor: LexicalEditor, isActive: (node: LexicalNode) => boolean): boolean;
-
-declare function isTextFormatActive(editor: LexicalEditor, format: TextFormatType): boolean;
-
 /**
  * Function that takes a Lexical editor config and modifies it to add the necessary
  * `nodes` and `theme` to make `LiveblocksPlugin` works correctly.
@@ -183,238 +179,6 @@ type LiveblocksPluginProps = {
  */
 declare const LiveblocksPlugin: ({ children, }: LiveblocksPluginProps) => JSX.Element;
 
-type FloatingPosition = "top" | "bottom";
-
-interface ToolbarSlotProps {
-    editor: LexicalEditor;
-}
-type ToolbarSlot = ReactNode | ComponentType<ToolbarSlotProps>;
-interface ToolbarProps extends Omit<ComponentProps<"div">, "children"> {
-    /**
-     * The content of the toolbar, overriding the default content.
-     * Use the `before` and `after` props if you want to keep and extend the default content.
-     */
-    children?: ToolbarSlot;
-    /**
-     * The content to display at the start of the toolbar.
-     */
-    before?: ToolbarSlot;
-    /**
-     * The content to display at the end of the toolbar.
-     */
-    after?: ToolbarSlot;
-}
-interface ToolbarButtonProps extends ComponentProps<"button"> {
-    /**
-     * The name of this button displayed in its tooltip.
-     */
-    name: string;
-    /**
-     * An optional icon displayed in this button.
-     */
-    icon?: ReactNode;
-    /**
-     * An optional keyboard shortcut displayed in this button's tooltip.
-     *
-     * @example
-     * "Mod-Alt-B" → "⌘⌥B" in Apple environments, "⌃⌥B" otherwise
-     * "Ctrl-Shift-Escape" → "⌃⇧⎋"
-     * "Space" → "␣"
-     */
-    shortcut?: string;
-}
-interface ToolbarToggleProps extends ToolbarButtonProps {
-    /**
-     * Whether the button is toggled.
-     */
-    active: boolean;
-}
-type ToolbarSeparatorProps = ComponentProps<"div">;
-interface ToolbarBlockSelectorItem {
-    /**
-     * The name of this block element, displayed as the label of this item.
-     */
-    name: string;
-    /**
-     * Optionally replace the name used as the label of this item by any content.
-     */
-    label?: ReactNode;
-    /**
-     * An optional icon displayed in this item.
-     */
-    icon?: ReactNode;
-    /**
-     * Whether this block element is currently active.
-     * Set to `"default"` to display this item when no other item is active.
-     */
-    isActive: ((editor: LexicalEditor) => boolean) | "default";
-    /**
-     * A callback invoked when this item is selected.
-     */
-    setActive: (editor: LexicalEditor) => void;
-}
-interface ToolbarBlockSelectorProps extends ComponentProps<"button"> {
-    /**
-     * The items displayed in this block selector.
-     * When provided as an array, the default items are overridden. To avoid this,
-     * a function can be provided instead and it will receive the default items.
-     *
-     * @example
-     * <Toolbar.BlockSelector
-     *   items={[
-     *     {
-     *       name: "Text",
-     *       isActive: "default",
-     *       setActive: () => { ... },
-     *     },
-     *     {
-     *       name: "Heading 1",
-     *       isActive: () => { ... },
-     *       setActive: () => { ... },
-     *     },
-     *   ]}
-     * />
-     *
-     * @example
-     * <Toolbar.BlockSelector
-     *   items={(defaultItems) => [
-     *     ...defaultItems,
-     *     {
-     *       name: "Custom block",
-     *       isActive: () => { ... },
-     *       setActive: () => { ... },
-     *     },
-     *   ]}
-     * />
-     */
-    items?: ToolbarBlockSelectorItem[] | ((defaultItems: ToolbarBlockSelectorItem[]) => ToolbarBlockSelectorItem[]);
-}
-declare function ToolbarSectionHistory(): react_jsx_runtime.JSX.Element;
-declare function ToolbarSectionInline(): react_jsx_runtime.JSX.Element | null;
-declare function ToolbarSectionCollaboration(): react_jsx_runtime.JSX.Element;
-/**
- * A static toolbar containing actions and values related to the editor.
- *
- * @example
- * <Toolbar  />
- *
- * @example
- * <Toolbar >
- *   <Toolbar.BlockSelector />
- *   <Toolbar.Separator />
- *   <Toolbar.SectionInline />
- *   <Toolbar.Separator />
- *   <Toolbar.Button name="Custom action" onClick={() => { ... }} icon={<Icon.QuestionMark />} />
- * </Toolbar>
- */
-declare const Toolbar: react.ForwardRefExoticComponent<Omit<ToolbarProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    /**
-     * A button for triggering actions.
-     *
-     * @example
-     * <Toolbar.Button name="Comment" shortcut="Mod-Shift-E" onClick={() => { ... }}>Comment</Toolbar.Button>
-     *
-     * @example
-     * <Toolbar.Button name="Mention someone" icon={<Icon.Mention />} onClick={() => { ... }} />
-     */
-    Button: react.ForwardRefExoticComponent<Omit<ToolbarButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A toggle button for values that can be active or inactive.
-     *
-     * @example
-     * <Toolbar.Toggle name="Bold" active={isBold}>Bold</Toolbar.Toggle>
-     *
-     * @example
-     * <Toolbar.Toggle name="Italic" icon={<Icon.Italic />} shortcut="Mod-I" active={isItalic} onClick={() => { ... }} />
-     */
-    Toggle: react.ForwardRefExoticComponent<Omit<ToolbarToggleProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A dropdown selector to switch between different block types.
-     *
-     * @example
-     * <Toolbar.BlockSelector />
-     */
-    BlockSelector: react.ForwardRefExoticComponent<Omit<ToolbarBlockSelectorProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    /**
-     * A visual (and accessible) separator to separate sections in a toolbar.
-     */
-    Separator: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * A section containing history actions. (e.g. undo, redo)
-     */
-    SectionHistory: typeof ToolbarSectionHistory;
-    /**
-     * A section containing inline formatting actions. (e.g. bold, italic, underline, ...)
-     */
-    SectionInline: typeof ToolbarSectionInline;
-    /**
-     * A section containing collaborative actions. (e.g. adding a comment)
-     */
-    SectionCollaboration: typeof ToolbarSectionCollaboration;
-};
-
-interface FloatingToolbarProps extends Omit<ComponentProps<"div">, "children"> {
-    /**
-     * The vertical position of the floating toolbar.
-     */
-    position?: FloatingPosition;
-    /**
-     * The vertical offset of the floating toolbar from the selection.
-     */
-    offset?: number;
-    /**
-     * The content of the floating toolbar, overriding the default content.
-     * Use the `before` and `after` props if you want to keep and extend the default content.
-     */
-    children?: ToolbarSlot;
-    /**
-     * The content to display at the start of the floating toolbar.
-     */
-    before?: ToolbarSlot;
-    /**
-     * The content to display at the end of the floating toolbar.
-     */
-    after?: ToolbarSlot;
-}
-/**
- * A floating toolbar attached to the selection and containing actions and values related to the editor.
- *
- * @example
- * <FloatingToolbar />
- *
- * @example
- * <FloatingToolbar>
- *   <Toolbar.BlockSelector />
- *   <Toolbar.Separator />
- *   <Toolbar.SectionInline />
- *   <Toolbar.Separator />
- *   <Toolbar.Button name="Custom action" onClick={() => { ... }} icon={<Icon.QuestionMark />} />
- * </FloatingToolbar>
- */
-declare const FloatingToolbar: react.ForwardRefExoticComponent<Omit<FloatingToolbarProps, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    /**
-     * A component that can be wrapped around elements which are rendered outside of the floating
-     * toolbar (e.g. portals) to prevent the toolbar from closing when clicking/focusing within them.
-     *
-     * @example
-     * <FloatingToolbar>
-     *   <Popover.Root>
-     *     <Popover.Trigger asChild>
-     *       <Toolbar.Button>Open popover</Toolbar.Button>
-     *     </Popover.Trigger>
-     *     <Popover.Portal>
-     *       <FloatingToolbar.External>
-     *         <Popover.Content>
-     *           This popover is rendered outside of the floating toolbar, but the toolbar will not close when clicking/focusing within it.
-     *         </Popover.Content>
-     *       </FloatingToolbar.External>
-     *     </Popover.Portal>
-     *   </Popover.Root>
-     * </FloatingToolbar>
-     */
-    External: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-};
-
 interface HistoryVersionPreviewProps extends ComponentPropsWithoutRef<"div"> {
     version: HistoryVersion;
     onVersionRestore?: (version: HistoryVersion) => void;
@@ -427,4 +191,4 @@ interface HistoryVersionPreviewProps extends ComponentPropsWithoutRef<"div"> {
  */
 declare const HistoryVersionPreview: react.ForwardRefExoticComponent<HistoryVersionPreviewProps & react.RefAttributes<HTMLDivElement>>;
 
-export { AnchoredThreads, AnchoredThreadsProps, FloatingComposer, FloatingComposerProps, FloatingThreads, FloatingThreadsProps, FloatingToolbar, FloatingToolbarProps, HistoryVersionPreview, HistoryVersionPreviewProps, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, Toolbar, ToolbarBlockSelectorItem, ToolbarBlockSelectorProps, ToolbarButtonProps, ToolbarProps, ToolbarSeparatorProps, ToolbarToggleProps, isBlockNodeActive, isTextFormatActive, liveblocksConfig, useEditorStatus, useIsEditorReady, useIsThreadActive };
+export { AnchoredThreads, AnchoredThreadsProps, FloatingComposer, FloatingComposerProps, FloatingThreads, FloatingThreadsProps, HistoryVersionPreview, HistoryVersionPreviewProps, LiveblocksPlugin, OPEN_FLOATING_COMPOSER_COMMAND, liveblocksConfig, useEditorStatus, useIsEditorReady, useIsThreadActive };

package/dist/index.js

@@ -6,12 +6,8 @@ var anchoredThreads = require('./comments/anchored-threads.js');
 var commentPluginProvider = require('./comments/comment-plugin-provider.js');
 var floatingComposer = require('./comments/floating-composer.js');
 var floatingThreads = require('./comments/floating-threads.js');
-var isBlockNodeActive = require('./is-block-node-active.js');
-var isTextFormatActive = require('./is-text-format-active.js');
 var liveblocksConfig = require('./liveblocks-config.js');
 var liveblocksPluginProvider = require('./liveblocks-plugin-provider.js');
-var floatingToolbar = require('./toolbar/floating-toolbar.js');
-var toolbar = require('./toolbar/toolbar.js');
 var historyVersionPreview = require('./version-history/history-version-preview.js');
 
 core.detectDupes(version.PKG_NAME, version.PKG_VERSION, version.PKG_FORMAT);
@@ -21,13 +17,9 @@ exports.useIsThreadActive = commentPluginProvider.useIsThreadActive;
 exports.FloatingComposer = floatingComposer.FloatingComposer;
 exports.OPEN_FLOATING_COMPOSER_COMMAND = floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND;
 exports.FloatingThreads = floatingThreads.FloatingThreads;
-exports.isBlockNodeActive = isBlockNodeActive.isBlockNodeActive;
-exports.isTextFormatActive = isTextFormatActive.isTextFormatActive;
 exports.liveblocksConfig = liveblocksConfig.liveblocksConfig;
 exports.LiveblocksPlugin = liveblocksPluginProvider.LiveblocksPlugin;
 exports.useEditorStatus = liveblocksPluginProvider.useEditorStatus;
 exports.useIsEditorReady = liveblocksPluginProvider.useIsEditorReady;
-exports.FloatingToolbar = floatingToolbar.FloatingToolbar;
-exports.Toolbar = toolbar.Toolbar;
 exports.HistoryVersionPreview = historyVersionPreview.HistoryVersionPreview;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/anchored-threads\";\nexport { AnchoredThreads } from \"./comments/anchored-threads\";\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport type { FloatingComposerProps } from \"./comments/floating-composer\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport type { FloatingThreadsProps } from \"./comments/floating-threads\";\nexport { FloatingThreads } from \"./comments/floating-threads\";\nexport { isBlockNodeActive } from \"./is-block-node-active\";\nexport { isTextFormatActive } from \"./is-text-format-active\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n  useIsEditorReady,\n} from \"./liveblocks-plugin-provider\";\nexport type { FloatingToolbarProps } from \"./toolbar/floating-toolbar\";\nexport { FloatingToolbar } from \"./toolbar/floating-toolbar\";\nexport type {\n  ToolbarBlockSelectorItem,\n  ToolbarBlockSelectorProps,\n  ToolbarButtonProps,\n  ToolbarProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleProps,\n} from \"./toolbar/toolbar\";\nexport { Toolbar } from \"./toolbar/toolbar\";\nexport type { HistoryVersionPreviewProps } from \"./version-history/history-version-preview\";\nexport { HistoryVersionPreview } from \"./version-history/history-version-preview\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/anchored-threads\";\nexport { AnchoredThreads } from \"./comments/anchored-threads\";\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport type { FloatingComposerProps } from \"./comments/floating-composer\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport type { FloatingThreadsProps } from \"./comments/floating-threads\";\nexport { FloatingThreads } from \"./comments/floating-threads\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n  useIsEditorReady,\n} from \"./liveblocks-plugin-provider\";\nexport type { HistoryVersionPreviewProps } from \"./version-history/history-version-preview\";\nexport { HistoryVersionPreview } from \"./version-history/history-version-preview\";\n"],"names":["detectDupes","PKG_NAME","PKG_VERSION","PKG_FORMAT"],"mappings":";;;;;;;;;;;;AAIAA,gBAAY,CAAAC,gBAAA,EAAUC,qBAAaC,kBAAU,CAAA;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -4,12 +4,8 @@ export { AnchoredThreads } from './comments/anchored-threads.mjs';
 export { useIsThreadActive } from './comments/comment-plugin-provider.mjs';
 export { FloatingComposer, OPEN_FLOATING_COMPOSER_COMMAND } from './comments/floating-composer.mjs';
 export { FloatingThreads } from './comments/floating-threads.mjs';
-export { isBlockNodeActive } from './is-block-node-active.mjs';
-export { isTextFormatActive } from './is-text-format-active.mjs';
 export { liveblocksConfig } from './liveblocks-config.mjs';
 export { LiveblocksPlugin, useEditorStatus, useIsEditorReady } from './liveblocks-plugin-provider.mjs';
-export { FloatingToolbar } from './toolbar/floating-toolbar.mjs';
-export { Toolbar } from './toolbar/toolbar.mjs';
 export { HistoryVersionPreview } from './version-history/history-version-preview.mjs';
 
 detectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/anchored-threads\";\nexport { AnchoredThreads } from \"./comments/anchored-threads\";\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport type { FloatingComposerProps } from \"./comments/floating-composer\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport type { FloatingThreadsProps } from \"./comments/floating-threads\";\nexport { FloatingThreads } from \"./comments/floating-threads\";\nexport { isBlockNodeActive } from \"./is-block-node-active\";\nexport { isTextFormatActive } from \"./is-text-format-active\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n  useIsEditorReady,\n} from \"./liveblocks-plugin-provider\";\nexport type { FloatingToolbarProps } from \"./toolbar/floating-toolbar\";\nexport { FloatingToolbar } from \"./toolbar/floating-toolbar\";\nexport type {\n  ToolbarBlockSelectorItem,\n  ToolbarBlockSelectorProps,\n  ToolbarButtonProps,\n  ToolbarProps,\n  ToolbarSeparatorProps,\n  ToolbarToggleProps,\n} from \"./toolbar/toolbar\";\nexport { Toolbar } from \"./toolbar/toolbar\";\nexport type { HistoryVersionPreviewProps } from \"./version-history/history-version-preview\";\nexport { HistoryVersionPreview } from \"./version-history/history-version-preview\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import { detectDupes } from \"@liveblocks/core\";\n\nimport { PKG_FORMAT, PKG_NAME, PKG_VERSION } from \"./version\";\n\ndetectDupes(PKG_NAME, PKG_VERSION, PKG_FORMAT);\n\nexport type { AnchoredThreadsProps } from \"./comments/anchored-threads\";\nexport { AnchoredThreads } from \"./comments/anchored-threads\";\nexport { useIsThreadActive } from \"./comments/comment-plugin-provider\";\nexport type { FloatingComposerProps } from \"./comments/floating-composer\";\nexport {\n  FloatingComposer,\n  OPEN_FLOATING_COMPOSER_COMMAND,\n} from \"./comments/floating-composer\";\nexport type { FloatingThreadsProps } from \"./comments/floating-threads\";\nexport { FloatingThreads } from \"./comments/floating-threads\";\nexport { liveblocksConfig } from \"./liveblocks-config\";\nexport {\n  LiveblocksPlugin,\n  useEditorStatus,\n  useIsEditorReady,\n} from \"./liveblocks-plugin-provider\";\nexport type { HistoryVersionPreviewProps } from \"./version-history/history-version-preview\";\nexport { HistoryVersionPreview } from \"./version-history/history-version-preview\";\n"],"names":[],"mappings":";;;;;;;;;;AAIA,WAAY,CAAA,QAAA,EAAU,aAAa,UAAU,CAAA"}

package/dist/liveblocks-plugin-provider.js

@@ -14,7 +14,6 @@ var commentPluginProvider = require('./comments/comment-plugin-provider.js');
 var threadMarkNode = require('./comments/thread-mark-node.js');
 var mentionNode = require('./mentions/mention-node.js');
 var mentionPlugin = require('./mentions/mention-plugin.js');
-var useRootElement = require('./use-root-element.js');
 
 const providersMap = /* @__PURE__ */ new Map();
 function useEditorStatus() {
@@ -119,7 +118,7 @@ const LiveblocksPlugin = ({
     },
     [room]
   );
-  const root = useRootElement.useRootElement();
+  const root = useRootElement();
   _private.useLayoutEffect(() => {
     if (root === null)
       return;
@@ -161,8 +160,22 @@ const LiveblocksPlugin = ({
     ]
   });
 };
+function useRootElement() {
+  const [editor] = LexicalComposerContext.useLexicalComposerContext();
+  const subscribe = react.useCallback(
+    (onStoreChange) => {
+      return editor.registerRootListener(onStoreChange);
+    },
+    [editor]
+  );
+  const getSnapshot = react.useCallback(() => {
+    return editor.getRootElement();
+  }, [editor]);
+  return react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
 
 exports.LiveblocksPlugin = LiveblocksPlugin;
 exports.useEditorStatus = useEditorStatus;
 exports.useIsEditorReady = useIsEditorReady;
+exports.useRootElement = useRootElement;
 //# sourceMappingURL=liveblocks-plugin-provider.js.map