@liveblocks/react-tiptap 2.18.2 → 2.18.4-uns1

package/dist/ai/{AiToolbar.mjs → AiToolbar.cjs}

@@ -1,20 +1,22 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { hide, offset, shift, limitShift, autoUpdate, useFloating } from '@floating-ui/react-dom';
-import { useLayoutEffect } from '@liveblocks/react/_private';
-import { CheckIcon, UndoIcon, CrossIcon, ArrowCornerDownRightIcon, SparklesIcon, ShortcutTooltip, Button, SendIcon, WarningIcon, EditIcon, ShortenIcon, LengthenIcon, SparklesTextIcon, QuestionMarkIcon, useRefs, TooltipProvider } from '@liveblocks/react-ui/_private';
-import { useEditorState } from '@tiptap/react';
-import { Command, useCommandState } from 'cmdk';
-import { createContext, useContext, forwardRef, useCallback, useRef, useMemo, useEffect, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { classNames } from '../classnames.mjs';
-import { useCurrentEditor, EditorProvider } from '../context.mjs';
-import { getDomRangeFromSelection } from '../utils.mjs';
-import { isContextualPromptDiffResponse, DEFAULT_STATE } from './AiExtension.mjs';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactDom = require('@floating-ui/react-dom');
+var _private$1 = require('@liveblocks/react/_private');
+var _private = require('@liveblocks/react-ui/_private');
+var react$1 = require('@tiptap/react');
+var cmdk = require('cmdk');
+var react = require('react');
+var reactDom$1 = require('react-dom');
+var classnames = require('../classnames.cjs');
+var context = require('../context.cjs');
+var utils = require('../utils.cjs');
+var AiExtension = require('./AiExtension.cjs');
 
 const AI_TOOLBAR_COLLISION_PADDING = 10;
-const AiToolbarContext = createContext(null);
+const AiToolbarContext = react.createContext(null);
 function useAiToolbarContext() {
-  const context = useContext(AiToolbarContext);
+  const context = react.useContext(AiToolbarContext);
   if (!context) {
     throw new Error("useAiToolbarContext must be used within an AiToolbar");
   }
@@ -57,48 +59,48 @@ function flipToolbar() {
     }
   };
 }
-const AiToolbarDropdownSeparator = forwardRef(({ className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx(Command.Separator, {
-    className: classNames("lb-dropdown-separator", className),
+const AiToolbarDropdownSeparator = react.forwardRef(({ className, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Separator, {
+    className: classnames.classNames("lb-dropdown-separator", className),
     ...props,
     ref: forwardedRef
   });
 });
-const AiToolbarSuggestionsSeparator = forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx(AiToolbarDropdownSeparator, {
+const AiToolbarSuggestionsSeparator = react.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownSeparator, {
     ref: forwardedRef,
     ...props
   });
 });
-const AiToolbarDropdownItem = forwardRef(({ children, onSelect, icon, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsxs(Command.Item, {
-    className: classNames("lb-dropdown-item", className),
+const AiToolbarDropdownItem = react.forwardRef(({ children, onSelect, icon, className, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(cmdk.Command.Item, {
+    className: classnames.classNames("lb-dropdown-item", className),
     onSelect,
     ...props,
     ref: forwardedRef,
     children: [
-      icon ? /* @__PURE__ */ jsx("span", {
+      icon ? /* @__PURE__ */ jsxRuntime.jsx("span", {
         className: "lb-icon-container",
         children: icon
       }) : null,
-      children ? /* @__PURE__ */ jsx("span", {
+      children ? /* @__PURE__ */ jsxRuntime.jsx("span", {
         className: "lb-dropdown-item-label",
         children
       }) : null
     ]
   });
 });
-const AiToolbarSuggestionsLabel = forwardRef(({ children, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx("span", {
+const AiToolbarSuggestionsLabel = react.forwardRef(({ children, className, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", {
     ref: forwardedRef,
-    className: classNames("lb-dropdown-label", className),
+    className: classnames.classNames("lb-dropdown-label", className),
     ...props,
     children
   });
 });
-const AiToolbarSuggestion = forwardRef(({ prompt: manualPrompt, ...props }, forwardedRef) => {
-  const editor = useCurrentEditor("Suggestion", "AiToolbar");
-  const handleSelect = useCallback(
+const AiToolbarSuggestion = react.forwardRef(({ prompt: manualPrompt, ...props }, forwardedRef) => {
+  const editor = context.useCurrentEditor("Suggestion", "AiToolbar");
+  const handleSelect = react.useCallback(
     (prompt) => {
       editor.commands.$startAiToolbarThinking(
         manualPrompt ?? prompt
@@ -106,51 +108,51 @@ const AiToolbarSuggestion = forwardRef(({ prompt: manualPrompt, ...props }, forw
     },
     [editor, manualPrompt]
   );
-  return /* @__PURE__ */ jsx(AiToolbarDropdownItem, {
+  return /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownItem, {
     ...props,
     onSelect: handleSelect,
     ref: forwardedRef
   });
 });
 function AiToolbarReviewingSuggestions() {
-  const editor = useCurrentEditor("ReviewingSuggestions", "AiToolbar");
+  const editor = context.useCurrentEditor("ReviewingSuggestions", "AiToolbar");
   const { state } = useAiToolbarContext();
   const { response } = state;
-  if (isContextualPromptDiffResponse(response)) {
-    return /* @__PURE__ */ jsxs(Fragment, {
+  if (AiExtension.isContextualPromptDiffResponse(response)) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [
-        /* @__PURE__ */ jsx(AiToolbarDropdownItem, {
-          icon: /* @__PURE__ */ jsx(CheckIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownItem, {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CheckIcon, {}),
           onSelect: editor.commands.$acceptAiToolbarResponse,
           children: "Accept"
         }),
-        /* @__PURE__ */ jsx(AiToolbarDropdownItem, {
-          icon: /* @__PURE__ */ jsx(UndoIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownItem, {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UndoIcon, {}),
           onSelect: editor.commands.$startAiToolbarThinking,
           children: "Try again"
         }),
-        /* @__PURE__ */ jsx(AiToolbarDropdownItem, {
-          icon: /* @__PURE__ */ jsx(CrossIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownItem, {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CrossIcon, {}),
           onSelect: editor.commands.$closeAiToolbar,
           children: "Discard"
         })
       ]
     });
   } else {
-    return /* @__PURE__ */ jsxs(Fragment, {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [
-        /* @__PURE__ */ jsx(AiToolbarDropdownItem, {
-          icon: /* @__PURE__ */ jsx(ArrowCornerDownRightIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownItem, {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(_private.ArrowCornerDownRightIcon, {}),
           onSelect: editor.commands.$acceptAiToolbarResponse,
           children: "Insert below"
         }),
-        /* @__PURE__ */ jsx(AiToolbarDropdownItem, {
-          icon: /* @__PURE__ */ jsx(UndoIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownItem, {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UndoIcon, {}),
           onSelect: editor.commands.$startAiToolbarThinking,
           children: "Try again"
         }),
-        /* @__PURE__ */ jsx(AiToolbarDropdownItem, {
-          icon: /* @__PURE__ */ jsx(CrossIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(AiToolbarDropdownItem, {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CrossIcon, {}),
           onSelect: editor.commands.$closeAiToolbar,
           children: "Discard"
         })
@@ -159,16 +161,16 @@ function AiToolbarReviewingSuggestions() {
   }
 }
 function AiToolbarCustomPromptContent() {
-  const editor = useCurrentEditor("CustomPromptContent", "AiToolbar");
+  const editor = context.useCurrentEditor("CustomPromptContent", "AiToolbar");
   const aiName = editor.storage.liveblocksAi.name;
-  const textAreaRef = useRef(null);
+  const textAreaRef = react.useRef(null);
   const { state, dropdownRef, isDropdownHidden } = useAiToolbarContext();
   const { customPrompt } = state;
-  const isCustomPromptEmpty = useMemo(
+  const isCustomPromptEmpty = react.useMemo(
     () => customPrompt.trim() === "",
     [customPrompt]
   );
-  useLayoutEffect(
+  _private$1.useLayoutEffect(
     () => {
       setTimeout(() => {
         const textArea = textAreaRef.current;
@@ -207,7 +209,7 @@ function AiToolbarCustomPromptContent() {
       }
     }
   };
-  const handleCustomPromptChange = useCallback(
+  const handleCustomPromptChange = react.useCallback(
     (customPrompt2) => {
       editor.commands._updateAiToolbarCustomPrompt(
         customPrompt2
@@ -215,7 +217,7 @@ function AiToolbarCustomPromptContent() {
     },
     [editor]
   );
-  const handleSendClick = useCallback(() => {
+  const handleSendClick = react.useCallback(() => {
     if (isCustomPromptEmpty) {
       return;
     }
@@ -224,21 +226,21 @@ function AiToolbarCustomPromptContent() {
       state.phase === "reviewing"
     );
   }, [editor, customPrompt, isCustomPromptEmpty, state.phase]);
-  return /* @__PURE__ */ jsxs("div", {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     className: "lb-tiptap-ai-toolbar-content",
     children: [
-      /* @__PURE__ */ jsx("span", {
+      /* @__PURE__ */ jsxRuntime.jsx("span", {
         className: "lb-icon-container lb-tiptap-ai-toolbar-icon-container",
-        children: /* @__PURE__ */ jsx(SparklesIcon, {})
+        children: /* @__PURE__ */ jsxRuntime.jsx(_private.SparklesIcon, {})
       }),
-      /* @__PURE__ */ jsx("div", {
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
         className: "lb-tiptap-ai-toolbar-custom-prompt-container",
         "data-value": customPrompt,
-        children: /* @__PURE__ */ jsx(Command.Input, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Input, {
           value: customPrompt,
           onValueChange: handleCustomPromptChange,
           asChild: true,
-          children: /* @__PURE__ */ jsx("textarea", {
+          children: /* @__PURE__ */ jsxRuntime.jsx("textarea", {
             ref: textAreaRef,
             className: "lb-tiptap-ai-toolbar-custom-prompt",
             placeholder: `Ask ${aiName} anything\u2026`,
@@ -248,16 +250,16 @@ function AiToolbarCustomPromptContent() {
           })
         })
       }),
-      /* @__PURE__ */ jsx("div", {
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
         className: "lb-tiptap-ai-toolbar-actions",
-        children: /* @__PURE__ */ jsx(ShortcutTooltip, {
+        children: /* @__PURE__ */ jsxRuntime.jsx(_private.ShortcutTooltip, {
           content: `Ask ${aiName}`,
           shortcut: "Enter",
-          children: /* @__PURE__ */ jsx(Button, {
+          children: /* @__PURE__ */ jsxRuntime.jsx(_private.Button, {
             className: "lb-tiptap-ai-toolbar-action",
             variant: "primary",
             "aria-label": `Ask ${aiName}`,
-            icon: /* @__PURE__ */ jsx(SendIcon, {}),
+            icon: /* @__PURE__ */ jsxRuntime.jsx(_private.SendIcon, {}),
             disabled: isCustomPromptEmpty,
             onClick: handleSendClick
           })
@@ -269,15 +271,15 @@ function AiToolbarCustomPromptContent() {
 function AiToolbarAsking() {
   const { state } = useAiToolbarContext();
   const { error } = state;
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [
-      /* @__PURE__ */ jsx(AiToolbarCustomPromptContent, {}),
-      error ? /* @__PURE__ */ jsxs("div", {
+      /* @__PURE__ */ jsxRuntime.jsx(AiToolbarCustomPromptContent, {}),
+      error ? /* @__PURE__ */ jsxRuntime.jsxs("div", {
         className: "lb-tiptap-ai-toolbar-error",
         children: [
-          /* @__PURE__ */ jsx("span", {
+          /* @__PURE__ */ jsxRuntime.jsx("span", {
             className: "lb-icon-container",
-            children: /* @__PURE__ */ jsx(WarningIcon, {})
+            children: /* @__PURE__ */ jsxRuntime.jsx(_private.WarningIcon, {})
           }),
           "There was a problem with your request."
         ]
@@ -286,43 +288,43 @@ function AiToolbarAsking() {
   });
 }
 function AiToolbarThinking() {
-  const editor = useCurrentEditor("AiToolbarThinking", "AiToolbar");
-  const contentRef = useRef(null);
+  const editor = context.useCurrentEditor("AiToolbarThinking", "AiToolbar");
+  const contentRef = react.useRef(null);
   const aiName = editor.storage.liveblocksAi.name;
-  const handleCancel = useCallback(() => {
+  const handleCancel = react.useCallback(() => {
     editor.commands.$cancelAiToolbarThinking();
   }, [editor]);
-  useLayoutEffect(() => {
+  _private$1.useLayoutEffect(() => {
     contentRef.current?.focus();
     window.getSelection()?.removeAllRanges();
   }, []);
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsxs("div", {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
       className: "lb-tiptap-ai-toolbar-content",
       tabIndex: 0,
       ref: contentRef,
       children: [
-        /* @__PURE__ */ jsx("span", {
+        /* @__PURE__ */ jsxRuntime.jsx("span", {
           className: "lb-icon-container lb-tiptap-ai-toolbar-icon-container",
-          children: /* @__PURE__ */ jsx(SparklesIcon, {})
+          children: /* @__PURE__ */ jsxRuntime.jsx(_private.SparklesIcon, {})
         }),
-        /* @__PURE__ */ jsxs("div", {
+        /* @__PURE__ */ jsxRuntime.jsxs("div", {
           className: "lb-tiptap-ai-toolbar-thinking",
           children: [
             aiName,
             " is thinking\u2026"
           ]
         }),
-        /* @__PURE__ */ jsx("div", {
+        /* @__PURE__ */ jsxRuntime.jsx("div", {
           className: "lb-tiptap-ai-toolbar-actions",
-          children: /* @__PURE__ */ jsx(ShortcutTooltip, {
+          children: /* @__PURE__ */ jsxRuntime.jsx(_private.ShortcutTooltip, {
             content: "Cancel",
             shortcut: "Escape",
-            children: /* @__PURE__ */ jsx(Button, {
+            children: /* @__PURE__ */ jsxRuntime.jsx(_private.Button, {
               className: "lb-tiptap-ai-toolbar-action",
               variant: "secondary",
               "aria-label": "Cancel",
-              icon: /* @__PURE__ */ jsx(UndoIcon, {}),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(_private.UndoIcon, {}),
               onClick: handleCancel
             })
           })
@@ -334,16 +336,16 @@ function AiToolbarThinking() {
 function AiToolbarReviewing() {
   const { state } = useAiToolbarContext();
   const { response } = state;
-  return /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [
-      response.type === "other" ? /* @__PURE__ */ jsx("div", {
+      response.type === "other" ? /* @__PURE__ */ jsxRuntime.jsx("div", {
         className: "lb-tiptap-ai-toolbar-response-container",
-        children: /* @__PURE__ */ jsx("div", {
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
           className: "lb-tiptap-ai-toolbar-response",
           children: response.text
         })
       }) : null,
-      /* @__PURE__ */ jsx(AiToolbarCustomPromptContent, {})
+      /* @__PURE__ */ jsxRuntime.jsx(AiToolbarCustomPromptContent, {})
     ]
   });
 }
@@ -353,17 +355,17 @@ function AiToolbarContainer({
   dropdownRef,
   children
 }) {
-  const editor = useCurrentEditor("AiToolbarContainer", "AiToolbar");
+  const editor = context.useCurrentEditor("AiToolbarContainer", "AiToolbar");
   const customPrompt = state.customPrompt;
-  const isCustomPromptMultiline = useMemo(
+  const isCustomPromptMultiline = react.useMemo(
     () => customPrompt?.includes("\n"),
     [customPrompt]
   );
-  const hasDropdownItems = useCommandState(
+  const hasDropdownItems = cmdk.useCommandState(
     (state2) => state2.filtered.count > 0
   );
   const isDropdownHidden = isCustomPromptMultiline || !hasDropdownItems;
-  useEffect(() => {
+  react.useEffect(() => {
     if (!editor) {
       return;
     }
@@ -383,7 +385,7 @@ function AiToolbarContainer({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [editor, state.phase]);
-  return /* @__PURE__ */ jsxs(AiToolbarContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(AiToolbarContext.Provider, {
     value: {
       state,
       toolbarRef,
@@ -391,74 +393,74 @@ function AiToolbarContainer({
       isDropdownHidden
     },
     children: [
-      /* @__PURE__ */ jsxs("div", {
+      /* @__PURE__ */ jsxRuntime.jsxs("div", {
         className: "lb-tiptap-ai-toolbar-container",
         children: [
-          /* @__PURE__ */ jsx("div", {
+          /* @__PURE__ */ jsxRuntime.jsx("div", {
             className: "lb-elevation lb-tiptap-ai-toolbar",
-            children: state.phase === "asking" ? /* @__PURE__ */ jsx(AiToolbarAsking, {}) : state.phase === "thinking" ? /* @__PURE__ */ jsx(AiToolbarThinking, {}) : state.phase === "reviewing" ? /* @__PURE__ */ jsx(AiToolbarReviewing, {}) : null
+            children: state.phase === "asking" ? /* @__PURE__ */ jsxRuntime.jsx(AiToolbarAsking, {}) : state.phase === "thinking" ? /* @__PURE__ */ jsxRuntime.jsx(AiToolbarThinking, {}) : state.phase === "reviewing" ? /* @__PURE__ */ jsxRuntime.jsx(AiToolbarReviewing, {}) : null
           }),
-          /* @__PURE__ */ jsxs("div", {
+          /* @__PURE__ */ jsxRuntime.jsxs("div", {
             className: "lb-tiptap-ai-toolbar-halo",
             "data-active": state.phase === "thinking" ? "" : void 0,
             "aria-hidden": true,
             children: [
-              /* @__PURE__ */ jsx("div", {
+              /* @__PURE__ */ jsxRuntime.jsx("div", {
                 className: "lb-tiptap-ai-toolbar-halo-horizontal"
               }),
-              /* @__PURE__ */ jsx("div", {
+              /* @__PURE__ */ jsxRuntime.jsx("div", {
                 className: "lb-tiptap-ai-toolbar-halo-vertical"
               })
             ]
           })
         ]
       }),
-      state.phase === "asking" || state.phase === "reviewing" ? /* @__PURE__ */ jsx(Command.List, {
+      state.phase === "asking" || state.phase === "reviewing" ? /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.List, {
         className: "lb-elevation lb-dropdown lb-tiptap-ai-toolbar-dropdown",
         "data-hidden": isDropdownHidden ? "" : void 0,
         ref: dropdownRef,
-        children: state.phase === "reviewing" ? /* @__PURE__ */ jsx(AiToolbarReviewingSuggestions, {}) : children
+        children: state.phase === "reviewing" ? /* @__PURE__ */ jsxRuntime.jsx(AiToolbarReviewingSuggestions, {}) : children
       }) : null
     ]
   });
 }
-const defaultSuggestions = /* @__PURE__ */ jsxs(Fragment, {
+const defaultSuggestions = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
   children: [
-    /* @__PURE__ */ jsx(AiToolbarSuggestion, {
-      icon: /* @__PURE__ */ jsx(EditIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AiToolbarSuggestion, {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.EditIcon, {}),
       prompt: "Improve the quality of the text",
       children: "Improve writing"
     }),
-    /* @__PURE__ */ jsx(AiToolbarSuggestion, {
-      icon: /* @__PURE__ */ jsx(CheckIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AiToolbarSuggestion, {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.CheckIcon, {}),
       prompt: "Fix spelling & grammar errors in the text",
       children: "Fix mistakes"
     }),
-    /* @__PURE__ */ jsx(AiToolbarSuggestion, {
-      icon: /* @__PURE__ */ jsx(ShortenIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AiToolbarSuggestion, {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.ShortenIcon, {}),
       prompt: "Shorten the text, simplifying it",
       children: "Simplify"
     }),
-    /* @__PURE__ */ jsx(AiToolbarSuggestion, {
-      icon: /* @__PURE__ */ jsx(LengthenIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AiToolbarSuggestion, {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.LengthenIcon, {}),
       prompt: "Lengthen the text, going into more detail",
       children: "Add more detail"
     }),
-    /* @__PURE__ */ jsx(AiToolbarSuggestionsSeparator, {}),
-    /* @__PURE__ */ jsx(AiToolbarSuggestion, {
-      icon: /* @__PURE__ */ jsx(SparklesTextIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AiToolbarSuggestionsSeparator, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AiToolbarSuggestion, {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.SparklesTextIcon, {}),
       prompt: "Continue writing from the text's end",
       children: "Continue writing"
     }),
-    /* @__PURE__ */ jsx(AiToolbarSuggestion, {
-      icon: /* @__PURE__ */ jsx(QuestionMarkIcon, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(AiToolbarSuggestion, {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(_private.QuestionMarkIcon, {}),
       prompt: "Explain what the text is about",
       children: "Explain"
     })
   ]
 });
 const AiToolbar = Object.assign(
-  forwardRef(
+  react.forwardRef(
     ({
       offset: sideOffset = 6,
       editor,
@@ -466,14 +468,14 @@ const AiToolbar = Object.assign(
       suggestions: Suggestions = defaultSuggestions,
       ...props
     }, forwardedRef) => {
-      const state = useEditorState({
+      const state = react$1.useEditorState({
         editor,
         selector: (ctx) => {
           return ctx.editor?.storage.liveblocksAi?.state;
         }
-      }) ?? DEFAULT_STATE;
+      }) ?? AiExtension.DEFAULT_STATE;
       const selection = editor?.state.selection;
-      const floatingOptions = useMemo(() => {
+      const floatingOptions = react.useMemo(() => {
         const detectOverflowOptions = {
           padding: AI_TOOLBAR_COLLISION_PADDING
         };
@@ -482,18 +484,18 @@ const AiToolbar = Object.assign(
           placement: "bottom",
           middleware: [
             tiptapFloating(editor),
-            hide(detectOverflowOptions),
-            offset(sideOffset),
-            shift({
+            reactDom.hide(detectOverflowOptions),
+            reactDom.offset(sideOffset),
+            reactDom.shift({
               ...detectOverflowOptions,
               mainAxis: false,
               crossAxis: true,
-              limiter: limitShift()
+              limiter: reactDom.limitShift()
             }),
             flipToolbar()
           ],
           whileElementsMounted: (...args) => {
-            return autoUpdate(...args, {
+            return reactDom.autoUpdate(...args, {
               animationFrame: true
             });
           }
@@ -506,20 +508,20 @@ const AiToolbar = Object.assign(
         x,
         y,
         isPositioned
-      } = useFloating({
+      } = reactDom.useFloating({
         ...floatingOptions,
         open: isOpen
       });
-      const toolbarRef = useRef(null);
-      const mergedRefs = useRefs(forwardedRef, toolbarRef, setFloating);
-      const dropdownRef = useRef(null);
-      const [selectedDropdownValue, setSelectedDropdownValue] = useState("");
-      useEffect(() => {
+      const toolbarRef = react.useRef(null);
+      const mergedRefs = _private.useRefs(forwardedRef, toolbarRef, setFloating);
+      const dropdownRef = react.useRef(null);
+      const [selectedDropdownValue, setSelectedDropdownValue] = react.useState("");
+      react.useEffect(() => {
         if (state.phase === "closed") {
           setSelectedDropdownValue("");
         }
       }, [state.phase]);
-      useEffect(() => {
+      react.useEffect(() => {
         if (state.phase === "closed") {
           setSelectedDropdownValue("");
           return;
@@ -535,7 +537,7 @@ const AiToolbar = Object.assign(
           firstDropdownItem?.dataset.value ?? ""
         );
       }, [state.phase, dropdownRef, setSelectedDropdownValue]);
-      useEffect(() => {
+      react.useEffect(() => {
         if (!editor) {
           return;
         }
@@ -543,13 +545,13 @@ const AiToolbar = Object.assign(
           editor.commands.$closeAiToolbar();
         }
       }, [state.phase, editor, selection]);
-      useLayoutEffect(() => {
+      _private$1.useLayoutEffect(() => {
         if (!editor || !isOpen) {
           return;
         }
         setReference(null);
         setTimeout(() => {
-          if (state.phase === "reviewing" && isContextualPromptDiffResponse(state.response)) {
+          if (state.phase === "reviewing" && AiExtension.isContextualPromptDiffResponse(state.response)) {
             const changes = editor.view.dom.querySelectorAll(
               "ychange[data-liveblocks]"
             );
@@ -576,7 +578,7 @@ const AiToolbar = Object.assign(
               }
             });
           } else if (selection) {
-            const domRange = getDomRangeFromSelection(editor, selection);
+            const domRange = utils.getDomRangeFromSelection(editor, selection);
             setReference(domRange);
           } else {
             setReference(null);
@@ -590,7 +592,7 @@ const AiToolbar = Object.assign(
         state.phase,
         state.response
       ]);
-      useEffect(() => {
+      react.useEffect(() => {
         if (!editor || !isOpen) {
           return;
         }
@@ -612,15 +614,15 @@ const AiToolbar = Object.assign(
       if (!editor || !isOpen) {
         return null;
       }
-      return createPortal(
-        /* @__PURE__ */ jsx(TooltipProvider, {
-          children: /* @__PURE__ */ jsx(EditorProvider, {
+      return reactDom$1.createPortal(
+        /* @__PURE__ */ jsxRuntime.jsx(_private.TooltipProvider, {
+          children: /* @__PURE__ */ jsxRuntime.jsx(context.EditorProvider, {
             editor,
-            children: /* @__PURE__ */ jsx(Command, {
+            children: /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command, {
               role: "toolbar",
               label: "AI toolbar",
               "aria-orientation": "horizontal",
-              className: classNames(
+              className: classnames.classNames(
                 "lb-root lb-portal lb-tiptap-ai-toolbar-portal",
                 className
               ),
@@ -634,11 +636,11 @@ const AiToolbar = Object.assign(
               value: selectedDropdownValue,
               onValueChange: setSelectedDropdownValue,
               ...props,
-              children: /* @__PURE__ */ jsx(AiToolbarContainer, {
+              children: /* @__PURE__ */ jsxRuntime.jsx(AiToolbarContainer, {
                 state,
                 dropdownRef,
                 toolbarRef,
-                children: typeof Suggestions === "function" ? /* @__PURE__ */ jsx(Suggestions, {
+                children: typeof Suggestions === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Suggestions, {
                   children: defaultSuggestions
                 }) : Suggestions
               })
@@ -656,5 +658,6 @@ const AiToolbar = Object.assign(
   }
 );
 
-export { AI_TOOLBAR_COLLISION_PADDING, AiToolbar };
-//# sourceMappingURL=AiToolbar.mjs.map
+exports.AI_TOOLBAR_COLLISION_PADDING = AI_TOOLBAR_COLLISION_PADDING;
+exports.AiToolbar = AiToolbar;
+//# sourceMappingURL=AiToolbar.cjs.map