@copilotkit/react-textarea 0.28.0-alpha.8 → 0.28.0

package/dist/components/hovering-toolbar/hovering-toolbar.js

@@ -1,52 +1,12 @@
-'use strict';
-
-var React = require('react');
-var slate = require('slate');
-var slateReact = require('slate-react');
-var cmdk = require('cmdk');
-var clsx = require('clsx');
-var nanoid = require('nanoid');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var LabelPrimitive = require('@radix-ui/react-label');
-var reactCore = require('@copilotkit/react-core');
-var Chip = require('@mui/material/Chip/Chip.js');
-var Avatar = require('@mui/material/Avatar/Avatar.js');
-var css = require('@emotion/css');
-var ReactDOM = require('react-dom');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var Chip__default = /*#__PURE__*/_interopDefault(Chip);
-var Avatar__default = /*#__PURE__*/_interopDefault(Avatar);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
+"use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -74,6 +34,27 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -94,8 +75,21 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+
+// src/components/hovering-toolbar/hovering-toolbar.tsx
+var hovering_toolbar_exports = {};
+__export(hovering_toolbar_exports, {
+  HoveringToolbar: () => HoveringToolbar
+});
+module.exports = __toCommonJS(hovering_toolbar_exports);
+var import_react6 = require("react");
+var import_slate2 = require("slate");
+var import_slate_react = require("slate-react");
+
+// src/hooks/misc/use-autosize-textarea.tsx
+var import_react = require("react");
 var useAutosizeTextArea = (textAreaRef, value) => {
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (textAreaRef.current !== null) {
       textAreaRef.current.style.height = "0px";
       const scrollHeight = textAreaRef.current.scrollHeight;
@@ -104,17 +98,32 @@ var useAutosizeTextArea = (textAreaRef, value) => {
   }, [textAreaRef, value]);
 };
 var use_autosize_textarea_default = useAutosizeTextArea;
+
+// src/components/source-search-box/source-search-box.tsx
+var import_react2 = require("react");
+
+// src/components/ui/command.tsx
+var React = __toESM(require("react"));
+var import_cmdk = require("cmdk");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_nanoid = require("nanoid");
+var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-nanoid.customAlphabet(
+var nanoid = (0, import_nanoid.customAlphabet)(
   "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
   7
 );
-var Command = React__namespace.forwardRef((_a, ref) => {
+
+// src/components/ui/command.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Command = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command,
     __spreadValues({
       ref,
       className: cn(
@@ -124,11 +133,11 @@ var Command = React__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-Command.displayName = cmdk.Command.displayName;
-var CommandInput = React__namespace.forwardRef((_a, ref) => {
+Command.displayName = import_cmdk.Command.displayName;
+var CommandInput = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Input,
     __spreadValues({
       ref,
       className: cn(
@@ -138,24 +147,24 @@ var CommandInput = React__namespace.forwardRef((_a, ref) => {
     }, props)
   ) });
 });
-CommandInput.displayName = cmdk.Command.Input.displayName;
-var CommandList = React__namespace.forwardRef((_a, ref) => {
+CommandInput.displayName = import_cmdk.Command.Input.displayName;
+var CommandList = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.List,
     __spreadValues({
       ref,
       className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden pb-2", className)
     }, props)
   );
 });
-CommandList.displayName = cmdk.Command.List.displayName;
-var CommandEmpty = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
-CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-var CommandGroup = React__namespace.forwardRef((_a, ref) => {
+CommandList.displayName = import_cmdk.Command.List.displayName;
+var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_cmdk.Command.Empty, __spreadValues({ ref, className: "py-6 text-center text-sm" }, props)));
+CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
+var CommandGroup = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Group,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Group,
     __spreadValues({
       ref,
       className: cn(
@@ -165,22 +174,22 @@ var CommandGroup = React__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-CommandGroup.displayName = cmdk.Command.Group.displayName;
-var CommandSeparator = React__namespace.forwardRef((_a, ref) => {
+CommandGroup.displayName = import_cmdk.Command.Group.displayName;
+var CommandSeparator = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Separator,
     __spreadValues({
       ref,
       className: cn("-mx-1 h-px bg-border", className)
     }, props)
   );
 });
-CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-var CommandItem = React__namespace.forwardRef((_a, ref) => {
+CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
+var CommandItem = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_cmdk.Command.Item,
     __spreadValues({
       ref,
       className: cn(
@@ -190,10 +199,23 @@ var CommandItem = React__namespace.forwardRef((_a, ref) => {
     }, props)
   );
 });
-CommandItem.displayName = cmdk.Command.Item.displayName;
+CommandItem.displayName = import_cmdk.Command.Item.displayName;
+var CommandShortcut = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    __spreadValues({
+      className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className)
+    }, props)
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/source-search-box/source-search-box.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function SourceSearchBox(props) {
-  const [selectedValue, setSelectedValue] = React.useState("");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  const [selectedValue, setSelectedValue] = (0, import_react2.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     Command,
     {
       className: "rounded-lg border shadow-md",
@@ -209,7 +231,7 @@ function SourceSearchBox(props) {
         return 0;
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           CommandInput,
           {
             value: props.searchTerm,
@@ -217,18 +239,18 @@ function SourceSearchBox(props) {
             placeholder: "Search for a command..."
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No results found." }),
-          /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { heading: "Available resources", children: props.suggestedFiles.map((filePointer) => {
-            return /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CommandList, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandEmpty, { children: "No results found." }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandGroup, { heading: "Available resources", children: props.suggestedFiles.map((filePointer) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               CommandItem,
               {
                 value: filePointer.name,
                 onSelect: (value) => {
                   props.onSelectedFile(filePointer);
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: " px-3  flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Logo, { width: "20px", height: "20px", children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: " px-3  flex flex-row gap-1 items-center", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Logo, { width: "20px", height: "20px", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "img",
                     {
                       src: filePointer.iconImageUri,
@@ -242,7 +264,7 @@ function SourceSearchBox(props) {
               `word-${filePointer.sourceApplication}.${filePointer.name}`
             );
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(CommandSeparator, {})
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CommandSeparator, {})
         ] })
       ]
     }
@@ -253,9 +275,15 @@ function Logo({
   width,
   height
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", style: { width, height }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", style: { width, height }, children });
 }
-var buttonVariants = classVarianceAuthority.cva(
+
+// src/components/ui/button.tsx
+var React2 = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -280,22 +308,31 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React__namespace.forwardRef(
+var Button = React2.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsx(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
   }
 );
 Button.displayName = "Button";
-var labelVariants = classVarianceAuthority.cva(
+
+// src/components/ui/label.tsx
+var React3 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority2.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React__namespace.forwardRef((_a, ref) => {
+var Label = React3.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, __spreadValues({ ref, className: cn(labelVariants(), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LabelPrimitive.Root, __spreadValues({ ref, className: cn(labelVariants(), className) }, props));
 });
-Label.displayName = LabelPrimitive__namespace.Root.displayName;
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_react3 = require("react");
 
 // src/lib/stream-promise-flatten.ts
 function streamPromiseFlatten(promise) {
@@ -320,14 +357,22 @@ function streamPromiseFlatten(promise) {
     }
   });
 }
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_react_core = 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_jsx_runtime5 = require("react/jsx-runtime");
 var IncludedFilesPreview = ({
   includedFiles,
   setIncludedFiles
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 mt-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "", children: "Included context:" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 mt-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Label, { className: "", children: "Included context:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-wrap gap-2", children: includedFiles.map((filePointer, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         FileChipPreview,
         {
           filePointer,
@@ -341,13 +386,13 @@ var IncludedFilesPreview = ({
   ] });
 };
 var FileChipPreview = ({ filePointer, onDelete }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Chip__default.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_Chip.default,
     {
       label: filePointer.name,
       onDelete,
-      avatar: /* @__PURE__ */ jsxRuntime.jsx(
-        Avatar__default.default,
+      avatar: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_Avatar.default,
         {
           src: filePointer.iconImageUri,
           alt: filePointer.sourceApplication,
@@ -357,35 +402,38 @@ var FileChipPreview = ({ filePointer, onDelete }) => {
     }
   );
 };
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box-core.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var HoveringInsertionPromptBoxCore = ({
   performInsertion,
   state,
   insertionOrEditingFunction,
   contextCategories
 }) => {
-  const { getDocumentsContext } = React.useContext(reactCore.CopilotContext);
-  const [editSuggestion, setEditSuggestion] = React.useState("");
-  const [suggestionIsLoading, setSuggestionIsLoading] = React.useState(false);
-  const [adjustmentPrompt, setAdjustmentPrompt] = React.useState("");
-  const [generatingSuggestion, setGeneratingSuggestion] = React.useState(
+  const { getDocumentsContext } = (0, import_react3.useContext)(import_react_core.CopilotContext);
+  const [editSuggestion, setEditSuggestion] = (0, import_react3.useState)("");
+  const [suggestionIsLoading, setSuggestionIsLoading] = (0, import_react3.useState)(false);
+  const [adjustmentPrompt, setAdjustmentPrompt] = (0, import_react3.useState)("");
+  const [generatingSuggestion, setGeneratingSuggestion] = (0, import_react3.useState)(
     null
   );
-  const adjustmentTextAreaRef = React.useRef(null);
-  const suggestionTextAreaRef = React.useRef(null);
-  const [filePointers, setFilePointers] = React.useState([]);
-  const [suggestedFiles, setSuggestedFiles] = React.useState([]);
-  React.useEffect(() => {
+  const adjustmentTextAreaRef = (0, import_react3.useRef)(null);
+  const suggestionTextAreaRef = (0, import_react3.useRef)(null);
+  const [filePointers, setFilePointers] = (0, import_react3.useState)([]);
+  const [suggestedFiles, setSuggestedFiles] = (0, import_react3.useState)([]);
+  (0, import_react3.useEffect)(() => {
     setSuggestedFiles(getDocumentsContext(contextCategories));
   }, [contextCategories, getDocumentsContext]);
   use_autosize_textarea_default(suggestionTextAreaRef, editSuggestion || "");
   use_autosize_textarea_default(adjustmentTextAreaRef, adjustmentPrompt || "");
-  React.useEffect(() => {
+  (0, import_react3.useEffect)(() => {
     setTimeout(() => {
       var _a;
       (_a = adjustmentTextAreaRef.current) == null ? void 0 : _a.focus();
     }, 0);
   }, []);
-  React.useEffect(() => {
+  (0, import_react3.useEffect)(() => {
     if (!generatingSuggestion) {
       return;
     }
@@ -423,7 +471,7 @@ var HoveringInsertionPromptBoxCore = ({
       releaseLockIfNotClosed();
     };
   }, [generatingSuggestion]);
-  const beginGeneratingAdjustment = React.useCallback(() => __async(void 0, null, function* () {
+  const beginGeneratingAdjustment = (0, import_react3.useCallback)(() => __async(void 0, null, function* () {
     if (!adjustmentPrompt.trim()) {
       return;
     }
@@ -452,10 +500,10 @@ var HoveringInsertionPromptBoxCore = ({
   const textToEdit = editSuggestion || state.editorState.selectedText;
   const adjustmentLabel = textToEdit === "" ? "Describe the text you want to insert" : "Describe adjustments to the suggested text";
   const placeholder = textToEdit === "" ? "e.g. 'summarize the client's top 3 pain-points from @CallTranscript'" : "e.g. 'make it more formal', 'be more specific', ...";
-  const AdjustmentPromptComponent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "", children: adjustmentLabel }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full flex items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+  const AdjustmentPromptComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { className: "", children: adjustmentLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative w-full flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "textarea",
         {
           disabled: suggestionIsLoading,
@@ -477,29 +525,29 @@ var HoveringInsertionPromptBoxCore = ({
           rows: 1
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           onClick: beginGeneratingAdjustment,
           className: "absolute right-2 bg-blue-500 text-white w-8 h-8 rounded-full flex items-center justify-center",
-          children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "material-icons", children: "arrow_forward" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: "material-icons", children: "arrow_forward" })
         }
       )
     ] })
   ] });
-  const SuggestionComponent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-end w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mt-4", children: "Suggested:" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+  const SuggestionComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-end w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Label, { className: "mt-4", children: "Suggested:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "ml-auto", children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
           className: "inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]",
           role: "status",
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "textarea",
       {
         ref: suggestionTextAreaRef,
@@ -511,7 +559,7 @@ var HoveringInsertionPromptBoxCore = ({
       }
     )
   ] });
-  const SubmitComponent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  const SubmitComponent = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex w-full gap-4 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     Button,
     {
       className: " bg-green-700 text-white",
@@ -520,16 +568,16 @@ var HoveringInsertionPromptBoxCore = ({
       },
       children: [
         "Insert ",
-        /* @__PURE__ */ jsxRuntime.jsx("i", { className: "material-icons", children: "check" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: "material-icons", children: "check" })
       ]
     }
   ) });
   const sourceSearchCandidate = adjustmentPrompt.split(" ").pop();
   const sourceSearchWord = (sourceSearchCandidate == null ? void 0 : sourceSearchCandidate.startsWith("@")) ? sourceSearchCandidate.slice(1) : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w-full flex flex-col items-start relative gap-2", children: [
     AdjustmentPromptComponent,
-    filePointers.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
-    sourceSearchWord !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    filePointers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IncludedFilesPreview, { includedFiles: filePointers, setIncludedFiles: setFilePointers }),
+    sourceSearchWord !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       SourceSearchBox,
       {
         searchTerm: sourceSearchWord,
@@ -546,13 +594,16 @@ var HoveringInsertionPromptBoxCore = ({
     generatingSuggestion ? SubmitComponent : null
   ] });
 };
+
+// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var HoveringInsertionPromptBox = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       className: "flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white",
       style: { width: "35rem" },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         HoveringInsertionPromptBoxCore,
         {
           state: {
@@ -566,7 +617,13 @@ var HoveringInsertionPromptBox = (props) => {
     }
   );
 };
-React__namespace.default.forwardRef(
+
+// src/components/hovering-toolbar/hovering-toolbar-components.tsx
+var import_css = require("@emotion/css");
+var import_react4 = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Button2 = import_react4.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -577,13 +634,13 @@ React__namespace.default.forwardRef(
       "active",
       "reversed"
     ]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "span",
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           cursor: pointer;
           color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
         `
@@ -592,17 +649,17 @@ React__namespace.default.forwardRef(
     );
   }
 );
-React__namespace.default.forwardRef(
+var Icon = import_react4.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "span",
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           "material-icons",
           className,
-          css.css`
+          import_css.css`
           font-size: 18px;
           vertical-align: text-bottom;
         `
@@ -611,17 +668,17 @@ React__namespace.default.forwardRef(
     );
   }
 );
-var Menu = React__namespace.default.forwardRef(
+var Menu = import_react4.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       __spreadProps(__spreadValues({}, props), {
         "data-test-id": "menu",
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           & > * {
             display: inline-block;
           }
@@ -636,18 +693,18 @@ var Menu = React__namespace.default.forwardRef(
   }
 );
 var Portal = ({ children }) => {
-  return typeof document === "object" ? ReactDOM__default.default.createPortal(children, document.body) : null;
+  return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-React__namespace.default.forwardRef(
+var Toolbar = import_react4.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       Menu,
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           position: relative;
           padding: 1px 18px 17px;
           margin: 0 -20px;
@@ -659,12 +716,19 @@ React__namespace.default.forwardRef(
     );
   }
 );
-var HoveringEditorContext = React.createContext({
+
+// src/components/hovering-toolbar/hovering-editor-provider.tsx
+var import_react5 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var HoveringEditorContext = (0, import_react5.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
-var useHoveringEditorContext = () => React.useContext(HoveringEditorContext);
+var useHoveringEditorContext = () => (0, import_react5.useContext)(HoveringEditorContext);
+
+// src/lib/get-text-around-cursor.ts
+var import_slate = require("slate");
 function getTextAroundSelection(editor) {
   const { selection } = editor;
   if (!selection) {
@@ -672,12 +736,12 @@ function getTextAroundSelection(editor) {
   }
   const wellOrderedSelection = wellOrderedRange(selection);
   const beforeRange = {
-    anchor: slate.Editor.start(editor, []),
+    anchor: import_slate.Editor.start(editor, []),
     focus: wellOrderedSelection.anchor
   };
   const afterRange = {
     anchor: wellOrderedSelection.focus,
-    focus: slate.Editor.end(editor, [])
+    focus: import_slate.Editor.end(editor, [])
   };
   const before = extractTextWithNewlines(editor, beforeRange);
   const after = extractTextWithNewlines(editor, afterRange);
@@ -691,25 +755,25 @@ function getTextAroundSelection(editor) {
 }
 function getFullEditorTextWithNewlines(editor) {
   const fullDocumentRange = {
-    anchor: slate.Editor.start(editor, []),
-    focus: slate.Editor.end(editor, [])
+    anchor: import_slate.Editor.start(editor, []),
+    focus: import_slate.Editor.end(editor, [])
   };
   return extractTextWithNewlines(editor, fullDocumentRange);
 }
 function extractTextWithNewlines(editor, range) {
   const voids = false;
-  const [start, end] = slate.Range.edges(range);
+  const [start, end] = import_slate.Range.edges(range);
   let text = "";
   let lastBlock = null;
-  for (const [node, path] of slate.Editor.nodes(editor, {
+  for (const [node, path] of import_slate.Editor.nodes(editor, {
     at: range,
-    match: slate.Text.isText,
+    match: import_slate.Text.isText,
     voids
   })) {
     let t = node.text;
-    const [block] = slate.Editor.above(editor, {
+    const [block] = import_slate.Editor.above(editor, {
       at: path,
-      match: (n) => slate.Element.isElement(n) && n.type === "paragraph"
+      match: (n) => import_slate.Element.isElement(n) && n.type === "paragraph"
     }) || [null];
     if (lastBlock !== block && block) {
       if (lastBlock) {
@@ -717,10 +781,10 @@ function extractTextWithNewlines(editor, range) {
       }
       lastBlock = block;
     }
-    if (slate.Path.equals(path, end.path)) {
+    if (import_slate.Path.equals(path, end.path)) {
       t = t.slice(0, end.offset);
     }
-    if (slate.Path.equals(path, start.path)) {
+    if (import_slate.Path.equals(path, start.path)) {
       t = t.slice(start.offset);
     }
     text += t;
@@ -729,7 +793,7 @@ function extractTextWithNewlines(editor, range) {
 }
 function wellOrderedRange(range) {
   const { anchor, focus } = range;
-  if (slate.Point.isBefore(anchor, focus)) {
+  if (import_slate.Point.isBefore(anchor, focus)) {
     return range;
   }
   return {
@@ -737,16 +801,19 @@ function wellOrderedRange(range) {
     focus: anchor
   };
 }
+
+// src/components/hovering-toolbar/hovering-toolbar.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var HoveringToolbar = (props) => {
-  const ref = React.useRef(null);
-  const editor = slateReact.useSlate();
-  const selection = slateReact.useSlateSelection();
+  const ref = (0, import_react6.useRef)(null);
+  const editor = (0, import_slate_react.useSlate)();
+  const selection = (0, import_slate_react.useSlateSelection)();
   const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
-  const [isClient, setIsClient] = React.useState(false);
-  React.useEffect(() => {
+  const [isClient, setIsClient] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     setIsClient(true);
   }, []);
-  React.useEffect(() => {
+  (0, import_react6.useEffect)(() => {
     const el = ref.current;
     const { selection: selection2 } = editor;
     if (!el) {
@@ -784,7 +851,7 @@ var HoveringToolbar = (props) => {
     el.style.top = `${top}px`;
     el.style.left = `${left}px`;
   });
-  React.useEffect(() => {
+  (0, import_react6.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         setIsDisplayed(false);
@@ -798,23 +865,23 @@ var HoveringToolbar = (props) => {
   if (!isClient) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     Menu,
     {
       ref,
       className: props.hoverMenuClassname || "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700",
-      children: isDisplayed && selection && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isDisplayed && selection && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         HoveringInsertionPromptBox,
         {
-          editorState: editorState(editor),
+          editorState: editorState(editor, selection),
           apiConfig: props.apiConfig,
           closeWindow: () => {
             setIsDisplayed(false);
           },
           performInsertion: (insertedText) => {
             console.log("inserted text", insertedText);
-            slate.Transforms.delete(editor, { at: selection });
-            slate.Transforms.insertText(editor, insertedText, {
+            import_slate2.Transforms.delete(editor, { at: selection });
+            import_slate2.Transforms.insertText(editor, insertedText, {
               at: selection
             });
             setIsDisplayed(false);
@@ -836,7 +903,8 @@ function editorState(editor, selection) {
     selectedText: ""
   };
 }
-
-exports.HoveringToolbar = HoveringToolbar;
-//# sourceMappingURL=out.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HoveringToolbar
+});
 //# sourceMappingURL=hovering-toolbar.js.map