@copilotkit/react-textarea 0.24.0 → 0.26.0-alpha.0

package/dist/chunk-JYVC4AW3.mjs

@@ -1,205 +0,0 @@
-import { useCopilotTextareaEditor } from './chunk-CSGFJU3L.mjs';
-import { usePopulateCopilotTextareaRef } from './chunk-YQU7WG7T.mjs';
-import { addAutocompletionsToEditor } from './chunk-WJYQWL4I.mjs';
-import { clearAutocompletionsFromEditor } from './chunk-F3MHL6ZY.mjs';
-import { replaceEditorText } from './chunk-RQHOUUXQ.mjs';
-import { useAutosuggestions } from './chunk-UHD44NC5.mjs';
-import { TrackerTextEditedSinceLastCursorMovement } from './chunk-OD7ZMOVE.mjs';
-import { useAddBrandingCss } from './chunk-MPME5BW2.mjs';
-import { HoveringToolbar } from './chunk-3L6CNVCE.mjs';
-import { useHoveringEditorContext, HoveringEditorProvider } from './chunk-YW3REYX6.mjs';
-import { defaultBaseAutosuggestionsConfig } from './chunk-6Z2ATUNY.mjs';
-import { makeRenderElementFunction } from './chunk-LNAIMEB2.mjs';
-import { makeRenderPlaceholderFunction } from './chunk-OELUUJZY.mjs';
-import { getTextAroundCollapsedCursor, getFullEditorTextWithNewlines } from './chunk-IXJ2HCOA.mjs';
-import { __spreadValues, __objRest, __spreadProps } 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 { jsxs, jsx } from 'react/jsx-runtime';
-
-var BaseCopilotTextareaWithHoveringContext = React.forwardRef(
-  (props, ref) => {
-    const autosuggestionsConfig = __spreadValues(__spreadValues({}, defaultBaseAutosuggestionsConfig), props.baseAutosuggestionsConfig);
-    const valueOnInitialRender = useMemo(() => {
-      var _a2;
-      return (_a2 = props.value) != null ? _a2 : "";
-    }, []);
-    const [lastKnownFullEditorText, setLastKnownFullEditorText] = useState(valueOnInitialRender);
-    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] = useState(false);
-    const initialValue = useMemo(() => {
-      return [
-        {
-          type: "paragraph",
-          children: [{ text: valueOnInitialRender }]
-        }
-      ];
-    }, [valueOnInitialRender]);
-    const editor = useCopilotTextareaEditor();
-    const {
-      isDisplayed: hoveringEditorIsDisplayed,
-      setIsDisplayed: setHoveringEditorIsDisplayed
-    } = useHoveringEditorContext();
-    const insertText = useCallback(
-      (autosuggestion) => {
-        Editor.insertText(editor, autosuggestion.text, {
-          at: autosuggestion.point
-        });
-      },
-      [editor]
-    );
-    const {
-      currentAutocompleteSuggestion,
-      onChangeHandler: onChangeHandlerForAutocomplete,
-      onKeyDownHandler: onKeyDownHandlerForAutocomplete
-    } = useAutosuggestions(
-      autosuggestionsConfig.debounceTime,
-      autosuggestionsConfig.acceptAutosuggestionKey,
-      autosuggestionsConfig.apiConfig.autosuggestionsFunction,
-      insertText,
-      autosuggestionsConfig.disableWhenEmpty,
-      autosuggestionsConfig.disabled || hoveringEditorIsDisplayed || cursorMovedSinceLastTextChange && autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText
-    );
-    const onKeyDownHandlerForHoveringEditor = useCallback(
-      (event) => {
-        if (event.key === "k" && event.metaKey) {
-          event.preventDefault();
-          setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);
-        }
-      },
-      [hoveringEditorIsDisplayed, setHoveringEditorIsDisplayed]
-    );
-    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]);
-    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,
-      hoverMenuClassname,
-      onValueChange,
-      baseAutosuggestionsConfig: autosuggestionsConfigFromProps,
-      className,
-      onChange,
-      onKeyDown,
-      disableBranding
-    } = _a, propsToForward = __objRest(_a, [
-      "placeholderStyle",
-      "value",
-      "hoverMenuClassname",
-      "onValueChange",
-      "baseAutosuggestionsConfig",
-      "className",
-      "onChange",
-      "onKeyDown",
-      "disableBranding"
-    ]);
-    useAddBrandingCss(suggestionStyleAugmented, disableBranding);
-    usePopulateCopilotTextareaRef(editor, ref);
-    const moddedClassName = (() => {
-      const baseClassName = "copilot-textarea";
-      const brandingClass = disableBranding ? "no-branding" : "with-branding";
-      const defaultTailwindClassName = "bg-white overflow-y-auto resize-y";
-      const mergedClassName = twMerge(
-        defaultTailwindClassName,
-        className != null ? className : ""
-      );
-      return `${baseClassName} ${brandingClass} ${mergedClassName}`;
-    })();
-    return /* @__PURE__ */ jsxs(Slate, {
-      editor,
-      initialValue,
-      onChange: (value2) => {
-        var _a2, _b;
-        const newEditorState = getTextAroundCollapsedCursor(editor);
-        const fullEditorText = newEditorState ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor : getFullEditorTextWithNewlines(editor);
-        setLastKnownFullEditorText((prev) => {
-          if (prev !== fullEditorText) {
-            setCursorMovedSinceLastTextChange(false);
-          }
-          return 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(TrackerTextEditedSinceLastCursorMovement, {
-          setCursorMovedSinceLastTextChange
-        }),
-        /* @__PURE__ */ jsx(HoveringToolbar, {
-          apiConfig: autosuggestionsConfig.apiConfig,
-          contextCategories: autosuggestionsConfig.contextCategories,
-          hoverMenuClassname
-        }),
-        /* @__PURE__ */ jsx(Editable, __spreadValues({
-          renderElement: renderElementMemoized,
-          renderPlaceholder: renderPlaceholderMemoized,
-          onKeyDown: (event) => {
-            var _a2;
-            onKeyDownHandlerForHoveringEditor(event);
-            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"
-    }
-  };
-}
-var BaseCopilotTextarea = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(HoveringEditorProvider, {
-      children: /* @__PURE__ */ jsx(BaseCopilotTextareaWithHoveringContext, __spreadProps(__spreadValues({}, props), {
-        ref
-      }))
-    });
-  }
-);
-
-export { BaseCopilotTextarea };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-JYVC4AW3.mjs.map

package/dist/chunk-JYVC4AW3.mjs.map

@@ -1 +0,0 @@
-{"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  getTextAroundCollapsedCursor,\n} from \"../../lib/get-text-around-cursor\";\nimport { addAutocompletionsToEditor } from \"../../lib/slatejs-edits/add-autocompletions\";\nimport { clearAutocompletionsFromEditor } from \"../../lib/slatejs-edits/clear-autocompletions\";\nimport { replaceEditorText } from \"../../lib/slatejs-edits/replace-text\";\nimport {\n  BaseAutosuggestionsConfig,\n  defaultBaseAutosuggestionsConfig,\n} from \"../../types/base\";\nimport { AutosuggestionState } from \"../../types/base/autosuggestion-state\";\nimport { BaseCopilotTextareaProps } from \"../../types/base/base-copilot-textarea-props\";\nimport \"./base-copilot-textarea.css\";\nimport { HoveringToolbar } from \"../hovering-toolbar/hovering-toolbar\";\nimport { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\nimport {\n  HoveringEditorProvider,\n  useHoveringEditorContext,\n} from \"../hovering-toolbar/hovering-editor-provider\";\nimport { EditorAutocompleteState } from \"../../types/base/editor-autocomplete-state\";\nimport { TrackerTextEditedSinceLastCursorMovement } from \"./track-cursor-moved-since-last-text-change\";\n\nexport interface HTMLCopilotTextAreaElement extends HTMLElement {\n  value: string;\n  focus: () => void;\n  blur: () => void;\n}\n\nconst BaseCopilotTextareaWithHoveringContext = React.forwardRef(\n  (\n    props: BaseCopilotTextareaProps,\n    ref: React.Ref<HTMLCopilotTextAreaElement>\n  ): JSX.Element => {\n    const autosuggestionsConfig: BaseAutosuggestionsConfig = {\n      ...defaultBaseAutosuggestionsConfig,\n      ...props.baseAutosuggestionsConfig,\n    };\n\n    const valueOnInitialRender = useMemo(() => props.value ?? \"\", []);\n    const [lastKnownFullEditorText, setLastKnownFullEditorText] =\n      useState(valueOnInitialRender);\n    const [cursorMovedSinceLastTextChange, setCursorMovedSinceLastTextChange] =\n      useState(false);\n\n    // // When the editor text changes, we want to reset the `textEditedSinceLastCursorMovement` state.\n    // useEffect(() => {\n    //   setCursorMovedSinceLastTextChange(false);\n    // }, [lastKnownFullEditorText]);\n\n    const initialValue: Descendant[] = useMemo(() => {\n      return [\n        {\n          type: \"paragraph\",\n          children: [{ text: valueOnInitialRender }],\n        },\n      ];\n    }, [valueOnInitialRender]);\n\n    const editor = useCopilotTextareaEditor();\n\n    const {\n      isDisplayed: hoveringEditorIsDisplayed,\n      setIsDisplayed: setHoveringEditorIsDisplayed,\n    } = useHoveringEditorContext();\n\n    const insertText = useCallback(\n      (autosuggestion: AutosuggestionState) => {\n        Editor.insertText(editor, autosuggestion.text, {\n          at: autosuggestion.point,\n        });\n      },\n      [editor]\n    );\n\n    const {\n      currentAutocompleteSuggestion,\n      onChangeHandler: onChangeHandlerForAutocomplete,\n      onKeyDownHandler: onKeyDownHandlerForAutocomplete,\n    } = useAutosuggestions(\n      autosuggestionsConfig.debounceTime,\n      autosuggestionsConfig.acceptAutosuggestionKey,\n      autosuggestionsConfig.apiConfig.autosuggestionsFunction,\n      insertText,\n      autosuggestionsConfig.disableWhenEmpty,\n      autosuggestionsConfig.disabled ||\n        hoveringEditorIsDisplayed || // disable autosuggestions when the hovering editor is displayed\n        (cursorMovedSinceLastTextChange &&\n          autosuggestionsConfig.temporarilyDisableWhenMovingCursorWithoutChangingText) // disable autosuggestions when the cursor has moved since the last text change\n    );\n    const onKeyDownHandlerForHoveringEditor = useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        // if command-k, toggle the hovering editor\n        if (event.key === \"k\" && event.metaKey) {\n          event.preventDefault();\n          setHoveringEditorIsDisplayed(!hoveringEditorIsDisplayed);\n        }\n      },\n      [hoveringEditorIsDisplayed, setHoveringEditorIsDisplayed]\n    );\n\n    // sync autosuggestions state with the editor\n    useEffect(() => {\n      clearAutocompletionsFromEditor(editor);\n      if (currentAutocompleteSuggestion) {\n        addAutocompletionsToEditor(\n          editor,\n          currentAutocompleteSuggestion.text,\n          currentAutocompleteSuggestion.point\n        );\n      }\n    }, [currentAutocompleteSuggestion]);\n\n    const suggestionStyleAugmented: React.CSSProperties = useMemo(() => {\n      return {\n        fontStyle: \"italic\",\n        color: \"gray\",\n        ...props.suggestionsStyle,\n      };\n    }, [props.suggestionsStyle]);\n\n    const renderElementMemoized = useMemo(() => {\n      return makeRenderElementFunction(suggestionStyleAugmented);\n    }, [suggestionStyleAugmented]);\n\n    const renderPlaceholderMemoized = useMemo(() => {\n      // For some reason slateJS specifies a top value of 0, which makes for strange styling. We override this here.\n      const placeholderStyleSlatejsOverrides: React.CSSProperties = {\n        top: undefined,\n      };\n\n      const placeholderStyleAugmented: React.CSSProperties = {\n        ...placeholderStyleSlatejsOverrides,\n        ...props.placeholderStyle,\n      };\n\n      return makeRenderPlaceholderFunction(placeholderStyleAugmented);\n    }, [props.placeholderStyle]);\n\n    // update the editor text, but only when the value changes from outside the component\n    useEffect(() => {\n      if (props.value === lastKnownFullEditorText) {\n        return;\n      }\n\n      setLastKnownFullEditorText(props.value ?? \"\");\n      replaceEditorText(editor, props.value ?? \"\");\n    }, [props.value]);\n\n    // separate into TextareaHTMLAttributes<HTMLDivElement> and CopilotTextareaProps\n    const {\n      placeholderStyle,\n      value,\n      hoverMenuClassname,\n      onValueChange,\n      baseAutosuggestionsConfig: autosuggestionsConfigFromProps,\n      className,\n      onChange,\n      onKeyDown,\n      disableBranding,\n      ...propsToForward\n    } = props;\n\n    useAddBrandingCss(suggestionStyleAugmented, disableBranding);\n    usePopulateCopilotTextareaRef(editor, ref);\n\n    const moddedClassName = (() => {\n      const baseClassName = \"copilot-textarea\";\n      const brandingClass = disableBranding ? \"no-branding\" : \"with-branding\";\n      const defaultTailwindClassName = \"bg-white overflow-y-auto resize-y\";\n      const mergedClassName = twMerge(\n        defaultTailwindClassName,\n        className ?? \"\"\n      );\n      return `${baseClassName} ${brandingClass} ${mergedClassName}`;\n    })();\n\n    return (\n      <Slate\n        editor={editor}\n        initialValue={initialValue}\n        onChange={(value) => {\n          const newEditorState = getTextAroundCollapsedCursor(editor);\n\n          const fullEditorText = newEditorState\n            ? newEditorState.textBeforeCursor + newEditorState.textAfterCursor\n            : getFullEditorTextWithNewlines(editor); // we don't double-parse the editor. When `newEditorState` is null, we didn't parse the editor yet.\n\n          setLastKnownFullEditorText((prev) => {\n            if (prev !== fullEditorText) {\n              setCursorMovedSinceLastTextChange(false);\n            }\n            return fullEditorText;\n          });\n          onChangeHandlerForAutocomplete(newEditorState);\n\n          props.onValueChange?.(fullEditorText);\n          props.onChange?.(makeSemiFakeReactTextAreaEvent(fullEditorText));\n        }}\n      >\n        <TrackerTextEditedSinceLastCursorMovement\n          setCursorMovedSinceLastTextChange={setCursorMovedSinceLastTextChange}\n        />\n        <HoveringToolbar\n          apiConfig={autosuggestionsConfig.apiConfig}\n          contextCategories={autosuggestionsConfig.contextCategories}\n          hoverMenuClassname={hoverMenuClassname}\n        />\n        <Editable\n          renderElement={renderElementMemoized}\n          renderPlaceholder={renderPlaceholderMemoized}\n          onKeyDown={(event) => {\n            onKeyDownHandlerForHoveringEditor(event); // forward the event for internal use\n            onKeyDownHandlerForAutocomplete(event); // forward the event for internal use\n            props.onKeyDown?.(event); // forward the event for external use\n          }}\n          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\nexport const BaseCopilotTextarea = React.forwardRef(\n  (\n    props: BaseCopilotTextareaProps,\n    ref: React.Ref<HTMLCopilotTextAreaElement>\n  ): JSX.Element => {\n    return (\n      <HoveringEditorProvider>\n        <BaseCopilotTextareaWithHoveringContext {...props} ref={ref} />\n      </HoveringEditorProvider>\n    );\n  }\n);\n"]}

package/dist/chunk-KCHYD3EB.mjs

@@ -1,107 +0,0 @@
-import { Transforms, Editor, Operation, Path } from 'slate';
-import { HistoryEditor } from 'slate-history';
-
-// src/lib/slatejs-edits/with-partial-history.ts
-var withPartialHistory = (editor, shouldSave) => {
-  const e = editor;
-  const { apply } = e;
-  e.history = { undos: [], redos: [] };
-  e.redo = () => {
-    const { history } = e;
-    const { redos } = history;
-    if (redos.length > 0) {
-      const batch = redos[redos.length - 1];
-      if (batch.selectionBefore) {
-        Transforms.setSelection(e, batch.selectionBefore);
-      }
-      HistoryEditor.withoutSaving(e, () => {
-        Editor.withoutNormalizing(e, () => {
-          for (const op of batch.operations) {
-            e.apply(op);
-          }
-        });
-      });
-      history.redos.pop();
-      e.writeHistory("undos", batch);
-    }
-  };
-  e.undo = () => {
-    const { history } = e;
-    const { undos } = history;
-    if (undos.length > 0) {
-      const batch = undos[undos.length - 1];
-      HistoryEditor.withoutSaving(e, () => {
-        Editor.withoutNormalizing(e, () => {
-          const inverseOps = batch.operations.map(Operation.inverse).reverse();
-          for (const op of inverseOps) {
-            e.apply(op);
-          }
-          if (batch.selectionBefore) {
-            Transforms.setSelection(e, batch.selectionBefore);
-          }
-        });
-      });
-      e.writeHistory("redos", batch);
-      history.undos.pop();
-    }
-  };
-  e.apply = (op) => {
-    const { operations, history } = e;
-    const { undos } = history;
-    const lastBatch = undos[undos.length - 1];
-    const lastOp = lastBatch && lastBatch.operations[lastBatch.operations.length - 1];
-    let save = HistoryEditor.isSaving(e);
-    let merge = HistoryEditor.isMerging(e);
-    if (save == null) {
-      save = shouldSave(op, lastOp);
-    }
-    if (save) {
-      if (merge == null) {
-        if (lastBatch == null) {
-          merge = false;
-        } else if (operations.length !== 0) {
-          merge = true;
-        } else {
-          merge = shouldMerge(op, lastOp);
-        }
-      }
-      if (lastBatch && merge) {
-        lastBatch.operations.push(op);
-      } else {
-        const batch = {
-          operations: [op],
-          selectionBefore: e.selection
-        };
-        e.writeHistory("undos", batch);
-      }
-      while (undos.length > 100) {
-        undos.shift();
-      }
-      history.redos = [];
-    }
-    apply(op);
-  };
-  e.writeHistory = (stack, batch) => {
-    e.history[stack].push(batch);
-  };
-  return e;
-};
-var shouldMerge = (op, prev) => {
-  if (prev && op.type === "insert_text" && prev.type === "insert_text" && op.offset === prev.offset + prev.text.length && Path.equals(op.path, prev.path)) {
-    return true;
-  }
-  if (prev && op.type === "remove_text" && prev.type === "remove_text" && op.offset + op.text.length === prev.offset && Path.equals(op.path, prev.path)) {
-    return true;
-  }
-  return false;
-};
-var defaultShouldSave = (op, prev) => {
-  if (op.type === "set_selection") {
-    return false;
-  }
-  return true;
-};
-
-export { defaultShouldSave, withPartialHistory };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-KCHYD3EB.mjs.map

package/dist/chunk-KCHYD3EB.mjs.map

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

package/dist/chunk-KGKLUWKW.mjs

@@ -1,47 +0,0 @@
-import { __async } from './chunk-MRXNTQOX.mjs';
-import { clsx } from 'clsx';
-import { customAlphabet } from 'nanoid';
-import { twMerge } from 'tailwind-merge';
-
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var nanoid = customAlphabet(
-  "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",
-  7
-);
-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 { arraysAreEqual, cn, fetcher, formatDate, nanoid, nullableCompatibleEqualityCheck };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-KGKLUWKW.mjs.map

package/dist/chunk-KGKLUWKW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/utils.ts"],"names":[],"mappings":";;;;;AAAA,SAAS,YAA6B;AACtC,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEO,IAAM,SAAS;AAAA,EACpB;AAAA,EACA;AACF;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,MAAM;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","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { customAlphabet } from \"nanoid\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const nanoid = customAlphabet(\n  \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\",\n  7\n); // 7-character random string\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"]}

package/dist/chunk-L7VVZH4Q.mjs

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

package/dist/chunk-L7VVZH4Q.mjs.map

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

package/dist/chunk-LNAIMEB2.mjs

@@ -1,34 +0,0 @@
-import { __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function makeRenderElementFunction(suggestionsStyle) {
-  return (props) => {
-    switch (props.element.type) {
-      case "paragraph":
-        return /* @__PURE__ */ jsx(DefaultElement, __spreadValues({}, props));
-      case "suggestion":
-        return /* @__PURE__ */ jsx(SuggestionElement, __spreadProps(__spreadValues({}, props), {
-          suggestionsStyle
-        }));
-    }
-  };
-}
-var DefaultElement = (props) => {
-  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props.attributes), {
-    children: props.children
-  }));
-};
-var SuggestionElement = (props) => {
-  return /* @__PURE__ */ jsxs("span", __spreadProps(__spreadValues({}, props.attributes), {
-    style: __spreadValues({}, props.suggestionsStyle),
-    contentEditable: false,
-    children: [
-      props.children,
-      props.element.type === "suggestion" && props.element.content
-    ]
-  }));
-};
-
-export { makeRenderElementFunction };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-LNAIMEB2.mjs.map

package/dist/chunk-LNAIMEB2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/base-copilot-textarea/render-element.tsx"],"names":[],"mappings":";;;;;;AAUe,cAkBX,YAlBW;AANR,SAAS,0BACd,kBACuB;AACvB,SAAO,CAAC,UAA8B;AACpC,YAAQ,MAAM,QAAQ,MAAM;AAAA,MAC1B,KAAK;AACH,eAAO,oBAAC,mCAAmB,MAAO;AAAA,MACpC,KAAK;AACH,eACE,oBAAC,oDAAsB,QAAtB;AAAA,UAA6B;AAAA,UAAoC;AAAA,IAExE;AAAA,EACF;AACF;AAEA,IAAM,iBAAiB,CAAC,UAA8B;AACpD,SAAO,oBAAC,wCAAQ,MAAM,aAAd;AAAA,IAA2B,gBAAM;AAAA,IAAS;AACpD;AACA,IAAM,oBAAoB,CACxB,UAGG;AACH,SACE,qBAAC,yCACK,MAAM,aADX;AAAA,IAEC,OAAO,mBACF,MAAM;AAAA,IAEX,iBAAiB;AAAA,IAEhB;AAAA,YAAM;AAAA,MACN,MAAM,QAAQ,SAAS,gBAAgB,MAAM,QAAQ;AAAA;AAAA,IACxD;AAEJ","sourcesContent":["import { RenderElementProps } from \"slate-react\";\n\nexport type RenderElementFunction = (props: RenderElementProps) => JSX.Element;\n\nexport function makeRenderElementFunction(\n  suggestionsStyle: React.CSSProperties\n): RenderElementFunction {\n  return (props: RenderElementProps) => {\n    switch (props.element.type) {\n      case \"paragraph\":\n        return <DefaultElement {...props} />;\n      case \"suggestion\":\n        return (\n          <SuggestionElement {...props} suggestionsStyle={suggestionsStyle} />\n        );\n    }\n  };\n}\n\nconst DefaultElement = (props: RenderElementProps) => {\n  return <div {...props.attributes}>{props.children}</div>;\n};\nconst SuggestionElement = (\n  props: RenderElementProps & {\n    suggestionsStyle: React.CSSProperties;\n  }\n) => {\n  return (\n    <span\n      {...props.attributes}\n      style={{\n        ...props.suggestionsStyle,\n      }}\n      contentEditable={false}\n    >\n      {props.children /* https://github.com/ianstormtaylor/slate/issues/3930 */}\n      {props.element.type === \"suggestion\" && props.element.content}\n    </span>\n  );\n};\n"]}

package/dist/chunk-MMVDU6DF.mjs

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

package/dist/chunk-MMVDU6DF.mjs.map

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

package/dist/chunk-MPME5BW2.mjs

@@ -1,59 +0,0 @@
-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;
-    }
-    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=out.js.map
-//# sourceMappingURL=chunk-MPME5BW2.mjs.map

package/dist/chunk-MPME5BW2.mjs.map

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

package/dist/chunk-MRXNTQOX.mjs

@@ -1,55 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-export { __async, __objRest, __spreadProps, __spreadValues };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MRXNTQOX.mjs.map

package/dist/chunk-MRXNTQOX.mjs.map

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

package/dist/chunk-ND5PXTAW.mjs

@@ -1,17 +0,0 @@
-import { useEffect } from 'react';
-
-// src/hooks/misc/use-autosize-textarea.tsx
-var useAutosizeTextArea = (textAreaRef, value) => {
-  useEffect(() => {
-    if (textAreaRef.current !== null) {
-      textAreaRef.current.style.height = "0px";
-      const scrollHeight = textAreaRef.current.scrollHeight;
-      textAreaRef.current.style.height = scrollHeight + "px";
-    }
-  }, [textAreaRef, value]);
-};
-var use_autosize_textarea_default = useAutosizeTextArea;
-
-export { use_autosize_textarea_default };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ND5PXTAW.mjs.map

package/dist/chunk-ND5PXTAW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/misc/use-autosize-textarea.tsx"],"names":[],"mappings":";AAAA,SAAyB,iBAAiB;AAG1C,IAAM,sBAAsB,CAC1B,aACA,UACG;AACH,YAAU,MAAM;AACd,QAAI,YAAY,YAAY,MAAM;AAEhC,kBAAY,QAAQ,MAAM,SAAS;AACnC,YAAM,eAAe,YAAY,QAAQ;AAIzC,kBAAY,QAAQ,MAAM,SAAS,eAAe;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AACzB;AAEA,IAAO,gCAAQ","sourcesContent":["import { Ref, RefObject, useEffect } from \"react\";\n\n// Updates the height of a <textarea> when the value changes.\nconst useAutosizeTextArea = (\n  textAreaRef: RefObject<HTMLTextAreaElement>,\n  value: string\n) => {\n  useEffect(() => {\n    if (textAreaRef.current !== null) {\n      // We need to reset the height momentarily to get the correct scrollHeight for the textarea\n      textAreaRef.current.style.height = \"0px\";\n      const scrollHeight = textAreaRef.current.scrollHeight;\n\n      // We then set the height directly, outside of the render loop\n      // Trying to set this with state or a ref will product an incorrect value.\n      textAreaRef.current.style.height = scrollHeight + \"px\";\n    }\n  }, [textAreaRef, value]);\n};\n\nexport default useAutosizeTextArea;\n"]}