@mordn/chat-widget 0.6.0 → 0.6.2

package/dist/index.mjs

@@ -171,11 +171,13 @@ import { CheckIcon as CheckIcon2, ChevronDownIcon, ChevronUpIcon } from "lucide-
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 
 // src/ui/textarea.tsx
+import * as React from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
-function Textarea({ className, ...props }) {
+var Textarea = React.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx7(
     "textarea",
     {
+      ref,
       "data-slot": "textarea",
       className: cn(
         "border-input placeholder:text-muted-foreground focus-visible:border-ring aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-[14px] transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -184,7 +186,8 @@ function Textarea({ className, ...props }) {
       ...props
     }
   );
-}
+});
+Textarea.displayName = "Textarea";
 
 // src/components/prompt-input.tsx
 import {
@@ -197,7 +200,7 @@ import {
   XIcon
 } from "lucide-react";
 import { nanoid } from "nanoid";
-import React, {
+import React2, {
   Children,
   createContext,
   Fragment as Fragment2,
@@ -509,7 +512,7 @@ var PromptInputBody = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsx8("div", { className: cn(className, "flex flex-col"), ...props });
-var PromptInputTextarea = React.forwardRef(({
+var PromptInputTextarea = React2.forwardRef(({
   onChange,
   onKeyDown: externalOnKeyDown,
   className,
@@ -2431,7 +2434,8 @@ function ChatWidget({
   onClose,
   headerActions,
   open,
-  onOpenChange
+  onOpenChange,
+  inputPlugins
 }) {
   const layout = display?.layout || "popup";
   const isControlled = open !== void 0;
@@ -2506,8 +2510,9 @@ function ChatWidget({
     temperature,
     theme,
     features,
-    starterPrompts
-  }), [userId, model, systemPrompt, temperature, theme, features, starterPrompts]);
+    starterPrompts,
+    inputPlugins
+  }), [userId, model, systemPrompt, temperature, theme, features, starterPrompts, inputPlugins]);
   const togglePosition = display?.toggleButtonPosition || { bottom: "24px", right: "24px" };
   const themeClass = theme?.mode === "dark" ? "dark" : "";
   if (layout === "inline") {
@@ -2914,9 +2919,9 @@ function useChatTheme() {
 }
 
 // src/ui/input.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
-var Input = React2.forwardRef(
+var Input = React3.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsx23(
       "input",