@copilotkit/react-textarea 1.51.4 → 1.51.5-next.1

package/dist/chunk-VVRGAA43.mjs

@@ -1,59 +0,0 @@
-// src/components/base-copilot-textarea/use-add-branding-css.tsx
-import { useEffect } from "react";
-function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
-  const cssSelector = ".copilot-textarea.with-branding";
-  useEffect(() => {
-    if (disableBranding) {
-      return;
-    }
-    const styleEl = document.createElement("style");
-    styleEl.id = "dynamic-styles";
-    let dynamicStyles = Object.entries(suggestionStyleAugmented).map(([key, value]) => {
-      const kebabCaseKey = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-      return `${kebabCaseKey}: ${value};`;
-    }).join(" ");
-    dynamicStyles += `font-style: normal; font-size: x-small;`;
-    dynamicStyles += `content: "CopilotKit";`;
-    dynamicStyles += `bottom: 6px;`;
-    dynamicStyles += `right: 6px;`;
-    dynamicStyles += `pointer-events: none;`;
-    dynamicStyles += `font-weight: 200;`;
-    dynamicStyles += `padding: 0;`;
-    dynamicStyles += `margin: 0;`;
-    dynamicStyles += `border: 0;`;
-    dynamicStyles += `line-height: 1;`;
-    dynamicStyles += `position: absolute;`;
-    styleEl.innerHTML = `
-      ${cssSelector}::after {
-        ${dynamicStyles}
-      }
-    `;
-    document.head.appendChild(styleEl);
-    const textarea = document.querySelector(cssSelector);
-    const handleScroll = () => {
-      const styleEl2 = document.getElementById("dynamic-styles");
-      if (styleEl2 && textarea) {
-        const offsetFromBottom = -textarea.scrollTop + 6;
-        const offsetFromRight = -textarea.scrollLeft + 6;
-        styleEl2.innerHTML = `
-          ${cssSelector}::after {
-            ${dynamicStyles}
-            bottom: ${offsetFromBottom}px;
-            right: ${offsetFromRight}px;
-          }
-        `;
-      }
-    };
-    textarea == null ? void 0 : textarea.addEventListener("scroll", handleScroll);
-    return () => {
-      var _a;
-      (_a = document.getElementById("dynamic-styles")) == null ? void 0 : _a.remove();
-      textarea == null ? void 0 : textarea.removeEventListener("scroll", handleScroll);
-    };
-  }, [disableBranding, suggestionStyleAugmented]);
-}
-
-export {
-  useAddBrandingCss
-};
-//# sourceMappingURL=chunk-VVRGAA43.mjs.map

package/dist/chunk-VVRGAA43.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/use-add-branding-css.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useAddBrandingCss(\n  suggestionStyleAugmented: React.CSSProperties,\n  disableBranding: boolean | undefined,\n) {\n  const cssSelector = \".copilot-textarea.with-branding\";\n  useEffect(() => {\n    if (disableBranding) {\n      return;\n    }\n\n    // ---\n    // 1: Add the CSS to the DOM\n    const styleEl = document.createElement(\"style\");\n    styleEl.id = \"dynamic-styles\";\n\n    // Build the CSS string dynamically\n    let dynamicStyles = Object.entries(suggestionStyleAugmented)\n      .map(([key, value]) => {\n        const kebabCaseKey = key\n          .replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, \"$1-$2\")\n          .toLowerCase();\n        return `${kebabCaseKey}: ${value};`;\n      })\n      .join(\" \");\n\n    // Append overrides for italics and font-size\n    dynamicStyles += `font-style: normal; font-size: x-small;`;\n    dynamicStyles += `content: \"CopilotKit\";`;\n    dynamicStyles += `bottom: 6px;`;\n    dynamicStyles += `right: 6px;`;\n    dynamicStyles += `pointer-events: none;`;\n    dynamicStyles += `font-weight: 200;`;\n    dynamicStyles += `padding: 0;`;\n    dynamicStyles += `margin: 0;`;\n    dynamicStyles += `border: 0;`;\n    dynamicStyles += `line-height: 1;`;\n    dynamicStyles += `position: absolute;`;\n\n    // Append it to the ::after class\n    styleEl.innerHTML = `\n      ${cssSelector}::after {\n        ${dynamicStyles}\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n\n    // ---\n    // 2: Add the scroll listener (to keep the branding in the bottom right as the textarea scrolls)\n    const textarea = document.querySelector(cssSelector);\n    const handleScroll = () => {\n      const styleEl = document.getElementById(\"dynamic-styles\");\n      if (styleEl && textarea) {\n        const offsetFromBottom = -textarea.scrollTop + 6;\n        const offsetFromRight = -textarea.scrollLeft + 6;\n        styleEl.innerHTML = `\n          ${cssSelector}::after {\n            ${dynamicStyles}\n            bottom: ${offsetFromBottom}px;\n            right: ${offsetFromRight}px;\n          }\n        `;\n      }\n    };\n\n    textarea?.addEventListener(\"scroll\", handleScroll);\n\n    // Cleanup\n    return () => {\n      document.getElementById(\"dynamic-styles\")?.remove();\n      textarea?.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [disableBranding, suggestionStyleAugmented]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,SAAS,kBACd,0BACA,iBACA;AACA,QAAM,cAAc;AACpB,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB;AAAA,IACF;AAIA,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,KAAK;AAGb,QAAI,gBAAgB,OAAO,QAAQ,wBAAwB,EACxD,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrB,YAAM,eAAe,IAClB,QAAQ,gCAAgC,OAAO,EAC/C,YAAY;AACf,aAAO,GAAG,iBAAiB;AAAA,IAC7B,CAAC,EACA,KAAK,GAAG;AAGX,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AACjB,qBAAiB;AAGjB,YAAQ,YAAY;AAAA,QAChB;AAAA,UACE;AAAA;AAAA;AAIN,aAAS,KAAK,YAAY,OAAO;AAIjC,UAAM,WAAW,SAAS,cAAc,WAAW;AACnD,UAAM,eAAe,MAAM;AACzB,YAAMA,WAAU,SAAS,eAAe,gBAAgB;AACxD,UAAIA,YAAW,UAAU;AACvB,cAAM,mBAAmB,CAAC,SAAS,YAAY;AAC/C,cAAM,kBAAkB,CAAC,SAAS,aAAa;AAC/C,QAAAA,SAAQ,YAAY;AAAA,YAChB;AAAA,cACE;AAAA,sBACQ;AAAA,qBACD;AAAA;AAAA;AAAA,MAGf;AAAA,IACF;AAEA,yCAAU,iBAAiB,UAAU;AAGrC,WAAO,MAAM;AAtEjB;AAuEM,qBAAS,eAAe,gBAAgB,MAAxC,mBAA2C;AAC3C,2CAAU,oBAAoB,UAAU;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,iBAAiB,wBAAwB,CAAC;AAChD;","names":["styleEl"]}

package/dist/chunk-VYLLLBUP.mjs

@@ -1,50 +0,0 @@
-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-VYLLLBUP.mjs.map

package/dist/chunk-VYLLLBUP.mjs.map

@@ -1 +0,0 @@
-{"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>(\n  input: RequestInfo,\n  init?: RequestInit,\n): 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 &&\n  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,QACpB,OACA,MACe;AAAA;AACf,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,UACrB,KAAK,MAAM,CAAC,OAAO,UAAU,UAAU,KAAK,KAAK,CAAC;AAE7C,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-WADHCMPK.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-WADHCMPK.mjs.map

package/dist/chunk-WADHCMPK.mjs.map

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

package/dist/chunk-WJHSY5T6.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-WJHSY5T6.mjs.map

package/dist/chunk-WJHSY5T6.mjs.map

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

package/dist/chunk-WXKPRNNO.mjs

@@ -1,32 +0,0 @@
-import {
-  __async
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/lib/stream-promise-flatten.ts
-function streamPromiseFlatten(promise) {
-  return new ReadableStream({
-    start(controller) {
-      return __async(this, null, function* () {
-        try {
-          const stream = yield promise;
-          const reader = stream.getReader();
-          while (true) {
-            const { done, value } = yield reader.read();
-            if (done) {
-              controller.close();
-              return;
-            }
-            controller.enqueue(value);
-          }
-        } catch (error) {
-          controller.error(error);
-        }
-      });
-    }
-  });
-}
-
-export {
-  streamPromiseFlatten
-};
-//# sourceMappingURL=chunk-WXKPRNNO.mjs.map

package/dist/chunk-WXKPRNNO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/stream-promise-flatten.ts"],"sourcesContent":["/**\n * Flatten a promise of a stream, into a stream.\n *\n * Useful because a stream already includes the notion of async value delivery,\n * so it often makes sense to simply await the values rather than the generator of the values.\n *\n * @param {Promise<ReadableStream<A>>} promise - The promise to flatten.\n * @returns {ReadableStream<A>} - The flattened stream.\n */\n\nexport function streamPromiseFlatten<A>(\n  promise: Promise<ReadableStream<A>>,\n): ReadableStream<A> {\n  return new ReadableStream<A>({\n    async start(controller) {\n      try {\n        const stream = await promise;\n        const reader = stream.getReader();\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) {\n            controller.close();\n            return;\n          }\n\n          controller.enqueue(value);\n        }\n      } catch (error) {\n        controller.error(error);\n      }\n    },\n  });\n}\n"],"mappings":";;;;;AAUO,SAAS,qBACd,SACmB;AACnB,SAAO,IAAI,eAAkB;AAAA,IACrB,MAAM,YAAY;AAAA;AACtB,YAAI;AACF,gBAAM,SAAS,MAAM;AACrB,gBAAM,SAAS,OAAO,UAAU;AAEhC,iBAAO,MAAM;AACX,kBAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAE1C,gBAAI,MAAM;AACR,yBAAW,MAAM;AACjB;AAAA,YACF;AAEA,uBAAW,QAAQ,KAAK;AAAA,UAC1B;AAAA,QACF,SAAS,OAAP;AACA,qBAAW,MAAM,KAAK;AAAA,QACxB;AAAA,MACF;AAAA;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/chunk-YINY56BI.mjs

@@ -1,49 +0,0 @@
-import {
-  editorToText
-} from "./chunk-CMKGYQFX.mjs";
-
-// src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx
-import { useEffect, useRef } from "react";
-import { useSlateSelector } from "slate-react";
-import { Range } from "slate";
-import { Fragment, jsx } from "react/jsx-runtime";
-function TrackerTextEditedSinceLastCursorMovement(props) {
-  const cursorState = useSlateSelector((state) => ({
-    selection: state.selection,
-    text: editorToText(state)
-  }));
-  const previousState = usePrevious(cursorState);
-  useEffect(() => {
-    if (!previousState) {
-      return;
-    }
-    if (cursorChangedWithoutTextChanged(previousState, cursorState)) {
-      props.setCursorMovedSinceLastTextChange(true);
-    }
-  }, [props.setCursorMovedSinceLastTextChange, cursorState]);
-  return /* @__PURE__ */ jsx(Fragment, {});
-}
-var cursorChangedWithoutTextChanged = (prev, next) => {
-  const isSelectionChanged = !isSelectionEqual(prev.selection, next.selection);
-  const isTextSame = prev.text === next.text;
-  return isSelectionChanged && isTextSame;
-};
-var isSelectionEqual = (a, b) => {
-  if (!a && !b)
-    return true;
-  if (!a || !b)
-    return false;
-  return Range.equals(a, b);
-};
-function usePrevious(value) {
-  const ref = useRef(void 0);
-  useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-}
-
-export {
-  TrackerTextEditedSinceLastCursorMovement
-};
-//# sourceMappingURL=chunk-YINY56BI.mjs.map

package/dist/chunk-YINY56BI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/track-cursor-moved-since-last-text-change.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { BaseSelection } from \"slate\";\nimport { useSlateSelector } from \"slate-react\";\nimport { Range } from \"slate\";\nimport { editorToText } from \"../../lib/editor-to-text\";\n\ninterface TrackerTextEditedSinceLastCursorMovementProps {\n  setCursorMovedSinceLastTextChange: (value: boolean) => void;\n}\nexport function TrackerTextEditedSinceLastCursorMovement(\n  props: TrackerTextEditedSinceLastCursorMovementProps,\n) {\n  const cursorState: RelevantEditorState = useSlateSelector((state) => ({\n    selection: state.selection,\n    text: editorToText(state),\n  }));\n\n  const previousState = usePrevious(cursorState);\n\n  useEffect(() => {\n    if (!previousState) {\n      return;\n    }\n\n    if (cursorChangedWithoutTextChanged(previousState, cursorState)) {\n      props.setCursorMovedSinceLastTextChange(true);\n    }\n  }, [props.setCursorMovedSinceLastTextChange, cursorState]);\n\n  return <></>;\n}\n\ntype RelevantEditorState = {\n  selection: BaseSelection;\n  text: string;\n};\n\nconst cursorChangedWithoutTextChanged = (\n  prev: RelevantEditorState,\n  next: RelevantEditorState,\n): boolean => {\n  // Check if the selection has changed\n  const isSelectionChanged = !isSelectionEqual(prev.selection, next.selection);\n\n  // Check if the text content remains the same\n  const isTextSame = prev.text === next.text;\n\n  return isSelectionChanged && isTextSame;\n};\n\nconst isSelectionEqual = (a: BaseSelection, b: BaseSelection) => {\n  if (!a && !b) return true;\n  if (!a || !b) return false;\n  return Range.equals(a, b);\n};\n\n/**\n * Easily keep track of the *previous* value of a variable.\n *\n * Example:\n * ```\n * const [count, setCount] = useState(0);\n * const prevCount = usePrevious(count);\n *\n * useEffect(() => {\n *  if (count > prevCount) {\n *   console.log('Now I know that count is bigger than before');\n * }\n * }, [count, prevCount]);\n * ```\n */\nfunction usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T>(undefined!);\n\n  useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"mappings":";;;;;AAAA,SAAS,WAAW,cAAc;AAElC,SAAS,wBAAwB;AACjC,SAAS,aAAa;AA0Bb;AApBF,SAAS,yCACd,OACA;AACA,QAAM,cAAmC,iBAAiB,CAAC,WAAW;AAAA,IACpE,WAAW,MAAM;AAAA,IACjB,MAAM,aAAa,KAAK;AAAA,EAC1B,EAAE;AAEF,QAAM,gBAAgB,YAAY,WAAW;AAE7C,YAAU,MAAM;AACd,QAAI,CAAC,eAAe;AAClB;AAAA,IACF;AAEA,QAAI,gCAAgC,eAAe,WAAW,GAAG;AAC/D,YAAM,kCAAkC,IAAI;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,MAAM,mCAAmC,WAAW,CAAC;AAEzD,SAAO,gCAAE;AACX;AAOA,IAAM,kCAAkC,CACtC,MACA,SACY;AAEZ,QAAM,qBAAqB,CAAC,iBAAiB,KAAK,WAAW,KAAK,SAAS;AAG3E,QAAM,aAAa,KAAK,SAAS,KAAK;AAEtC,SAAO,sBAAsB;AAC/B;AAEA,IAAM,mBAAmB,CAAC,GAAkB,MAAqB;AAC/D,MAAI,CAAC,KAAK,CAAC;AAAG,WAAO;AACrB,MAAI,CAAC,KAAK,CAAC;AAAG,WAAO;AACrB,SAAO,MAAM,OAAO,GAAG,CAAC;AAC1B;AAiBA,SAAS,YAAe,OAAyB;AAC/C,QAAM,MAAM,OAAU,MAAU;AAEhC,YAAU,MAAM;AACd,QAAI,UAAU;AAAA,EAChB,CAAC;AAED,SAAO,IAAI;AACb;","names":[]}

package/dist/chunk-ZBP4SABT.mjs

@@ -1,117 +0,0 @@
-import {
-  areEqual_autocompleteState
-} from "./chunk-VBPZTMXB.mjs";
-import {
-  nullableCompatibleEqualityCheck
-} from "./chunk-VYLLLBUP.mjs";
-import {
-  Debouncer
-} from "./chunk-DZMQBOPG.mjs";
-import {
-  __async
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
-function useAutosuggestions(debounceTime, shouldAcceptAutosuggestionOnKeyPress, shouldAcceptAutosuggestionOnTouch, autosuggestionFunction, insertAutocompleteSuggestion, disableWhenEmpty, disabled) {
-  const [previousAutocompleteState, setPreviousAutocompleteState] = useState(null);
-  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] = useState(null);
-  const awaitForAndAppendSuggestion = useCallback(
-    (editorAutocompleteState, abortSignal) => __async(this, null, function* () {
-      if (disabled) {
-        return;
-      }
-      if (disableWhenEmpty && editorAutocompleteState.textBeforeCursor === "" && editorAutocompleteState.textAfterCursor === "") {
-        return;
-      }
-      const suggestion = yield autosuggestionFunction(
-        editorAutocompleteState,
-        abortSignal
-      );
-      if (!suggestion || abortSignal.aborted) {
-        throw new DOMException("Aborted", "AbortError");
-      }
-      setCurrentAutocompleteSuggestion({
-        text: suggestion,
-        point: editorAutocompleteState.cursorPoint
-      });
-    }),
-    [
-      autosuggestionFunction,
-      setCurrentAutocompleteSuggestion,
-      disableWhenEmpty,
-      disabled
-    ]
-  );
-  const debouncedFunction = useMemo(
-    () => new Debouncer(
-      debounceTime
-    ),
-    [debounceTime]
-  );
-  useEffect(() => {
-    return () => {
-      debouncedFunction.cancel();
-      setCurrentAutocompleteSuggestion(null);
-    };
-  }, [debouncedFunction, disabled]);
-  const onChange = useCallback(
-    (newEditorState) => {
-      const editorStateHasChanged = !nullableCompatibleEqualityCheck(
-        areEqual_autocompleteState,
-        previousAutocompleteState,
-        newEditorState
-      );
-      setPreviousAutocompleteState(newEditorState);
-      if (!editorStateHasChanged) {
-        return;
-      }
-      setCurrentAutocompleteSuggestion(null);
-      if (newEditorState) {
-        debouncedFunction.debounce(awaitForAndAppendSuggestion, newEditorState);
-      } else {
-        debouncedFunction.cancel();
-      }
-    },
-    [
-      previousAutocompleteState,
-      setPreviousAutocompleteState,
-      debouncedFunction,
-      awaitForAndAppendSuggestion,
-      setCurrentAutocompleteSuggestion
-    ]
-  );
-  const keyDownOrTouchHandler = useCallback(
-    (event) => {
-      if (currentAutocompleteSuggestion) {
-        const shouldAcceptSuggestion = event.type === "touchstart" ? shouldAcceptAutosuggestionOnTouch(
-          event
-        ) : shouldAcceptAutosuggestionOnKeyPress(
-          event
-        );
-        if (shouldAcceptSuggestion) {
-          event.preventDefault();
-          insertAutocompleteSuggestion(currentAutocompleteSuggestion);
-          setCurrentAutocompleteSuggestion(null);
-        }
-      }
-    },
-    [
-      currentAutocompleteSuggestion,
-      setCurrentAutocompleteSuggestion,
-      insertAutocompleteSuggestion,
-      shouldAcceptAutosuggestionOnKeyPress
-    ]
-  );
-  return {
-    currentAutocompleteSuggestion,
-    onChangeHandler: onChange,
-    onKeyDownHandler: keyDownOrTouchHandler,
-    onTouchStartHandler: keyDownOrTouchHandler
-  };
-}
-
-export {
-  useAutosuggestions
-};
-//# sourceMappingURL=chunk-ZBP4SABT.mjs.map

package/dist/chunk-ZBP4SABT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Debouncer } from \"../../lib/debouncer\";\nimport { nullableCompatibleEqualityCheck } from \"../../lib/utils\";\nimport { AutosuggestionsBareFunction } from \"../../types/base\";\nimport { AutosuggestionState } from \"../../types/base/autosuggestion-state\";\nimport {\n  EditorAutocompleteState,\n  areEqual_autocompleteState,\n} from \"../../types/base/editor-autocomplete-state\";\n\nexport interface UseAutosuggestionsResult {\n  currentAutocompleteSuggestion: AutosuggestionState | null;\n  onChangeHandler: (newEditorState: EditorAutocompleteState | null) => void;\n  onKeyDownHandler: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  onTouchStartHandler: (event: React.TouchEvent<HTMLDivElement>) => void;\n}\n\nexport function useAutosuggestions(\n  debounceTime: number,\n  shouldAcceptAutosuggestionOnKeyPress: (\n    event: React.KeyboardEvent<HTMLDivElement>,\n  ) => boolean,\n  shouldAcceptAutosuggestionOnTouch: (\n    event: React.TouchEvent<HTMLDivElement>,\n  ) => boolean,\n  autosuggestionFunction: AutosuggestionsBareFunction,\n  insertAutocompleteSuggestion: (suggestion: AutosuggestionState) => void,\n  disableWhenEmpty: boolean,\n  disabled: boolean,\n): UseAutosuggestionsResult {\n  const [previousAutocompleteState, setPreviousAutocompleteState] =\n    useState<EditorAutocompleteState | null>(null);\n\n  const [currentAutocompleteSuggestion, setCurrentAutocompleteSuggestion] =\n    useState<AutosuggestionState | null>(null);\n\n  const awaitForAndAppendSuggestion: (\n    editorAutocompleteState: EditorAutocompleteState,\n    abortSignal: AbortSignal,\n  ) => Promise<void> = useCallback(\n    async (\n      editorAutocompleteState: EditorAutocompleteState,\n      abortSignal: AbortSignal,\n    ) => {\n      // early return if disabled\n      if (disabled) {\n        return;\n      }\n\n      if (\n        disableWhenEmpty &&\n        editorAutocompleteState.textBeforeCursor === \"\" &&\n        editorAutocompleteState.textAfterCursor === \"\"\n      ) {\n        return;\n      }\n\n      // fetch the suggestion\n      const suggestion = await autosuggestionFunction(\n        editorAutocompleteState,\n        abortSignal,\n      );\n\n      // We'll assume for now that the autocomplete function might or might not respect the abort signal.\n      if (!suggestion || abortSignal.aborted) {\n        throw new DOMException(\"Aborted\", \"AbortError\");\n      }\n\n      setCurrentAutocompleteSuggestion({\n        text: suggestion,\n        point: editorAutocompleteState.cursorPoint,\n      });\n    },\n    [\n      autosuggestionFunction,\n      setCurrentAutocompleteSuggestion,\n      disableWhenEmpty,\n      disabled,\n    ],\n  );\n\n  const debouncedFunction = useMemo(\n    () =>\n      new Debouncer<[editorAutocompleteState: EditorAutocompleteState]>(\n        debounceTime,\n      ),\n    [debounceTime],\n  );\n\n  // clean current state when unmounting or disabling\n  useEffect(() => {\n    return () => {\n      debouncedFunction.cancel();\n      setCurrentAutocompleteSuggestion(null);\n    };\n  }, [debouncedFunction, disabled]);\n\n  const onChange = useCallback(\n    (newEditorState: EditorAutocompleteState | null) => {\n      const editorStateHasChanged = !nullableCompatibleEqualityCheck(\n        areEqual_autocompleteState,\n        previousAutocompleteState,\n        newEditorState,\n      );\n      setPreviousAutocompleteState(newEditorState);\n\n      // if no change, do nothing\n      if (!editorStateHasChanged) {\n        return;\n      }\n\n      // if change, then first null out the current suggestion\n      setCurrentAutocompleteSuggestion(null);\n\n      // then try to get a new suggestion, debouncing to avoid too many requests while typing\n      if (newEditorState) {\n        debouncedFunction.debounce(awaitForAndAppendSuggestion, newEditorState);\n      } else {\n        debouncedFunction.cancel();\n      }\n    },\n    [\n      previousAutocompleteState,\n      setPreviousAutocompleteState,\n      debouncedFunction,\n      awaitForAndAppendSuggestion,\n      setCurrentAutocompleteSuggestion,\n    ],\n  );\n\n  const keyDownOrTouchHandler = useCallback(\n    (\n      event:\n        | React.KeyboardEvent<HTMLDivElement>\n        | React.TouchEvent<HTMLDivElement>,\n    ) => {\n      if (currentAutocompleteSuggestion) {\n        const shouldAcceptSuggestion =\n          event.type === \"touchstart\"\n            ? shouldAcceptAutosuggestionOnTouch(\n                event as React.TouchEvent<HTMLDivElement>,\n              )\n            : shouldAcceptAutosuggestionOnKeyPress(\n                event as React.KeyboardEvent<HTMLDivElement>,\n              );\n\n        if (shouldAcceptSuggestion) {\n          event.preventDefault();\n          insertAutocompleteSuggestion(currentAutocompleteSuggestion);\n          setCurrentAutocompleteSuggestion(null);\n        }\n      }\n    },\n    [\n      currentAutocompleteSuggestion,\n      setCurrentAutocompleteSuggestion,\n      insertAutocompleteSuggestion,\n      shouldAcceptAutosuggestionOnKeyPress,\n    ],\n  );\n\n  return {\n    currentAutocompleteSuggestion,\n    onChangeHandler: onChange,\n    onKeyDownHandler: keyDownOrTouchHandler,\n    onTouchStartHandler: keyDownOrTouchHandler,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,aAAa,WAAW,SAAS,gBAAgB;AAiBnD,SAAS,mBACd,cACA,sCAGA,mCAGA,wBACA,8BACA,kBACA,UAC0B;AAC1B,QAAM,CAAC,2BAA2B,4BAA4B,IAC5D,SAAyC,IAAI;AAE/C,QAAM,CAAC,+BAA+B,gCAAgC,IACpE,SAAqC,IAAI;AAE3C,QAAM,8BAGe;AAAA,IACnB,CACE,yBACA,gBACG;AAEH,UAAI,UAAU;AACZ;AAAA,MACF;AAEA,UACE,oBACA,wBAAwB,qBAAqB,MAC7C,wBAAwB,oBAAoB,IAC5C;AACA;AAAA,MACF;AAGA,YAAM,aAAa,MAAM;AAAA,QACvB;AAAA,QACA;AAAA,MACF;AAGA,UAAI,CAAC,cAAc,YAAY,SAAS;AACtC,cAAM,IAAI,aAAa,WAAW,YAAY;AAAA,MAChD;AAEA,uCAAiC;AAAA,QAC/B,MAAM;AAAA,QACN,OAAO,wBAAwB;AAAA,MACjC,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,MACE,IAAI;AAAA,MACF;AAAA,IACF;AAAA,IACF,CAAC,YAAY;AAAA,EACf;AAGA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,wBAAkB,OAAO;AACzB,uCAAiC,IAAI;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,mBAAmB,QAAQ,CAAC;AAEhC,QAAM,WAAW;AAAA,IACf,CAAC,mBAAmD;AAClD,YAAM,wBAAwB,CAAC;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,mCAA6B,cAAc;AAG3C,UAAI,CAAC,uBAAuB;AAC1B;AAAA,MACF;AAGA,uCAAiC,IAAI;AAGrC,UAAI,gBAAgB;AAClB,0BAAkB,SAAS,6BAA6B,cAAc;AAAA,MACxE,OAAO;AACL,0BAAkB,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,wBAAwB;AAAA,IAC5B,CACE,UAGG;AACH,UAAI,+BAA+B;AACjC,cAAM,yBACJ,MAAM,SAAS,eACX;AAAA,UACE;AAAA,QACF,IACA;AAAA,UACE;AAAA,QACF;AAEN,YAAI,wBAAwB;AAC1B,gBAAM,eAAe;AACrB,uCAA6B,6BAA6B;AAC1D,2CAAiC,IAAI;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,EACvB;AACF;","names":[]}

package/dist/chunk-ZWI5KPQ5.mjs

@@ -1,31 +0,0 @@
-import {
-  HoveringInsertionPromptBoxCore
-} from "./chunk-3WLGLZTY.mjs";
-
-// src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx
-import { jsx } from "react/jsx-runtime";
-var HoveringInsertionPromptBox = (props) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white",
-      style: { width: "35rem" },
-      children: /* @__PURE__ */ jsx(
-        HoveringInsertionPromptBoxCore,
-        {
-          state: {
-            editorState: props.editorState
-          },
-          insertionOrEditingFunction: props.apiConfig.insertionOrEditingFunction,
-          performInsertion: props.performInsertion,
-          contextCategories: props.contextCategories
-        }
-      )
-    }
-  );
-};
-
-export {
-  HoveringInsertionPromptBox
-};
-//# sourceMappingURL=chunk-ZWI5KPQ5.mjs.map

package/dist/chunk-ZWI5KPQ5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/hovering-insertion-prompt-box.tsx"],"sourcesContent":["import { HoveringInsertionPromptBoxCore } from \"./hovering-insertion-prompt-box-core\";\nimport {\n  EditingEditorState,\n  InsertionEditorApiConfig,\n} from \"../../../types/base/autosuggestions-bare-function\";\n\nexport interface Props {\n  editorState: EditingEditorState;\n  apiConfig: InsertionEditorApiConfig;\n  performInsertion: (insertedText: string) => void;\n  contextCategories: string[];\n}\n\nexport const HoveringInsertionPromptBox = (props: Props) => {\n  return (\n    <div\n      className=\"flex flex-col justify-center items-center space-y-4 rounded-md border shadow-lg p-4 border-gray- bg-white\"\n      style={{ width: \"35rem\" }}\n    >\n      <HoveringInsertionPromptBoxCore\n        state={{\n          editorState: props.editorState,\n        }}\n        insertionOrEditingFunction={props.apiConfig.insertionOrEditingFunction}\n        performInsertion={props.performInsertion}\n        contextCategories={props.contextCategories}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAmBM;AANC,IAAM,6BAA6B,CAAC,UAAiB;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,OAAO,QAAQ;AAAA,MAExB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,aAAa,MAAM;AAAA,UACrB;AAAA,UACA,4BAA4B,MAAM,UAAU;AAAA,UAC5C,kBAAkB,MAAM;AAAA,UACxB,mBAAmB,MAAM;AAAA;AAAA,MAC3B;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -1,9 +0,0 @@
-/* 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

@@ -1 +0,0 @@
-{"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

@@ -1,43 +0,0 @@
-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 };