@copilotkit/react-textarea 0.35.0 → 0.36.0-mme-fix-packaging-issues.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # ui
 
+## 0.36.0-mme-fix-packaging-issues.0
+
+### Minor Changes
+
+- Remove mui package
+
 ## 0.35.0
 
 ### Minor Changes

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

@@ -1,6 +1,6 @@
 import {
   HoveringInsertionPromptBoxCore
-} from "./chunk-OGLVRSCO.mjs";
+} from "./chunk-P4EI4H6Y.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-COQISBP2.mjs.map
+//# sourceMappingURL=chunk-7R7KMN2G.mjs.map

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

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

package/dist/chunk-JC6NGPO4.mjs

@@ -0,0 +1,100 @@
+import {
+  Label
+} from "./chunk-YFK5BFEI.mjs";
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
+import React from "react";
+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}`
+      );
+    }) })
+  ] });
+};
+function FileChipPreview({
+  filePointer,
+  onDelete
+}) {
+  const CLOSE_BUTTON_COLOR = "rgba(0, 0, 0, 0.26)";
+  const [color, setColor] = React.useState(CLOSE_BUTTON_COLOR);
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      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__ */ jsx(
+          "img",
+          {
+            style: {
+              marginLeft: "5px",
+              width: "24px",
+              height: "24px",
+              backgroundColor: "transparent",
+              borderRadius: "50%"
+            },
+            src: filePointer.iconImageUri,
+            alt: filePointer.sourceApplication
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { marginLeft: "5px" }, children: filePointer.name }),
+        /* @__PURE__ */ 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__ */ 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" })
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export {
+  IncludedFilesPreview
+};
+//# sourceMappingURL=chunk-JC6NGPO4.mjs.map

package/dist/chunk-JC6NGPO4.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\";\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\nfunction FileChipPreview({\n  filePointer,\n  onDelete,\n}: {\n  filePointer: DocumentPointer;\n  onDelete: () => void;\n}) {\n  const CLOSE_BUTTON_COLOR = \"rgba(0, 0, 0, 0.26)\";\n  const [color, setColor] = React.useState(CLOSE_BUTTON_COLOR);\n  return (\n    <div>\n      <button\n        style={{\n          fontSize: \"0.8125rem\",\n          display: \"inline-flex\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          height: \"32px\",\n          color: \"rgba(0, 0, 0, 0.87)\",\n          backgroundColor: \"rgba(0, 0, 0, 0.08)\",\n          borderRadius: \"16px\",\n          whiteSpace: \"nowrap\",\n          boxSizing: \"border-box\",\n          border: 0,\n          verticalAlign: \"middle\",\n          outline: 0,\n          cursor: \"default\",\n        }}\n      >\n        <img\n          style={{\n            marginLeft: \"5px\",\n            width: \"24px\",\n            height: \"24px\",\n            backgroundColor: \"transparent\",\n            borderRadius: \"50%\",\n          }}\n          src={filePointer.iconImageUri}\n          alt={filePointer.sourceApplication}\n        />\n        <span style={{ marginLeft: \"5px\" }}>{filePointer.name}</span>\n        <svg\n          style={{\n            color: color,\n            fontSize: \"22px\",\n            cursor: \"pointer\",\n            margin: \"0 5px 0 5px\",\n            userSelect: \"none\",\n            width: \"1em\",\n            height: \"1em\",\n            display: \"inline-block\",\n            fill: \"currentColor\",\n            flexShrink: 0,\n          }}\n          viewBox=\"0 0 24 24\" // Defines the size of the original design space\n          preserveAspectRatio=\"xMidYMid meet\"\n          onClick={onDelete}\n          onMouseOver={() => setColor(\"rgba(0, 0, 0, 0.54)\")}\n          onMouseOut={() => setColor(CLOSE_BUTTON_COLOR)}\n        >\n          <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\"></path>\n        </svg>\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAEA,OAAO,WAAW;AAYd,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;AAOA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AACF,GAGG;AACD,QAAM,qBAAqB;AAC3B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,kBAAkB;AAC3D,SACE,oBAAC,SACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,iBAAiB;AAAA,cACjB,cAAc;AAAA,YAChB;AAAA,YACA,KAAK,YAAY;AAAA,YACjB,KAAK,YAAY;AAAA;AAAA,QACnB;AAAA,QACA,oBAAC,UAAK,OAAO,EAAE,YAAY,MAAM,GAAI,sBAAY,MAAK;AAAA,QACtD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL;AAAA,cACA,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,MAAM;AAAA,cACN,YAAY;AAAA,YACd;AAAA,YACA,SAAQ;AAAA,YACR,qBAAoB;AAAA,YACpB,SAAS;AAAA,YACT,aAAa,MAAM,SAAS,qBAAqB;AAAA,YACjD,YAAY,MAAM,SAAS,kBAAkB;AAAA,YAE7C,8BAAC,UAAK,GAAE,mLAAkL;AAAA;AAAA,QAC5L;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

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

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

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

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

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

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

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_react12 = __toESM(require("react"));
+var import_react13 = __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_react9 = require("react");
+var import_react10 = 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_react7 = require("react");
+var import_react8 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -925,8 +925,7 @@ 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_Chip = __toESM(require("@mui/material/Chip/Chip.js"));
-var import_Avatar = __toESM(require("@mui/material/Avatar/Avatar.js"));
+var import_react6 = __toESM(require("react"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var IncludedFilesPreview = ({
   includedFiles,
@@ -948,37 +947,88 @@ var IncludedFilesPreview = ({
     }) })
   ] });
 };
-var FileChipPreview = ({ filePointer, onDelete }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_Chip.default,
+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",
     {
-      label: filePointer.name,
-      onDelete,
-      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_Avatar.default,
-        {
-          src: filePointer.iconImageUri,
-          alt: filePointer.sourceApplication,
-          sx: { backgroundColor: "transparent" }
-        }
-      )
+      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" })
+          }
+        )
+      ]
     }
-  );
-};
+  ) });
+}
 
 // src/components/hovering-toolbar/hovering-editor-provider.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var HoveringEditorContext = (0, import_react6.createContext)({
+var HoveringEditorContext = (0, import_react7.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
 var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = (0, import_react6.useState)(false);
+  const [isDisplayed, setIsDisplayed] = (0, import_react7.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
-var useHoveringEditorContext = () => (0, import_react6.useContext)(HoveringEditorContext);
+var useHoveringEditorContext = () => (0, import_react7.useContext)(HoveringEditorContext);
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -988,27 +1038,27 @@ var HoveringInsertionPromptBoxCore = ({
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  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)(
+  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)(
     null
   );
-  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)(() => {
+  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)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     var _a;
     (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -1046,7 +1096,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = (0, import_react7.useCallback)(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react8.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -1199,10 +1249,10 @@ var HoveringInsertionPromptBox = (props) => {
 
 // src/components/hovering-toolbar/hovering-toolbar-components.tsx
 var import_css = require("@emotion/css");
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 var import_react_dom = __toESM(require("react-dom"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Button2 = import_react8.default.forwardRef(
+var Button2 = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -1228,7 +1278,7 @@ var Button2 = import_react8.default.forwardRef(
     );
   }
 );
-var Icon = import_react8.default.forwardRef(
+var Icon = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1247,7 +1297,7 @@ var Icon = import_react8.default.forwardRef(
     );
   }
 );
-var Menu = import_react8.default.forwardRef(
+var Menu = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1274,7 +1324,7 @@ var Menu = import_react8.default.forwardRef(
 var Portal = ({ children }) => {
   return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-var Toolbar = import_react8.default.forwardRef(
+var Toolbar = import_react9.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1299,15 +1349,15 @@ var Toolbar = import_react8.default.forwardRef(
 // src/components/hovering-toolbar/hovering-toolbar.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
-  const ref = (0, import_react9.useRef)(null);
+  const ref = (0, import_react10.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_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react10.useState)(false);
+  (0, import_react10.useEffect)(() => {
     setIsClient(true);
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const el = ref.current;
     const { selection: selection2 } = editor;
     if (!el) {
@@ -1345,7 +1395,7 @@ var HoveringToolbar = (props) => {
     el.style.top = `${top}px`;
     el.style.left = `${left}px`;
   });
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         setIsDisplayed(false);
@@ -1443,10 +1493,10 @@ function makeRenderPlaceholderFunction(placeholderStyle) {
 }
 
 // src/components/base-copilot-textarea/use-add-branding-css.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
   const cssSelector = ".copilot-textarea.with-branding";
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (disableBranding) {
       return;
     }
@@ -1498,7 +1548,7 @@ function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
 }
 
 // src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_slate_react4 = require("slate-react");
 var import_slate9 = require("slate");
 
@@ -1551,7 +1601,7 @@ function TrackerTextEditedSinceLastCursorMovement(props) {
     text: editorToText(state)
   }));
   const previousState = usePrevious(cursorState);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!previousState) {
       return;
     }
@@ -1574,8 +1624,8 @@ var isSelectionEqual = (a, b) => {
   return import_slate9.Range.equals(a, b);
 };
 function usePrevious(value) {
-  const ref = (0, import_react11.useRef)();
-  (0, import_react11.useEffect)(() => {
+  const ref = (0, import_react12.useRef)();
+  (0, import_react12.useEffect)(() => {
     ref.current = value;
   });
   return ref.current;
@@ -1583,21 +1633,21 @@ function usePrevious(value) {
 
 // src/components/base-copilot-textarea/base-copilot-textarea.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var BaseCopilotTextarea = import_react12.default.forwardRef(
+var BaseCopilotTextarea = import_react13.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_react12.default.forwardRef(
+var BaseCopilotTextareaWithHoveringContext = import_react13.default.forwardRef(
   (props, ref) => {
     const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = (0, import_react12.useMemo)(() => {
+    const valueOnInitialRender = (0, import_react13.useMemo)(() => {
       var _a2;
       return (_a2 = props.value) != null ? _a2 : "";
     }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react12.useState)(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react12.useState)(false);
-    const initialValue = (0, import_react12.useMemo)(() => {
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = (0, import_react13.useState)(valueOnInitialRender);
+    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = (0, import_react13.useState)(false);
+    const initialValue = (0, import_react13.useMemo)(() => {
       return [
         {
           type: "paragraph",
@@ -1607,7 +1657,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
     const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
-    const insertText = (0, import_react12.useCallback)(
+    const insertText = (0, import_react13.useCallback)(
       (autosuggestion) => {
         import_slate10.Editor.insertText(editor, autosuggestion.text, {
           at: autosuggestion.point
@@ -1633,7 +1683,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
       autosuggestionsConfig.disableWhenEmpty,
       shouldDisableAutosuggestions
     );
-    const onKeyDownHandlerForHoveringEditor = (0, import_react12.useCallback)(
+    const onKeyDownHandlerForHoveringEditor = (0, import_react13.useCallback)(
       (event) => {
         var _a2;
         if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
@@ -1647,7 +1697,7 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
         autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress
       ]
     );
-    (0, import_react12.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       clearAutocompletionsFromEditor(editor);
       if (currentAutocompleteSuggestion) {
         addAutocompletionsToEditor(
@@ -1657,23 +1707,23 @@ var BaseCopilotTextareaWithHoveringContext = import_react12.default.forwardRef(
         );
       }
     }, [currentAutocompleteSuggestion]);
-    const suggestionStyleAugmented = (0, import_react12.useMemo)(() => {
+    const suggestionStyleAugmented = (0, import_react13.useMemo)(() => {
       return __spreadValues({
         fontStyle: "italic",
         color: "gray"
       }, props.suggestionsStyle);
     }, [props.suggestionsStyle]);
-    const renderElementMemoized = (0, import_react12.useMemo)(() => {
+    const renderElementMemoized = (0, import_react13.useMemo)(() => {
       return makeRenderElementFunction(suggestionStyleAugmented);
     }, [suggestionStyleAugmented]);
-    const renderPlaceholderMemoized = (0, import_react12.useMemo)(() => {
+    const renderPlaceholderMemoized = (0, import_react13.useMemo)(() => {
       const placeholderStyleSlatejsOverrides = {
         top: void 0
       };
       const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
       return makeRenderPlaceholderFunction(placeholderStyleAugmented);
     }, [props.placeholderStyle]);
-    (0, import_react12.useEffect)(() => {
+    (0, import_react13.useEffect)(() => {
       var _a2, _b;
       if (props.value === lastKnownFullEditorText) {
         return;