@copilotkit/react-textarea 0.36.0-mme-fix-packaging-issues.0 → 0.36.0-mme-push-to-talk.0

package/CHANGELOG.md

@@ -1,10 +1,16 @@
 # ui
 
-## 0.36.0-mme-fix-packaging-issues.0
+## 0.36.0-mme-push-to-talk.0
 
 ### Minor Changes
 
-- Remove mui package
+- Add push to talk prototype
+
+### Patch Changes
+
+- Updated dependencies
+  - @copilotkit/react-core@0.36.0-mme-push-to-talk.0
+  - @copilotkit/shared@0.36.0-mme-push-to-talk.0
 
 ## 0.35.0
 

package/dist/{chunk-7R7KMN2G.mjs → chunk-COQISBP2.mjs}

@@ -1,6 +1,6 @@
 import {
   HoveringInsertionPromptBoxCore
-} from "./chunk-P4EI4H6Y.mjs";
+} from "./chunk-OGLVRSCO.mjs";
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
 import { jsx } from "react/jsx-runtime";
@@ -28,4 +28,4 @@ var HoveringInsertionPromptBox = (props) => {
 export {
   HoveringInsertionPromptBox
 };
-//# sourceMappingURL=chunk-7R7KMN2G.mjs.map
+//# sourceMappingURL=chunk-COQISBP2.mjs.map

package/dist/{chunk-GZPRBYKA.mjs → chunk-DMLXXOXD.mjs}

@@ -1,6 +1,6 @@
 import {
   HoveringInsertionPromptBox
-} from "./chunk-7R7KMN2G.mjs";
+} from "./chunk-COQISBP2.mjs";
 import {
   useHoveringEditorContext
 } from "./chunk-LYB4B6MK.mjs";
@@ -121,4 +121,4 @@ function editorState(editor, selection) {
 export {
   HoveringToolbar
 };
-//# sourceMappingURL=chunk-GZPRBYKA.mjs.map
+//# sourceMappingURL=chunk-DMLXXOXD.mjs.map

package/dist/{chunk-P4EI4H6Y.mjs → chunk-OGLVRSCO.mjs}

@@ -1,6 +1,6 @@
 import {
   IncludedFilesPreview
-} from "./chunk-JC6NGPO4.mjs";
+} from "./chunk-YNXNMCDX.mjs";
 import {
   use_autosize_textarea_default
 } from "./chunk-3PQ7GSFE.mjs";
@@ -222,4 +222,4 @@ var HoveringInsertionPromptBoxCore = ({
 export {
   HoveringInsertionPromptBoxCore
 };
-//# sourceMappingURL=chunk-P4EI4H6Y.mjs.map
+//# sourceMappingURL=chunk-OGLVRSCO.mjs.map

package/dist/{chunk-MMVI7IPP.mjs → chunk-PQIOU3E5.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-DKE57EAC.mjs";
 import {
   BaseCopilotTextarea
-} from "./chunk-O3QC2FT5.mjs";
+} from "./chunk-XU5Z5BWV.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -57,4 +57,4 @@ var CopilotTextarea = React.forwardRef(
 export {
   CopilotTextarea
 };
-//# sourceMappingURL=chunk-MMVI7IPP.mjs.map
+//# sourceMappingURL=chunk-PQIOU3E5.mjs.map

package/dist/{chunk-O3QC2FT5.mjs → chunk-XU5Z5BWV.mjs}

@@ -24,7 +24,7 @@ import {
 } from "./chunk-7LSRNPNI.mjs";
 import {
   HoveringToolbar
-} from "./chunk-GZPRBYKA.mjs";
+} from "./chunk-DMLXXOXD.mjs";
 import {
   HoveringEditorProvider,
   useHoveringEditorContext
@@ -256,4 +256,4 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
 export {
   BaseCopilotTextarea
 };
-//# sourceMappingURL=chunk-O3QC2FT5.mjs.map
+//# sourceMappingURL=chunk-XU5Z5BWV.mjs.map

package/dist/chunk-YNXNMCDX.mjs

@@ -0,0 +1,51 @@
+import {
+  Label
+} from "./chunk-YFK5BFEI.mjs";
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
+import Chip from "@mui/material/Chip/Chip.js";
+import Avatar from "@mui/material/Avatar/Avatar.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var IncludedFilesPreview = ({
+  includedFiles,
+  setIncludedFiles
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 mt-2", children: [
+    /* @__PURE__ */ jsx(Label, { className: "", children: "Included context:" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
+      return /* @__PURE__ */ jsx(
+        FileChipPreview,
+        {
+          filePointer,
+          onDelete: () => {
+            setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
+          }
+        },
+        `file-${filePointer.sourceApplication}.${filePointer.name}`
+      );
+    }) })
+  ] });
+};
+var FileChipPreview = ({ filePointer, onDelete }) => {
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      label: filePointer.name,
+      onDelete,
+      avatar: /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          src: filePointer.iconImageUri,
+          alt: filePointer.sourceApplication,
+          sx: { backgroundColor: "transparent" }
+        }
+      )
+    }
+  );
+};
+
+export {
+  IncludedFilesPreview,
+  FileChipPreview
+};
+//# sourceMappingURL=chunk-YNXNMCDX.mjs.map

package/dist/chunk-YNXNMCDX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx"],"sourcesContent":["import { DocumentPointer } from \"@copilotkit/react-core\";\nimport { Label } from \"../../ui/label\";\nimport React from \"react\";\nimport Chip from \"@mui/material/Chip/Chip.js\";\nimport Avatar from \"@mui/material/Avatar/Avatar.js\";\n\nexport interface IncludedFilesPreviewProps {\n  includedFiles: DocumentPointer[];\n  setIncludedFiles: React.Dispatch<React.SetStateAction<DocumentPointer[]>>;\n}\n\nexport const IncludedFilesPreview = ({\n  includedFiles,\n  setIncludedFiles,\n}: IncludedFilesPreviewProps) => {\n  return (\n    <div className=\"flex flex-col gap-2 mt-2\">\n      <Label className=\"\">Included context:</Label>\n      <div className=\"flex flex-wrap gap-2\">\n        {includedFiles.map((filePointer, index) => {\n          return (\n            <FileChipPreview\n              key={`file-${filePointer.sourceApplication}.${filePointer.name}`}\n              filePointer={filePointer}\n              onDelete={() => {\n                setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));\n              }}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport interface FileChipPreviewProps {\n  filePointer: DocumentPointer;\n  onDelete: () => void;\n}\n\nexport const FileChipPreview = ({ filePointer, onDelete }: FileChipPreviewProps) => {\n  return (\n    <Chip\n      label={filePointer.name}\n      onDelete={onDelete}\n      avatar={\n        <Avatar\n          src={filePointer.iconImageUri}\n          alt={filePointer.sourceApplication}\n          sx={{ backgroundColor: \"transparent\" }}\n        ></Avatar>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AAGA,OAAO,UAAU;AACjB,OAAO,YAAY;AAYf,SACE,KADF;AALG,IAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAC/B,SACE,qBAAC,SAAI,WAAU,4BACb;AAAA,wBAAC,SAAM,WAAU,IAAG,+BAAiB;AAAA,IACrC,oBAAC,SAAI,WAAU,wBACZ,wBAAc,IAAI,CAAC,aAAa,UAAU;AACzC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,UAAU,MAAM;AACd,6BAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,OAAO,OAAO,WAAW,CAAC;AAAA,UACpE;AAAA;AAAA,QAJK,QAAQ,YAAY,qBAAqB,YAAY;AAAA,MAK5D;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;AAOO,IAAM,kBAAkB,CAAC,EAAE,aAAa,SAAS,MAA4B;AAClF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,YAAY;AAAA,MACnB;AAAA,MACA,QACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,YAAY;AAAA,UACjB,KAAK,YAAY;AAAA,UACjB,IAAI,EAAE,iBAAiB,cAAc;AAAA;AAAA,MACtC;AAAA;AAAA,EAEL;AAEJ;","names":[]}

package/dist/components/base-copilot-textarea/base-copilot-textarea.js

@@ -82,7 +82,7 @@ __export(base_copilot_textarea_exports, {
   BaseCopilotTextarea: () => BaseCopilotTextarea
 });
 module.exports = __toCommonJS(base_copilot_textarea_exports);
-var import_react13 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_slate10 = require("slate");
 var import_slate_react5 = require("slate-react");
 var import_tailwind_merge2 = require("tailwind-merge");
@@ -659,7 +659,7 @@ var defaultBaseAutosuggestionsConfig = {
 };
 
 // src/components/hovering-toolbar/hovering-toolbar.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_slate7 = require("slate");
 var import_slate_react3 = require("slate-react");
 
@@ -895,7 +895,7 @@ var Label = React4.forwardRef((_a, ref) => {
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -925,7 +925,8 @@ function streamPromiseFlatten(promise) {
 var import_react_core2 = require("@copilotkit/react-core");
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
-var import_react6 = __toESM(require("react"));
+var import_Chip = __toESM(require("@mui/material/Chip/Chip.js"));
+var import_Avatar = __toESM(require("@mui/material/Avatar/Avatar.js"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var IncludedFilesPreview = ({
   includedFiles,
@@ -947,88 +948,37 @@ var IncludedFilesPreview = ({
     }) })
   ] });
 };
-function FileChipPreview({
-  filePointer,
-  onDelete
-}) {
-  const CLOSE_BUTTON_COLOR = "rgba(0, 0, 0, 0.26)";
-  const [color, setColor] = import_react6.default.useState(CLOSE_BUTTON_COLOR);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "button",
+var FileChipPreview = ({ filePointer, onDelete }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Chip.default,
     {
-      style: {
-        fontSize: "0.8125rem",
-        display: "inline-flex",
-        justifyContent: "center",
-        alignItems: "center",
-        height: "32px",
-        color: "rgba(0, 0, 0, 0.87)",
-        backgroundColor: "rgba(0, 0, 0, 0.08)",
-        borderRadius: "16px",
-        whiteSpace: "nowrap",
-        boxSizing: "border-box",
-        border: 0,
-        verticalAlign: "middle",
-        outline: 0,
-        cursor: "default"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "img",
-          {
-            style: {
-              marginLeft: "5px",
-              width: "24px",
-              height: "24px",
-              backgroundColor: "transparent",
-              borderRadius: "50%"
-            },
-            src: filePointer.iconImageUri,
-            alt: filePointer.sourceApplication
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { marginLeft: "5px" }, children: filePointer.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "svg",
-          {
-            style: {
-              color,
-              fontSize: "22px",
-              cursor: "pointer",
-              margin: "0 5px 0 5px",
-              userSelect: "none",
-              width: "1em",
-              height: "1em",
-              display: "inline-block",
-              fill: "currentColor",
-              flexShrink: 0
-            },
-            viewBox: "0 0 24 24",
-            preserveAspectRatio: "xMidYMid meet",
-            onClick: onDelete,
-            onMouseOver: () => setColor("rgba(0, 0, 0, 0.54)"),
-            onMouseOut: () => setColor(CLOSE_BUTTON_COLOR),
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })
-          }
-        )
-      ]
+      label: filePointer.name,
+      onDelete,
+      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_Avatar.default,
+        {
+          src: filePointer.iconImageUri,
+          alt: filePointer.sourceApplication,
+          sx: { backgroundColor: "transparent" }
+        }
+      )
     }
-  ) });
-}
+  );
+};
 
 // src/components/hovering-toolbar/hovering-editor-provider.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var HoveringEditorContext = (0, import_react7.createContext)({
+var HoveringEditorContext = (0, import_react6.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
 var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = (0, import_react7.useState)(false);
+  const [isDisplayed, setIsDisplayed] = (0, import_react6.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
-var useHoveringEditorContext = () => (0, import_react7.useContext)(HoveringEditorContext);
+var useHoveringEditorContext = () => (0, import_react6.useContext)(HoveringEditorContext);
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -1038,27 +988,27 @@ var HoveringInsertionPromptBoxCore = ({
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  const { getDocumentsContext } = (0, import_react8.useContext)(import_react_core2.CopilotContext);
-  const [editSuggestion, setEditSuggestion] = (0, import_react8.useState)("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react8.useState)(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react8.useState)("");
-  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react8.useState)(
+  const { getDocumentsContext } = (0, import_react7.useContext)(import_react_core2.CopilotContext);
+  const [editSuggestion, setEditSuggestion] = (0, import_react7.useState)("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react7.useState)(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react7.useState)("");
+  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react7.useState)(
     null
   );
-  const adjustmentTextAreaRef = (0, import_react8.useRef)(null);
-  const suggestionTextAreaRef = (0, import_react8.useRef)(null);
-  const [filePointers, setFilePointers] = (0, import_react8.useState)([]);
-  const [suggestedFiles, setSuggestedFiles] = (0, import_react8.useState)([]);
-  (0, import_react8.useEffect)(() => {
+  const adjustmentTextAreaRef = (0, import_react7.useRef)(null);
+  const suggestionTextAreaRef = (0, import_react7.useRef)(null);
+  const [filePointers, setFilePointers] = (0, import_react7.useState)([]);
+  const [suggestedFiles, setSuggestedFiles] = (0, import_react7.useState)([]);
+  (0, import_react7.useEffect)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     var _a;
     (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -1096,7 +1046,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = (0, import_react8.useCallback)(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react7.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -1249,10 +1199,10 @@ var HoveringInsertionPromptBox = (props) => {
 
 // src/components/hovering-toolbar/hovering-toolbar-components.tsx
 var import_css = require("@emotion/css");
-var import_react9 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_react_dom = __toESM(require("react-dom"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Button2 = import_react9.default.forwardRef(
+var Button2 = import_react8.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -1278,7 +1228,7 @@ var Button2 = import_react9.default.forwardRef(
     );
   }
 );
-var Icon = import_react9.default.forwardRef(
+var Icon = import_react8.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1297,7 +1247,7 @@ var Icon = import_react9.default.forwardRef(
     );
   }
 );
-var Menu = import_react9.default.forwardRef(
+var Menu = import_react8.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1324,7 +1274,7 @@ var Menu = import_react9.default.forwardRef(
 var Portal = ({ children }) => {
   return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-var Toolbar = import_react9.default.forwardRef(
+var Toolbar = import_react8.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1349,15 +1299,15 @@ var Toolbar = import_react9.default.forwardRef(
 // src/components/hovering-toolbar/hovering-toolbar.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
-  const ref = (0, import_react10.useRef)(null);
+  const ref = (0, import_react9.useRef)(null);
   const editor = (0, import_slate_react3.useSlate)();
   const selection = (0, import_slate_react3.useSlateSelection)();
   const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
-  const [isClient, setIsClient] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
     setIsClient(true);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const el = ref.current;
     const { selection: selection2 } = editor;
     if (!el) {
@@ -1395,7 +1345,7 @@ var HoveringToolbar = (props) => {
     el.style.top = `${top}px`;
     el.style.left = `${left}px`;
   });
-  (0, import_react10.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         setIsDisplayed(false);
@@ -1493,10 +1443,10 @@ function makeRenderPlaceholderFunction(placeholderStyle) {
 }
 
 // src/components/base-copilot-textarea/use-add-branding-css.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
   const cssSelector = ".copilot-textarea.with-branding";
-  (0, import_react11.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (disableBranding) {
       return;
     }
@@ -1548,7 +1498,7 @@ function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
 }
 
 // src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_slate_react4 = require("slate-react");
 var import_slate9 = require("slate");
 
@@ -1601,7 +1551,7 @@ function TrackerTextEditedSinceLastCursorMovement(props) {
     text: editorToText(state)
   }));
   const previousState = usePrevious(cursorState);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!previousState) {
       return;
     }
@@ -1624,8 +1574,8 @@ var isSelectionEqual = (a, b) => {
   return import_slate9.Range.equals(a, b);
 };
 function usePrevious(value) {
-  const ref = (0, import_react12.useRef)();
-  (0, import_react12.useEffect)(() => {
+  const ref = (0, import_react11.useRef)();
+  (0, import_react11.useEffect)(() => {
     ref.current = value;
   });
   return ref.current;
@@ -1633,21 +1583,21 @@ function usePrevious(value) {
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var BaseCopilotTextarea = import_react13.default.forwardRef(
+var BaseCopilotTextarea = import_react12.default.forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HoveringEditorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), { ref })) });
   }
 );
-var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
+var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
   (props, ref) => {
     const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = (0, import_react13.useMemo)(() => {
+    const valueOnInitialRender = (0, import_react12.useMemo)(() => {
       var _a2;
       return (_a2 = props.value) != null ? _a2 : "";
     }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react13.useState)(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react13.useState)(false);
-    const initialValue = (0, import_react13.useMemo)(() => {
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react12.useState)(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react12.useState)(false);
+    const initialValue = (0, import_react12.useMemo)(() => {
       return [
         {
           type: "paragraph",
@@ -1657,7 +1607,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
     const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
-    const insertText = (0, import_react13.useCallback)(
+    const insertText = (0, import_react12.useCallback)(
       (autosuggestion) => {
         import_slate10.Editor.insertText(editor, autosuggestion.text, {
           at: autosuggestion.point
@@ -1683,7 +1633,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
       autosuggestionsConfig.disableWhenEmpty,
       shouldDisableAutosuggestions
     );
-    const onKeyDownHandlerForHoveringEditor = (0, import_react13.useCallback)(
+    const onKeyDownHandlerForHoveringEditor = (0, import_react12.useCallback)(
       (event) => {
         var _a2;
         if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
@@ -1697,7 +1647,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
         autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress
       ]
     );
-    (0, import_react13.useEffect)(() => {
+    (0, import_react12.useEffect)(() => {
       clearAutocompletionsFromEditor(editor);
       if (currentAutocompleteSuggestion) {
         addAutocompletionsToEditor(
@@ -1707,23 +1657,23 @@ var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
         );
       }
     }, [currentAutocompleteSuggestion]);
-    const suggestionStyleAugmented = (0, import_react13.useMemo)(() => {
+    const suggestionStyleAugmented = (0, import_react12.useMemo)(() => {
       return __spreadValues({
         fontStyle: "italic",
         color: "gray"
       }, props.suggestionsStyle);
     }, [props.suggestionsStyle]);
-    const renderElementMemoized = (0, import_react13.useMemo)(() => {
+    const renderElementMemoized = (0, import_react12.useMemo)(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
-    const renderPlaceholderMemoized = (0, import_react13.useMemo)(() => {
+    const renderPlaceholderMemoized = (0, import_react12.useMemo)(() => {
       const placeholderStyleSlatejsOverrides = {
         top: void 0
       };
       const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
       return makeRenderPlaceholderFunction(placeholderStyleAugmented);
     }, [props.placeholderStyle]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react12.useEffect)(() => {
       var _a2, _b;
       if (props.value === lastKnownFullEditorText) {
         return;