@copilotkit/react-textarea 0.19.0-alpha.2 → 0.19.0-alpha.4

package/dist/chunk-3YJ63D5D.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/command.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,WAAW,wBAAwB;AAU1C;AAdF;AAUA,IAAM,UAAgB,iBAGpB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAbL,IAaG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAAA,CACD;AACD,QAAQ,cAAc,iBAAiB;AAIvC,IAAM,gBAAgB,CAAC,OAA+C;AAA/C,eAAE,WA3BzB,IA2BuB,IAAe,kBAAf,IAAe,CAAb;AACvB,SACE,oBAAC,yCAAW,QAAX;AAAA,IACC,8BAAC;AAAA,MAAc,WAAU;AAAA,MACvB,8BAAC;AAAA,QAAQ,WAAU;AAAA,QAChB;AAAA,OACH;AAAA,KACF;AAAA,IACF;AAEJ;AAEA,IAAM,eAAqB,iBAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1CL,IA0CG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC;AAAA,IAAI,WAAU;AAAA,IAAkC,sBAAmB;AAAA,IAElE,8BAAC,iBAAiB,OAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI,MACN;AAAA,GACF;AAAA,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA7DL,IA6DG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,MAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,KACtE,MACN;AAAA,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,eAAqB,iBAGzB,CAAC,OAAO,QACR,oBAAC,iBAAiB,OAAjB;AAAA,EACC;AAAA,EACA,WAAU;AAAA,GACN,MACN,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,eAAqB,iBAGzB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAvFL,IAuFG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,OAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAAA,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AAElD,IAAM,mBAAyB,iBAG7B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAvGL,IAuGG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,WAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,KAC3C,MACN;AAAA,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAE1D,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAnHL,IAmHG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAC,iBAAiB,MAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAAA,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAEhD,IAAM,kBAAkB,CAAC,OAGoB;AAHpB,eACvB;AAAA;AAAA,EAjIF,IAgIyB,IAEpB,kBAFoB,IAEpB;AAAA,IADH;AAAA;AAGA,SACE,oBAAC;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,KACI,MACN;AAEJ;AACA,gBAAgB,cAAc","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n      className\n    )}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst CommandInput = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Input>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n  <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n    {/* <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" /> */}\n    <CommandPrimitive.Input\n      ref={ref}\n      className={cn(\n        \"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n    {...props}\n  />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty\n    ref={ref}\n    className=\"py-6 text-center text-sm\"\n    {...props}\n  />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n      className\n    )}\n    {...props}\n  />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 h-px bg-border\", className)}\n    {...props}\n  />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        \"ml-auto text-xs tracking-widest text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n};\n"]}

package/dist/chunk-4S5ZJH3I.mjs

@@ -1,18 +0,0 @@
-// src/lib/retry.tsx
-function retry(fn, retriesLeft = 2, interval = 200, backoff = 1.5) {
-  return new Promise((resolve, reject) => {
-    fn().then(resolve).catch((error) => {
-      if (retriesLeft === 1) {
-        reject(error);
-        return;
-      }
-      setTimeout(() => {
-        retry(fn, retriesLeft - 1, interval * backoff, backoff).then(resolve).catch(reject);
-      }, interval);
-    });
-  });
-}
-
-export { retry };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-4S5ZJH3I.mjs.map

package/dist/chunk-4S5ZJH3I.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/retry.tsx"],"names":[],"mappings":";AAAO,SAAS,MACd,IACA,cAAsB,GACtB,WAAmB,KACnB,UAAkB,KACN;AACZ,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,OAAG,EACA,KAAK,OAAO,EACZ,MAAM,CAAC,UAAU;AAChB,UAAI,gBAAgB,GAAG;AACrB,eAAO,KAAK;AACZ;AAAA,MACF;AAEA,iBAAW,MAAM;AACf,cAAM,IAAI,cAAc,GAAG,WAAW,SAAS,OAAO,EACnD,KAAK,OAAO,EACZ,MAAM,MAAM;AAAA,MACjB,GAAG,QAAQ;AAAA,IACb,CAAC;AAAA,EACL,CAAC;AACH","sourcesContent":["export function retry<T>(\n  fn: () => Promise<T>,\n  retriesLeft: number = 2,\n  interval: number = 200,\n  backoff: number = 1.5\n): Promise<T> {\n  return new Promise((resolve, reject) => {\n    fn()\n      .then(resolve)\n      .catch((error) => {\n        if (retriesLeft === 1) {\n          reject(error);\n          return;\n        }\n\n        setTimeout(() => {\n          retry(fn, retriesLeft - 1, interval * backoff, backoff)\n            .then(resolve)\n            .catch(reject);\n        }, interval);\n      });\n  });\n}\n"]}

package/dist/chunk-55EGOC5T.mjs

@@ -1,87 +0,0 @@
-import { ChatlikeApiEndpoint } from './chunk-5ARCOTW3.mjs';
-
-// src/types/autosuggestions-config/editing-api-config.tsx
-var defaultEditingMakeSystemPrompt = (textareaPurpose, contextString) => {
-  return `You are a versatile writing assistant.
-  
-The user is writing some text.
-The purpose is: "${textareaPurpose}"
-
-The user also provides you with a prompt for EDITING some text they are writing. 
-Your job is to come up with an EDIT of the text that the user would like to use - AS BEST YOU CAN.
-
-Adjust yourself to the user's style and implied intent.
-
-The user will provide the following information; use this to infer the best relevant EDIT:
-<TextBeforeCursor>
-<TextToEdit>
-<TextAfterCursor>
-<EditingPrompt>
-
-<YourEditSuggestion>
-
-If we need to add a whitespace character to the suggested edit text, make sure to explicitly add it in.
-
-The following external context is also provided. Use it to help you make better suggestions!!!
-\`\`\`
-${contextString}
-\`\`\`
-`;
-};
-var defaultEditingFewShotMessages = [
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: "This morning I woke up and went straight to the grocery store. "
-  },
-  {
-    role: "user",
-    name: "TextToEdit",
-    content: "While I was there I also picked up some apples, oranges, and bananas. "
-  },
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "The grocery store was having a sale on fruit, so I decided to stock up."
-  },
-  {
-    role: "user",
-    name: "EditingPrompt",
-    content: "I bought a big watermelon"
-  },
-  {
-    role: "assistant",
-    content: " When I arrived I went straight to the produce section and picked out a big watermelon. "
-  },
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof."
-  },
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: `The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;`
-  },
-  {
-    role: "user",
-    name: "InsertionPrompt",
-    content: "add section about the optionholder's pro rata share"
-  },
-  {
-    role: "assistant",
-    content: ` (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder's "Pro Rata Share"; `
-  }
-];
-var defaultEditingApiConfig = {
-  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
-    "/api/copilotkit_chatlike"
-  ),
-  makeSystemPrompt: defaultEditingMakeSystemPrompt,
-  fewShotMessages: defaultEditingFewShotMessages,
-  forwardedParams: void 0
-};
-
-export { defaultEditingApiConfig, defaultEditingFewShotMessages, defaultEditingMakeSystemPrompt };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-55EGOC5T.mjs.map

package/dist/chunk-55EGOC5T.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/autosuggestions-config/editing-api-config.tsx"],"names":[],"mappings":";;;;;AAWO,IAAM,iCAAmD,CAC9D,iBACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBlB;AAAA;AAAA;AAGF;AAEO,IAAM,gCAAyD;AAAA,EACpE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AAEO,IAAM,0BAA4C;AAAA,EACvD,aAAa,oBAAoB;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB","sourcesContent":["import { ChatlikeApiEndpoint } from \"./subtypes/chatlike-api-endpoint\";\nimport { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\n\nexport interface EditingApiConfig {\n  apiEndpoint: ChatlikeApiEndpoint;\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultEditingMakeSystemPrompt: MakeSystemPrompt = (\n  textareaPurpose,\n  contextString\n) => {\n  return `You are a versatile writing assistant.\n  \nThe user is writing some text.\nThe purpose is: \\\"${textareaPurpose}\\\"\n\nThe user also provides you with a prompt for EDITING some text they are writing. \nYour job is to come up with an EDIT of the text that the user would like to use - AS BEST YOU CAN.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide the following information; use this to infer the best relevant EDIT:\n<TextBeforeCursor>\n<TextToEdit>\n<TextAfterCursor>\n<EditingPrompt>\n\n<YourEditSuggestion>\n\nIf we need to add a whitespace character to the suggested edit text, make sure to explicitly add it in.\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n`;\n};\n\nexport const defaultEditingFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content: \"This morning I woke up and went straight to the grocery store. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextToEdit\",\n    content:\n      \"While I was there I also picked up some apples, oranges, and bananas. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"The grocery store was having a sale on fruit, so I decided to stock up.\",\n  },\n  {\n    role: \"user\",\n    name: \"EditingPrompt\",\n    content: \"I bought a big watermelon\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content:\n      'The Optionholder, in the Optionholder\\'s capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an \"Equityholder\" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an \"Equityholder\" thereunder;',\n  },\n  {\n    role: \"user\",\n    name: \"InsertionPrompt\",\n    content: \"add section about the optionholder's pro rata share\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      ' (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder\\'s \"Pro Rata Share\"; ',\n  },\n];\n\nexport const defaultEditingApiConfig: EditingApiConfig = {\n  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(\n    \"/api/copilotkit_chatlike\"\n  ),\n  makeSystemPrompt: defaultEditingMakeSystemPrompt,\n  fewShotMessages: defaultEditingFewShotMessages,\n  forwardedParams: undefined,\n};\n"]}

package/dist/chunk-5ARCOTW3.mjs

@@ -1,34 +0,0 @@
-import { __async, __spreadProps, __spreadValues } from './chunk-MRXNTQOX.mjs';
-
-// src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx
-var ChatlikeApiEndpoint = class {
-  constructor(run) {
-    this.run = run;
-  }
-  static standardOpenAIEndpoint(apiEndpoint) {
-    return new ChatlikeApiEndpoint(
-      (abortSignal, messages, forwardedProps) => __async(this, null, function* () {
-        const res = yield fetch(apiEndpoint, {
-          method: "POST",
-          body: JSON.stringify(__spreadProps(__spreadValues({}, forwardedProps), {
-            messages
-          })),
-          signal: abortSignal
-        });
-        const bodySteram = res.body;
-        if (!bodySteram) {
-          throw new Error("The response body is empty.");
-        }
-        const stringStream = bodySteram.pipeThrough(new TextDecoderStream());
-        return stringStream;
-      })
-    );
-  }
-  static custom(run) {
-    return new ChatlikeApiEndpoint(run);
-  }
-};
-
-export { ChatlikeApiEndpoint };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-5ARCOTW3.mjs.map

package/dist/chunk-5ARCOTW3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/autosuggestions-config/subtypes/chatlike-api-endpoint.tsx"],"names":[],"mappings":";;;;;;;AAcO,IAAM,sBAAN,MAA0B;AAAA,EAG/B,YAAY,KAAuC;AACjD,SAAK,MAAM;AAAA,EACb;AAAA,EAOA,OAAO,uBAAuB,aAA0C;AACtE,WAAO,IAAI;AAAA,MACT,CACE,aACA,UACA,mBACG;AACH,cAAM,MAAM,MAAM,MAAM,aAAa;AAAA,UACnC,QAAQ;AAAA,UACR,MAAM,KAAK,UAAU,iCAChB,iBADgB;AAAA,YAEnB;AAAA,UACF,EAAC;AAAA,UACD,QAAQ;AAAA,QACV,CAAC;AAED,cAAM,aAAgD,IAAI;AAC1D,YAAI,CAAC,YAAY;AACf,gBAAM,IAAI,MAAM,6BAA6B;AAAA,QAC/C;AAGA,cAAM,eAAe,WAAW,YAAY,IAAI,kBAAkB,CAAC;AAEnE,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAOA,OAAO,OAAO,KAA4D;AACxE,WAAO,IAAI,oBAAoB,GAAG;AAAA,EACpC;AACF","sourcesContent":["import { MinimalChatGPTMessage } from \"./minimal-chat-gpt-message\";\n\nexport type ChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any }\n) => Promise<string>;\n\nexport type StreamingChatlikeApiEndpointImpl = (\n  abortSignal: AbortSignal,\n  messages: MinimalChatGPTMessage[],\n  forwardedProps?: { [key: string]: any }\n) => Promise<ReadableStream<string>>;\n\nexport class ChatlikeApiEndpoint {\n  public run: StreamingChatlikeApiEndpointImpl;\n\n  constructor(run: StreamingChatlikeApiEndpointImpl) {\n    this.run = run;\n  }\n\n  /**\n   * Creates a new instance of ChatlikeApiEndpoint with the provided API endpoint.\n   * @param apiEndpoint The URL of the OpenAI-compatible API endpoint.\n   * @returns A new instance of ChatlikeApiEndpoint.\n   */\n  static standardOpenAIEndpoint(apiEndpoint: string): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(\n      async (\n        abortSignal: AbortSignal,\n        messages: MinimalChatGPTMessage[],\n        forwardedProps?: { [key: string]: any }\n      ) => {\n        const res = await fetch(apiEndpoint, {\n          method: \"POST\",\n          body: JSON.stringify({\n            ...forwardedProps,\n            messages: messages,\n          }),\n          signal: abortSignal,\n        });\n\n        const bodySteram: ReadableStream<Uint8Array> | null = res.body;\n        if (!bodySteram) {\n          throw new Error(\"The response body is empty.\");\n        }\n\n        // map the stream to a stream of strings\n        const stringStream = bodySteram.pipeThrough(new TextDecoderStream());\n\n        return stringStream;\n      }\n    );\n  }\n\n  /**\n   * Creates a fully customized instance of ChatlikeApiEndpoint.\n   * @param run - The implementation of the ChatlikeApiEndpointImpl interface.\n   * @returns A new instance of ChatlikeApiEndpoint .\n   */\n  static custom(run: StreamingChatlikeApiEndpointImpl): ChatlikeApiEndpoint {\n    return new ChatlikeApiEndpoint(run);\n  }\n}\n"]}

package/dist/chunk-5EJ5XOGP.mjs

@@ -1,22 +0,0 @@
-import { cn } from './chunk-KGKLUWKW.mjs';
-import { __objRest, __spreadValues } from './chunk-MRXNTQOX.mjs';
-import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(LabelPrimitive.Root, __spreadValues({
-    ref,
-    className: cn(labelVariants(), className)
-  }, props));
-});
-Label.displayName = LabelPrimitive.Root.displayName;
-
-export { Label };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-5EJ5XOGP.mjs.map

package/dist/chunk-5EJ5XOGP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/label.tsx"],"names":[],"mappings":";;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,WAA8B;AAarC;AAjBF;AAQA,IAAM,gBAAgB;AAAA,EACpB;AACF;AAEA,IAAM,QAAc,iBAIlB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAhBL,IAgBG,IAAgB,kBAAhB,IAAgB,CAAd;AACH,6BAAgB,qBAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,cAAc,GAAG,SAAS;AAAA,KACpC,MACN;AAAA,CACD;AACD,MAAM,cAA6B,oBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n);\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"]}

package/dist/chunk-5FO6ISW4.mjs

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

package/dist/chunk-5FO6ISW4.mjs.map

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

package/dist/chunk-7SMDOAG2.mjs

@@ -1,201 +0,0 @@
-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 { useCopilotTextareaEditor } from './chunk-CSGFJU3L.mjs';
-import { useAddBrandingCss } from './chunk-MPME5BW2.mjs';
-import { HoveringToolbar } from './chunk-RPDVSCLO.mjs';
-import { useHoveringEditorContext, HoveringEditorProvider } from './chunk-YW3REYX6.mjs';
-import { defaultBaseAutosuggestionsConfig } from './chunk-D7SEV5PR.mjs';
-import { makeRenderElementFunction } from './chunk-LNAIMEB2.mjs';
-import { makeRenderPlaceholderFunction } from './chunk-OELUUJZY.mjs';
-import { TrackerTextEditedSinceLastCursorMovement } from './chunk-OD7ZMOVE.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,
-      onValueChange,
-      baseAutosuggestionsConfig: autosuggestionsConfigFromProps,
-      className,
-      onChange,
-      onKeyDown,
-      disableBranding
-    } = _a, propsToForward = __objRest(_a, [
-      "placeholderStyle",
-      "value",
-      "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
-        }),
-        /* @__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-7SMDOAG2.mjs.map

package/dist/chunk-7SMDOAG2.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      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 apiConfig={autosuggestionsConfig.apiConfig} />\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-A2RRLD23.mjs

@@ -1,69 +0,0 @@
-import { ChatlikeApiEndpoint } from './chunk-5ARCOTW3.mjs';
-
-// src/types/autosuggestions-config/suggestions-api-config.tsx
-var defaultSuggestionsMakeSystemPrompt = (textareaPurpose, contextString) => {
-  return `You are a versatile writing assistant.
-  
-The user is writing some text.
-The purpose is: "${textareaPurpose}"
-
-Your job is to guess what the user will write next AS BEST YOU CAN.
-Only guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.
-
-Adjust yourself to the user's style and implied intent.
-
-The user will provide both the text before and after the cursor. You should use this to infer what the user is likely to write next.
-<TextAfterCursor>
-<TextBeforeCursor>
-<YourSuggestion>
-
-If we need to add a whitespace character to the suggested text, make sure to explicitly add it in.
-
-The following external context is also provided. Use it to help you make better suggestions!!!
-\`\`\`
-${contextString}
-\`\`\`
-`;
-};
-var defaultSuggestionsFewShotMessages = [
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "While I was there I also picked up some apples, oranges, and bananas."
-  },
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: "This morning I woke up and went straight to the grocery store."
-  },
-  {
-    role: "assistant",
-    content: " When I arrived I went straight to the produce section and picked out a big watermelon. "
-  },
-  {
-    role: "user",
-    name: "TextAfterCursor",
-    content: "and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof."
-  },
-  {
-    role: "user",
-    name: "TextBeforeCursor",
-    content: `The Optionholder, in the Optionholder's capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an "Equityholder" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an "Equityholder" thereunder;`
-  },
-  {
-    role: "assistant",
-    content: ` (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder's "Pro Rata Share"; `
-  }
-];
-var defaultSuggestionsApiConfig = {
-  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(
-    "/api/copilotkit_chatlike"
-  ),
-  makeSystemPrompt: defaultSuggestionsMakeSystemPrompt,
-  fewShotMessages: defaultSuggestionsFewShotMessages,
-  forwardedParams: void 0
-};
-
-export { defaultSuggestionsApiConfig, defaultSuggestionsFewShotMessages, defaultSuggestionsMakeSystemPrompt };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-A2RRLD23.mjs.map

package/dist/chunk-A2RRLD23.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/autosuggestions-config/suggestions-api-config.tsx"],"names":[],"mappings":";;;;;AAWO,IAAM,qCAAuD,CAClE,iBACA,kBACG;AACH,SAAO;AAAA;AAAA;AAAA,mBAGW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlB;AAAA;AAAA;AAGF;AAEO,IAAM,oCAA6D;AAAA,EACxE;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AACF;AAEO,IAAM,8BAAoD;AAAA,EAC/D,aAAa,oBAAoB;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB","sourcesContent":["import { MinimalChatGPTMessage } from \"./subtypes/minimal-chat-gpt-message\";\nimport { MakeSystemPrompt } from \"./subtypes/make-system-prompt\";\nimport { ChatlikeApiEndpoint } from \"./subtypes/chatlike-api-endpoint\";\n\nexport interface SuggestionsApiConfig {\n  apiEndpoint: ChatlikeApiEndpoint;\n  makeSystemPrompt: MakeSystemPrompt;\n  fewShotMessages: MinimalChatGPTMessage[];\n  forwardedParams: { [key: string]: any } | undefined;\n}\n\nexport const defaultSuggestionsMakeSystemPrompt: MakeSystemPrompt = (\n  textareaPurpose,\n  contextString\n) => {\n  return `You are a versatile writing assistant.\n  \nThe user is writing some text.\nThe purpose is: \\\"${textareaPurpose}\\\"\n\nYour job is to guess what the user will write next AS BEST YOU CAN.\nOnly guess a SHORT distance ahead. Usually 1 sentence, or at most 1 paragraph.\n\nAdjust yourself to the user's style and implied intent.\n\nThe user will provide both the text before and after the cursor. You should use this to infer what the user is likely to write next.\n<TextAfterCursor>\n<TextBeforeCursor>\n<YourSuggestion>\n\nIf we need to add a whitespace character to the suggested text, make sure to explicitly add it in.\n\nThe following external context is also provided. Use it to help you make better suggestions!!!\n\\`\\`\\`\n${contextString}\n\\`\\`\\`\n`;\n};\n\nexport const defaultSuggestionsFewShotMessages: MinimalChatGPTMessage[] = [\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"While I was there I also picked up some apples, oranges, and bananas.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content: \"This morning I woke up and went straight to the grocery store.\",\n  },\n  {\n    role: \"assistant\",\n    content:\n      \" When I arrived I went straight to the produce section and picked out a big watermelon. \",\n  },\n  {\n    role: \"user\",\n    name: \"TextAfterCursor\",\n    content:\n      \"and (iii) to the appointment of the Equityholders' Representative pursuant to Section 10.7 of the Merger Agreement and to the provisions thereof.\",\n  },\n  {\n    role: \"user\",\n    name: \"TextBeforeCursor\",\n    content:\n      'The Optionholder, in the Optionholder\\'s capacity as a holder of vested Options, hereby irrevocably and unconditionally agrees: (i) that the Optionholder shall be deemed an \"Equityholder\" under the Merger Agreement and shall be entitled to the rights and benefits, and subject to the obligations, of an \"Equityholder\" thereunder;',\n  },\n  {\n    role: \"assistant\",\n    content:\n      ' (ii) that, for purposes of this Agreement and the Merger Agreement, the applicable percentage set forth opposite the name of the Optionholder in the Distribution Waterfall shall be such the Optionholder\\'s \"Pro Rata Share\"; ',\n  },\n];\n\nexport const defaultSuggestionsApiConfig: SuggestionsApiConfig = {\n  apiEndpoint: ChatlikeApiEndpoint.standardOpenAIEndpoint(\n    \"/api/copilotkit_chatlike\"\n  ),\n  makeSystemPrompt: defaultSuggestionsMakeSystemPrompt,\n  fewShotMessages: defaultSuggestionsFewShotMessages,\n  forwardedParams: undefined,\n};\n"]}

package/dist/chunk-CDB7HFCY.mjs

@@ -1,65 +0,0 @@
-import { use_autosize_textarea_default } from './chunk-ND5PXTAW.mjs';
-import { __async } from './chunk-MRXNTQOX.mjs';
-import { useState, useRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PreSuggestion = ({
-  editorState,
-  insertionOrEditingFunction: insertionSuggestion,
-  onGeneratedText,
-  insertionOrEditingPrompt: insertionPrompt,
-  setInsertionOrEditingPrompt: setInsertionPrompt
-}) => {
-  const [loading, setLoading] = useState(false);
-  const promptTextAreaRef = useRef(null);
-  use_autosize_textarea_default(promptTextAreaRef, insertionPrompt);
-  useEffect(() => {
-    var _a;
-    (_a = promptTextAreaRef.current) == null ? void 0 : _a.focus();
-  }, []);
-  const generateText = (abortSignal) => __async(void 0, null, function* () {
-    if (!insertionPrompt.trim()) {
-      return;
-    }
-    setLoading(true);
-    const insertionSuggestionTextStream = yield insertionSuggestion(
-      editorState,
-      insertionPrompt,
-      abortSignal || new AbortController().signal
-    );
-    onGeneratedText(insertionSuggestionTextStream);
-    setLoading(false);
-  });
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex flex-col justify-center items-start gap-2",
-    children: [
-      /* @__PURE__ */ jsx("textarea", {
-        ref: promptTextAreaRef,
-        value: insertionPrompt,
-        onChange: (e) => setInsertionPrompt(e.target.value),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" && e.shiftKey) {
-            e.preventDefault();
-            setInsertionPrompt(insertionPrompt + "\n");
-          } else if (e.key === "Enter") {
-            e.preventDefault();
-            generateText();
-          }
-        },
-        placeholder: "Describe the text you'd like to insert...",
-        className: "w-full bg-slate-100 h-auto text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-none",
-        rows: 1
-      }),
-      /* @__PURE__ */ jsx("button", {
-        disabled: loading || !insertionPrompt.trim(),
-        onClick: () => generateText(),
-        className: "w-full py-2 px-4 rounded-md text-white bg-blue-500 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed",
-        children: loading ? "Loading..." : "Generate Text"
-      })
-    ]
-  });
-};
-
-export { PreSuggestion };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-CDB7HFCY.mjs.map

package/dist/chunk-CDB7HFCY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hovering-toolbar/text-insertion-prompt-box/mode-pre-suggestion.tsx"],"names":[],"mappings":";;;;;;;;AACA,SAAgB,WAAW,QAAQ,gBAAgB;AAsD/C,SACE,KADF;AAnCG,IAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,4BAA4B;AAAA,EAC5B;AAAA,EACA,0BAA0B;AAAA,EAC1B,6BAA6B;AAC/B,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,oBAAoB,OAA4B,IAAI;AAC1D,gCAAoB,mBAAmB,eAAe;AAGtD,YAAU,MAAM;AAjClB;AAkCI,4BAAkB,YAAlB,mBAA2B;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,CAAO,gBAA8B;AAExD,QAAI,CAAC,gBAAgB,KAAK,GAAG;AAC3B;AAAA,IACF;AAEA,eAAW,IAAI;AACf,UAAM,gCAAgC,MAAM;AAAA,MAC1C;AAAA,MACA;AAAA,MACA,eAAe,IAAI,gBAAgB,EAAE;AAAA,IACvC;AACA,oBAAgB,6BAA6B;AAE7C,eAAW,KAAK;AAAA,EAClB;AAEA,SACE,qBAAC;AAAA,IAAI,WAAU;AAAA,IACb;AAAA,0BAAC;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,mBAAmB,EAAE,OAAO,KAAK;AAAA,QAClD,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,WAAW,EAAE,UAAU;AACnC,cAAE,eAAe;AACjB,+BAAmB,kBAAkB,IAAI;AAAA,UAC3C,WAAW,EAAE,QAAQ,SAAS;AAC5B,cAAE,eAAe;AACjB,yBAAa;AAAA,UACf;AAAA,QACF;AAAA,QACA,aAAY;AAAA,QACZ,WAAU;AAAA,QACV,MAAM;AAAA,OACR;AAAA,MACA,oBAAC;AAAA,QACC,UAAU,WAAW,CAAC,gBAAgB,KAAK;AAAA,QAC3C,SAAS,MAAM,aAAa;AAAA,QAC5B,WAAU;AAAA,QAET,oBAAU,eAAe;AAAA,OAC5B;AAAA;AAAA,GACF;AAEJ","sourcesContent":["import useAutosizeTextArea from \"../../../hooks/misc/use-autosize-textarea\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport {\n  EditingEditorState,\n  Generator_InsertionOrEditingSuggestion,\n} from \"../../../types/base/autosuggestions-bare-function\";\n\nexport type State_PreSuggestion = {\n  type: \"pre-suggestion\";\n};\n\nexport interface PreSuggestionProps {\n  editorState: EditingEditorState;\n  insertionOrEditingFunction: Generator_InsertionOrEditingSuggestion;\n  onGeneratedText: (generatedText: ReadableStream<string>) => void;\n\n  insertionOrEditingPrompt: string;\n  setInsertionOrEditingPrompt: (value: string) => void;\n}\n\nexport const PreSuggestion: React.FC<PreSuggestionProps> = ({\n  editorState,\n  insertionOrEditingFunction: insertionSuggestion,\n  onGeneratedText,\n  insertionOrEditingPrompt: insertionPrompt,\n  setInsertionOrEditingPrompt: setInsertionPrompt,\n}) => {\n  const [loading, setLoading] = useState(false);\n\n  const promptTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  useAutosizeTextArea(promptTextAreaRef, insertionPrompt);\n\n  // initially focus on the prompt text area\n  useEffect(() => {\n    promptTextAreaRef.current?.focus();\n  }, []);\n\n  const generateText = async (abortSignal?: AbortSignal) => {\n    // don't generate text if the prompt is empty\n    if (!insertionPrompt.trim()) {\n      return;\n    }\n\n    setLoading(true);\n    const insertionSuggestionTextStream = await insertionSuggestion(\n      editorState,\n      insertionPrompt,\n      abortSignal || new AbortController().signal\n    );\n    onGeneratedText(insertionSuggestionTextStream);\n\n    setLoading(false);\n  };\n\n  return (\n    <div className=\"flex flex-col justify-center items-start gap-2\">\n      <textarea\n        ref={promptTextAreaRef}\n        value={insertionPrompt}\n        onChange={(e) => setInsertionPrompt(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && e.shiftKey) {\n            e.preventDefault();\n            setInsertionPrompt(insertionPrompt + \"\\n\");\n          } else if (e.key === \"Enter\") {\n            e.preventDefault();\n            generateText();\n          }\n        }}\n        placeholder=\"Describe the text you'd like to insert...\"\n        className=\"w-full bg-slate-100 h-auto text-sm p-2 rounded-md resize-none overflow-visible focus:outline-none focus:ring-0 focus:border-none\"\n        rows={1}\n      />\n      <button\n        disabled={loading || !insertionPrompt.trim()}\n        onClick={() => generateText()}\n        className=\"w-full py-2 px-4 rounded-md text-white bg-blue-500 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed\"\n      >\n        {loading ? \"Loading...\" : \"Generate Text\"}\n      </button>\n    </div>\n  );\n};\n"]}