@copilotkit/react-textarea 1.51.4-next.7 → 1.51.4

package/dist/chunk-E7C63KQP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"sourcesContent":["/**\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotTextarea.gif\" width=\"500\" />\n *\n * `<CopilotTextarea>` is a React component that acts as a drop-in replacement for the standard `<textarea>`,\n *  offering enhanced autocomplete features powered by AI. It is context-aware, integrating seamlessly with the\n * [`useCopilotReadable`](/reference/hooks/useCopilotReadable) hook to provide intelligent suggestions based on the application context.\n *\n * In addition, it provides a hovering editor window (available by default via `Cmd + K` on Mac and `Ctrl + K` on Windows) that allows the user to\n * suggest changes to the text, for example providing a summary or rephrasing the text.\n *\n * ## Example\n *\n * ```tsx\n * import { CopilotTextarea } from '@copilotkit/react-textarea';\n * import \"@copilotkit/react-textarea/styles.css\";\n *\n * <CopilotTextarea\n *   autosuggestionsConfig={{\n *     textareaPurpose:\n *      \"the body of an email message\",\n *     chatApiConfigs: {},\n *   }}\n * />\n * ```\n *\n * ## Usage\n *\n * ### Install Dependencies\n *\n * This component is part of the [@copilotkit/react-textarea](https://npmjs.com/package/@copilotkit/react-textarea) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-textarea\"\\\n * npm install @copilotkit/react-core @copilotkit/react-textarea\n * ```\n *\n * ### Usage\n *\n * Use the CopilotTextarea component in your React application similarly to a standard `<textarea />`,\n * with additional configurations for AI-powered features.\n *\n * For example:\n *\n * ```tsx\n * import { useState } from \"react\";\n * import { CopilotTextarea } from \"@copilotkit/react-textarea\";\n * import \"@copilotkit/react-textarea/styles.css\";\n *\n * export function ExampleComponent() {\n *   const [text, setText] = useState(\"\");\n *\n *   return (\n *     <CopilotTextarea\n *       className=\"custom-textarea-class\"\n *       value={text}\n *       onValueChange={(value: string) => setText(value)}\n *       placeholder=\"Enter your text here...\"\n *       autosuggestionsConfig={{\n *         textareaPurpose: \"Provide context or purpose of the textarea.\",\n *         chatApiConfigs: {\n *           suggestionsApiConfig: {\n *             maxTokens: 20,\n *             stop: [\".\", \"?\", \"!\"],\n *           },\n *         },\n *       }}\n *     />\n *   );\n * }\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-textarea/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n * */\nimport React from \"react\";\nimport { useMakeStandardAutosuggestionFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport {\n  AutosuggestionsConfig,\n  defaultAutosuggestionsConfig,\n} from \"../../types/autosuggestions-config\";\nimport { BaseCopilotTextarea } from \"../base-copilot-textarea/base-copilot-textarea\";\nimport { useMakeStandardInsertionOrEditingFunction } from \"../../hooks/make-autosuggestions-function/use-make-standard-insertion-function\";\nimport merge from \"lodash.merge\";\nimport { AutosuggestionsConfigUserSpecified } from \"../../types/autosuggestions-config/autosuggestions-config-user-specified\";\n\n// Like the base copilot textarea props,\n// but with baseAutosuggestionsConfig replaced with autosuggestionsConfig.\nexport interface CopilotTextareaProps extends Omit<\n  BaseCopilotTextareaProps,\n  \"baseAutosuggestionsConfig\"\n> {\n  /**\n   * Configuration settings for the autosuggestions feature.\n   * For full reference, [check the interface on GitHub](https://github.com/CopilotKit/CopilotKit/blob/main/src/v1.x/packages/react-textarea/src/types/base/base-copilot-textarea-props.tsx#L8).\n   *\n   * <PropertyReference name=\"textareaPurpose\" type=\"string\" required={true} >\n   *   The purpose of the text area in plain text.\n   *\n   *   Example: *\"The body of the email response\"*\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"chatApiConfigs\" type=\"ChatApiConfigs\" >\n   *   The chat API configurations.\n   *\n   *   <strong>NOTE:</strong> You must provide specify at least one of `suggestionsApiConfig` or `insertionApiConfig`.\n   *\n   *   <PropertyReference name=\"suggestionsApiConfig\" type=\"SuggestionsApiConfig\">\n   *       For full reference, please [click here](https://github.com/CopilotKit/CopilotKit/blob/main/src/v1.x/packages/react-textarea/src/types/autosuggestions-config/suggestions-api-config.tsx#L4).\n   *   </PropertyReference>\n   *   <PropertyReference name=\"insertionApiConfig\" type=\"InsertionApiConfig\">\n   *       For full reference, please [click here](https://github.com/CopilotKit/CopilotKit/blob/main/src/v1.x/packages/react-textarea/src/types/autosuggestions-config/insertions-api-config.tsx#L4).\n   *   </PropertyReference>\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"disabled\" type=\"boolean\" >\n   *   Whether the textarea is disabled.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"disableBranding\" type=\"boolean\" >\n   *   Whether to disable the CopilotKit branding.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"placeholderStyle\" type=\"React.CSSProperties\" >\n   *   Specifies the CSS styles to apply to the placeholder text.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"suggestionsStyle\" type=\"React.CSSProperties\" >\n   *   Specifies the CSS styles to apply to the suggestions list.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"hoverMenuClassname\" type=\"string\" >\n   *   A class name to apply to the editor popover window.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"value\" type=\"string\" >\n   *   The initial value of the textarea. Can be controlled via `onValueChange`.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"onValueChange\" type=\"(value: string) => void\" >\n   *   Callback invoked when the value of the textarea changes.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"onChange\" type=\"(event: React.ChangeEvent<HTMLTextAreaElement>) => void\" >\n   *   Callback invoked when a `change` event is triggered on the textarea element.\n   * </PropertyReference>\n   *\n   * <PropertyReference name=\"shortcut\" type=\"string\" >\n   *   The shortcut to use to open the editor popover window. Default is `\"Cmd-k\"`.\n   * </PropertyReference>\n   */\n  autosuggestionsConfig: AutosuggestionsConfigUserSpecified;\n}\n\n/**\n * A copilot textarea that uses the standard autosuggestions function.\n */\nexport const CopilotTextarea = React.forwardRef(\n  (props: CopilotTextareaProps, ref: React.Ref<HTMLCopilotTextAreaElement>) => {\n    // separate the AutosuggestionsConfigUserSpecified from the rest of the props\n    const {\n      autosuggestionsConfig: autosuggestionsConfigUserSpecified,\n      ...forwardedProps\n    } = props;\n\n    const autosuggestionsConfig: AutosuggestionsConfig = merge(\n      defaultAutosuggestionsConfig,\n      autosuggestionsConfigUserSpecified,\n    );\n\n    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n      autosuggestionsConfig.textareaPurpose,\n      autosuggestionsConfig.contextCategories,\n      autosuggestionsConfig.chatApiConfigs.suggestionsApiConfig,\n    );\n\n    const insertionOrEditingFunction =\n      useMakeStandardInsertionOrEditingFunction(\n        autosuggestionsConfig.textareaPurpose,\n        autosuggestionsConfig.contextCategories,\n        autosuggestionsConfig.chatApiConfigs.insertionApiConfig,\n        autosuggestionsConfig.chatApiConfigs.editingApiConfig,\n      );\n\n    return (\n      <>\n        <BaseCopilotTextarea\n          ref={ref}\n          {...forwardedProps}\n          baseAutosuggestionsConfig={{\n            ...autosuggestionsConfig,\n            apiConfig: {\n              insertionOrEditingFunction: insertionOrEditingFunction,\n              autosuggestionsFunction: autosuggestionsFunction,\n            },\n          }}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAwFA,OAAO,WAAW;AAUlB,OAAO,WAAW;AAsGZ,mBACE,WADF;AA5BC,IAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,OAA6B,QAA+C;AAE3E,UAGI,YAFF;AAAA,6BAAuB;AAAA,IAhL7B,IAkLQ,IADC,2BACD,IADC;AAAA,MADH;AAAA;AAIF,UAAM,wBAA+C;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,0BAA0B;AAAA,MAC9B,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,IACvC;AAEA,UAAM,6BACJ;AAAA,MACE,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB,eAAe;AAAA,MACrC,sBAAsB,eAAe;AAAA,IACvC;AAEF,WACE,gCACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,SACI,iBAFL;AAAA,QAGC,2BAA2B,iCACtB,wBADsB;AAAA,UAEzB,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/{chunk-GQN2HYFJ.mjs → chunk-EGBZSVLK.mjs}

@@ -11,7 +11,10 @@ function clearAutocompletionsFromEditor(editor) {
     try {
       Transforms.removeNodes(editor, { at: path });
     } catch (e) {
-      console.log("CopilotTextarea.clearAutocompletionsFromEditor: error removing node", e);
+      console.log(
+        "CopilotTextarea.clearAutocompletionsFromEditor: error removing node",
+        e
+      );
     }
   }
 }
@@ -19,4 +22,4 @@ function clearAutocompletionsFromEditor(editor) {
 export {
   clearAutocompletionsFromEditor
 };
-//# sourceMappingURL=chunk-GQN2HYFJ.mjs.map
+//# sourceMappingURL=chunk-EGBZSVLK.mjs.map

package/dist/{chunk-GQN2HYFJ.mjs.map → chunk-EGBZSVLK.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/slatejs-edits/clear-autocompletions.ts"],"sourcesContent":["import { Element, Node, Path, Transforms } from \"slate\";\nimport { CustomEditor } from \"../../types/base/custom-editor\";\n\nexport function clearAutocompletionsFromEditor(editor: CustomEditor) {\n  // clear previous suggestion\n  const paths: Path[] = [];\n  for (const [node, path] of Node.nodes(editor)) {\n    if (Element.isElement(node) && node.type === \"suggestion\") {\n      paths.push(path);\n    }\n  }\n  for (const path of paths) {\n    try {\n      Transforms.removeNodes(editor, { at: path });\n    } catch (e) {\n      console.log(\"CopilotTextarea.clearAutocompletionsFromEditor: error removing node\", e);\n    }\n  }\n}\n"],"mappings":";AAAA,SAAS,SAAS,MAAY,kBAAkB;AAGzC,SAAS,+BAA+B,QAAsB;AAEnE,QAAM,QAAgB,CAAC;AACvB,aAAW,CAAC,MAAM,IAAI,KAAK,KAAK,MAAM,MAAM,GAAG;AAC7C,QAAI,QAAQ,UAAU,IAAI,KAAK,KAAK,SAAS,cAAc;AACzD,YAAM,KAAK,IAAI;AAAA,IACjB;AAAA,EACF;AACA,aAAW,QAAQ,OAAO;AACxB,QAAI;AACF,iBAAW,YAAY,QAAQ,EAAE,IAAI,KAAK,CAAC;AAAA,IAC7C,SAAS,GAAP;AACA,cAAQ,IAAI,uEAAuE,CAAC;AAAA,IACtF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/lib/slatejs-edits/clear-autocompletions.ts"],"sourcesContent":["import { Element, Node, Path, Transforms } from \"slate\";\nimport { CustomEditor } from \"../../types/base/custom-editor\";\n\nexport function clearAutocompletionsFromEditor(editor: CustomEditor) {\n  // clear previous suggestion\n  const paths: Path[] = [];\n  for (const [node, path] of Node.nodes(editor)) {\n    if (Element.isElement(node) && node.type === \"suggestion\") {\n      paths.push(path);\n    }\n  }\n  for (const path of paths) {\n    try {\n      Transforms.removeNodes(editor, { at: path });\n    } catch (e) {\n      console.log(\n        \"CopilotTextarea.clearAutocompletionsFromEditor: error removing node\",\n        e,\n      );\n    }\n  }\n}\n"],"mappings":";AAAA,SAAS,SAAS,MAAY,kBAAkB;AAGzC,SAAS,+BAA+B,QAAsB;AAEnE,QAAM,QAAgB,CAAC;AACvB,aAAW,CAAC,MAAM,IAAI,KAAK,KAAK,MAAM,MAAM,GAAG;AAC7C,QAAI,QAAQ,UAAU,IAAI,KAAK,KAAK,SAAS,cAAc;AACzD,YAAM,KAAK,IAAI;AAAA,IACjB;AAAA,EACF;AACA,aAAW,QAAQ,OAAO;AACxB,QAAI;AACF,iBAAW,YAAY,QAAQ,EAAE,IAAI,KAAK,CAAC;AAAA,IAC7C,SAAS,GAAP;AACA,cAAQ;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-3QJOFG3V.mjs → chunk-FTG7P3NP.mjs}

@@ -22,4 +22,4 @@ function makeRenderPlaceholderFunction(placeholderStyle) {
 export {
   makeRenderPlaceholderFunction
 };
-//# sourceMappingURL=chunk-3QJOFG3V.mjs.map
+//# sourceMappingURL=chunk-FTG7P3NP.mjs.map

package/dist/chunk-FTG7P3NP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/base-copilot-textarea/render-placeholder.tsx"],"sourcesContent":["import { RenderPlaceholderProps } from \"slate-react\";\nimport React from \"react\";\n\nexport type RenderPlaceholderFunction = (\n  props: RenderPlaceholderProps,\n) => React.JSX.Element;\n\nexport function makeRenderPlaceholderFunction(\n  placeholderStyle?: React.CSSProperties,\n): RenderPlaceholderFunction {\n  return (props: RenderPlaceholderProps) => {\n    const { style, ...restAttributes } = props.attributes;\n\n    return (\n      <div\n        {...restAttributes}\n        style={{\n          ...style,\n          ...placeholderStyle,\n        }}\n      >\n        {props.children}\n      </div>\n    );\n  };\n}\n"],"mappings":";;;;;;;AAcM;AAPC,SAAS,8BACd,kBAC2B;AAC3B,SAAO,CAAC,UAAkC;AACxC,UAAqC,WAAM,YAAnC,QAXZ,IAWyC,IAAnB,2BAAmB,IAAnB,CAAV;AAER,WACE;AAAA,MAAC;AAAA,uCACK,iBADL;AAAA,QAEC,OAAO,kCACF,QACA;AAAA,QAGJ,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AACF;","names":[]}

package/dist/{chunk-KMVGEY7Q.mjs → chunk-IBZTDP72.mjs}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-D47EKHIF.mjs";
+} from "./chunk-2X3CZVEP.mjs";
 
 // src/components/hovering-toolbar/text-insertion-prompt-box/included-files-preview.tsx
 import Chip from "@mui/material/Chip/Chip.js";
@@ -18,7 +18,9 @@ var IncludedFilesPreview = ({
         {
           filePointer,
           onDelete: () => {
-            setIncludedFiles((prev) => prev.filter((fp) => fp !== filePointer));
+            setIncludedFiles(
+              (prev) => prev.filter((fp) => fp !== filePointer)
+            );
           }
         },
         `file-${filePointer.sourceApplication}.${filePointer.name}`
@@ -26,7 +28,10 @@ var IncludedFilesPreview = ({
     }) })
   ] });
 };
-var FileChipPreview = ({ filePointer, onDelete }) => {
+var FileChipPreview = ({
+  filePointer,
+  onDelete
+}) => {
   return /* @__PURE__ */ jsx(
     Chip,
     {
@@ -48,4 +53,4 @@ export {
   IncludedFilesPreview,
   FileChipPreview
 };
-//# sourceMappingURL=chunk-KMVGEY7Q.mjs.map
+//# sourceMappingURL=chunk-IBZTDP72.mjs.map

package/dist/chunk-IBZTDP72.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) =>\n                  prev.filter((fp) => fp !== filePointer),\n                );\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 = ({\n  filePointer,\n  onDelete,\n}: 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;AAAA,cAAiB,CAAC,SAChB,KAAK,OAAO,CAAC,OAAO,OAAO,WAAW;AAAA,YACxC;AAAA,UACF;AAAA;AAAA,QANK,QAAQ,YAAY,qBAAqB,YAAY;AAAA,MAO5D;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;AAOO,IAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AACF,MAA4B;AAC1B,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/{chunk-4PDYALMP.mjs → chunk-LYNGBKJR.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-YLFAIYRY.mjs";
+} from "./chunk-VYLLLBUP.mjs";
 import {
   __objRest,
   __spreadValues
@@ -40,7 +40,13 @@ var Button = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(Comp, __spreadValues({ className: cn(buttonVariants({ variant, size, className })), ref }, props));
+    return /* @__PURE__ */ jsx(
+      Comp,
+      __spreadValues({
+        className: cn(buttonVariants({ variant, size, className })),
+        ref
+      }, props)
+    );
   }
 );
 Button.displayName = "Button";
@@ -49,4 +55,4 @@ export {
   buttonVariants,
   Button
 };
-//# sourceMappingURL=chunk-4PDYALMP.mjs.map
+//# sourceMappingURL=chunk-LYNGBKJR.mjs.map

package/dist/chunk-LYNGBKJR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst buttonVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;AA4CjC;AAxCN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AASA,IAAM,SAAe;AAAA,EACnB,CAAC,IAAyD,QAAQ;AAAjE,iBAAE,aAAW,SAAS,MAAM,UAAU,MA3CzC,IA2CG,IAAgD,kBAAhD,IAAgD,CAA9C,aAAW,WAAS,QAAM;AAC3B,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,QAC1D;AAAA,SACI;AAAA,IACN;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}

package/dist/{chunk-DL3JWL2E.mjs → chunk-M7GTVHFB.mjs}

@@ -19,8 +19,10 @@ import {
   CopilotRequestType
 } from "@copilotkit/runtime-client-gql";
 function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCategories, insertionApiConfig, editingApiConfig) {
-  const runtimeClient = { generateCopilotResponse: (...args) => {
-  } };
+  const runtimeClient = {
+    generateCopilotResponse: (...args) => {
+    }
+  };
   const { getContextString, copilotApiConfig } = useCopilotContext();
   const headers = __spreadValues({}, copilotApiConfig.publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey } : {});
   function runtimeClientResponseToStringStream(responsePromise) {
@@ -36,7 +38,9 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
               if (done) {
                 break;
               }
-              const messages = convertGqlOutputToMessages(value.generateCopilotResponse.messages);
+              const messages = convertGqlOutputToMessages(
+                value.generateCopilotResponse.messages
+              );
               let newContent = "";
               for (const message of messages) {
                 if (message.isTextMessage()) {
@@ -87,7 +91,9 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
                 actions: [],
                 url: window.location.href
               },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
+              messages: convertMessagesToGqlInput(
+                filterAgentStateMessages(messages)
+              ),
               metadata: {
                 requestType: CopilotRequestType.TextareaCompletion
               }
@@ -137,7 +143,9 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
                 actions: [],
                 url: window.location.href
               },
-              messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),
+              messages: convertMessagesToGqlInput(
+                filterAgentStateMessages(messages)
+              ),
               metadata: {
                 requestType: CopilotRequestType.TextareaCompletion
               }
@@ -154,9 +162,19 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
   const insertionOrEditingFunction = useCallback(
     (editorState, insertionPrompt, documents, abortSignal) => __async(this, null, function* () {
       if (editorState.selectedText === "") {
-        return yield insertionFunction(editorState, insertionPrompt, documents, abortSignal);
+        return yield insertionFunction(
+          editorState,
+          insertionPrompt,
+          documents,
+          abortSignal
+        );
       } else {
-        return yield editingFunction(editorState, insertionPrompt, documents, abortSignal);
+        return yield editingFunction(
+          editorState,
+          insertionPrompt,
+          documents,
+          abortSignal
+        );
       }
     }),
     [insertionFunction, editingFunction]
@@ -167,4 +185,4 @@ function useMakeStandardInsertionOrEditingFunction(textareaPurpose, contextCateg
 export {
   useMakeStandardInsertionOrEditingFunction
 };
-//# sourceMappingURL=chunk-DL3JWL2E.mjs.map
+//# sourceMappingURL=chunk-M7GTVHFB.mjs.map

package/dist/chunk-M7GTVHFB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-insertion-function.tsx"],"sourcesContent":["import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER } from \"@copilotkit/shared\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback } from \"react\";\nimport {\n  CopilotRuntimeClient,\n  Message,\n  Role,\n  TextMessage,\n  convertGqlOutputToMessages,\n  convertMessagesToGqlInput,\n  filterAgentStateMessages,\n  CopilotRequestType,\n} from \"@copilotkit/runtime-client-gql\";\nimport { retry } from \"../../lib/retry\";\nimport {\n  EditingEditorState,\n  Generator_InsertionOrEditingSuggestion,\n} from \"../../types/base/autosuggestions-bare-function\";\nimport { InsertionsApiConfig } from \"../../types/autosuggestions-config/insertions-api-config\";\nimport { EditingApiConfig } from \"../../types/autosuggestions-config/editing-api-config\";\nimport { DocumentPointer } from \"@copilotkit/react-core\";\n\n/**\n * Returns a memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n * The function takes in the text before and after the cursor, and an abort signal.\n * It sends a POST request to the API endpoint with the messages array containing the system message, few shot messages, and user messages.\n * The function returns the suggestion from the API response.\n *\n * @param textareaPurpose - The purpose of the textarea. This is included in the system message.\n * @param apiEndpoint - The API endpoint to send the autosuggestion request to.\n * @param makeSystemMessage - A function that takes in a context string and returns a system message to include in the autosuggestion request.\n * @param fewShotMessages - An array of few shot messages to include in the autosuggestion request.\n * @param contextCategories - The categories of context strings we want to include. By default, we include the (default) \"global\" context category.\n * @returns A memoized function that sends a request to the specified API endpoint to get an autosuggestion for the user's input.\n */\nexport function useMakeStandardInsertionOrEditingFunction(\n  textareaPurpose: string,\n  contextCategories: string[],\n  insertionApiConfig: InsertionsApiConfig,\n  editingApiConfig: EditingApiConfig,\n): Generator_InsertionOrEditingSuggestion {\n  const runtimeClient: any = {\n    generateCopilotResponse: (...args: any[]) => {},\n  };\n  const { getContextString, copilotApiConfig } = useCopilotContext();\n  const headers = {\n    ...(copilotApiConfig.publicApiKey\n      ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: copilotApiConfig.publicApiKey }\n      : {}),\n  };\n\n  async function runtimeClientResponseToStringStream(\n    responsePromise: ReturnType<typeof runtimeClient.generateCopilotResponse>,\n  ) {\n    const messagesStream = runtimeClient.asStream(responsePromise);\n\n    return new ReadableStream({\n      async start(controller) {\n        const reader = messagesStream.getReader();\n        let sentContent = \"\";\n\n        while (true) {\n          const { done, value } = await reader.read();\n          if (done) {\n            break;\n          }\n\n          const messages = convertGqlOutputToMessages(\n            value.generateCopilotResponse.messages,\n          );\n\n          let newContent = \"\";\n\n          for (const message of messages) {\n            if (message.isTextMessage()) {\n              newContent += message.content;\n            }\n          }\n          if (newContent) {\n            const contentToSend = newContent.slice(sentContent.length);\n            controller.enqueue(contentToSend);\n            sentContent += contentToSend;\n          }\n        }\n        controller.close();\n      },\n    });\n  }\n\n  const insertionFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: insertionApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          }),\n          ...insertionApiConfig.fewShotMessages,\n          new TextMessage({\n            role: Role.User,\n            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<InsertionPrompt>${insertionPrompt}</InsertionPrompt>`,\n          }),\n        ];\n\n        return runtimeClientResponseToStringStream(\n          runtimeClient.generateCopilotResponse({\n            data: {\n              frontend: {\n                actions: [],\n                url: window.location.href,\n              },\n              messages: convertMessagesToGqlInput(\n                filterAgentStateMessages(messages),\n              ),\n              metadata: {\n                requestType: CopilotRequestType.TextareaCompletion,\n              },\n            },\n            properties: copilotApiConfig.properties,\n            signal: abortSignal,\n          }),\n        );\n      });\n\n      return res;\n    },\n    [insertionApiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n\n  const editingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      editingPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      const res = await retry(async () => {\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: editingApiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString(documents, contextCategories),\n            ),\n          }),\n          ...editingApiConfig.fewShotMessages,\n          new TextMessage({\n            role: Role.User,\n            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextToEdit>${editorState.selectedText}</TextToEdit>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`,\n          }),\n          new TextMessage({\n            role: Role.User,\n            content: `<EditingPrompt>${editingPrompt}</EditingPrompt>`,\n          }),\n        ];\n\n        return runtimeClientResponseToStringStream(\n          runtimeClient.generateCopilotResponse({\n            data: {\n              frontend: {\n                actions: [],\n                url: window.location.href,\n              },\n              messages: convertMessagesToGqlInput(\n                filterAgentStateMessages(messages),\n              ),\n              metadata: {\n                requestType: CopilotRequestType.TextareaCompletion,\n              },\n            },\n            properties: copilotApiConfig.properties,\n            signal: abortSignal,\n          }),\n        );\n      });\n\n      return res;\n    },\n    [editingApiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n\n  const insertionOrEditingFunction = useCallback(\n    async (\n      editorState: EditingEditorState,\n      insertionPrompt: string,\n      documents: DocumentPointer[],\n      abortSignal: AbortSignal,\n    ) => {\n      if (editorState.selectedText === \"\") {\n        return await insertionFunction(\n          editorState,\n          insertionPrompt,\n          documents,\n          abortSignal,\n        );\n      } else {\n        return await editingFunction(\n          editorState,\n          insertionPrompt,\n          documents,\n          abortSignal,\n        );\n      }\n    },\n    [insertionFunction, editingFunction],\n  );\n\n  return insertionOrEditingFunction;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-MQBPYOOZ.mjs

@@ -0,0 +1,97 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-MRXNTQOX.mjs";
+
+// src/components/hovering-toolbar/hovering-toolbar-components.tsx
+import { css, cx } from "@emotion/css";
+import React from "react";
+import ReactDOM from "react-dom";
+import { jsx } from "react/jsx-runtime";
+var Button = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, active, reversed } = _b, props = __objRest(_b, ["className", "active", "reversed"]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: cx(
+        className,
+        css`
+        cursor: pointer;
+        color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
+      `
+      )
+    })
+  );
+});
+var Icon = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: cx(
+        "material-icons",
+        className,
+        css`
+        font-size: 18px;
+        vertical-align: text-bottom;
+      `
+      )
+    })
+  );
+});
+var Menu = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({}, props), {
+      "data-testid": "menu",
+      ref,
+      className: cx(
+        className,
+        css`
+          & > * {
+            display: inline-block;
+          }
+
+          & > * + * {
+            margin-left: 15px;
+          }
+        `
+      )
+    })
+  );
+});
+var Portal = ({ children }) => {
+  return typeof document === "object" ? ReactDOM.createPortal(children, document.body) : null;
+};
+var Toolbar = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Menu,
+    __spreadProps(__spreadValues({}, props), {
+      ref,
+      className: cx(
+        className,
+        css`
+        position: relative;
+        padding: 1px 18px 17px;
+        margin: 0 -20px;
+        border-bottom: 2px solid #eee;
+        margin-bottom: 20px;
+      `
+      )
+    })
+  );
+});
+
+export {
+  Button,
+  Icon,
+  Menu,
+  Portal,
+  Toolbar
+};
+//# sourceMappingURL=chunk-MQBPYOOZ.mjs.map

package/dist/chunk-MQBPYOOZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hovering-toolbar/hovering-toolbar-components.tsx"],"sourcesContent":["import { css, cx } from \"@emotion/css\";\nimport React, { PropsWithChildren, Ref } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface BaseProps {\n  className?: string;\n  [key: string]: unknown;\n}\n\nexport const Button = React.forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<{ active: boolean; reversed: boolean } & BaseProps>\n>(({ className, active, reversed, ...props }, ref) => (\n  <span\n    {...props}\n    ref={ref}\n    className={cx(\n      className as string,\n      css`\n        cursor: pointer;\n        color: ${reversed\n          ? active\n            ? \"white\"\n            : \"#aaa\"\n          : active\n            ? \"black\"\n            : \"#ccc\"};\n      `,\n    )}\n  />\n));\n\nexport const Icon = React.forwardRef<\n  HTMLSpanElement,\n  PropsWithChildren<BaseProps>\n>(({ className, ...props }, ref) => (\n  <span\n    {...props}\n    ref={ref}\n    className={cx(\n      \"material-icons\",\n      className as string,\n      css`\n        font-size: 18px;\n        vertical-align: text-bottom;\n      `,\n    )}\n  />\n));\n\nexport const Menu = React.forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<BaseProps>\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      {...props}\n      data-testid=\"menu\"\n      ref={ref}\n      className={cx(\n        className as string,\n        css`\n          & > * {\n            display: inline-block;\n          }\n\n          & > * + * {\n            margin-left: 15px;\n          }\n        `,\n      )}\n    />\n  );\n});\nexport const Portal = ({ children }: { children: React.ReactNode }) => {\n  return typeof document === \"object\"\n    ? ReactDOM.createPortal(children, document.body)\n    : null;\n};\n\nexport const Toolbar = React.forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<BaseProps>\n>(({ className, ...props }, ref) => (\n  <Menu\n    {...props}\n    ref={ref}\n    className={cx(\n      className as string,\n      css`\n        position: relative;\n        padding: 1px 18px 17px;\n        margin: 0 -20px;\n        border-bottom: 2px solid #eee;\n        margin-bottom: 20px;\n      `,\n    )}\n  />\n));\n"],"mappings":";;;;;;;AAAA,SAAS,KAAK,UAAU;AACxB,OAAO,WAAuC;AAC9C,OAAO,cAAc;AAWnB;AAJK,IAAM,SAAS,MAAM,WAG1B,CAAC,IAA2C,QAAK;AAAhD,eAAE,aAAW,QAAQ,SAZxB,IAYG,IAAkC,kBAAlC,IAAkC,CAAhC,aAAW,UAAQ;AACtB;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA,iBAEW,WACL,SACE,UACA,SACF,SACE,UACA;AAAA;AAAA,MAEV;AAAA;AAAA,EACF;AAAA,CACD;AAEM,IAAM,OAAO,MAAM,WAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnCL,IAmCG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA,MAIF;AAAA;AAAA,EACF;AAAA,CACD;AAEM,IAAM,OAAO,MAAM,WAGxB,CAAC,IAAyB,QAAQ;AAAjC,eAAE,YArDL,IAqDG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,eAAY;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASF;AAAA;AAAA,EACF;AAEJ,CAAC;AACM,IAAM,SAAS,CAAC,EAAE,SAAS,MAAqC;AACrE,SAAO,OAAO,aAAa,WACvB,SAAS,aAAa,UAAU,SAAS,IAAI,IAC7C;AACN;AAEO,IAAM,UAAU,MAAM,WAG3B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnFL,IAmFG,IAAgB,kBAAhB,IAAgB,CAAd;AACH;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOF;AAAA;AAAA,EACF;AAAA,CACD;","names":[]}

package/dist/{chunk-6SGWO63I.mjs → chunk-MQXYWOE2.mjs}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-QFXR6DOA.mjs";
 import {
   defaultEditingApiConfig
-} from "./chunk-EJGGLWWR.mjs";
+} from "./chunk-VH7INUR5.mjs";
 import {
   defaultBaseAutosuggestionsConfig
-} from "./chunk-F6RLSVG3.mjs";
+} from "./chunk-O4WCM57A.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -29,4 +29,4 @@ var defaultAutosuggestionsConfig = __spreadProps(__spreadValues({}, defaultBaseA
 export {
   defaultAutosuggestionsConfig
 };
-//# sourceMappingURL=chunk-6SGWO63I.mjs.map
+//# sourceMappingURL=chunk-MQXYWOE2.mjs.map

package/dist/chunk-MQXYWOE2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/autosuggestions-config/autosuggestions-config.tsx"],"sourcesContent":["import {\n  BaseAutosuggestionsConfig,\n  defaultBaseAutosuggestionsConfig,\n} from \"../base\";\nimport {\n  SuggestionsApiConfig,\n  defaultSuggestionsApiConfig,\n} from \"./suggestions-api-config\";\nimport {\n  InsertionsApiConfig,\n  defaultInsertionsApiConfig,\n} from \"./insertions-api-config\";\nimport {\n  EditingApiConfig,\n  defaultEditingApiConfig,\n} from \"./editing-api-config\";\nimport { defaultCopilotContextCategories } from \"@copilotkit/react-core\";\n\n// Like the base autosuggestions config, with 2 additional fields:\n// 1. contextCategories: string[] | undefined;\n// 2. instead of apiConfigs, we have chatApiConfigs: a higher-level abstraction that uses a ChatGPT-like API endpoint.\nexport interface AutosuggestionsConfig extends Omit<\n  BaseAutosuggestionsConfig,\n  \"apiConfig\"\n> {\n  contextCategories: string[];\n  chatApiConfigs: {\n    suggestionsApiConfig: SuggestionsApiConfig;\n    insertionApiConfig: InsertionsApiConfig;\n    editingApiConfig: EditingApiConfig;\n  };\n}\n\nexport const defaultAutosuggestionsConfig: Omit<\n  AutosuggestionsConfig,\n  \"textareaPurpose\" | \"apiEndpoint\"\n> = {\n  ...defaultBaseAutosuggestionsConfig,\n  contextCategories: defaultCopilotContextCategories,\n  chatApiConfigs: {\n    suggestionsApiConfig: defaultSuggestionsApiConfig,\n    insertionApiConfig: defaultInsertionsApiConfig,\n    editingApiConfig: defaultEditingApiConfig,\n  },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,SAAS,uCAAuC;AAiBzC,IAAM,+BAGT,iCACC,mCADD;AAAA,EAEF,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,IACd,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EACpB;AACF;","names":[]}

package/dist/{chunk-F2ULK22F.mjs → chunk-NFMCLTJU.mjs}

@@ -36,4 +36,4 @@ var SuggestionElement = (props) => {
 export {
   makeRenderElementFunction
 };
-//# sourceMappingURL=chunk-F2ULK22F.mjs.map
+//# sourceMappingURL=chunk-NFMCLTJU.mjs.map

package/dist/chunk-NFMCLTJU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/base-copilot-textarea/render-element.tsx"],"sourcesContent":["import { RenderElementProps } from \"slate-react\";\nimport React from \"react\";\n\nexport type RenderElementFunction = (\n  props: RenderElementProps,\n) => React.JSX.Element;\n\nexport function makeRenderElementFunction(\n  suggestionsStyle: React.CSSProperties,\n): RenderElementFunction {\n  return (props: RenderElementProps) => {\n    switch (props.element.type) {\n      case \"paragraph\":\n        return <DefaultElement {...props} />;\n      case \"suggestion\":\n        return (\n          <SuggestionElement {...props} suggestionsStyle={suggestionsStyle} />\n        );\n    }\n  };\n}\n\nconst DefaultElement = (props: RenderElementProps) => {\n  return <div {...props.attributes}>{props.children}</div>;\n};\nconst SuggestionElement = (\n  props: RenderElementProps & {\n    suggestionsStyle: React.CSSProperties;\n  },\n) => {\n  return (\n    <span\n      {...props.attributes}\n      style={{\n        ...props.suggestionsStyle,\n      }}\n      data-testid=\"suggestion\"\n      contentEditable={false}\n    >\n      {props.children /* https://github.com/ianstormtaylor/slate/issues/3930 */}\n      {props.element.type === \"suggestion\" && props.element.content}\n    </span>\n  );\n};\n"],"mappings":";;;;;;AAae,cAkBX,YAlBW;AANR,SAAS,0BACd,kBACuB;AACvB,SAAO,CAAC,UAA8B;AACpC,YAAQ,MAAM,QAAQ,MAAM;AAAA,MAC1B,KAAK;AACH,eAAO,oBAAC,mCAAmB,MAAO;AAAA,MACpC,KAAK;AACH,eACE,oBAAC,oDAAsB,QAAtB,EAA6B,mBAAoC;AAAA,IAExE;AAAA,EACF;AACF;AAEA,IAAM,iBAAiB,CAAC,UAA8B;AACpD,SAAO,oBAAC,wCAAQ,MAAM,aAAd,EAA2B,gBAAM,WAAS;AACpD;AACA,IAAM,oBAAoB,CACxB,UAGG;AACH,SACE;AAAA,IAAC;AAAA,qCACK,MAAM,aADX;AAAA,MAEC,OAAO,mBACF,MAAM;AAAA,MAEX,eAAY;AAAA,MACZ,iBAAiB;AAAA,MAEhB;AAAA,cAAM;AAAA,QACN,MAAM,QAAQ,SAAS,gBAAgB,MAAM,QAAQ;AAAA;AAAA;AAAA,EACxD;AAEJ;","names":[]}

package/dist/{chunk-F6RLSVG3.mjs → chunk-O4WCM57A.mjs}

@@ -27,4 +27,4 @@ var defaultBaseAutosuggestionsConfig = {
 export {
   defaultBaseAutosuggestionsConfig
 };
-//# sourceMappingURL=chunk-F6RLSVG3.mjs.map
+//# sourceMappingURL=chunk-O4WCM57A.mjs.map

package/dist/chunk-O4WCM57A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/base/base-autosuggestions-config.tsx"],"sourcesContent":["import { BaseCopilotTextareaApiConfig } from \"./autosuggestions-bare-function\";\nimport { defaultCopilotContextCategories } from \"@copilotkit/react-core\";\nimport { isMacOS } from \"@copilotkit/shared\";\n\n/**\n * @interface BaseAutosuggestionsConfig\n *\n * @property {string} textareaPurpose - The purpose of the textarea. This is used to guide the autosuggestions.\n *\n * @property {string[]} contextCategories - The categories of context to consider when providing autosuggestions.\n *\n * @property {number} debounceTime - The amount of time (in milliseconds) to wait before triggering autosuggestions after the user has stopped typing.\n *\n * @property {BaseCopilotTextareaApiConfig} apiConfig - The configuration for the API that provides the autosuggestions.\n *\n * @property {boolean} disableWhenEmpty - Whether to disable autosuggestions when the textarea is empty.\n *\n * @property {boolean} disabled - Whether to disable autosuggestions entirely.\n *\n * @property {boolean} temporarilyDisableWhenMovingCursorWithoutChangingText - Whether to temporarily disable autosuggestions when the user moves the cursor without changing the text.\n *\n * @property {boolean} temporarilyDisableNotTrustedEvents - Temporarily disable autosuggestions after change event from non-trusted sources (like text insertion from autocomplete plugins)\n *\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldAcceptAutosuggestionOnKeyPress - A function that determines whether to accept the current autosuggestion based on a key press event. By default, the Tab key is used to accept the autosuggestion. Example code:\n *\n * ```typescript\n * const defaultShouldAcceptAutosuggestionOnKeyPress =  (event: React.KeyboardEvent<HTMLDivElement>) => {\n *   // if tab, accept the autosuggestion\n *   if (event.key === \"Tab\") {\n *     return true;\n *   }\n *   return false;\n * }\n * ```\n *\n * @property {(event: React.TouchEvent<HTMLDivElement>) => boolean} shouldAcceptAutosuggestionOnTouch - A function that determines whether to accept the current autosuggestion based on a mobile touch event. By default, the touching the end of a suggestion will accept it. Example code:\n *\n * ```typescript\n * const shouldAcceptAutosuggestionOnTouch =  (event: React.TouchEvent<HTMLDivElement>) => {\n *   // if tab, accept the autosuggestion\n *   if (event.type === \"touchstart\") {\n *     return true;\n *   }\n *   return false;\n * }\n * ```\n *\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldToggleHoveringEditorOnKeyPress - A function that determines whether to toggle the hovering editor based on a key press event. By default, the Command + K key combination is used to toggle the hovering editor. Example code:\n *\n * ```typescript\n * const defaultShouldToggleHoveringEditorOnKeyPress =  (event: React.KeyboardEvent<HTMLDivElement>) => {\n *   // if command-k, toggle the hovering editor\n *   if (event.key === \"k\" && event.metaKey) {\n *     return true;\n *   }\n *   return false;\n * }\n * ```\n */\nexport interface BaseAutosuggestionsConfig {\n  textareaPurpose: string;\n  contextCategories: string[];\n  debounceTime: number;\n  apiConfig: BaseCopilotTextareaApiConfig;\n\n  disableWhenEmpty: boolean;\n  disabled: boolean;\n  temporarilyDisableWhenMovingCursorWithoutChangingText: boolean;\n  temporarilyDisableNotTrustedEvents: boolean;\n  shouldAcceptAutosuggestionOnKeyPress: (\n    event: React.KeyboardEvent<HTMLDivElement>,\n  ) => boolean;\n  shouldAcceptAutosuggestionOnTouch: (\n    event: React.TouchEvent<HTMLDivElement>,\n  ) => boolean;\n  shouldToggleHoveringEditorOnKeyPress: (\n    event: React.KeyboardEvent<HTMLDivElement>,\n    shortcut: string,\n  ) => boolean;\n}\n\n// by default, command-k toggles the hovering editor\nconst defaultShouldToggleHoveringEditorOnKeyPress = (\n  event: React.KeyboardEvent<HTMLDivElement>,\n  shortcut: string,\n) => {\n  const isMetaKey = isMacOS() ? event.metaKey : event.ctrlKey;\n\n  // if command-k, toggle the hovering editor\n  return event.key === shortcut && isMetaKey;\n};\n\nconst defaultShouldAcceptAutosuggestionOnKeyPress = (\n  event: React.KeyboardEvent<HTMLDivElement>,\n) => {\n  // if tab, accept the autosuggestion\n  if (event.key === \"Tab\") {\n    return true;\n  }\n  return false;\n};\n\nconst defaultShouldAcceptAutosuggestionOnTouch = () => false;\n\n/**\n * Default configuration for the BaseAutosuggestions.\n *\n * @property {number} debounceTime - The amount of time to wait before triggering the autosuggestions API call.\n * @property {string[]} contextCategories - The categories to use for context when making the autosuggestions API call.\n * @property {boolean} disableWhenEmpty - Whether to disable the autosuggestions when the textarea is empty.\n * @property {boolean} disabled - Whether to disable the autosuggestions feature entirely.\n * @property {boolean} temporarilyDisableWhenMovingCursorWithoutChangingText - Whether to temporarily disable the autosuggestions when the cursor is moved without changing the text.\n * @property {boolean} temporarilyDisableNotTrustedEvents - Temporarily disable the autosuggestions after change event from non-trusted sources (like text insertion from autocomplete plugins)\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldToggleHoveringEditorOnKeyPress - A function that determines whether to toggle the hovering editor based on a key press event.\n * @property {(event: React.KeyboardEvent<HTMLDivElement>) => boolean} shouldAcceptAutosuggestionOnKeyPress - A function that determines whether to accept the autosuggestion based on a key press event.\n * @property {() => boolean} defaultShouldAcceptAutosuggestionOnTouch - A function that determines whether to accept the autosuggestion based on a mobile touch event.\n */\n\nexport const defaultBaseAutosuggestionsConfig: Omit<\n  BaseAutosuggestionsConfig,\n  \"textareaPurpose\" | \"apiConfig\"\n> = {\n  debounceTime: 250,\n  contextCategories: defaultCopilotContextCategories,\n  disableWhenEmpty: true,\n  disabled: false,\n  temporarilyDisableWhenMovingCursorWithoutChangingText: true,\n  temporarilyDisableNotTrustedEvents: true,\n  shouldToggleHoveringEditorOnKeyPress:\n    defaultShouldToggleHoveringEditorOnKeyPress,\n  shouldAcceptAutosuggestionOnKeyPress:\n    defaultShouldAcceptAutosuggestionOnKeyPress,\n  shouldAcceptAutosuggestionOnTouch: defaultShouldAcceptAutosuggestionOnTouch,\n};\n"],"mappings":";AACA,SAAS,uCAAuC;AAChD,SAAS,eAAe;AAgFxB,IAAM,8CAA8C,CAClD,OACA,aACG;AACH,QAAM,YAAY,QAAQ,IAAI,MAAM,UAAU,MAAM;AAGpD,SAAO,MAAM,QAAQ,YAAY;AACnC;AAEA,IAAM,8CAA8C,CAClD,UACG;AAEH,MAAI,MAAM,QAAQ,OAAO;AACvB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,IAAM,2CAA2C,MAAM;AAgBhD,IAAM,mCAGT;AAAA,EACF,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,uDAAuD;AAAA,EACvD,oCAAoC;AAAA,EACpC,sCACE;AAAA,EACF,sCACE;AAAA,EACF,mCAAmC;AACrC;","names":[]}

package/dist/{chunk-4NHVQZ67.mjs → chunk-PDFIUPCS.mjs}

@@ -105,4 +105,4 @@ export {
   withPartialHistory,
   defaultShouldSave
 };
-//# sourceMappingURL=chunk-4NHVQZ67.mjs.map
+//# sourceMappingURL=chunk-PDFIUPCS.mjs.map

package/dist/chunk-PDFIUPCS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/slatejs-edits/with-partial-history.ts"],"sourcesContent":["import { Editor, Operation, Path, Range, Transforms } from \"slate\";\nimport { HistoryEditor } from \"slate-history\";\n\n// Copy-pasted from `https://github.com/ianstormtaylor/slate/blob/main/packages/slate-history/src/with-history.ts`\n// With one exception: the `shouldSave` function is passed in as an argument to `withPartialHistory` instead of being hardcoded\nexport type ShouldSaveToHistory = (\n  op: Operation,\n  prev: Operation | undefined,\n) => boolean;\n\nexport const withPartialHistory = <T extends Editor>(\n  editor: T,\n  shouldSave: ShouldSaveToHistory,\n) => {\n  const e = editor as T & HistoryEditor;\n  const { apply } = e;\n  e.history = { undos: [], redos: [] };\n\n  e.redo = () => {\n    const { history } = e;\n    const { redos } = history;\n\n    if (redos.length > 0) {\n      const batch = redos[redos.length - 1];\n\n      if (batch.selectionBefore) {\n        Transforms.setSelection(e, batch.selectionBefore);\n      }\n\n      HistoryEditor.withoutSaving(e, () => {\n        Editor.withoutNormalizing(e, () => {\n          for (const op of batch.operations) {\n            e.apply(op);\n          }\n        });\n      });\n\n      history.redos.pop();\n      e.writeHistory(\"undos\", batch);\n    }\n  };\n\n  e.undo = () => {\n    const { history } = e;\n    const { undos } = history;\n\n    if (undos.length > 0) {\n      const batch = undos[undos.length - 1];\n\n      HistoryEditor.withoutSaving(e, () => {\n        Editor.withoutNormalizing(e, () => {\n          const inverseOps = batch.operations.map(Operation.inverse).reverse();\n\n          for (const op of inverseOps) {\n            e.apply(op);\n          }\n          if (batch.selectionBefore) {\n            Transforms.setSelection(e, batch.selectionBefore);\n          }\n        });\n      });\n\n      e.writeHistory(\"redos\", batch);\n      history.undos.pop();\n    }\n  };\n\n  e.apply = (op: Operation) => {\n    const { operations, history } = e;\n    const { undos } = history;\n    const lastBatch = undos[undos.length - 1];\n    const lastOp =\n      lastBatch && lastBatch.operations[lastBatch.operations.length - 1];\n    let save = HistoryEditor.isSaving(e);\n    let merge = HistoryEditor.isMerging(e);\n\n    if (save == null) {\n      save = shouldSave(op, lastOp);\n    }\n\n    if (save) {\n      if (merge == null) {\n        if (lastBatch == null) {\n          merge = false;\n        } else if (operations.length !== 0) {\n          merge = true;\n        } else {\n          merge = shouldMerge(op, lastOp);\n        }\n      }\n\n      if (lastBatch && merge) {\n        lastBatch.operations.push(op);\n      } else {\n        const batch = {\n          operations: [op],\n          selectionBefore: e.selection,\n        };\n        e.writeHistory(\"undos\", batch);\n      }\n\n      while (undos.length > 100) {\n        undos.shift();\n      }\n\n      history.redos = [];\n    }\n\n    apply(op);\n  };\n\n  e.writeHistory = (stack: \"undos\" | \"redos\", batch: any) => {\n    e.history[stack].push(batch);\n  };\n\n  return e;\n};\n\n/**\n * Check whether to merge an operation into the previous operation.\n */\n\nconst shouldMerge = (op: Operation, prev: Operation | undefined): boolean => {\n  if (\n    prev &&\n    op.type === \"insert_text\" &&\n    prev.type === \"insert_text\" &&\n    op.offset === prev.offset + prev.text.length &&\n    Path.equals(op.path, prev.path)\n  ) {\n    return true;\n  }\n\n  if (\n    prev &&\n    op.type === \"remove_text\" &&\n    prev.type === \"remove_text\" &&\n    op.offset + op.text.length === prev.offset &&\n    Path.equals(op.path, prev.path)\n  ) {\n    return true;\n  }\n\n  return false;\n};\n\nexport const defaultShouldSave = (\n  op: Operation,\n  prev: Operation | undefined,\n): boolean => {\n  if (op.type === \"set_selection\") {\n    return false;\n  }\n\n  return true;\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-7NOLZ5T3.mjs → chunk-SWX3MRZ4.mjs}

@@ -1,47 +1,47 @@
-import {
-  useCopilotTextareaEditor
-} from "./chunk-DRV2FOHZ.mjs";
-import {
-  usePopulateCopilotTextareaRef
-} from "./chunk-QJNFNPWH.mjs";
 import {
   addAutocompletionsToEditor
 } from "./chunk-2C7O2EVM.mjs";
 import {
   clearAutocompletionsFromEditor
-} from "./chunk-GQN2HYFJ.mjs";
+} from "./chunk-EGBZSVLK.mjs";
+import {
+  useAutosuggestions
+} from "./chunk-ZBP4SABT.mjs";
+import {
+  useCopilotTextareaEditor
+} from "./chunk-7GZWOXE4.mjs";
+import {
+  usePopulateCopilotTextareaRef
+} from "./chunk-TGN3YVSO.mjs";
 import {
   replaceEditorText
 } from "./chunk-5UNJXFUO.mjs";
-import {
-  useAutosuggestions
-} from "./chunk-23Q6A46J.mjs";
 import {
   useAddBrandingCss
-} from "./chunk-7LSRNPNI.mjs";
+} from "./chunk-VVRGAA43.mjs";
 import {
   HoveringToolbar
-} from "./chunk-72GJNLCO.mjs";
+} from "./chunk-AZ7RF6ED.mjs";
 import {
   HoveringEditorProvider,
   useHoveringEditorContext
-} from "./chunk-LYB4B6MK.mjs";
+} from "./chunk-UB4Y22EF.mjs";
 import {
   defaultBaseAutosuggestionsConfig
-} from "./chunk-F6RLSVG3.mjs";
+} from "./chunk-O4WCM57A.mjs";
 import {
   makeRenderElementFunction
-} from "./chunk-F2ULK22F.mjs";
+} from "./chunk-NFMCLTJU.mjs";
 import {
   makeRenderPlaceholderFunction
-} from "./chunk-3QJOFG3V.mjs";
+} from "./chunk-FTG7P3NP.mjs";
 import {
   TrackerTextEditedSinceLastCursorMovement
-} from "./chunk-JLOABKLH.mjs";
+} from "./chunk-YINY56BI.mjs";
 import {
   getFullEditorTextWithNewlines,
   getTextAroundCollapsedCursor
-} from "./chunk-ECR45NSD.mjs";
+} from "./chunk-A6YGJFQI.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -78,7 +78,10 @@ var BaseCopilotTextareaWithHoveringContext = React.forwardRef(
       ];
     }, [valueOnInitialRender]);
     const editor = useCopilotTextareaEditor();
-    const { isDisplayed: hoveringEditorIsDisplayed, setIsDisplayed: setHoveringEditorIsDisplayed } = useHoveringEditorContext();
+    const {
+      isDisplayed: hoveringEditorIsDisplayed,
+      setIsDisplayed: setHoveringEditorIsDisplayed
+    } = useHoveringEditorContext();
     const insertText = useCallback(
       (autosuggestion) => {
         Editor.insertText(editor, autosuggestion.text, {
@@ -111,7 +114,10 @@ var BaseCopilotTextareaWithHoveringContext = React.forwardRef(
     const onKeyDownHandlerForHoveringEditor = useCallback(
       (event) => {
         var _a2;
-        if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(event, (_a2 = props.shortcut) != null ? _a2 : "k")) {
+        if (autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(
+          event,
+          (_a2 = props.shortcut) != null ? _a2 : "k"
+        )) {
           event.preventDefault();
           setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);
         }
@@ -183,7 +189,10 @@ var BaseCopilotTextareaWithHoveringContext = React.forwardRef(
       const baseClassName = "copilot-textarea";
       const brandingClass = disableBranding ? "no-branding" : "with-branding";
       const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
-      const mergedClassName = twMerge(defaultTailwindClassName, className != null ? className : "");
+      const mergedClassName = twMerge(
+        defaultTailwindClassName,
+        className != null ? className : ""
+      );
       return `${baseClassName} ${brandingClass} ${mergedClassName}`;
     })();
     return /* @__PURE__ */ jsxs(
@@ -266,4 +275,4 @@ function makeSemiFakeReactTextAreaEvent(currentText) {
 export {
   BaseCopilotTextarea
 };
-//# sourceMappingURL=chunk-7NOLZ5T3.mjs.map
+//# sourceMappingURL=chunk-SWX3MRZ4.mjs.map

package/dist/chunk-SWX3MRZ4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/base-copilot-textarea/base-copilot-textarea.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Descendant, Editor } from \"slate\";\nimport { Editable, Slate } from \"slate-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useAutosuggestions } from \"../../hooks/base-copilot-textarea-implementation/use-autosuggestions\";\nimport { useCopilotTextareaEditor } from \"../../hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor\";\nimport { usePopulateCopilotTextareaRef } from \"../../hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref\";\nimport {\n  getFullEditorTextWithNewlines,\n  getTextAroundCollapsedCursor,\n} from \"../../lib/get-text-around-cursor\";\nimport { addAutocompletionsToEditor } from \"../../lib/slatejs-edits/add-autocompletions\";\nimport { clearAutocompletionsFromEditor } from \"../../lib/slatejs-edits/clear-autocompletions\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport {\n  BaseAutosuggestionsConfig,\n  defaultBaseAutosuggestionsConfig,\n} from \"../../types/base\";\nimport { AutosuggestionState } from \"../../types/base/autosuggestion-state\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport \"./base-copilot-textarea.css\";\nimport { HoveringToolbar } from \"../hovering-toolbar/hovering-toolbar\";\nimport { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\nimport {\n  HoveringEditorProvider,\n  useHoveringEditorContext,\n} from \"../hovering-toolbar/hovering-editor-provider\";\nimport { TrackerTextEditedSinceLastCursorMovement } from \"./track-cursor-moved-since-last-text-change\";\n\n/**\n * Purpose: to be used as the `ref` type for `CopilotTextarea` and `BaseCopilotTextarea`.\n *\n * This interface extends `HTMLElement`, and is the subset of `HTMLTextAreaElement` that \"actually matters\".\n * It provides the core functionality that consumers of `HTMLTextAreaElement` need 99.9% of the time:\n * - `value`: the current value of the textarea\n * - `focus`: make the textarea focused\n * - `blur`: make the textarea unfocused\n */\nexport interface HTMLCopilotTextAreaElement extends HTMLElement {\n  /**\n   * The current value of the textarea.\n   */\n  value: string;\n\n  /**\n   * focus on the textarea\n   */\n  focus: () => void;\n\n  /**\n   * unfocus the textarea.\n   *\n   * Called `blur` for syntactic compatibility with `HTMLTextAreaElement`.\n   */\n  blur: () => void;\n}\n\n/**\n * Not intended for direct use. Use CopilotTextarea instead.\n *\n * The `BaseCopilotTextarea` includes the basic UX component,\n * without the business logic / AI logic that makes the content useful and coherent.\n *\n * It is useful if you want to build your own backend, with fully custom business logic\n * for figuring out which contnet to fill in.\n */\nexport const BaseCopilotTextarea = React.forwardRef(\n  (\n    props: BaseCopilotTextareaProps,\n    ref: React.Ref<HTMLCopilotTextAreaElement>,\n  ) => {\n    return (\n      <HoveringEditorProvider>\n        <BaseCopilotTextareaWithHoveringContext {...props} ref={ref} />\n      </HoveringEditorProvider>\n    );\n  },\n);\n\n/**\n * Not intended for direct use. Use `CopilotTextarea` instead.\n *\n * This is the private core of the `BaseCopilotTextarea` component.\n * For practical purposes the implementation is cleaner assuming containment in a `HoveringEditorProviderContext`.\n *\n * Therefore we separate the core logic into this component,\n * and wrap it in a `HoveringEditorProviderContext` in `BaseCopilotTextarea`.\n */\nconst BaseCopilotTextareaWithHoveringContext = React.forwardRef(\n  (\n    props: BaseCopilotTextareaProps,\n    ref: React.Ref<HTMLCopilotTextAreaElement>,\n  ) => {\n    const autosuggestionsConfig: BaseAutosuggestionsConfig = {\n      ...defaultBaseAutosuggestionsConfig,\n      ...props.baseAutosuggestionsConfig,\n    };\n\n    const valueOnInitialRender = useMemo(() => props.value ?? \"\", []);\n    const [lastKnownFullEditorText, setLastKnownFullEditorText] =\n      useState(valueOnInitialRender);\n    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] =\n      useState(false);\n    const [isUserInputActive, setIsUserInputActive] = useState(false);\n\n    // // When the editor text changes, we want to reset the `textEditedSinceLastCursorMovement` state.\n    // useEffect(() => {\n    //   setCursorMovedSinceLastTextChange(false);\n    // }, [lastKnownFullEditorText]);\n\n    const initialValue: Descendant[] = useMemo(() => {\n      return [\n        {\n          type: \"paragraph\",\n          children: [{ text: valueOnInitialRender }],\n        },\n      ];\n    }, [valueOnInitialRender]);\n\n    const editor = useCopilotTextareaEditor();\n\n    const {\n      isDisplayed: hoveringEditorIsDisplayed,\n      setIsDisplayed: setHoveringEditorIsDisplayed,\n    } = useHoveringEditorContext();\n\n    const insertText = useCallback(\n      (autosuggestion: AutosuggestionState) => {\n        Editor.insertText(editor, autosuggestion.text, {\n          at: autosuggestion.point,\n        });\n      },\n      [editor],\n    );\n\n    const shouldDisableAutosuggestions =\n      // textarea is manually disabled:\n      autosuggestionsConfig.disabled ||\n      // hovering editor is displayed:\n      hoveringEditorIsDisplayed ||\n      // the cursor has moved since the last text change AND we are configured to disable autosuggestions in this case:\n      (cursorMovedSinceLastTextChange &&\n        autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText) ||\n      // not user input and we want to disable non-trusted events (like text insertion from autocomplete plugins):\n      (!isUserInputActive &&\n        autosuggestionsConfig.temporarilyDisableNotTrustedEvents);\n\n    const {\n      currentAutocompleteSuggestion,\n      onChangeHandler: onChangeHandlerForAutocomplete,\n      onKeyDownHandler: onKeyDownHandlerForAutocomplete,\n      onTouchStartHandler: onTouchStartHandlerForAutocomplete,\n    } = useAutosuggestions(\n      autosuggestionsConfig.debounceTime,\n      autosuggestionsConfig.shouldAcceptAutosuggestionOnKeyPress,\n      autosuggestionsConfig.shouldAcceptAutosuggestionOnTouch,\n      autosuggestionsConfig.apiConfig.autosuggestionsFunction,\n      insertText,\n      autosuggestionsConfig.disableWhenEmpty,\n      shouldDisableAutosuggestions,\n    );\n\n    const onKeyDownHandlerForHoveringEditor = useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (\n          autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress(\n            event,\n            props.shortcut ?? \"k\",\n          )\n        ) {\n          event.preventDefault();\n          setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);\n        }\n      },\n      [\n        hoveringEditorIsDisplayed,\n        setHoveringEditorIsDisplayed,\n        autosuggestionsConfig.shouldToggleHoveringEditorOnKeyPress,\n      ],\n    );\n\n    // sync autosuggestions state with the editor\n    useEffect(() => {\n      clearAutocompletionsFromEditor(editor);\n      if (currentAutocompleteSuggestion) {\n        addAutocompletionsToEditor(\n          editor,\n          currentAutocompleteSuggestion.text,\n          currentAutocompleteSuggestion.point,\n        );\n      }\n    }, [currentAutocompleteSuggestion]);\n\n    const suggestionStyleAugmented: React.CSSProperties = useMemo(() => {\n      return {\n        fontStyle: \"italic\",\n        color: \"gray\",\n        ...props.suggestionsStyle,\n      };\n    }, [props.suggestionsStyle]);\n\n    const renderElementMemoized = useMemo(() => {\n      return makeRenderElementFunction(suggestionStyleAugmented);\n    }, [suggestionStyleAugmented]);\n\n    const renderPlaceholderMemoized = useMemo(() => {\n      // For some reason slateJS specifies a top value of 0, which makes for strange styling. We override this here.\n      const placeholderStyleSlatejsOverrides: React.CSSProperties = {\n        top: undefined,\n      };\n\n      const placeholderStyleAugmented: React.CSSProperties = {\n        ...placeholderStyleSlatejsOverrides,\n        ...props.placeholderStyle,\n      };\n\n      return makeRenderPlaceholderFunction(placeholderStyleAugmented);\n    }, [props.placeholderStyle]);\n\n    // update the editor text, but only when the value changes from outside the component\n    useEffect(() => {\n      if (props.value === lastKnownFullEditorText) {\n        return;\n      }\n\n      setLastKnownFullEditorText(props.value ?? \"\");\n      replaceEditorText(editor, props.value ?? \"\");\n    }, [props.value]);\n\n    // separate into TextareaHTMLAttributes<HTMLDivElement> and CopilotTextareaProps\n    const {\n      placeholderStyle,\n      value,\n      hoverMenuClassname,\n      onValueChange,\n      baseAutosuggestionsConfig: autosuggestionsConfigFromProps,\n      className,\n      onChange,\n      onKeyDown,\n      disableBranding,\n      ...propsToForward\n    } = props;\n\n    useAddBrandingCss(suggestionStyleAugmented, disableBranding);\n    usePopulateCopilotTextareaRef(editor, ref);\n\n    const moddedClassName = (() => {\n      const baseClassName = \"copilot-textarea\";\n      const brandingClass = disableBranding ? \"no-branding\" : \"with-branding\";\n      const defaultTailwindClassName = \"bg-white overflow-y-auto resize-y\";\n      const mergedClassName = twMerge(\n        defaultTailwindClassName,\n        className ?? \"\",\n      );\n      return `${baseClassName} ${brandingClass} ${mergedClassName}`;\n    })();\n\n    return (\n      <Slate\n        editor={editor}\n        initialValue={initialValue}\n        onChange={(value) => {\n          const newEditorState = getTextAroundCollapsedCursor(editor);\n\n          const fullEditorText = newEditorState\n            ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor\n            : getFullEditorTextWithNewlines(editor); // we don't double-parse the editor. When `newEditorState` is null, we didn't parse the editor yet.\n\n          setLastKnownFullEditorText((prev) => {\n            if (prev !== fullEditorText) {\n              setCursorMovedSinceLastTextChange(false);\n            }\n            return fullEditorText;\n          });\n\n          onChangeHandlerForAutocomplete(newEditorState);\n\n          props.onValueChange?.(fullEditorText);\n          props.onChange?.(makeSemiFakeReactTextAreaEvent(fullEditorText));\n        }}\n      >\n        <TrackerTextEditedSinceLastCursorMovement\n          setCursorMovedSinceLastTextChange={setCursorMovedSinceLastTextChange}\n        />\n        <HoveringToolbar\n          apiConfig={autosuggestionsConfig.apiConfig}\n          contextCategories={autosuggestionsConfig.contextCategories}\n          hoverMenuClassname={hoverMenuClassname}\n        />\n        <Editable\n          renderElement={renderElementMemoized}\n          renderPlaceholder={renderPlaceholderMemoized}\n          onKeyDown={(event) => {\n            setIsUserInputActive(true);\n            onKeyDownHandlerForHoveringEditor(event); // forward the event for internal use\n            onKeyDownHandlerForAutocomplete(event); // forward the event for internal use\n            props.onKeyDown?.(event); // forward the event for external use\n          }}\n          onTouchStart={(event) => {\n            onTouchStartHandlerForAutocomplete(event); // forward the event for internal use\n          }}\n          data-testid=\"copilot-textarea-editable\"\n          className={moddedClassName}\n          onBlur={(ev) => {\n            // clear autocompletion on blur\n            props.onBlur?.(ev);\n            clearAutocompletionsFromEditor(editor);\n            setIsUserInputActive(false);\n          }}\n          {...propsToForward}\n        />\n      </Slate>\n    );\n  },\n);\n\n// Consumers of <textarea> expect a `onChange: (React.ChangeEvent<HTMLTextAreaElement>) => void` event handler to be passed in.\n// This is *extremely* common, and we want to support it.\n//\n// We can't support the full functionality, but in 99% of cases, the consumer only cares about the `event.target.value` property --\n// that's how they get the new value of the textarea.\n//\n// So, the tradeoff we are making is minimizing compiler complaint, with a small chance of runtime error.\n// The alternative would be defining a different onChange entrypoint (we actually do have that in `onValueChange`),\n// And starting to explain subtleties to users the moment they try to use the component for the first time for very basic functionality.\n//\n// If this proves problematic, we can always revisit this decision.\nfunction makeSemiFakeReactTextAreaEvent(\n  currentText: string,\n): React.ChangeEvent<HTMLTextAreaElement> {\n  return {\n    target: {\n      value: currentText,\n      type: \"copilot-textarea\",\n    },\n    currentTarget: {\n      value: currentText,\n      type: \"copilot-textarea\",\n    },\n  } as React.ChangeEvent<HTMLTextAreaElement>;\n}\n"],"mappings":"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","names":["_a","value"]}

package/dist/{chunk-QJNFNPWH.mjs → chunk-TGN3YVSO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5UNJXFUO.mjs";
 import {
   getFullEditorTextWithNewlines
-} from "./chunk-ECR45NSD.mjs";
+} from "./chunk-A6YGJFQI.mjs";
 
 // src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts
 import React from "react";
@@ -82,4 +82,4 @@ function usePopulateCopilotTextareaRef(editor, ref) {
 export {
   usePopulateCopilotTextareaRef
 };
-//# sourceMappingURL=chunk-QJNFNPWH.mjs.map
+//# sourceMappingURL=chunk-TGN3YVSO.mjs.map

package/dist/chunk-TGN3YVSO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.ts"],"sourcesContent":["import React from \"react\";\nimport { Editor } from \"slate\";\nimport { ReactEditor } from \"slate-react\";\nimport { getFullEditorTextWithNewlines } from \"../../lib/get-text-around-cursor\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport { HTMLCopilotTextAreaElement } from \"../../types\";\nimport { CustomEditor } from \"../../types/base/custom-editor\";\n\nexport function usePopulateCopilotTextareaRef(\n  editor: Editor,\n  ref: React.Ref<HTMLCopilotTextAreaElement>,\n) {\n  React.useImperativeHandle(ref, () => {\n    class Combined {\n      constructor(\n        private customMethods: CustomMethods,\n        private editorHtmlElement: HTMLElement,\n      ) {}\n\n      [key: string]: any;\n\n      get(target: any, propKey: string): any {\n        if (this.isKeyOfCustomMethods(propKey)) {\n          const value = this.customMethods[propKey];\n          if (typeof value === \"function\") {\n            return value.bind(this.customMethods);\n          }\n          return value;\n        } else if (this.isKeyOfHTMLElement(propKey)) {\n          const value = this.editorHtmlElement[propKey];\n          if (typeof value === \"function\") {\n            return value.bind(this.editorHtmlElement);\n          }\n          return value;\n        }\n      }\n\n      set(target: any, propKey: string, value: any): boolean {\n        if (this.isKeyOfCustomMethods(propKey)) {\n          (this.customMethods as any)[propKey] = value;\n        } else if (this.isKeyOfHTMLElement(propKey)) {\n          (this.editorHtmlElement as any)[propKey] = value;\n        } else {\n          // Default behavior (optional)\n          target[propKey] = value;\n        }\n        return true;\n      }\n\n      private isKeyOfCustomMethods(key: string): key is keyof CustomMethods {\n        return key in this.customMethods;\n      }\n\n      private isKeyOfHTMLElement(key: string): key is keyof HTMLElement {\n        return key in this.editorHtmlElement;\n      }\n    }\n\n    const handler = {\n      get(target: any, propKey: keyof CustomMethods | keyof HTMLElement) {\n        return target.get(target, propKey);\n      },\n      set(\n        target: any,\n        propKey: keyof CustomMethods | keyof HTMLElement,\n        value: any,\n      ) {\n        return target.set(target, propKey, value);\n      },\n    };\n\n    class CustomMethods {\n      constructor(private editor: CustomEditor) {}\n\n      focus() {\n        ReactEditor.focus(this.editor);\n      }\n\n      blur() {\n        ReactEditor.blur(this.editor);\n      }\n\n      get value() {\n        return getFullEditorTextWithNewlines(this.editor);\n      }\n      set value(value: string) {\n        replaceEditorText(this.editor, value);\n      }\n    }\n\n    const editorHtmlElement = ReactEditor.toDOMNode(editor, editor);\n    const customMethods = new CustomMethods(editor);\n\n    const combined = new Combined(customMethods, editorHtmlElement);\n    return new Proxy(combined, handler);\n  }, [editor]);\n}\n"],"mappings":";;;;;;;;AAAA,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAMrB,SAAS,8BACd,QACA,KACA;AACA,QAAM,oBAAoB,KAAK,MAAM;AACnC,UAAM,SAAS;AAAA,MACb,YACUA,gBACAC,oBACR;AAFQ,6BAAAD;AACA,iCAAAC;AAAA,MACP;AAAA,MAIH,IAAI,QAAa,SAAsB;AACrC,YAAI,KAAK,qBAAqB,OAAO,GAAG;AACtC,gBAAM,QAAQ,KAAK,cAAc,OAAO;AACxC,cAAI,OAAO,UAAU,YAAY;AAC/B,mBAAO,MAAM,KAAK,KAAK,aAAa;AAAA,UACtC;AACA,iBAAO;AAAA,QACT,WAAW,KAAK,mBAAmB,OAAO,GAAG;AAC3C,gBAAM,QAAQ,KAAK,kBAAkB,OAAO;AAC5C,cAAI,OAAO,UAAU,YAAY;AAC/B,mBAAO,MAAM,KAAK,KAAK,iBAAiB;AAAA,UAC1C;AACA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,MAEA,IAAI,QAAa,SAAiB,OAAqB;AACrD,YAAI,KAAK,qBAAqB,OAAO,GAAG;AACtC,UAAC,KAAK,cAAsB,OAAO,IAAI;AAAA,QACzC,WAAW,KAAK,mBAAmB,OAAO,GAAG;AAC3C,UAAC,KAAK,kBAA0B,OAAO,IAAI;AAAA,QAC7C,OAAO;AAEL,iBAAO,OAAO,IAAI;AAAA,QACpB;AACA,eAAO;AAAA,MACT;AAAA,MAEQ,qBAAqB,KAAyC;AACpE,eAAO,OAAO,KAAK;AAAA,MACrB;AAAA,MAEQ,mBAAmB,KAAuC;AAChE,eAAO,OAAO,KAAK;AAAA,MACrB;AAAA,IACF;AAEA,UAAM,UAAU;AAAA,MACd,IAAI,QAAa,SAAkD;AACjE,eAAO,OAAO,IAAI,QAAQ,OAAO;AAAA,MACnC;AAAA,MACA,IACE,QACA,SACA,OACA;AACA,eAAO,OAAO,IAAI,QAAQ,SAAS,KAAK;AAAA,MAC1C;AAAA,IACF;AAEA,UAAM,cAAc;AAAA,MAClB,YAAoBC,SAAsB;AAAtB,sBAAAA;AAAA,MAAuB;AAAA,MAE3C,QAAQ;AACN,oBAAY,MAAM,KAAK,MAAM;AAAA,MAC/B;AAAA,MAEA,OAAO;AACL,oBAAY,KAAK,KAAK,MAAM;AAAA,MAC9B;AAAA,MAEA,IAAI,QAAQ;AACV,eAAO,8BAA8B,KAAK,MAAM;AAAA,MAClD;AAAA,MACA,IAAI,MAAM,OAAe;AACvB,0BAAkB,KAAK,QAAQ,KAAK;AAAA,MACtC;AAAA,IACF;AAEA,UAAM,oBAAoB,YAAY,UAAU,QAAQ,MAAM;AAC9D,UAAM,gBAAgB,IAAI,cAAc,MAAM;AAE9C,UAAM,WAAW,IAAI,SAAS,eAAe,iBAAiB;AAC9D,WAAO,IAAI,MAAM,UAAU,OAAO;AAAA,EACpC,GAAG,CAAC,MAAM,CAAC;AACb;","names":["customMethods","editorHtmlElement","editor"]}