@copilotkit/react-textarea 0.0.0-0.0.0-max-changeset-10101010101010-20260109191632

package/dist/chunk-WJHSY5T6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-X2QR2YGZ.mjs

@@ -0,0 +1,120 @@
+import {
+  HoveringInsertionPromptBox
+} from "./chunk-5GYFXESG.mjs";
+import {
+  useHoveringEditorContext
+} from "./chunk-LYB4B6MK.mjs";
+import {
+  Menu,
+  Portal
+} from "./chunk-2IWVZ4PP.mjs";
+import {
+  getFullEditorTextWithNewlines,
+  getTextAroundSelection
+} from "./chunk-ECR45NSD.mjs";
+
+// src/components/hovering-toolbar/hovering-toolbar.tsx
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { Transforms } from "slate";
+import { useSlate, useSlateSelection } from "slate-react";
+import { jsx } from "react/jsx-runtime";
+var HoveringToolbar = (props) => {
+  const ref = useRef(null);
+  const editor = useSlate();
+  const selection = useSlateSelection();
+  const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  const isShown = isClient && isDisplayed && selection;
+  useLayoutEffect(() => {
+    const el = ref.current;
+    const { selection: selection2 } = editor;
+    if (!el || !isShown) {
+      return;
+    }
+    if (!selection2) {
+      el.removeAttribute("style");
+      return;
+    }
+    const domSelection = window.getSelection();
+    if (!domSelection || domSelection.rangeCount === 0) {
+      return;
+    }
+    const domRange = domSelection.getRangeAt(0);
+    const rect = domRange.getBoundingClientRect();
+    if (rect.top === 0 && rect.left === 0 && rect.width === 0 && rect.height === 0) {
+      return;
+    }
+    const verticalOffsetFromCorner = 0;
+    const horizontalOffsetFromCorner = 0;
+    let top = rect.bottom + window.scrollY + verticalOffsetFromCorner;
+    if (rect.bottom + el.offsetHeight > window.innerHeight - verticalOffsetFromCorner) {
+      top = rect.top + window.scrollY - el.offsetHeight - verticalOffsetFromCorner;
+    }
+    let left = rect.left + window.scrollX - el.offsetWidth / 2 + rect.width / 2 + horizontalOffsetFromCorner;
+    if (left < horizontalOffsetFromCorner) {
+      left = horizontalOffsetFromCorner;
+    } else if (left + el.offsetWidth > window.innerWidth - horizontalOffsetFromCorner) {
+      left = window.innerWidth - el.offsetWidth - horizontalOffsetFromCorner;
+    }
+    el.style.opacity = "1";
+    el.style.position = "absolute";
+    el.style.top = `${top}px`;
+    el.style.left = `${left}px`;
+  }, [isShown]);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        setIsDisplayed(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref, setIsDisplayed]);
+  if (!isShown) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    Menu,
+    {
+      ref,
+      className: "copilot-kit-textarea-css-scope " + (props.hoverMenuClassname || "p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700"),
+      "data-testid": "hovering-toolbar",
+      children: /* @__PURE__ */ jsx(
+        HoveringInsertionPromptBox,
+        {
+          editorState: editorState(editor, selection),
+          apiConfig: props.apiConfig,
+          performInsertion: (insertedText) => {
+            Transforms.delete(editor, { at: selection });
+            Transforms.insertText(editor, insertedText, {
+              at: selection
+            });
+            setIsDisplayed(false);
+          },
+          contextCategories: props.contextCategories
+        }
+      )
+    }
+  ) });
+};
+function editorState(editor, selection) {
+  const textAroundCursor = getTextAroundSelection(editor);
+  if (textAroundCursor) {
+    return textAroundCursor;
+  }
+  return {
+    textBeforeCursor: getFullEditorTextWithNewlines(editor),
+    textAfterCursor: "",
+    selectedText: ""
+  };
+}
+
+export {
+  HoveringToolbar
+};
+//# sourceMappingURL=chunk-X2QR2YGZ.mjs.map

package/dist/chunk-X2QR2YGZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hovering-toolbar/hovering-toolbar.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { Editor, Location, Transforms } from \"slate\";\nimport { useSlate, useSlateSelection } from \"slate-react\";\nimport {\n  getFullEditorTextWithNewlines,\n  getTextAroundSelection,\n} from \"../../lib/get-text-around-cursor\";\nimport {\n  EditingEditorState,\n  InsertionEditorApiConfig,\n} from \"../../types/base/autosuggestions-bare-function\";\nimport { useHoveringEditorContext } from \"./hovering-editor-provider\";\nimport { Menu, Portal } from \"./hovering-toolbar-components\";\nimport { HoveringInsertionPromptBox } from \"./text-insertion-prompt-box\";\n\nexport interface HoveringToolbarProps {\n  apiConfig: InsertionEditorApiConfig;\n  contextCategories: string[];\n  hoverMenuClassname: string | undefined;\n}\n\nexport const HoveringToolbar = (props: HoveringToolbarProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const editor = useSlate();\n  const selection = useSlateSelection();\n  const { isDisplayed, setIsDisplayed } = useHoveringEditorContext();\n\n  // only render on client\n  const [isClient, setIsClient] = useState(false);\n  useEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  const isShown = isClient && isDisplayed && selection;\n\n  useLayoutEffect(() => {\n    const el = ref.current;\n    const { selection } = editor;\n\n    if (!el || !isShown) {\n      return;\n    }\n\n    if (!selection) {\n      el.removeAttribute(\"style\");\n      return;\n    }\n\n    const domSelection = window.getSelection();\n    if (!domSelection || domSelection.rangeCount === 0) {\n      return;\n    }\n\n    const domRange = domSelection.getRangeAt(0);\n    const rect = domRange.getBoundingClientRect();\n\n    // We use window = (0,0,0,0) as a signal that the selection is not in the original copilot-textarea,\n    // but inside the hovering window.\n    //\n    // in such case, we simply do nothing.\n    if (rect.top === 0 && rect.left === 0 && rect.width === 0 && rect.height === 0) {\n      return;\n    }\n\n    const verticalOffsetFromCorner = 0;\n    const horizontalOffsetFromCorner = 0;\n\n    // position the toolbar below the selection\n    let top = rect.bottom + window.scrollY + verticalOffsetFromCorner;\n\n    // no space left at bottom, move up\n    if (rect.bottom + el.offsetHeight > window.innerHeight - verticalOffsetFromCorner) {\n      top = rect.top + window.scrollY - el.offsetHeight - verticalOffsetFromCorner;\n    }\n\n    // position the toolbar in the center of the selection\n    let left =\n      rect.left + window.scrollX - el.offsetWidth / 2 + rect.width / 2 + horizontalOffsetFromCorner;\n\n    // no space left at left, move right\n    if (left < horizontalOffsetFromCorner) {\n      left = horizontalOffsetFromCorner;\n    }\n    // no space left at right, move left\n    else if (left + el.offsetWidth > window.innerWidth - horizontalOffsetFromCorner) {\n      left = window.innerWidth - el.offsetWidth - horizontalOffsetFromCorner;\n    }\n\n    el.style.opacity = \"1\";\n    el.style.position = \"absolute\";\n\n    el.style.top = `${top}px`;\n    el.style.left = `${left}px`;\n  }, [isShown]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        setIsDisplayed(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [ref, setIsDisplayed]);\n\n  if (!isShown) {\n    return null;\n  }\n\n  return (\n    <Portal>\n      <Menu\n        ref={ref}\n        className={\n          \"copilot-kit-textarea-css-scope \" +\n          (props.hoverMenuClassname ||\n            \"p-2 absolute z-10 top-[-10000px] left-[-10000px] mt-[-6px] opacity-0 transition-opacity duration-700\")\n        }\n        data-testid=\"hovering-toolbar\"\n      >\n        <HoveringInsertionPromptBox\n          editorState={editorState(editor, selection)}\n          apiConfig={props.apiConfig}\n          performInsertion={(insertedText) => {\n            // replace the selection with the inserted text\n            Transforms.delete(editor, { at: selection });\n            Transforms.insertText(editor, insertedText, {\n              at: selection,\n            });\n            setIsDisplayed(false);\n          }}\n          contextCategories={props.contextCategories}\n        />\n      </Menu>\n    </Portal>\n  );\n};\n\nfunction editorState(editor: Editor, selection: Location): EditingEditorState {\n  const textAroundCursor = getTextAroundSelection(editor);\n  if (textAroundCursor) {\n    return textAroundCursor;\n  }\n\n  return {\n    textBeforeCursor: getFullEditorTextWithNewlines(editor),\n    textAfterCursor: \"\",\n    selectedText: \"\",\n  };\n}\n"],"mappings":"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","names":["selection"]}

package/dist/chunk-YLFAIYRY.mjs

@@ -0,0 +1,50 @@
+import {
+  __async
+} from "./chunk-MRXNTQOX.mjs";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function fetcher(input, init) {
+  return __async(this, null, function* () {
+    const res = yield fetch(input, init);
+    if (!res.ok) {
+      const json = yield res.json();
+      if (json.error) {
+        const error = new Error(json.error);
+        error.status = res.status;
+        throw error;
+      } else {
+        throw new Error("An unexpected error occurred");
+      }
+    }
+    return res.json();
+  });
+}
+function formatDate(input) {
+  const date = new Date(input);
+  return date.toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+var arraysAreEqual = (arr1, arr2) => arr1.length === arr2.length && arr1.every((value, index) => value === arr2[index]);
+function nullableCompatibleEqualityCheck(naiveEqualityCheck, a, b) {
+  if (a === null || a === void 0 || b === null || b === void 0) {
+    return a === b;
+  }
+  return naiveEqualityCheck(a, b);
+}
+
+export {
+  cn,
+  fetcher,
+  formatDate,
+  arraysAreEqual,
+  nullableCompatibleEqualityCheck
+};
+//# sourceMappingURL=chunk-YLFAIYRY.mjs.map

package/dist/chunk-YLFAIYRY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport async function fetcher<JSON = any>(input: RequestInfo, init?: RequestInit): Promise<JSON> {\n  const res = await fetch(input, init);\n\n  if (!res.ok) {\n    const json = await res.json();\n    if (json.error) {\n      const error = new Error(json.error) as Error & {\n        status: number;\n      };\n      error.status = res.status;\n      throw error;\n    } else {\n      throw new Error(\"An unexpected error occurred\");\n    }\n  }\n\n  return res.json();\n}\n\nexport function formatDate(input: string | number | Date): string {\n  const date = new Date(input);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"long\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\nexport const arraysAreEqual = (arr1: number[], arr2: number[]): boolean =>\n  arr1.length === arr2.length && arr1.every((value, index) => value === arr2[index]);\n\nexport function nullableCompatibleEqualityCheck<T>(\n  naiveEqualityCheck: (a: T, b: T) => boolean,\n  a: T | null | undefined,\n  b: T | null | undefined,\n): boolean {\n  if (a === null || a === undefined || b === null || b === undefined) {\n    return a === b;\n  }\n\n  return naiveEqualityCheck(a, b);\n}\n"],"mappings":";;;;;AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEA,SAAsB,QAAoB,OAAoB,MAAmC;AAAA;AAC/F,UAAM,MAAM,MAAM,MAAM,OAAO,IAAI;AAEnC,QAAI,CAAC,IAAI,IAAI;AACX,YAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAI,KAAK,OAAO;AACd,cAAM,QAAQ,IAAI,MAAM,KAAK,KAAK;AAGlC,cAAM,SAAS,IAAI;AACnB,cAAM;AAAA,MACR,OAAO;AACL,cAAM,IAAI,MAAM,8BAA8B;AAAA,MAChD;AAAA,IACF;AAEA,WAAO,IAAI,KAAK;AAAA,EAClB;AAAA;AAEO,SAAS,WAAW,OAAuC;AAChE,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,SAAO,KAAK,mBAAmB,SAAS;AAAA,IACtC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR,CAAC;AACH;AAEO,IAAM,iBAAiB,CAAC,MAAgB,SAC7C,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,OAAO,UAAU,UAAU,KAAK,KAAK,CAAC;AAE5E,SAAS,gCACd,oBACA,GACA,GACS;AACT,MAAI,MAAM,QAAQ,MAAM,UAAa,MAAM,QAAQ,MAAM,QAAW;AAClE,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,mBAAmB,GAAG,CAAC;AAChC;","names":[]}

package/dist/chunk-ZQSEYPNN.mjs

@@ -0,0 +1,74 @@
+import {
+  retry
+} from "./chunk-KNQIEOFP.mjs";
+import {
+  __async,
+  __spreadValues
+} from "./chunk-MRXNTQOX.mjs";
+
+// src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx
+import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER } from "@copilotkit/shared";
+import { useCopilotContext } from "@copilotkit/react-core";
+import { useCallback } from "react";
+import {
+  Role,
+  TextMessage,
+  convertGqlOutputToMessages
+} from "@copilotkit/runtime-client-gql";
+function useMakeStandardAutosuggestionFunction(textareaPurpose, contextCategories, apiConfig) {
+  const runtimeClient = { generateCopilotResponse: (...args) => {
+  } };
+  const { getContextString, copilotApiConfig } = useCopilotContext();
+  const { chatApiEndpoint: url, publicApiKey, credentials, properties } = copilotApiConfig;
+  const headers = __spreadValues(__spreadValues({}, copilotApiConfig.headers), publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {});
+  const { maxTokens, stop, temperature = 0 } = apiConfig;
+  return useCallback(
+    (editorState, abortSignal) => __async(this, null, function* () {
+      const res = yield retry(() => __async(this, null, function* () {
+        var _a, _b, _c;
+        const messages = [
+          new TextMessage({
+            role: Role.System,
+            content: apiConfig.makeSystemPrompt(
+              textareaPurpose,
+              getContextString([], contextCategories)
+            )
+          }),
+          ...apiConfig.fewShotMessages,
+          editorState.textAfterCursor != "" ? new TextMessage({
+            role: Role.User,
+            content: editorState.textAfterCursor
+          }) : null,
+          new TextMessage({
+            role: Role.User,
+            content: `<TextAfterCursor>${editorState.textAfterCursor}</TextAfterCursor>`
+          }),
+          new TextMessage({
+            role: Role.User,
+            content: `<TextBeforeCursor>${editorState.textBeforeCursor}</TextBeforeCursor>`
+          })
+        ].filter(Boolean);
+        const response = {};
+        let result = "";
+        for (const message of convertGqlOutputToMessages(
+          (_c = (_b = (_a = response.data) == null ? void 0 : _a.generateCopilotResponse) == null ? void 0 : _b.messages) != null ? _c : []
+        )) {
+          if (abortSignal.aborted) {
+            break;
+          }
+          if (message.isTextMessage()) {
+            result += message.content;
+          }
+        }
+        return result;
+      }));
+      return res;
+    }),
+    [apiConfig, getContextString, contextCategories, textareaPurpose]
+  );
+}
+
+export {
+  useMakeStandardAutosuggestionFunction
+};
+//# sourceMappingURL=chunk-ZQSEYPNN.mjs.map

package/dist/chunk-ZQSEYPNN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx"],"sourcesContent":["import { COPILOT_CLOUD_PUBLIC_API_KEY_HEADER } from \"@copilotkit/shared\";\nimport { useCopilotContext } from \"@copilotkit/react-core\";\nimport { useCallback } from \"react\";\nimport { AutosuggestionsBareFunction } from \"../../types\";\nimport { retry } from \"../../lib/retry\";\nimport { InsertionEditorState } from \"../../types/base/autosuggestions-bare-function\";\nimport { SuggestionsApiConfig } from \"../../types/autosuggestions-config/suggestions-api-config\";\nimport {\n  Message,\n  Role,\n  TextMessage,\n  convertGqlOutputToMessages,\n  convertMessagesToGqlInput,\n  filterAgentStateMessages,\n  CopilotRequestType,\n} from \"@copilotkit/runtime-client-gql\";\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 useMakeStandardAutosuggestionFunction(\n  textareaPurpose: string,\n  contextCategories: string[],\n  apiConfig: SuggestionsApiConfig,\n): AutosuggestionsBareFunction {\n  const runtimeClient = { generateCopilotResponse: (...args: any[]) => {} };\n  const { getContextString, copilotApiConfig } = useCopilotContext();\n  const { chatApiEndpoint: url, publicApiKey, credentials, properties } = copilotApiConfig;\n  const headers = {\n    ...copilotApiConfig.headers,\n    ...(publicApiKey ? { [COPILOT_CLOUD_PUBLIC_API_KEY_HEADER]: publicApiKey } : {}),\n  };\n  const { maxTokens, stop, temperature = 0 } = apiConfig;\n\n  return useCallback(\n    async (editorState: InsertionEditorState, abortSignal: AbortSignal) => {\n      const res = await retry(async () => {\n        // @ts-expect-error -- Passing null is forbidden, but we're filtering it later\n        const messages: Message[] = [\n          new TextMessage({\n            role: Role.System,\n            content: apiConfig.makeSystemPrompt(\n              textareaPurpose,\n              getContextString([], contextCategories),\n            ),\n          }),\n          ...apiConfig.fewShotMessages,\n          editorState.textAfterCursor != \"\"\n            ? new TextMessage({\n                role: Role.User,\n                content: editorState.textAfterCursor,\n              })\n            : null,\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        ].filter(Boolean);\n\n        // const response = await runtimeClient\n        //   .generateCopilotResponse({\n        //     data: {\n        //       frontend: {\n        //         actions: [],\n        //         url: window.location.href,\n        //       },\n        //       messages: convertMessagesToGqlInput(filterAgentStateMessages(messages)),\n        //       metadata: {\n        //         requestType: CopilotRequestType.TextareaCompletion,\n        //       },\n        //       forwardedParameters: {\n        //         maxTokens,\n        //         stop,\n        //         temperature,\n        //       },\n        //     },\n        //     properties,\n        //     signal: abortSignal,\n        //   })\n        //   .toPromise();\n        const response: any = {};\n\n        let result = \"\";\n        for (const message of convertGqlOutputToMessages(\n          response.data?.generateCopilotResponse?.messages ?? [],\n        )) {\n          if (abortSignal.aborted) {\n            break;\n          }\n          if (message.isTextMessage()) {\n            result += message.content;\n          }\n        }\n\n        return result;\n      });\n\n      return res;\n    },\n    [apiConfig, getContextString, contextCategories, textareaPurpose],\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,2CAA2C;AACpD,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAK5B;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAeA,SAAS,sCACd,iBACA,mBACA,WAC6B;AAC7B,QAAM,gBAAgB,EAAE,yBAAyB,IAAI,SAAgB;AAAA,EAAC,EAAE;AACxE,QAAM,EAAE,kBAAkB,iBAAiB,IAAI,kBAAkB;AACjE,QAAM,EAAE,iBAAiB,KAAK,cAAc,aAAa,WAAW,IAAI;AACxE,QAAM,UAAU,kCACX,iBAAiB,UAChB,eAAe,EAAE,CAAC,mCAAmC,GAAG,aAAa,IAAI,CAAC;AAEhF,QAAM,EAAE,WAAW,MAAM,cAAc,EAAE,IAAI;AAE7C,SAAO;AAAA,IACL,CAAO,aAAmC,gBAA6B;AACrE,YAAM,MAAM,MAAM,MAAM,MAAY;AA9C1C;AAgDQ,cAAM,WAAsB;AAAA,UAC1B,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,UAAU;AAAA,cACjB;AAAA,cACA,iBAAiB,CAAC,GAAG,iBAAiB;AAAA,YACxC;AAAA,UACF,CAAC;AAAA,UACD,GAAG,UAAU;AAAA,UACb,YAAY,mBAAmB,KAC3B,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,YAAY;AAAA,UACvB,CAAC,IACD;AAAA,UACJ,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,oBAAoB,YAAY;AAAA,UAC3C,CAAC;AAAA,UACD,IAAI,YAAY;AAAA,YACd,MAAM,KAAK;AAAA,YACX,SAAS,qBAAqB,YAAY;AAAA,UAC5C,CAAC;AAAA,QACH,EAAE,OAAO,OAAO;AAuBhB,cAAM,WAAgB,CAAC;AAEvB,YAAI,SAAS;AACb,mBAAW,WAAW;AAAA,WACpB,0BAAS,SAAT,mBAAe,4BAAf,mBAAwC,aAAxC,YAAoD,CAAC;AAAA,QACvD,GAAG;AACD,cAAI,YAAY,SAAS;AACvB;AAAA,UACF;AACA,cAAI,QAAQ,cAAc,GAAG;AAC3B,sBAAU,QAAQ;AAAA,UACpB;AAAA,QACF;AAEA,eAAO;AAAA,MACT,EAAC;AAED,aAAO;AAAA,IACT;AAAA,IACA,CAAC,WAAW,kBAAkB,mBAAmB,eAAe;AAAA,EAClE;AACF;","names":[]}

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

@@ -0,0 +1,9 @@
+/* src/components/base-copilot-textarea/base-copilot-textarea.css */
+.copilot-kit-textarea-css-scope .copilot-textarea.with-branding::after {
+  content: "";
+  position: absolute;
+}
+.copilot-kit-textarea-css-scope .copilot-textarea.no-branding::after {
+  content: "";
+}
+/*# sourceMappingURL=base-copilot-textarea.css.map */

package/dist/components/base-copilot-textarea/base-copilot-textarea.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/base-copilot-textarea/base-copilot-textarea.css"],"sourcesContent":[".copilot-kit-textarea-css-scope .copilot-textarea.with-branding::after {\n    content: ''; /* Initially empty because we overrdie this CSS dynamically and we want to avoid flashing */\n    position: absolute;\n}\n    \n  \n.copilot-kit-textarea-css-scope .copilot-textarea.no-branding::after {\n    content: '';\n}"],"mappings":";AAAA;AACI;AACA;AAAA;AAIJ;AACI;AAAA;","names":[]}

package/dist/components/base-copilot-textarea/base-copilot-textarea.d.ts

@@ -0,0 +1,43 @@
+import React__default from 'react';
+import { BaseCopilotTextareaProps } from '../../types/base/index.js';
+import '../../types/base/base-autosuggestions-config.js';
+import '../../types/base/autosuggestions-bare-function.js';
+import '@copilotkit/react-core';
+
+/**
+ * Purpose: to be used as the `ref` type for `CopilotTextarea` and `BaseCopilotTextarea`.
+ *
+ * This interface extends `HTMLElement`, and is the subset of `HTMLTextAreaElement` that "actually matters".
+ * It provides the core functionality that consumers of `HTMLTextAreaElement` need 99.9% of the time:
+ * - `value`: the current value of the textarea
+ * - `focus`: make the textarea focused
+ * - `blur`: make the textarea unfocused
+ */
+interface HTMLCopilotTextAreaElement extends HTMLElement {
+    /**
+     * The current value of the textarea.
+     */
+    value: string;
+    /**
+     * focus on the textarea
+     */
+    focus: () => void;
+    /**
+     * unfocus the textarea.
+     *
+     * Called `blur` for syntactic compatibility with `HTMLTextAreaElement`.
+     */
+    blur: () => void;
+}
+/**
+ * Not intended for direct use. Use CopilotTextarea instead.
+ *
+ * The `BaseCopilotTextarea` includes the basic UX component,
+ * without the business logic / AI logic that makes the content useful and coherent.
+ *
+ * It is useful if you want to build your own backend, with fully custom business logic
+ * for figuring out which contnet to fill in.
+ */
+declare const BaseCopilotTextarea: React__default.ForwardRefExoticComponent<BaseCopilotTextareaProps & React__default.RefAttributes<HTMLCopilotTextAreaElement>>;
+
+export { BaseCopilotTextarea, HTMLCopilotTextAreaElement };