@copilotkit/react-textarea 0.10.0 → 0.12.0

package/dist/chunk-DCQ27XRF.mjs

@@ -0,0 +1,32 @@
+import { useMakeStandardAutosuggestionFunction } from './chunk-A3SFEHWZ.mjs';
+import { defaultAutosuggestionsConfig } from './chunk-EHQ5TN4R.mjs';
+import { BaseCopilotTextarea } from './chunk-M6QFKIBE.mjs';
+import { __spreadValues, __spreadProps } from './chunk-MRXNTQOX.mjs';
+import React from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var CopilotTextarea = React.forwardRef(
+  (props, ref) => {
+    const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultAutosuggestionsConfig), props.autosuggestionsConfig);
+    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(
+      autosuggestionsConfig.purposePrompt,
+      autosuggestionsConfig.apiEndpoint,
+      autosuggestionsConfig.makeSystemPrompt,
+      autosuggestionsConfig.fewShotMessages,
+      autosuggestionsConfig.externalContextCategories,
+      autosuggestionsConfig.forwardedParams
+    );
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: /* @__PURE__ */ jsx(BaseCopilotTextarea, __spreadProps(__spreadValues({
+        ref
+      }, props), {
+        autosuggestionsConfig,
+        autosuggestionsFunction
+      }))
+    });
+  }
+);
+
+export { CopilotTextarea };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-DCQ27XRF.mjs.map

package/dist/chunk-DCQ27XRF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/copilot-textarea/copilot-textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAoCZ,mBACE,WADF;AApBC,IAAM,kBAAkB,MAAM;AAAA,EACnC,CACE,OACA,QACgB;AAChB,UAAM,wBAA+C,kCAChD,+BACA,MAAM;AAGX,UAAM,0BAA0B;AAAA,MAC9B,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,MACtB,sBAAsB;AAAA,IACxB;AAEA,WACE;AAAA,MACE,8BAAC;AAAA,QACC;AAAA,SACI,QAFL;AAAA,QAGC;AAAA,QACA;AAAA,QACF;AAAA,KACF;AAAA,EAEJ;AACF","sourcesContent":["// This example is for an Editor with `ReactEditor` and `HistoryEditor`\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/standard-autosuggestions\";\nimport { BaseCopilotTextarea } from \"../base-copilot-textarea/base-copilot-textarea\";\n\nexport interface CopilotTextareaProps extends BaseCopilotTextareaProps {\n  autosuggestionsConfig: Partial<AutosuggestionsConfig> & {\n    purposePrompt: string;\n  };\n}\n\nexport const CopilotTextarea = React.forwardRef(\n  (\n    props: CopilotTextareaProps,\n    ref: React.Ref<HTMLCopilotTextAreaElement>\n  ): JSX.Element => {\n    const autosuggestionsConfig: AutosuggestionsConfig = {\n      ...defaultAutosuggestionsConfig,\n      ...props.autosuggestionsConfig,\n    };\n\n    const autosuggestionsFunction = useMakeStandardAutosuggestionFunction(\n      autosuggestionsConfig.purposePrompt,\n      autosuggestionsConfig.apiEndpoint,\n      autosuggestionsConfig.makeSystemPrompt,\n      autosuggestionsConfig.fewShotMessages,\n      autosuggestionsConfig.externalContextCategories,\n      autosuggestionsConfig.forwardedParams\n    );\n\n    return (\n      <>\n        <BaseCopilotTextarea\n          ref={ref}\n          {...props}\n          autosuggestionsConfig={autosuggestionsConfig}\n          autosuggestionsFunction={autosuggestionsFunction}\n        />\n      </>\n    );\n  }\n);\n"]}

package/dist/chunk-DE5K76I2.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-DE5K76I2.mjs.map

package/dist/{chunk-E2UEE45I.mjs → chunk-HZGSG7ST.mjs}

@@ -93,4 +93,4 @@ function useAutosuggestions(debounceTime, acceptAutosuggestionKey, autosuggestio
 
 export { useAutosuggestions };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-E2UEE45I.mjs.map
+//# sourceMappingURL=chunk-HZGSG7ST.mjs.map

package/dist/chunk-HZGSG7ST.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/base-copilot-textarea-implementation/use-autosuggestions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,aAAa,SAAS,gBAAgB;AAgBxC,SAAS,mBACd,cACA,yBACA,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,wBAAwB;AAAA,QACxB,wBAAwB;AAAA,QACxB;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;AAEA,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,iBAAiB;AAAA,IACrB,CAAC,UAA+C;AAC9C,UAAI,+BAA+B;AACjC,YAAI,MAAM,QAAQ,yBAAyB;AACzC,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,EACpB;AACF","sourcesContent":["import { useCallback, 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}\n\nexport function useAutosuggestions(\n  debounceTime: number,\n  acceptAutosuggestionKey: string,\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.textBeforeCursor,\n        editorAutocompleteState.textAfterCursor,\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  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 keyDownHandler = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (currentAutocompleteSuggestion) {\n        if (event.key === acceptAutosuggestionKey) {\n          event.preventDefault();\n          insertAutocompleteSuggestion(currentAutocompleteSuggestion);\n          setCurrentAutocompleteSuggestion(null);\n        }\n      }\n    },\n    [\n      currentAutocompleteSuggestion,\n      setCurrentAutocompleteSuggestion,\n      insertAutocompleteSuggestion,\n      acceptAutosuggestionKey,\n    ]\n  );\n\n  return {\n    currentAutocompleteSuggestion,\n    onChangeHandler: onChange,\n    onKeyDownHandler: keyDownHandler,\n  };\n}\n"]}

package/dist/{chunk-THWPPG6M.mjs → chunk-IGQI27NI.mjs}

@@ -2,6 +2,7 @@ import { useEffect } from 'react';
 
 // src/components/base-copilot-textarea/use-add-branding-css.tsx
 function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
+  const cssSelector = ".copilot-textarea.with-branding";
   useEffect(() => {
     if (disableBranding) {
       return;
@@ -23,18 +24,35 @@ function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
     dynamicStyles += `border: 0;`;
     dynamicStyles += `line-height: 1;`;
     styleEl.innerHTML = `
-      .copilot-textarea.with-branding::after {
+      ${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=out.js.map
-//# sourceMappingURL=chunk-THWPPG6M.mjs.map
+//# sourceMappingURL=chunk-IGQI27NI.mjs.map

package/dist/chunk-IGQI27NI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/base-copilot-textarea/use-add-branding-css.tsx"],"names":["styleEl"],"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;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;AArEjB;AAsEM,qBAAS,eAAe,gBAAgB,MAAxC,mBAA2C;AAC3C,2CAAU,oBAAoB,UAAU;AAAA,IAC1C;AAAA,EACF,GAAG,CAAC,iBAAiB,wBAAwB,CAAC;AAChD","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\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"]}

package/dist/chunk-M6QFKIBE.mjs

@@ -0,0 +1,161 @@
+import { useAutosuggestions } from './chunk-HZGSG7ST.mjs';
+import { useCopilotTextareaEditor } from './chunk-CSGFJU3L.mjs';
+import { usePopulateCopilotTextareaRef } from './chunk-AOEXKPIX.mjs';
+import { addAutocompletionsToEditor } from './chunk-WJYQWL4I.mjs';
+import { clearAutocompletionsFromEditor } from './chunk-4XYYSJ5C.mjs';
+import { replaceEditorText } from './chunk-TSF4AJIK.mjs';
+import { defaultBaseAutosuggestionsConfig } from './chunk-7KWRVIYV.mjs';
+import { makeRenderElementFunction } from './chunk-LNAIMEB2.mjs';
+import { makeRenderPlaceholderFunction } from './chunk-OELUUJZY.mjs';
+import { useAddBrandingCss } from './chunk-IGQI27NI.mjs';
+import { getTextAroundCursor, getFullEditorTextWithNewlines } from './chunk-3UQM3NLM.mjs';
+import { __spreadValues, __objRest } from './chunk-MRXNTQOX.mjs';
+import React, { useMemo, useState, useCallback, useEffect } from 'react';
+import { Editor } from 'slate';
+import { Slate, Editable } from 'slate-react';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var BaseCopilotTextarea = React.forwardRef(
+  (props, ref) => {
+    const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.autosuggestionsConfig);
+    const valueOnInitialRender = useMemo(() => {
+      var _a2;
+      return (_a2 = props.value) != null ? _a2 : "";
+    }, []);
+    const [lastKnownFullEditorText, setLastKnownFullEditorText] = useState(valueOnInitialRender);
+    const initialValue = useMemo(() => {
+      return [
+        {
+          type: "paragraph",
+          children: [{ text: valueOnInitialRender }]
+        }
+      ];
+    }, [valueOnInitialRender]);
+    const editor = useCopilotTextareaEditor();
+    const insertText = useCallback(
+      (autosuggestion) => {
+        Editor.insertText(editor, autosuggestion.text, {
+          at: autosuggestion.point
+        });
+      },
+      [editor]
+    );
+    const {
+      currentAutocompleteSuggestion,
+      onChangeHandler: onChangeHandlerForAutocomplete,
+      onKeyDownHandler: onKeyDownHandlerForAutocomplete
+    } = useAutosuggestions(
+      autosuggestionsConfig.debounceTime,
+      autosuggestionsConfig.acceptAutosuggestionKey,
+      props.autosuggestionsFunction,
+      insertText,
+      autosuggestionsConfig.disableWhenEmpty,
+      autosuggestionsConfig.disabled
+    );
+    useEffect(() => {
+      clearAutocompletionsFromEditor(editor);
+      if (currentAutocompleteSuggestion) {
+        addAutocompletionsToEditor(
+          editor,
+          currentAutocompleteSuggestion.text,
+          currentAutocompleteSuggestion.point
+        );
+      }
+    }, [currentAutocompleteSuggestion]);
+    const suggestionStyleAugmented = useMemo(() => {
+      return __spreadValues({
+        fontStyle: "italic",
+        color: "gray"
+      }, props.suggestionsStyle);
+    }, [props.suggestionsStyle]);
+    useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);
+    const renderElementMemoized = useMemo(() => {
+      return makeRenderElementFunction(suggestionStyleAugmented);
+    }, [suggestionStyleAugmented]);
+    const renderPlaceholderMemoized = useMemo(() => {
+      const placeholderStyleSlatejsOverrides = {
+        top: void 0
+      };
+      const placeholderStyleAugmented = __spreadValues(__spreadValues({}, placeholderStyleSlatejsOverrides), props.placeholderStyle);
+      return makeRenderPlaceholderFunction(placeholderStyleAugmented);
+    }, [props.placeholderStyle]);
+    useEffect(() => {
+      var _a2, _b;
+      if (props.value === lastKnownFullEditorText) {
+        return;
+      }
+      setLastKnownFullEditorText((_a2 = props.value) != null ? _a2 : "");
+      replaceEditorText(editor, (_b = props.value) != null ? _b : "");
+    }, [props.value]);
+    const _a = props, {
+      placeholderStyle,
+      value,
+      onValueChange,
+      autosuggestionsConfig: autosuggestionsConfigFromProps,
+      autosuggestionsFunction,
+      className,
+      onChange,
+      onKeyDown
+    } = _a, propsToForward = __objRest(_a, [
+      "placeholderStyle",
+      "value",
+      "onValueChange",
+      "autosuggestionsConfig",
+      "autosuggestionsFunction",
+      "className",
+      "onChange",
+      "onKeyDown"
+    ]);
+    const moddedClassName = (() => {
+      const baseClassName = "copilot-textarea";
+      const brandingClass = props.disableBranding ? "no-branding" : "with-branding";
+      const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
+      const mergedClassName = twMerge(
+        defaultTailwindClassName,
+        className != null ? className : ""
+      );
+      return `${baseClassName} ${brandingClass} ${mergedClassName}`;
+    })();
+    usePopulateCopilotTextareaRef(editor, ref);
+    return /* @__PURE__ */ jsx(Slate, {
+      editor,
+      initialValue,
+      onChange: (value2) => {
+        var _a2, _b;
+        const newEditorState = getTextAroundCursor(editor);
+        const fullEditorText = newEditorState ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor : getFullEditorTextWithNewlines(editor);
+        setLastKnownFullEditorText(fullEditorText);
+        onChangeHandlerForAutocomplete(newEditorState);
+        (_a2 = props.onValueChange) == null ? void 0 : _a2.call(props, fullEditorText);
+        (_b = props.onChange) == null ? void 0 : _b.call(props, makeSemiFakeReactTextAreaEvent(fullEditorText));
+      },
+      children: /* @__PURE__ */ jsx(Editable, __spreadValues({
+        renderElement: renderElementMemoized,
+        renderPlaceholder: renderPlaceholderMemoized,
+        onKeyDown: (event) => {
+          var _a2;
+          onKeyDownHandlerForAutocomplete(event);
+          (_a2 = props.onKeyDown) == null ? void 0 : _a2.call(props, event);
+        },
+        className: moddedClassName
+      }, propsToForward))
+    });
+  }
+);
+function makeSemiFakeReactTextAreaEvent(currentText) {
+  return {
+    target: {
+      value: currentText,
+      type: "copilot-textarea"
+    },
+    currentTarget: {
+      value: currentText,
+      type: "copilot-textarea"
+    }
+  };
+}
+
+export { BaseCopilotTextarea };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-M6QFKIBE.mjs.map

package/dist/chunk-M6QFKIBE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/base-copilot-textarea/base-copilot-textarea.tsx"],"names":["_a","value"],"mappings":"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","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  getTextAroundCursor,\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  AutosuggestionsBareFunction,\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 { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\n\nexport interface HTMLCopilotTextAreaElement extends HTMLElement {\n  value: string;\n  focus: () => void;\n  blur: () => void;\n}\n\nexport const BaseCopilotTextarea = React.forwardRef(\n  (\n    props: BaseCopilotTextareaProps & {\n      autosuggestionsFunction: AutosuggestionsBareFunction;\n    },\n    ref: React.Ref<HTMLCopilotTextAreaElement>\n  ): JSX.Element => {\n    const autosuggestionsConfig: BaseAutosuggestionsConfig = {\n      ...defaultBaseAutosuggestionsConfig,\n      ...props.autosuggestionsConfig,\n    };\n\n    const valueOnInitialRender = useMemo(() => props.value ?? \"\", []);\n    const [lastKnownFullEditorText, setLastKnownFullEditorText] =\n      useState(valueOnInitialRender);\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 insertText = useCallback(\n      (autosuggestion: AutosuggestionState) => {\n        Editor.insertText(editor, autosuggestion.text, {\n          at: autosuggestion.point,\n        });\n      },\n      [editor]\n    );\n\n    const {\n      currentAutocompleteSuggestion,\n      onChangeHandler: onChangeHandlerForAutocomplete,\n      onKeyDownHandler: onKeyDownHandlerForAutocomplete,\n    } = useAutosuggestions(\n      autosuggestionsConfig.debounceTime,\n      autosuggestionsConfig.acceptAutosuggestionKey,\n      props.autosuggestionsFunction,\n      insertText,\n      autosuggestionsConfig.disableWhenEmpty,\n      autosuggestionsConfig.disabled\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    useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);\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      onValueChange,\n      autosuggestionsConfig: autosuggestionsConfigFromProps,\n      autosuggestionsFunction,\n      className,\n      onChange,\n      onKeyDown,\n      ...propsToForward\n    } = props;\n\n    const moddedClassName = (() => {\n      const baseClassName = \"copilot-textarea\";\n      const brandingClass = props.disableBranding\n        ? \"no-branding\"\n        : \"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    usePopulateCopilotTextareaRef(editor, ref);\n\n    return (\n      <Slate\n        editor={editor}\n        initialValue={initialValue}\n        onChange={(value) => {\n          const newEditorState = getTextAroundCursor(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(fullEditorText);\n          onChangeHandlerForAutocomplete(newEditorState);\n\n          props.onValueChange?.(fullEditorText);\n          props.onChange?.(makeSemiFakeReactTextAreaEvent(fullEditorText));\n        }}\n      >\n        <Editable\n          renderElement={renderElementMemoized}\n          renderPlaceholder={renderPlaceholderMemoized}\n          onKeyDown={(event) => {\n            onKeyDownHandlerForAutocomplete(event); // forward the event for internal use\n            props.onKeyDown?.(event); // forward the event for external use\n          }}\n          className={moddedClassName}\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"]}

package/dist/chunk-WADHCMPK.mjs

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

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

@@ -1,19 +1,15 @@
-import { TextareaHTMLAttributes } from 'react';
-import { BaseAutosuggestionsConfig } from '../../types/base/base-autosuggestions-config.js';
+import React from 'react';
 import { AutosuggestionsBareFunction } from '../../types/base/autosuggestions-bare-function.js';
+import { BaseCopilotTextareaProps } from '../../types/base/base-copilot-textarea-props.js';
+import '../../types/base/base-autosuggestions-config.js';
 
-interface BaseCopilotTextareaProps extends TextareaHTMLAttributes<HTMLDivElement> {
-    disableBranding?: boolean;
-    placeholderStyle?: React.CSSProperties;
-    suggestionsStyle?: React.CSSProperties;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {
-        purposePrompt: string;
-    };
+interface HTMLCopilotTextAreaElement extends HTMLElement {
+    value: string;
+    focus: () => void;
+    blur: () => void;
 }
-declare function BaseCopilotTextarea(props: BaseCopilotTextareaProps & {
+declare const BaseCopilotTextarea: React.ForwardRefExoticComponent<BaseCopilotTextareaProps & {
     autosuggestionsFunction: AutosuggestionsBareFunction;
-}): JSX.Element;
+} & React.RefAttributes<HTMLCopilotTextAreaElement>>;
 
-export { BaseCopilotTextarea, BaseCopilotTextareaProps };
+export { BaseCopilotTextarea, HTMLCopilotTextAreaElement };

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

@@ -1,19 +1,20 @@
-export { BaseCopilotTextarea } from '../../chunk-CU2M5BIJ.mjs';
+export { BaseCopilotTextarea } from '../../chunk-M6QFKIBE.mjs';
+import '../../chunk-HZGSG7ST.mjs';
+import '../../chunk-UW3ITU2Y.mjs';
+import '../../chunk-CSGFJU3L.mjs';
+import '../../chunk-AOEXKPIX.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-4XYYSJ5C.mjs';
 import '../../chunk-TSF4AJIK.mjs';
-import '../../chunk-3UQM3NLM.mjs';
+import '../../chunk-KCHYD3EB.mjs';
+import '../../chunk-KGKLUWKW.mjs';
 import '../../chunk-WJHSY5T6.mjs';
 import '../../chunk-7KWRVIYV.mjs';
 import '../../chunk-LNAIMEB2.mjs';
 import '../../chunk-OELUUJZY.mjs';
-import '../../chunk-THWPPG6M.mjs';
-import '../../chunk-E2UEE45I.mjs';
-import '../../chunk-UW3ITU2Y.mjs';
-import '../../chunk-KGKLUWKW.mjs';
-import '../../chunk-6SYD77G6.mjs';
-import '../../chunk-KCHYD3EB.mjs';
+import '../../chunk-IGQI27NI.mjs';
 import '../../chunk-NKW5OU2S.mjs';
+import '../../chunk-3UQM3NLM.mjs';
 import '../../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=base-copilot-textarea.mjs.map

package/dist/components/base-copilot-textarea/use-add-branding-css.mjs

@@ -1,4 +1,4 @@
-export { useAddBrandingCss } from '../../chunk-THWPPG6M.mjs';
+export { useAddBrandingCss } from '../../chunk-IGQI27NI.mjs';
 import '../../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=use-add-branding-css.mjs.map

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

@@ -1,15 +1,15 @@
+import React from 'react';
+import { BaseCopilotTextareaProps } from '../../types/base/base-copilot-textarea-props.js';
+import { HTMLCopilotTextAreaElement } from '../../types/html-copilot-textarea-element.js';
 import { AutosuggestionsConfig } from '../../types/standard-autosuggestions/autosuggestions-config.js';
-import { BaseCopilotTextareaProps } from '../base-copilot-textarea/base-copilot-textarea.js';
 import '../../types/base/base-autosuggestions-config.js';
 import '../../types/standard-autosuggestions/minimal-chat-gpt-message.js';
-import 'react';
-import '../../types/base/autosuggestions-bare-function.js';
 
 interface CopilotTextareaProps extends BaseCopilotTextareaProps {
     autosuggestionsConfig: Partial<AutosuggestionsConfig> & {
         purposePrompt: string;
     };
 }
-declare function CopilotTextarea(props: CopilotTextareaProps): JSX.Element;
+declare const CopilotTextarea: React.ForwardRefExoticComponent<CopilotTextareaProps & React.RefAttributes<HTMLCopilotTextAreaElement>>;
 
 export { CopilotTextarea, CopilotTextareaProps };

package/dist/components/copilot-textarea/copilot-textarea.mjs

@@ -1,23 +1,24 @@
-export { CopilotTextarea } from '../../chunk-NHLYAJCQ.mjs';
+export { CopilotTextarea } from '../../chunk-DCQ27XRF.mjs';
 import '../../chunk-A3SFEHWZ.mjs';
 import '../../chunk-AZQCUNBV.mjs';
 import '../../chunk-EHQ5TN4R.mjs';
-import '../../chunk-CU2M5BIJ.mjs';
+import '../../chunk-M6QFKIBE.mjs';
+import '../../chunk-HZGSG7ST.mjs';
+import '../../chunk-UW3ITU2Y.mjs';
+import '../../chunk-CSGFJU3L.mjs';
+import '../../chunk-AOEXKPIX.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-4XYYSJ5C.mjs';
 import '../../chunk-TSF4AJIK.mjs';
-import '../../chunk-3UQM3NLM.mjs';
+import '../../chunk-KCHYD3EB.mjs';
+import '../../chunk-KGKLUWKW.mjs';
 import '../../chunk-WJHSY5T6.mjs';
 import '../../chunk-7KWRVIYV.mjs';
 import '../../chunk-LNAIMEB2.mjs';
 import '../../chunk-OELUUJZY.mjs';
-import '../../chunk-THWPPG6M.mjs';
-import '../../chunk-E2UEE45I.mjs';
-import '../../chunk-UW3ITU2Y.mjs';
-import '../../chunk-KGKLUWKW.mjs';
-import '../../chunk-6SYD77G6.mjs';
-import '../../chunk-KCHYD3EB.mjs';
+import '../../chunk-IGQI27NI.mjs';
 import '../../chunk-NKW5OU2S.mjs';
+import '../../chunk-3UQM3NLM.mjs';
 import '../../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=copilot-textarea.mjs.map

package/dist/components/index.d.ts

@@ -1,7 +1,9 @@
-export { BaseCopilotTextarea, BaseCopilotTextareaProps } from './base-copilot-textarea/base-copilot-textarea.js';
+export { BaseCopilotTextarea } from './base-copilot-textarea/base-copilot-textarea.js';
 export { CopilotTextarea, CopilotTextareaProps } from './copilot-textarea/copilot-textarea.js';
 import 'react';
-import '../types/base/base-autosuggestions-config.js';
 import '../types/base/autosuggestions-bare-function.js';
+import '../types/base/base-copilot-textarea-props.js';
+import '../types/base/base-autosuggestions-config.js';
+import '../types/html-copilot-textarea-element.js';
 import '../types/standard-autosuggestions/autosuggestions-config.js';
 import '../types/standard-autosuggestions/minimal-chat-gpt-message.js';

package/dist/components/index.mjs

@@ -1,24 +1,25 @@
 import '../chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from '../chunk-NHLYAJCQ.mjs';
+export { CopilotTextarea } from '../chunk-DCQ27XRF.mjs';
 import '../chunk-A3SFEHWZ.mjs';
 import '../chunk-AZQCUNBV.mjs';
 import '../chunk-EHQ5TN4R.mjs';
-export { BaseCopilotTextarea } from '../chunk-CU2M5BIJ.mjs';
+export { BaseCopilotTextarea } from '../chunk-M6QFKIBE.mjs';
+import '../chunk-HZGSG7ST.mjs';
+import '../chunk-UW3ITU2Y.mjs';
+import '../chunk-CSGFJU3L.mjs';
+import '../chunk-AOEXKPIX.mjs';
 import '../chunk-WJYQWL4I.mjs';
 import '../chunk-4XYYSJ5C.mjs';
 import '../chunk-TSF4AJIK.mjs';
-import '../chunk-3UQM3NLM.mjs';
+import '../chunk-KCHYD3EB.mjs';
+import '../chunk-KGKLUWKW.mjs';
 import '../chunk-WJHSY5T6.mjs';
 import '../chunk-7KWRVIYV.mjs';
 import '../chunk-LNAIMEB2.mjs';
 import '../chunk-OELUUJZY.mjs';
-import '../chunk-THWPPG6M.mjs';
-import '../chunk-E2UEE45I.mjs';
-import '../chunk-UW3ITU2Y.mjs';
-import '../chunk-KGKLUWKW.mjs';
-import '../chunk-6SYD77G6.mjs';
-import '../chunk-KCHYD3EB.mjs';
+import '../chunk-IGQI27NI.mjs';
 import '../chunk-NKW5OU2S.mjs';
+import '../chunk-3UQM3NLM.mjs';
 import '../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/dist/hooks/{use-autosuggestions.d.ts → base-copilot-textarea-implementation/use-autosuggestions.d.ts}

@@ -1,6 +1,6 @@
-import { AutosuggestionsBareFunction } from '../types/base/autosuggestions-bare-function.js';
-import { AutosuggestionState } from '../types/base/autosuggestion-state.js';
-import { EditorAutocompleteState } from '../types/base/editor-autocomplete-state.js';
+import { AutosuggestionsBareFunction } from '../../types/base/autosuggestions-bare-function.js';
+import { AutosuggestionState } from '../../types/base/autosuggestion-state.js';
+import { EditorAutocompleteState } from '../../types/base/editor-autocomplete-state.js';
 import 'slate';
 
 interface UseAutosuggestionsResult {

package/dist/hooks/base-copilot-textarea-implementation/use-autosuggestions.mjs

@@ -0,0 +1,7 @@
+export { useAutosuggestions } from '../../chunk-HZGSG7ST.mjs';
+import '../../chunk-UW3ITU2Y.mjs';
+import '../../chunk-KGKLUWKW.mjs';
+import '../../chunk-NKW5OU2S.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=use-autosuggestions.mjs.map

package/dist/hooks/{use-copilot-textarea-editor.d.ts → base-copilot-textarea-implementation/use-copilot-textarea-editor.d.ts}

@@ -1,4 +1,4 @@
-import { CustomEditor } from '../types/base/custom-editor.js';
+import { CustomEditor } from '../../types/base/custom-editor.js';
 import 'slate';
 import 'slate-react';
 import 'slate-history';

package/dist/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.mjs

@@ -0,0 +1,5 @@
+export { useCopilotTextareaEditor } from '../../chunk-CSGFJU3L.mjs';
+import '../../chunk-KCHYD3EB.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=use-copilot-textarea-editor.mjs.map

package/dist/hooks/base-copilot-textarea-implementation/use-copilot-textarea-editor.mjs.map

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

package/dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Editor } from 'slate';
+import { HTMLCopilotTextAreaElement } from '../../types/html-copilot-textarea-element.js';
+
+declare function usePopulateCopilotTextareaRef(editor: Editor, ref: React.Ref<HTMLCopilotTextAreaElement>): void;
+
+export { usePopulateCopilotTextareaRef };

package/dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.mjs

@@ -0,0 +1,6 @@
+export { usePopulateCopilotTextareaRef } from '../../chunk-AOEXKPIX.mjs';
+import '../../chunk-TSF4AJIK.mjs';
+import '../../chunk-3UQM3NLM.mjs';
+import '../../chunk-MRXNTQOX.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=use-populate-copilot-textarea-ref.mjs.map

package/dist/hooks/base-copilot-textarea-implementation/use-populate-copilot-textarea-ref.mjs.map

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

package/dist/index.css

@@ -337,6 +337,10 @@ video {
 .italic {
   font-style: italic;
 }
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }