@copilotkit/react-textarea 0.8.0 → 0.9.0

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
 
-> @copilotkit/react-textarea@0.7.0 build /Users/ataibarkai/LocalGit/Recursively.ai/CopilotKit/CopilotKit/packages/react-textarea
+> @copilotkit/react-textarea@0.8.0 build /Users/ataibarkai/LocalGit/Recursively.ai/CopilotKit/CopilotKit/packages/react-textarea
 > tsup --treeshake
 
-CLI Building entry: src/index.tsx, src/context/index.ts, src/components/index.ts, src/hooks/index.ts, src/hooks/use-autosuggestions.ts, src/hooks/use-copilot-textarea-editor.tsx, src/lib/debouncer.ts, src/lib/editor-to-text.ts, src/lib/get-text-around-cursor.ts, src/lib/utils.test.ts, src/lib/utils.ts, src/types/index.ts, src/components/base-copilot-textarea/base-copilot-textarea.tsx, src/components/base-copilot-textarea/render-element.tsx, src/components/base-copilot-textarea/render-placeholder.tsx, src/components/copilot-textarea/copilot-textarea.tsx, src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx, src/lib/slatejs-edits/add-autocompletions.ts, src/lib/slatejs-edits/clear-autocompletions.ts, src/lib/slatejs-edits/replace-text.ts, src/lib/slatejs-edits/with-partial-history.ts, src/types/base/autosuggestion-state.ts, src/types/base/autosuggestions-bare-function.ts, src/types/base/base-autosuggestions-config.tsx, src/types/base/custom-editor.tsx, src/types/base/editor-autocomplete-state.ts, src/types/base/index.ts, src/types/standard-autosuggestions/autosuggestions-config.tsx, src/types/standard-autosuggestions/index.ts, src/types/standard-autosuggestions/minimal-chat-gpt-message.tsx
+CLI Building entry: src/index.tsx, src/components/index.ts, src/context/index.ts, src/hooks/index.ts, src/hooks/use-autosuggestions.ts, src/hooks/use-copilot-textarea-editor.tsx, src/lib/debouncer.ts, src/lib/editor-to-text.ts, src/lib/get-text-around-cursor.ts, src/lib/utils.test.ts, src/lib/utils.ts, src/types/index.ts, src/components/copilot-textarea/copilot-textarea.tsx, src/components/base-copilot-textarea/base-copilot-textarea.tsx, src/components/base-copilot-textarea/render-element.tsx, src/components/base-copilot-textarea/render-placeholder.tsx, src/components/base-copilot-textarea/use-add-branding-css.tsx, src/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.tsx, src/lib/slatejs-edits/add-autocompletions.ts, src/lib/slatejs-edits/clear-autocompletions.ts, src/lib/slatejs-edits/replace-text.ts, src/lib/slatejs-edits/with-partial-history.ts, src/types/base/autosuggestion-state.ts, src/types/base/autosuggestions-bare-function.ts, src/types/base/base-autosuggestions-config.tsx, src/types/base/custom-editor.tsx, src/types/base/editor-autocomplete-state.ts, src/types/base/index.ts, src/types/standard-autosuggestions/autosuggestions-config.tsx, src/types/standard-autosuggestions/index.ts, src/types/standard-autosuggestions/minimal-chat-gpt-message.tsx
 CLI Using tsconfig: tsconfig.json
 CLI tsup v6.5.0
 CLI Using tsup config: /Users/ataibarkai/LocalGit/Recursively.ai/CopilotKit/CopilotKit/packages/react-textarea/tsup.config.ts
@@ -18,132 +18,142 @@ Generated an empty chunk: "minimal-chat-gpt-message".
 Generated an empty chunk: "autosuggestion-state".
 Generated an empty chunk: "autosuggestions-bare-function".
 Generated an empty chunk: "chunk-FD6FGKYY".
-Generated an empty chunk: "chunk-IU3WTXLQ".
 Generated an empty chunk: "chunk-MMVDU6DF".
 Generated an empty chunk: "chunk-AZQCUNBV".
 Generated an empty chunk: "chunk-WJHSY5T6".
+Generated an empty chunk: "chunk-IU3WTXLQ".
 Generated an empty chunk: "chunk-H4VKQGVU".
-ESM dist/index.css                                                                              5.52 KB
-ESM dist/index.css.map                                                                          11.97 KB
-ESM dist/lib/utils.test.mjs                                                                     200.00 B
-ESM dist/lib/slatejs-edits/add-autocompletions.mjs                                              186.00 B
-ESM dist/types/index.mjs                                                                        387.00 B
-ESM dist/context/index.mjs                                                                      98.00 B
-ESM dist/components/index.mjs                                                                   792.00 B
-ESM dist/hooks/index.mjs                                                                        98.00 B
-ESM dist/chunk-FD6FGKYY.mjs                                                                     76.00 B
-ESM dist/chunk-IU3WTXLQ.mjs                                                                     76.00 B
+ESM dist/index.css                                                                              5.75 KB
+ESM dist/components/index.css                                                                   242.00 B
+ESM dist/components/copilot-textarea/copilot-textarea.css                                       253.00 B
+ESM dist/components/base-copilot-textarea/base-copilot-textarea.css                             258.00 B
+ESM dist/index.css.map                                                                          12.37 KB
+ESM dist/components/copilot-textarea/copilot-textarea.css.map                                   432.00 B
+ESM dist/components/index.css.map                                                               429.00 B
+ESM dist/components/base-copilot-textarea/base-copilot-textarea.css.map                         432.00 B
+ESM dist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs                            86.00 B
+ESM dist/types/base/autosuggestions-bare-function.mjs                                           91.00 B
+ESM dist/types/base/autosuggestion-state.mjs                                                    82.00 B
 ESM dist/chunk-MMVDU6DF.mjs                                                                     76.00 B
-ESM dist/chunk-H4VKQGVU.mjs                                                                     76.00 B
+ESM dist/chunk-FD6FGKYY.mjs                                                                     76.00 B
+ESM dist/chunk-WJHSY5T6.mjs                                                                     76.00 B
 ESM dist/chunk-MRXNTQOX.mjs                                                                     1.92 KB
+ESM dist/chunk-H4VKQGVU.mjs                                                                     76.00 B
+ESM dist/types/base/editor-autocomplete-state.mjs                                               227.00 B
+ESM dist/types/base/index.mjs                                                                   213.00 B
+ESM dist/components/base-copilot-textarea/use-add-branding-css.mjs                              178.00 B
+ESM dist/types/standard-autosuggestions/index.mjs                                               328.00 B
+ESM dist/types/base/base-autosuggestions-config.mjs                                             200.00 B
+ESM dist/lib/slatejs-edits/add-autocompletions.mjs                                              186.00 B
 ESM dist/lib/slatejs-edits/clear-autocompletions.mjs                                            192.00 B
+ESM dist/chunk-6LKDH2UJ.mjs                                                                     295.00 B
+ESM dist/lib/utils.test.mjs                                                                     200.00 B
+ESM dist/types/base/custom-editor.mjs                                                           75.00 B
 ESM dist/lib/slatejs-edits/replace-text.mjs                                                     170.00 B
-ESM dist/lib/slatejs-edits/with-partial-history.mjs                                             198.00 B
+ESM dist/types/standard-autosuggestions/autosuggestions-config.mjs                              310.00 B
+ESM dist/components/copilot-textarea/copilot-textarea.mjs                                       837.00 B
+ESM dist/chunk-AZQCUNBV.mjs                                                                     76.00 B
 ESM dist/lib/get-text-around-cursor.mjs                                                         232.00 B
-ESM dist/lib/utils.mjs                                                                          220.00 B
-ESM dist/index.mjs                                                                              993.00 B
-ESM dist/chunk-PP225CLG.mjs                                                                     1.06 KB
+ESM dist/components/base-copilot-textarea/base-copilot-textarea.mjs                             706.00 B
+ESM dist/types/index.mjs                                                                        387.00 B
+ESM dist/components/base-copilot-textarea/render-placeholder.mjs                                188.00 B
+ESM dist/chunk-IU3WTXLQ.mjs                                                                     76.00 B
 ESM dist/chunk-A3SFEHWZ.mjs                                                                     2.09 KB
+ESM dist/components/index.mjs                                                                   824.00 B
+ESM dist/chunk-ROH375UB.mjs                                                                     1.06 KB
 ESM dist/chunk-ZPACRCJ6.mjs                                                                     2.75 KB
-ESM dist/chunk-6FAYV255.mjs                                                                     4.69 KB
+ESM dist/index.mjs                                                                              1.00 KB
+ESM dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs     220.00 B
+ESM dist/chunk-4EA7I44O.mjs                                                                     5.02 KB
 ESM dist/chunk-WJYQWL4I.mjs                                                                     595.00 B
 ESM dist/chunk-4XYYSJ5C.mjs                                                                     527.00 B
 ESM dist/chunk-TSF4AJIK.mjs                                                                     716.00 B
-ESM dist/chunk-3UQM3NLM.mjs                                                                     1.76 KB
-ESM dist/chunk-6Q4X3YEO.mjs                                                                     1.14 KB
 ESM dist/chunk-OELUUJZY.mjs                                                                     625.00 B
+ESM dist/chunk-LNAIMEB2.mjs                                                                     1.09 KB
+ESM dist/lib/slatejs-edits/with-partial-history.mjs                                             198.00 B
+ESM dist/hooks/index.mjs                                                                        98.00 B
 ESM dist/hooks/use-autosuggestions.mjs                                                          268.00 B
-ESM dist/chunk-24IOWJS4.mjs                                                                     2.93 KB
-ESM dist/chunk-UW3ITU2Y.mjs                                                                     496.00 B
 ESM dist/chunk-KGKLUWKW.mjs                                                                     1.37 KB
+ESM dist/components/base-copilot-textarea/render-element.mjs                                    180.00 B
+ESM dist/chunk-24IOWJS4.mjs                                                                     2.93 KB
+ESM dist/chunk-3UQM3NLM.mjs                                                                     1.76 KB
+ESM dist/lib/debouncer.mjs                                                                      153.00 B
+ESM dist/lib/editor-to-text.mjs                                                                 1.34 KB
+ESM dist/lib/utils.mjs                                                                          220.00 B
 ESM dist/hooks/use-copilot-textarea-editor.mjs                                                  218.00 B
-ESM dist/chunk-6SYD77G6.mjs                                                                     2.01 KB
 ESM dist/chunk-KCHYD3EB.mjs                                                                     3.08 KB
-ESM dist/lib/debouncer.mjs                                                                      153.00 B
 ESM dist/chunk-NKW5OU2S.mjs                                                                     959.00 B
-ESM dist/lib/editor-to-text.mjs                                                                 1.34 KB
-ESM dist/chunk-AZQCUNBV.mjs                                                                     76.00 B
-ESM dist/chunk-WJHSY5T6.mjs                                                                     76.00 B
-ESM dist/chunk-6LKDH2UJ.mjs                                                                     295.00 B
-ESM dist/types/base/custom-editor.mjs                                                           75.00 B
-ESM dist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs                            86.00 B
-ESM dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs     220.00 B
-ESM dist/components/base-copilot-textarea/base-copilot-textarea.mjs                             671.00 B
-ESM dist/components/copilot-textarea/copilot-textarea.mjs                                       802.00 B
-ESM dist/types/base/autosuggestion-state.mjs                                                    82.00 B
-ESM dist/types/base/autosuggestions-bare-function.mjs                                           91.00 B
-ESM dist/types/base/editor-autocomplete-state.mjs                                               227.00 B
-ESM dist/types/base/index.mjs                                                                   213.00 B
-ESM dist/types/standard-autosuggestions/index.mjs                                               328.00 B
-ESM dist/types/base/base-autosuggestions-config.mjs                                             200.00 B
-ESM dist/components/base-copilot-textarea/render-element.mjs                                    180.00 B
-ESM dist/components/base-copilot-textarea/render-placeholder.mjs                                188.00 B
-ESM dist/lib/utils.test.mjs.map                                                                 349.00 B
-ESM dist/lib/slatejs-edits/add-autocompletions.mjs.map                                          51.00 B
-ESM dist/context/index.mjs.map                                                                  51.00 B
-ESM dist/components/index.mjs.map                                                               51.00 B
-ESM dist/types/index.mjs.map                                                                    51.00 B
-ESM dist/types/standard-autosuggestions/autosuggestions-config.mjs                              310.00 B
-ESM dist/hooks/index.mjs.map                                                                    51.00 B
+ESM dist/chunk-UW3ITU2Y.mjs                                                                     496.00 B
+ESM dist/chunk-THWPPG6M.mjs                                                                     1.40 KB
+ESM dist/chunk-6SYD77G6.mjs                                                                     2.01 KB
+ESM dist/context/index.mjs                                                                      98.00 B
 ESM dist/chunk-FD6FGKYY.mjs.map                                                                 51.00 B
+ESM dist/chunk-MMVDU6DF.mjs.map                                                                 51.00 B
+ESM dist/chunk-WJHSY5T6.mjs.map                                                                 51.00 B
+ESM dist/types/base/autosuggestion-state.mjs.map                                                51.00 B
+ESM dist/types/base/autosuggestions-bare-function.mjs.map                                       51.00 B
+ESM dist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs.map                        51.00 B
 ESM dist/chunk-MRXNTQOX.mjs.map                                                                 71.00 B
-ESM dist/lib/slatejs-edits/clear-autocompletions.mjs.map                                        51.00 B
+ESM dist/types/standard-autosuggestions/index.mjs.map                                           51.00 B
+ESM dist/lib/slatejs-edits/add-autocompletions.mjs.map                                          51.00 B
+ESM dist/components/base-copilot-textarea/use-add-branding-css.mjs.map                          51.00 B
+ESM dist/types/base/index.mjs.map                                                               51.00 B
+ESM dist/lib/utils.test.mjs.map                                                                 349.00 B
 ESM dist/lib/slatejs-edits/replace-text.mjs.map                                                 51.00 B
-ESM dist/lib/slatejs-edits/with-partial-history.mjs.map                                         51.00 B
-ESM dist/lib/get-text-around-cursor.mjs.map                                                     51.00 B
+ESM dist/types/base/base-autosuggestions-config.mjs.map                                         51.00 B
+ESM dist/lib/slatejs-edits/clear-autocompletions.mjs.map                                        51.00 B
+ESM dist/types/base/custom-editor.mjs.map                                                       51.00 B
+ESM dist/chunk-AZQCUNBV.mjs.map                                                                 51.00 B
+ESM dist/types/standard-autosuggestions/autosuggestions-config.mjs.map                          51.00 B
+ESM dist/components/copilot-textarea/copilot-textarea.mjs.map                                   51.00 B
+ESM dist/types/base/editor-autocomplete-state.mjs.map                                           51.00 B
 ESM dist/chunk-IU3WTXLQ.mjs.map                                                                 51.00 B
-ESM dist/lib/utils.mjs.map                                                                      51.00 B
-ESM dist/chunk-PP225CLG.mjs.map                                                                 1.75 KB
-ESM dist/chunk-6FAYV255.mjs.map                                                                 8.05 KB
+ESM dist/types/index.mjs.map                                                                    51.00 B
+ESM dist/components/base-copilot-textarea/base-copilot-textarea.mjs.map                         51.00 B
+ESM dist/components/base-copilot-textarea/render-placeholder.mjs.map                            51.00 B
+ESM dist/chunk-A3SFEHWZ.mjs.map                                                                 4.73 KB
+ESM dist/components/index.mjs.map                                                               51.00 B
 ESM dist/chunk-ZPACRCJ6.mjs.map                                                                 4.01 KB
-ESM dist/chunk-3UQM3NLM.mjs.map                                                                 3.63 KB
-ESM dist/chunk-TSF4AJIK.mjs.map                                                                 1.31 KB
+ESM dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs.map 51.00 B
+ESM dist/index.mjs.map                                                                          51.00 B
+ESM dist/chunk-ROH375UB.mjs.map                                                                 1.75 KB
+ESM dist/chunk-4EA7I44O.mjs.map                                                                 8.57 KB
 ESM dist/chunk-4XYYSJ5C.mjs.map                                                                 921.00 B
-ESM dist/chunk-6Q4X3YEO.mjs.map                                                                 1.82 KB
+ESM dist/lib/slatejs-edits/with-partial-history.mjs.map                                         51.00 B
+ESM dist/chunk-TSF4AJIK.mjs.map                                                                 1.31 KB
+ESM dist/chunk-WJYQWL4I.mjs.map                                                                 1.04 KB
+ESM dist/hooks/index.mjs.map                                                                    51.00 B
+ESM dist/chunk-LNAIMEB2.mjs.map                                                                 1.73 KB
 ESM dist/hooks/use-autosuggestions.mjs.map                                                      51.00 B
+ESM dist/lib/get-text-around-cursor.mjs.map                                                     51.00 B
 ESM dist/chunk-OELUUJZY.mjs.map                                                                 957.00 B
-ESM dist/chunk-24IOWJS4.mjs.map                                                                 5.54 KB
-ESM dist/chunk-UW3ITU2Y.mjs.map                                                                 878.00 B
-ESM dist/hooks/use-copilot-textarea-editor.mjs.map                                              51.00 B
 ESM dist/chunk-KGKLUWKW.mjs.map                                                                 2.45 KB
-ESM dist/chunk-6SYD77G6.mjs.map                                                                 3.78 KB
-ESM dist/lib/debouncer.mjs.map                                                                  51.00 B
-ESM dist/chunk-NKW5OU2S.mjs.map                                                                 1.60 KB
-ESM dist/chunk-AZQCUNBV.mjs.map                                                                 51.00 B
+ESM dist/chunk-H4VKQGVU.mjs.map                                                                 51.00 B
 ESM dist/lib/editor-to-text.mjs.map                                                             2.83 KB
-ESM dist/chunk-WJYQWL4I.mjs.map                                                                 1.04 KB
-ESM dist/index.mjs.map                                                                          51.00 B
-ESM dist/chunk-WJHSY5T6.mjs.map                                                                 51.00 B
 ESM dist/chunk-6LKDH2UJ.mjs.map                                                                 566.00 B
-ESM dist/chunk-A3SFEHWZ.mjs.map                                                                 4.73 KB
-ESM dist/chunk-MMVDU6DF.mjs.map                                                                 51.00 B
-ESM dist/chunk-H4VKQGVU.mjs.map                                                                 51.00 B
+ESM dist/chunk-3UQM3NLM.mjs.map                                                                 3.63 KB
+ESM dist/lib/utils.mjs.map                                                                      51.00 B
 ESM dist/chunk-KCHYD3EB.mjs.map                                                                 6.12 KB
-ESM dist/types/base/custom-editor.mjs.map                                                       51.00 B
-ESM dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.mjs.map 51.00 B
-ESM dist/types/standard-autosuggestions/minimal-chat-gpt-message.mjs.map                        51.00 B
-ESM dist/components/base-copilot-textarea/base-copilot-textarea.mjs.map                         51.00 B
-ESM dist/components/copilot-textarea/copilot-textarea.mjs.map                                   51.00 B
-ESM dist/types/base/autosuggestion-state.mjs.map                                                51.00 B
-ESM dist/types/base/autosuggestions-bare-function.mjs.map                                       51.00 B
-ESM dist/types/base/editor-autocomplete-state.mjs.map                                           51.00 B
-ESM dist/types/base/index.mjs.map                                                               51.00 B
-ESM dist/types/standard-autosuggestions/index.mjs.map                                           51.00 B
-ESM dist/types/base/base-autosuggestions-config.mjs.map                                         51.00 B
+ESM dist/chunk-24IOWJS4.mjs.map                                                                 5.54 KB
+ESM dist/chunk-NKW5OU2S.mjs.map                                                                 1.60 KB
+ESM dist/chunk-UW3ITU2Y.mjs.map                                                                 878.00 B
+ESM dist/lib/debouncer.mjs.map                                                                  51.00 B
+ESM dist/chunk-6SYD77G6.mjs.map                                                                 3.78 KB
 ESM dist/components/base-copilot-textarea/render-element.mjs.map                                51.00 B
-ESM dist/components/base-copilot-textarea/render-placeholder.mjs.map                            51.00 B
-ESM dist/types/standard-autosuggestions/autosuggestions-config.mjs.map                          51.00 B
-ESM ⚡️ Build success in 548ms
-DTS ⚡️ Build success in 1038ms
+ESM dist/chunk-THWPPG6M.mjs.map                                                                 2.24 KB
+ESM dist/context/index.mjs.map                                                                  51.00 B
+ESM dist/hooks/use-copilot-textarea-editor.mjs.map                                              51.00 B
+ESM ⚡️ Build success in 441ms
+DTS ⚡️ Build success in 918ms
 DTS dist/index.d.ts                                                                          763.00 B
-DTS dist/components/base-copilot-textarea/base-copilot-textarea.d.ts                         789.00 B
+DTS dist/components/base-copilot-textarea/base-copilot-textarea.d.ts                         820.00 B
 DTS dist/components/copilot-textarea/copilot-textarea.d.ts                                   703.00 B
 DTS dist/types/base/base-autosuggestions-config.d.ts                                         332.00 B
 DTS dist/types/base/autosuggestions-bare-function.d.ts                                       162.00 B
 DTS dist/types/standard-autosuggestions/autosuggestions-config.d.ts                          884.00 B
 DTS dist/types/standard-autosuggestions/minimal-chat-gpt-message.d.ts                        129.00 B
-DTS dist/context/index.d.ts                                                                  1.00 B
 DTS dist/components/index.d.ts                                                               480.00 B
+DTS dist/context/index.d.ts                                                                  1.00 B
 DTS dist/hooks/index.d.ts                                                                    1.00 B
 DTS dist/hooks/use-autosuggestions.d.ts                                                      860.00 B
 DTS dist/types/base/autosuggestion-state.d.ts                                                143.00 B
@@ -158,6 +168,7 @@ DTS dist/lib/utils.d.ts
 DTS dist/types/index.d.ts                                                                    491.00 B
 DTS dist/components/base-copilot-textarea/render-element.d.ts                                292.00 B
 DTS dist/components/base-copilot-textarea/render-placeholder.d.ts                            321.00 B
+DTS dist/components/base-copilot-textarea/use-add-branding-css.d.ts                          158.00 B
 DTS dist/hooks/make-autosuggestions-function/use-make-standard-autosuggestions-function.d.ts 1.79 KB
 DTS dist/lib/slatejs-edits/add-autocompletions.d.ts                                          302.00 B
 DTS dist/lib/slatejs-edits/clear-autocompletions.d.ts                                        250.00 B

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # ui
 
+## 0.9.0
+
+### Minor Changes
+
+- 59f9fc4: code quality and optional branding
+
 ## 0.8.0
 
 ### Minor Changes

package/dist/{chunk-6FAYV255.mjs → chunk-4EA7I44O.mjs}

@@ -1,9 +1,10 @@
+import { useAddBrandingCss } from './chunk-THWPPG6M.mjs';
 import { addAutocompletionsToEditor } from './chunk-WJYQWL4I.mjs';
 import { clearAutocompletionsFromEditor } from './chunk-4XYYSJ5C.mjs';
 import { replaceEditorText } from './chunk-TSF4AJIK.mjs';
 import { getTextAroundCursor, getFullEditorTextWithNewlines } from './chunk-3UQM3NLM.mjs';
 import { defaultBaseAutosuggestionsConfig } from './chunk-6LKDH2UJ.mjs';
-import { makeRenderElementFunction } from './chunk-6Q4X3YEO.mjs';
+import { makeRenderElementFunction } from './chunk-LNAIMEB2.mjs';
 import { makeRenderPlaceholderFunction } from './chunk-OELUUJZY.mjs';
 import { useAutosuggestions } from './chunk-24IOWJS4.mjs';
 import { useCopilotTextareaEditor } from './chunk-6SYD77G6.mjs';
@@ -59,10 +60,16 @@ function BaseCopilotTextarea(props) {
       );
     }
   }, [currentAutocompleteSuggestion]);
+  const suggestionStyleAugmented = useMemo(() => {
+    return __spreadValues({
+      fontStyle: "italic",
+      color: "gray"
+    }, props.suggestionsStyle);
+  }, [props.suggestionsStyle]);
+  useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);
   const renderElementMemoized = useMemo(() => {
-    const suggestionStyleAugmented = __spreadValues({}, props.suggestionsStyle);
     return makeRenderElementFunction(suggestionStyleAugmented);
-  }, [props.suggestionsStyle]);
+  }, [suggestionStyleAugmented]);
   const renderPlaceholderMemoized = useMemo(() => {
     const placeholderStyleSlatejsOverrides = {
       top: void 0
@@ -95,9 +102,10 @@ function BaseCopilotTextarea(props) {
   ]);
   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} ${mergedClassName}`;
+    return `${baseClassName} ${brandingClass} ${mergedClassName}`;
   })();
   return /* @__PURE__ */ jsx(Slate, {
     editor,
@@ -121,4 +129,4 @@ function BaseCopilotTextarea(props) {
 
 export { BaseCopilotTextarea };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-6FAYV255.mjs.map
+//# sourceMappingURL=chunk-4EA7I44O.mjs.map

package/dist/chunk-4EA7I44O.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 \"./base-copilot-textarea.css\";\nimport {\n  TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Descendant, Editor } from \"slate\";\nimport { Editable, Slate } from \"slate-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useAutosuggestions } from \"../../hooks/use-autosuggestions\";\nimport { useCopilotTextareaEditor } from \"../../hooks/use-copilot-textarea-editor\";\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 { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\nimport { useAddBrandingCss } from \"./use-add-branding-css\";\n\nexport interface BaseCopilotTextareaProps\n  extends TextareaHTMLAttributes<HTMLDivElement> {\n  disableBranding?: boolean;\n  placeholderStyle?: React.CSSProperties;\n  suggestionsStyle?: React.CSSProperties;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {\n    purposePrompt: string;\n  };\n}\n\nexport function BaseCopilotTextarea(\n  props: BaseCopilotTextareaProps & {\n    autosuggestionsFunction: AutosuggestionsBareFunction;\n  }\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  );\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    ...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(defaultTailwindClassName, className ?? \"\");\n    return `${baseClassName} ${brandingClass} ${mergedClassName}`;\n  })();\n\n  return (\n    // Add the editable component inside the context.\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        props.onValueChange?.(fullEditorText);\n      }}\n    >\n      <Editable\n        renderElement={renderElementMemoized}\n        renderPlaceholder={renderPlaceholderMemoized}\n        onKeyDown={onKeyDownHandlerForAutocomplete}\n        className={moddedClassName}\n        {...propsToForward}\n      />\n    </Slate>\n  );\n}\n"]}

package/dist/{chunk-6Q4X3YEO.mjs → chunk-LNAIMEB2.mjs}

@@ -20,10 +20,7 @@ var DefaultElement = (props) => {
 };
 var SuggestionElement = (props) => {
   return /* @__PURE__ */ jsxs("span", __spreadProps(__spreadValues({}, props.attributes), {
-    style: __spreadValues({
-      fontStyle: "italic",
-      color: "gray"
-    }, props.suggestionsStyle),
+    style: __spreadValues({}, props.suggestionsStyle),
     contentEditable: false,
     children: [
       props.children,
@@ -34,4 +31,4 @@ var SuggestionElement = (props) => {
 
 export { makeRenderElementFunction };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-6Q4X3YEO.mjs.map
+//# sourceMappingURL=chunk-LNAIMEB2.mjs.map

package/dist/chunk-LNAIMEB2.mjs.map

@@ -0,0 +1 @@
+{"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-PP225CLG.mjs → chunk-ROH375UB.mjs}

@@ -1,6 +1,6 @@
 import { useMakeStandardAutosuggestionFunction } from './chunk-A3SFEHWZ.mjs';
 import { defaultAutosuggestionsConfig } from './chunk-ZPACRCJ6.mjs';
-import { BaseCopilotTextarea } from './chunk-6FAYV255.mjs';
+import { BaseCopilotTextarea } from './chunk-4EA7I44O.mjs';
 import { __spreadValues, __spreadProps } from './chunk-MRXNTQOX.mjs';
 import { jsx } from 'react/jsx-runtime';
 
@@ -22,4 +22,4 @@ function CopilotTextarea(props) {
 
 export { CopilotTextarea };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-PP225CLG.mjs.map
+//# sourceMappingURL=chunk-ROH375UB.mjs.map

package/dist/chunk-THWPPG6M.mjs

@@ -0,0 +1,40 @@
+import { useEffect } from 'react';
+
+// src/components/base-copilot-textarea/use-add-branding-css.tsx
+function useAddBrandingCss(suggestionStyleAugmented, disableBranding) {
+  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;`;
+    styleEl.innerHTML = `
+      .copilot-textarea.with-branding::after {
+        ${dynamicStyles}
+      }
+    `;
+    document.head.appendChild(styleEl);
+    return () => {
+      var _a;
+      (_a = document.getElementById("dynamic-styles")) == null ? void 0 : _a.remove();
+    };
+  }, [disableBranding, suggestionStyleAugmented]);
+}
+
+export { useAddBrandingCss };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-THWPPG6M.mjs.map

package/dist/chunk-THWPPG6M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/base-copilot-textarea/use-add-branding-css.tsx"],"names":[],"mappings":";AAAA,SAAS,iBAAiB;AAEnB,SAAS,kBACd,0BACA,iBACA;AACA,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB;AAAA,IACF;AAEA,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;AAAA,UAEd;AAAA;AAAA;AAIN,aAAS,KAAK,YAAY,OAAO;AAGjC,WAAO,MAAM;AA9CjB;AA+CM,qBAAS,eAAe,gBAAgB,MAAxC,mBAA2C;AAAA,IAC7C;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  useEffect(() => {\n    if (disableBranding) {\n      return;\n    }\n\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      .copilot-textarea.with-branding::after {\n        ${dynamicStyles}\n      }\n    `;\n\n    document.head.appendChild(styleEl);\n\n    // Cleanup\n    return () => {\n      document.getElementById(\"dynamic-styles\")?.remove();\n    };\n  }, [disableBranding, suggestionStyleAugmented]);\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/base-copilot-textarea/base-copilot-textarea.css"],"sourcesContent":[".copilot-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-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

@@ -3,6 +3,7 @@ import { BaseAutosuggestionsConfig } from '../../types/base/base-autosuggestions
 import { AutosuggestionsBareFunction } from '../../types/base/autosuggestions-bare-function.js';
 
 interface BaseCopilotTextareaProps extends TextareaHTMLAttributes<HTMLDivElement> {
+    disableBranding?: boolean;
     placeholderStyle?: React.CSSProperties;
     suggestionsStyle?: React.CSSProperties;
     value?: string;

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

@@ -1,11 +1,12 @@
-export { BaseCopilotTextarea } from '../../chunk-6FAYV255.mjs';
+export { BaseCopilotTextarea } from '../../chunk-4EA7I44O.mjs';
+import '../../chunk-THWPPG6M.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-4XYYSJ5C.mjs';
 import '../../chunk-TSF4AJIK.mjs';
 import '../../chunk-3UQM3NLM.mjs';
 import '../../chunk-WJHSY5T6.mjs';
 import '../../chunk-6LKDH2UJ.mjs';
-import '../../chunk-6Q4X3YEO.mjs';
+import '../../chunk-LNAIMEB2.mjs';
 import '../../chunk-OELUUJZY.mjs';
 import '../../chunk-24IOWJS4.mjs';
 import '../../chunk-UW3ITU2Y.mjs';

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

@@ -1,4 +1,4 @@
-export { makeRenderElementFunction } from '../../chunk-6Q4X3YEO.mjs';
+export { makeRenderElementFunction } from '../../chunk-LNAIMEB2.mjs';
 import '../../chunk-MRXNTQOX.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=render-element.mjs.map

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

@@ -0,0 +1,3 @@
+declare function useAddBrandingCss(suggestionStyleAugmented: React.CSSProperties, disableBranding: boolean | undefined): void;
+
+export { useAddBrandingCss };

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/base-copilot-textarea/base-copilot-textarea.css"],"sourcesContent":[".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-textarea.no-branding::after {\n    content: '';\n}"],"mappings":";AAAA;AACI;AACA;AAAA;AAIJ;AACI;AAAA;","names":[]}

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

@@ -1,15 +1,16 @@
-export { CopilotTextarea } from '../../chunk-PP225CLG.mjs';
+export { CopilotTextarea } from '../../chunk-ROH375UB.mjs';
 import '../../chunk-A3SFEHWZ.mjs';
 import '../../chunk-AZQCUNBV.mjs';
 import '../../chunk-ZPACRCJ6.mjs';
-import '../../chunk-6FAYV255.mjs';
+import '../../chunk-4EA7I44O.mjs';
+import '../../chunk-THWPPG6M.mjs';
 import '../../chunk-WJYQWL4I.mjs';
 import '../../chunk-4XYYSJ5C.mjs';
 import '../../chunk-TSF4AJIK.mjs';
 import '../../chunk-3UQM3NLM.mjs';
 import '../../chunk-WJHSY5T6.mjs';
 import '../../chunk-6LKDH2UJ.mjs';
-import '../../chunk-6Q4X3YEO.mjs';
+import '../../chunk-LNAIMEB2.mjs';
 import '../../chunk-OELUUJZY.mjs';
 import '../../chunk-24IOWJS4.mjs';
 import '../../chunk-UW3ITU2Y.mjs';

package/dist/components/index.css

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

package/dist/components/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/base-copilot-textarea/base-copilot-textarea.css"],"sourcesContent":[".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-textarea.no-branding::after {\n    content: '';\n}"],"mappings":";AAAA;AACI;AACA;AAAA;AAIJ;AACI;AAAA;","names":[]}

package/dist/components/index.mjs

@@ -1,16 +1,17 @@
 import '../chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from '../chunk-PP225CLG.mjs';
+export { CopilotTextarea } from '../chunk-ROH375UB.mjs';
 import '../chunk-A3SFEHWZ.mjs';
 import '../chunk-AZQCUNBV.mjs';
 import '../chunk-ZPACRCJ6.mjs';
-export { BaseCopilotTextarea } from '../chunk-6FAYV255.mjs';
+export { BaseCopilotTextarea } from '../chunk-4EA7I44O.mjs';
+import '../chunk-THWPPG6M.mjs';
 import '../chunk-WJYQWL4I.mjs';
 import '../chunk-4XYYSJ5C.mjs';
 import '../chunk-TSF4AJIK.mjs';
 import '../chunk-3UQM3NLM.mjs';
 import '../chunk-WJHSY5T6.mjs';
 import '../chunk-6LKDH2UJ.mjs';
-import '../chunk-6Q4X3YEO.mjs';
+import '../chunk-LNAIMEB2.mjs';
 import '../chunk-OELUUJZY.mjs';
 import '../chunk-24IOWJS4.mjs';
 import '../chunk-UW3ITU2Y.mjs';

package/dist/index.css

@@ -327,6 +327,9 @@ video {
 .overflow-y-auto {
   overflow-y: auto;
 }
+.border {
+  border-width: 1px;
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -337,4 +340,13 @@ video {
 .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);
 }
+
+/* src/components/base-copilot-textarea/base-copilot-textarea.css */
+.copilot-textarea.with-branding::after {
+  content: "";
+  position: absolute;
+}
+.copilot-textarea.no-branding::after {
+  content: "";
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/*\n! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.resize-y {\n  resize: vertical;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.italic {\n  font-style: italic;\n}\n.filter {\n  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);\n}\n"],"mappings":";AAOA;AAAA;AAAA;AAGE;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;AAYF;AACE;AACA;AACA;AACA;AACG;AACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAQF;AACE;AACA;AAAA;AASF;AACE;AACA;AACA;AAAA;AAOF;AACE;AACQ;AAAA;AAOV;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AACA;AAAA;AAOF;AACE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AAAA;AAAA;AAAA;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AASF;AACE;AACA;AACA;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAKE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AAAA;AAAA;AAAA;AAIE;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAAA;AAGE;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAQF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAMF;AACE;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQE;AACA;AAAA;AAOF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;","names":[]}
+{"version":3,"sources":["../src/styles.css","../src/components/base-copilot-textarea/base-copilot-textarea.css"],"sourcesContent":["/*\n! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.resize-y {\n  resize: vertical;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.border {\n  border-width: 1px;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.italic {\n  font-style: italic;\n}\n.filter {\n  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);\n}\n",".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-textarea.no-branding::after {\n    content: '';\n}"],"mappings":";AAOA;AAAA;AAAA;AAGE;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;AAYF;AACE;AACA;AACA;AACA;AACG;AACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAQF;AACE;AACA;AAAA;AASF;AACE;AACA;AACA;AAAA;AAOF;AACE;AACQ;AAAA;AAOV;AAAA;AAAA;AAAA;AAAA;AAAA;AAME;AACA;AAAA;AAOF;AACE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AAAA;AAAA;AAAA;AAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AASF;AACE;AACA;AACA;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAKE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AAAA;AAAA;AAAA;AAIE;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAEE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAQF;AACE;AACA;AAAA;AAOF;AACE;AAAA;AAOF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAAA;AAGE;AACA;AACA;AAAA;AAOF;AACE;AAAA;AAQF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AAAA;AAOF;AAAA;AAEE;AAAA;AAMF;AACE;AAAA;AASF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQE;AACA;AAAA;AAOF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;;;AC/eF;AACI;AACA;AAAA;AAIJ;AACI;AAAA;","names":[]}

package/dist/index.mjs

@@ -1,19 +1,20 @@
 import './chunk-FD6FGKYY.mjs';
-import './chunk-IU3WTXLQ.mjs';
 import './chunk-MMVDU6DF.mjs';
-export { CopilotTextarea } from './chunk-PP225CLG.mjs';
+export { CopilotTextarea } from './chunk-ROH375UB.mjs';
 import './chunk-A3SFEHWZ.mjs';
 import './chunk-AZQCUNBV.mjs';
 export { defaultAutosuggestionsConfig, defaultFewShotMessages, defaultMakeSystemPrompt } from './chunk-ZPACRCJ6.mjs';
-export { BaseCopilotTextarea } from './chunk-6FAYV255.mjs';
+export { BaseCopilotTextarea } from './chunk-4EA7I44O.mjs';
+import './chunk-THWPPG6M.mjs';
 import './chunk-WJYQWL4I.mjs';
 import './chunk-4XYYSJ5C.mjs';
 import './chunk-TSF4AJIK.mjs';
 import './chunk-3UQM3NLM.mjs';
 import './chunk-WJHSY5T6.mjs';
 export { defaultBaseAutosuggestionsConfig } from './chunk-6LKDH2UJ.mjs';
-import './chunk-6Q4X3YEO.mjs';
+import './chunk-LNAIMEB2.mjs';
 import './chunk-OELUUJZY.mjs';
+import './chunk-IU3WTXLQ.mjs';
 import './chunk-H4VKQGVU.mjs';
 import './chunk-24IOWJS4.mjs';
 import './chunk-UW3ITU2Y.mjs';

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.8.0",
+  "version": "0.9.0",
   "sideEffects": [
     "**/*.css"
   ],
@@ -30,9 +30,9 @@
     "ts-jest": "^29.1.1",
     "tsup": "^6.1.3",
     "typescript": "^4.9.4",
-    "tailwind-config": "0.1.0",
+    "eslint-config-custom": "0.2.0",
     "tsconfig": "0.3.0",
-    "eslint-config-custom": "0.2.0"
+    "tailwind-config": "0.1.0"
   },
   "dependencies": {
     "ai": "^2.1.22",

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

@@ -0,0 +1,9 @@
+.copilot-textarea.with-branding::after {
+    content: ''; /* Initially empty because we overrdie this CSS dynamically and we want to avoid flashing */
+    position: absolute;
+}
+    
+  
+.copilot-textarea.no-branding::after {
+    content: '';
+}

package/src/components/base-copilot-textarea/base-copilot-textarea.tsx

@@ -1,4 +1,4 @@
-// This example is for an Editor with `ReactEditor` and `HistoryEditor`
+import "./base-copilot-textarea.css";
 import {
   TextareaHTMLAttributes,
   useCallback,
@@ -26,9 +26,11 @@ import {
 import { AutosuggestionState } from "../../types/base/autosuggestion-state";
 import { makeRenderElementFunction } from "./render-element";
 import { makeRenderPlaceholderFunction } from "./render-placeholder";
+import { useAddBrandingCss } from "./use-add-branding-css";
 
 export interface BaseCopilotTextareaProps
   extends TextareaHTMLAttributes<HTMLDivElement> {
+  disableBranding?: boolean;
   placeholderStyle?: React.CSSProperties;
   suggestionsStyle?: React.CSSProperties;
   value?: string;
@@ -96,13 +98,19 @@ export function BaseCopilotTextarea(
     }
   }, [currentAutocompleteSuggestion]);
 
-  const renderElementMemoized = useMemo(() => {
-    const suggestionStyleAugmented: React.CSSProperties = {
+  const suggestionStyleAugmented: React.CSSProperties = useMemo(() => {
+    return {
+      fontStyle: "italic",
+      color: "gray",
       ...props.suggestionsStyle,
     };
+  }, [props.suggestionsStyle]);
+
+  useAddBrandingCss(suggestionStyleAugmented, props.disableBranding);
 
+  const renderElementMemoized = useMemo(() => {
     return makeRenderElementFunction(suggestionStyleAugmented);
-  }, [props.suggestionsStyle]);
+  }, [suggestionStyleAugmented]);
 
   const renderPlaceholderMemoized = useMemo(() => {
     // For some reason slateJS specifies a top value of 0, which makes for strange styling. We override this here.
@@ -141,9 +149,12 @@ export function BaseCopilotTextarea(
 
   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 ?? "");
-    return `${baseClassName} ${mergedClassName}`;
+    return `${baseClassName} ${brandingClass} ${mergedClassName}`;
   })();
 
   return (

package/src/components/base-copilot-textarea/render-element.tsx

@@ -29,8 +29,6 @@ const SuggestionElement = (
     <span
       {...props.attributes}
       style={{
-        fontStyle: "italic",
-        color: "gray",
         ...props.suggestionsStyle,
       }}
       contentEditable={false}

package/src/components/base-copilot-textarea/use-add-branding-css.tsx

@@ -0,0 +1,51 @@
+import { useEffect } from "react";
+
+export function useAddBrandingCss(
+  suggestionStyleAugmented: React.CSSProperties,
+  disableBranding: boolean | undefined
+) {
+  useEffect(() => {
+    if (disableBranding) {
+      return;
+    }
+
+    const styleEl = document.createElement("style");
+    styleEl.id = "dynamic-styles";
+
+    // Build the CSS string dynamically
+    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(" ");
+
+    // Append overrides for italics and font-size
+    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;`;
+
+    // Append it to the ::after class
+    styleEl.innerHTML = `
+      .copilot-textarea.with-branding::after {
+        ${dynamicStyles}
+      }
+    `;
+
+    document.head.appendChild(styleEl);
+
+    // Cleanup
+    return () => {
+      document.getElementById("dynamic-styles")?.remove();
+    };
+  }, [disableBranding, suggestionStyleAugmented]);
+}

package/.turbo/turbo-check-types.log

@@ -1,4 +0,0 @@
-
-> @copilotkit/react-textarea@0.7.0 check-types /Users/ataibarkai/LocalGit/Recursively.ai/CopilotKit/CopilotKit/packages/react-textarea
-> tsc --noEmit
-

package/dist/chunk-6FAYV255.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":["// This example is for an Editor with `ReactEditor` and `HistoryEditor`\nimport {\n  TextareaHTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Descendant, Editor } from \"slate\";\nimport { Editable, Slate } from \"slate-react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useAutosuggestions } from \"../../hooks/use-autosuggestions\";\nimport { useCopilotTextareaEditor } from \"../../hooks/use-copilot-textarea-editor\";\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 { makeRenderElementFunction } from \"./render-element\";\nimport { makeRenderPlaceholderFunction } from \"./render-placeholder\";\n\nexport interface BaseCopilotTextareaProps\n  extends TextareaHTMLAttributes<HTMLDivElement> {\n  placeholderStyle?: React.CSSProperties;\n  suggestionsStyle?: React.CSSProperties;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  autosuggestionsConfig: Partial<BaseAutosuggestionsConfig> & {\n    purposePrompt: string;\n  };\n}\n\nexport function BaseCopilotTextarea(\n  props: BaseCopilotTextareaProps & {\n    autosuggestionsFunction: AutosuggestionsBareFunction;\n  }\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  );\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 renderElementMemoized = useMemo(() => {\n    const suggestionStyleAugmented: React.CSSProperties = {\n      ...props.suggestionsStyle,\n    };\n\n    return makeRenderElementFunction(suggestionStyleAugmented);\n  }, [props.suggestionsStyle]);\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    ...propsToForward\n  } = props;\n\n  const moddedClassName = (() => {\n    const baseClassName = \"copilot-textarea\";\n    const defaultTailwindClassName = \"bg-white overflow-y-auto resize-y\";\n    const mergedClassName = twMerge(defaultTailwindClassName, className ?? \"\");\n    return `${baseClassName} ${mergedClassName}`;\n  })();\n\n  return (\n    // Add the editable component inside the context.\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        props.onValueChange?.(fullEditorText);\n      }}\n    >\n      <Editable\n        renderElement={renderElementMemoized}\n        renderPlaceholder={renderPlaceholderMemoized}\n        onKeyDown={onKeyDownHandlerForAutocomplete}\n        className={moddedClassName}\n        {...propsToForward}\n      />\n    </Slate>\n  );\n}\n"]}

package/dist/chunk-6Q4X3YEO.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;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,OACJ,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        fontStyle: \"italic\",\n        color: \"gray\",\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"]}