mehdi-akbari-ai-assistant-free 0.0.1

package/dist/index-Dr3adAXO.d.mts

@@ -0,0 +1,12 @@
+type Role = 'user' | 'assistant' | 'system';
+interface Message {
+    role: Role;
+    content: string;
+}
+interface AiRobotConfig {
+    apiKey: string;
+    model?: string;
+    systemPrompt?: string;
+}
+
+export type { AiRobotConfig as A, Message as M, Role as R };

package/dist/index-Dr3adAXO.d.ts

@@ -0,0 +1,12 @@
+type Role = 'user' | 'assistant' | 'system';
+interface Message {
+    role: Role;
+    content: string;
+}
+interface AiRobotConfig {
+    apiKey: string;
+    model?: string;
+    systemPrompt?: string;
+}
+
+export type { AiRobotConfig as A, Message as M, Role as R };

package/dist/index.d.mts

@@ -0,0 +1,24 @@
+import { A as AiRobotConfig, M as Message } from './index-Dr3adAXO.mjs';
+export { R as Role } from './index-Dr3adAXO.mjs';
+
+declare class AiRobot {
+    private model;
+    private systemPrompt;
+    constructor(config: AiRobotConfig);
+    /**
+    /**
+     * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.
+     * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.
+     *
+     * Return plain message objects with explicit `role` and `content` to match
+     * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().
+     */
+    private formatMessages;
+    /**
+     * متد اصلی برای ارسال پیام و دریافت پاسخ.
+     * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.
+     */
+    chat(messages: Message[]): Promise<string>;
+}
+
+export { AiRobot, AiRobotConfig, Message };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import { A as AiRobotConfig, M as Message } from './index-Dr3adAXO.js';
+export { R as Role } from './index-Dr3adAXO.js';
+
+declare class AiRobot {
+    private model;
+    private systemPrompt;
+    constructor(config: AiRobotConfig);
+    /**
+    /**
+     * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.
+     * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.
+     *
+     * Return plain message objects with explicit `role` and `content` to match
+     * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().
+     */
+    private formatMessages;
+    /**
+     * متد اصلی برای ارسال پیام و دریافت پاسخ.
+     * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.
+     */
+    chat(messages: Message[]): Promise<string>;
+}
+
+export { AiRobot, AiRobotConfig, Message };

package/dist/index.js

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AiRobot: () => AiRobot
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/core/ai-robot.ts
+var import_groq = require("@langchain/groq");
+var AiRobot = class {
+  constructor(config) {
+    if (!config.apiKey) {
+      throw new Error("API Key is required for AiRobot.");
+    }
+    this.systemPrompt = config.systemPrompt || "You are a helpful assistant.";
+    this.model = new import_groq.ChatGroq({
+      apiKey: config.apiKey,
+      model: config.model || "llama3-8b-8192"
+    });
+  }
+  /**
+  /**
+   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.
+   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.
+   *
+   * Return plain message objects with explicit `role` and `content` to match
+   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().
+   */
+  formatMessages(messages) {
+    const formatted = [
+      { role: "system", content: this.systemPrompt }
+    ];
+    messages.forEach((msg) => {
+      if (msg.role === "user") {
+        formatted.push({ role: "user", content: msg.content });
+      } else if (msg.role === "assistant") {
+        formatted.push({ role: "assistant", content: msg.content });
+      }
+    });
+    return formatted;
+  }
+  /**
+   * متد اصلی برای ارسال پیام و دریافت پاسخ.
+   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.
+   */
+  async chat(messages) {
+    try {
+      const formattedMessages = this.formatMessages(messages);
+      const response = await this.model.invoke(formattedMessages);
+      return response.content;
+    } catch (error) {
+      console.warn("AI connection failed. Returning a mock response.", error);
+      return "\u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0634\u0645\u0627 \u0645\u062A\u0635\u0644 \u0646\u06CC\u0633\u062A\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u2705 (\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A)";
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AiRobot
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/core/ai-robot.ts"],"sourcesContent":["export * from \"./types\";\r\nexport { AiRobot } from \"./core/ai-robot\";","import { ChatGroq } from \"@langchain/groq\";\r\nimport { AiRobotConfig, Message } from \"../types\";\r\n\r\nexport class AiRobot {\r\n  private model: ChatGroq;\r\n  private systemPrompt: string;\r\n\r\n  constructor(config: AiRobotConfig) {\r\n    if (!config.apiKey) {\r\n      throw new Error(\"API Key is required for AiRobot.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n    });\r\n  }\r\n\r\n  /**\r\n  /**\r\n   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.\r\n   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.\r\n   *\r\n   * Return plain message objects with explicit `role` and `content` to match\r\n   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().\r\n   */\r\n  private formatMessages(messages: Message[]): { role: 'system' | 'user' | 'assistant' | string; content: string }[] {\r\n    const formatted: { role: 'system' | 'user' | 'assistant' | string; content: string }[] = [\r\n      { role: 'system', content: this.systemPrompt }\r\n    ];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push({ role: 'user', content: msg.content });\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push({ role: 'assistant', content: msg.content });\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n  /**\r\n   * متد اصلی برای ارسال پیام و دریافت پاسخ.\r\n   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.\r\n   */\r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      const formattedMessages = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedMessages);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"AI connection failed. Returning a mock response.\", error);\r\n      return \"اینترنت شما متصل نیست، اما پکیج به درستی کار می‌کند! ✅ (این یک پیام تستی است)\";\r\n    }\r\n  }\r\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAyB;AAGlB,IAAM,UAAN,MAAc;AAAA,EAInB,YAAY,QAAuB;AACjC,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,kCAAkC;AAAA,IACpD;AAEA,SAAK,eAAe,OAAO,gBAAgB;AAE3C,SAAK,QAAQ,IAAI,qBAAS;AAAA,MACxB,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,SAAS;AAAA,IACzB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUQ,eAAe,UAA4F;AACjH,UAAM,YAAmF;AAAA,MACvF,EAAE,MAAM,UAAU,SAAS,KAAK,aAAa;AAAA,IAC/C;AAEA,aAAS,QAAQ,CAAC,QAAQ;AACxB,UAAI,IAAI,SAAS,QAAQ;AACvB,kBAAU,KAAK,EAAE,MAAM,QAAQ,SAAS,IAAI,QAAQ,CAAC;AAAA,MACvD,WAAW,IAAI,SAAS,aAAa;AACnC,kBAAU,KAAK,EAAE,MAAM,aAAa,SAAS,IAAI,QAAQ,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,KAAK,UAAsC;AAC/C,QAAI;AACF,YAAM,oBAAoB,KAAK,eAAe,QAAQ;AACtD,YAAM,WAAW,MAAM,KAAK,MAAM,OAAO,iBAAiB;AAC1D,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,cAAQ,KAAK,oDAAoD,KAAK;AACtE,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,53 @@
+// src/core/ai-robot.ts
+import { ChatGroq } from "@langchain/groq";
+var AiRobot = class {
+  constructor(config) {
+    if (!config.apiKey) {
+      throw new Error("API Key is required for AiRobot.");
+    }
+    this.systemPrompt = config.systemPrompt || "You are a helpful assistant.";
+    this.model = new ChatGroq({
+      apiKey: config.apiKey,
+      model: config.model || "llama3-8b-8192"
+    });
+  }
+  /**
+  /**
+   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.
+   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.
+   *
+   * Return plain message objects with explicit `role` and `content` to match
+   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().
+   */
+  formatMessages(messages) {
+    const formatted = [
+      { role: "system", content: this.systemPrompt }
+    ];
+    messages.forEach((msg) => {
+      if (msg.role === "user") {
+        formatted.push({ role: "user", content: msg.content });
+      } else if (msg.role === "assistant") {
+        formatted.push({ role: "assistant", content: msg.content });
+      }
+    });
+    return formatted;
+  }
+  /**
+   * متد اصلی برای ارسال پیام و دریافت پاسخ.
+   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.
+   */
+  async chat(messages) {
+    try {
+      const formattedMessages = this.formatMessages(messages);
+      const response = await this.model.invoke(formattedMessages);
+      return response.content;
+    } catch (error) {
+      console.warn("AI connection failed. Returning a mock response.", error);
+      return "\u0627\u06CC\u0646\u062A\u0631\u0646\u062A \u0634\u0645\u0627 \u0645\u062A\u0635\u0644 \u0646\u06CC\u0633\u062A\u060C \u0627\u0645\u0627 \u067E\u06A9\u06CC\u062C \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u06A9\u0627\u0631 \u0645\u06CC\u200C\u06A9\u0646\u062F! \u2705 (\u0627\u06CC\u0646 \u06CC\u06A9 \u067E\u06CC\u0627\u0645 \u062A\u0633\u062A\u06CC \u0627\u0633\u062A)";
+    }
+  }
+};
+export {
+  AiRobot
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/ai-robot.ts"],"sourcesContent":["import { ChatGroq } from \"@langchain/groq\";\r\nimport { AiRobotConfig, Message } from \"../types\";\r\n\r\nexport class AiRobot {\r\n  private model: ChatGroq;\r\n  private systemPrompt: string;\r\n\r\n  constructor(config: AiRobotConfig) {\r\n    if (!config.apiKey) {\r\n      throw new Error(\"API Key is required for AiRobot.\");\r\n    }\r\n\r\n    this.systemPrompt = config.systemPrompt || \"You are a helpful assistant.\";\r\n\r\n    this.model = new ChatGroq({\r\n      apiKey: config.apiKey,\r\n      model: config.model || \"llama3-8b-8192\",\r\n    });\r\n  }\r\n\r\n  /**\r\n  /**\r\n   * این متد پیام‌ها را به فرمت مورد نیاز LangChain تبدیل می‌کند.\r\n   * تایپ خروجی برای سازگاری با نسخه‌های جدید LangChain اصلاح شده است.\r\n   *\r\n   * Return plain message objects with explicit `role` and `content` to match\r\n   * the BaseMessageLike / MessageFieldWithRole shape expected by model.invoke().\r\n   */\r\n  private formatMessages(messages: Message[]): { role: 'system' | 'user' | 'assistant' | string; content: string }[] {\r\n    const formatted: { role: 'system' | 'user' | 'assistant' | string; content: string }[] = [\r\n      { role: 'system', content: this.systemPrompt }\r\n    ];\r\n\r\n    messages.forEach((msg) => {\r\n      if (msg.role === 'user') {\r\n        formatted.push({ role: 'user', content: msg.content });\r\n      } else if (msg.role === 'assistant') {\r\n        formatted.push({ role: 'assistant', content: msg.content });\r\n      }\r\n    });\r\n\r\n    return formatted;\r\n  }\r\n  /**\r\n   * متد اصلی برای ارسال پیام و دریافت پاسخ.\r\n   * شامل حالت Mock برای جلوگیری از خطا در صورت قطعی اینترنت.\r\n   */\r\n  async chat(messages: Message[]): Promise<string> {\r\n    try {\r\n      const formattedMessages = this.formatMessages(messages);\r\n      const response = await this.model.invoke(formattedMessages);\r\n      return response.content as string;\r\n    } catch (error) {\r\n      console.warn(\"AI connection failed. Returning a mock response.\", error);\r\n      return \"اینترنت شما متصل نیست، اما پکیج به درستی کار می‌کند! ✅ (این یک پیام تستی است)\";\r\n    }\r\n  }\r\n}"],"mappings":";AAAA,SAAS,gBAAgB;AAGlB,IAAM,UAAN,MAAc;AAAA,EAInB,YAAY,QAAuB;AACjC,QAAI,CAAC,OAAO,QAAQ;AAClB,YAAM,IAAI,MAAM,kCAAkC;AAAA,IACpD;AAEA,SAAK,eAAe,OAAO,gBAAgB;AAE3C,SAAK,QAAQ,IAAI,SAAS;AAAA,MACxB,QAAQ,OAAO;AAAA,MACf,OAAO,OAAO,SAAS;AAAA,IACzB,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUQ,eAAe,UAA4F;AACjH,UAAM,YAAmF;AAAA,MACvF,EAAE,MAAM,UAAU,SAAS,KAAK,aAAa;AAAA,IAC/C;AAEA,aAAS,QAAQ,CAAC,QAAQ;AACxB,UAAI,IAAI,SAAS,QAAQ;AACvB,kBAAU,KAAK,EAAE,MAAM,QAAQ,SAAS,IAAI,QAAQ,CAAC;AAAA,MACvD,WAAW,IAAI,SAAS,aAAa;AACnC,kBAAU,KAAK,EAAE,MAAM,aAAa,SAAS,IAAI,QAAQ,CAAC;AAAA,MAC5D;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,KAAK,UAAsC;AAC/C,QAAI;AACF,YAAM,oBAAoB,KAAK,eAAe,QAAQ;AACtD,YAAM,WAAW,MAAM,KAAK,MAAM,OAAO,iBAAiB;AAC1D,aAAO,SAAS;AAAA,IAClB,SAAS,OAAO;AACd,cAAQ,KAAK,oDAAoD,KAAK;AACtE,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/react.css

@@ -0,0 +1,132 @@
+/* src/components/ChatWindow/ChatWindow.module.css */
+.container {
+  --ai-primary: #2563eb;
+  --ai-primary-fg: #ffffff;
+  --ai-bg: #ffffff;
+  --ai-bot-bg: #f3f4f6;
+  --ai-user-bg: var(--ai-primary);
+  --ai-text: #1f2937;
+  --ai-text-secondary: #6b7280;
+  --ai-user-text: var(--ai-primary-fg);
+  --ai-border: #e5e7eb;
+  font-family: inherit;
+  font-size: 16px;
+  line-height: 1.5;
+  box-sizing: border-box;
+}
+.chatWindow {
+  display: flex;
+  flex-direction: column;
+  height: 500px;
+  width: 100%;
+  max-width: 400px;
+  background-color: var(--ai-bg);
+  border: 1px solid var(--ai-border);
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  position: relative;
+}
+
+/* src/components/MessageList/MessageList.module.css */
+.messageList {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  scroll-behavior: smooth;
+}
+.loading {
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+}
+.dot {
+  width: 6px;
+  height: 6px;
+  background-color: #9ca3af;
+  border-radius: 50%;
+  animation: bounce 1.4s infinite ease-in-out both;
+}
+.dot:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.dot:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes bounce {
+  0%, 80%, 100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+
+/* src/components/MessageBubble/MessageBubble.module.css */
+.messageRow {
+  display: flex;
+  width: 100%;
+}
+.messageRow.user {
+  justify-content: flex-end;
+}
+.messageRow.assistant {
+  justify-content: flex-start;
+}
+.bubble {
+  max-width: 80%;
+  padding: 8px 12px;
+  border-radius: 12px;
+  font-size: 0.95em;
+  word-wrap: break-word;
+}
+.bubble.user {
+  background-color: var(--ai-user-bg, #2563eb);
+  color: var(--ai-user-text, #ffffff);
+  border-bottom-right-radius: 2px;
+}
+.bubble.assistant {
+  background-color: var(--ai-bot-bg, #f3f4f6);
+  color: var(--ai-text, #1f2937);
+  border-bottom-left-radius: 2px;
+}
+
+/* src/components/ChatInput/ChatInput.module.css */
+.inputArea {
+  padding: 12px;
+  border-top: 1px solid var(--ai-border, #e5e7eb);
+  display: flex;
+  gap: 8px;
+  background-color: var(--ai-bg, #ffffff);
+}
+.input {
+  flex: 1;
+  padding: 8px 12px;
+  border: 1px solid var(--ai-border, #e5e7eb);
+  border-radius: 8px;
+  outline: none;
+  font-family: inherit;
+}
+.input:focus {
+  border-color: var(--ai-primary, #2563eb);
+}
+.sendButton {
+  background-color: var(--ai-primary, #2563eb);
+  color: var(--ai-primary-fg, #ffffff);
+  border: none;
+  border-radius: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity 0.2s;
+}
+.sendButton:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+/*# sourceMappingURL=react.css.map */

package/dist/react.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ChatWindow/ChatWindow.module.css","../src/components/MessageList/MessageList.module.css","../src/components/MessageBubble/MessageBubble.module.css","../src/components/ChatInput/ChatInput.module.css"],"sourcesContent":["/* \r\n  این فایل استایل‌های اصلی و کانتینر چت را تعریف می‌کند.\r\n  متغیرهای CSS به کاربر اجازه می‌دهند تا به راحتی ظاهر ربات را شخصی‌سازی کند.\r\n*/\r\n\r\n.container {\r\n  /* ======== متغیرهای قابل شخصی‌سازی ======== */\r\n  \r\n  /* رنگ اصلی (دکمه ارسال، حباب کاربر) */\r\n  --ai-primary: #2563eb;\r\n  /* رنگ متن روی المان‌های اصلی */\r\n  --ai-primary-fg: #ffffff;\r\n\r\n  /* رنگ‌های پس‌زمینه */\r\n  --ai-bg: #ffffff;\r\n  --ai-bot-bg: #f3f4f6;\r\n  --ai-user-bg: var(--ai-primary);\r\n\r\n  /* رنگ‌های متن */\r\n  --ai-text: #1f2937;\r\n  --ai-text-secondary: #6b7280;\r\n  --ai-user-text: var(--ai-primary-fg);\r\n\r\n  /* رنگ حاشیه و جداکننده‌ها */\r\n  --ai-border: #e5e7eb;\r\n\r\n  /* ======================================== */\r\n\r\n  /* ارث‌بری فونت از سایت میزبان برای هماهنگی بیشتر */\r\n  font-family: inherit; \r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* کانتینر اصلی پنجره چت */\r\n.chatWindow {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 500px; /* ارتفاع پیش‌فرض، کاربر می‌تواند تغییر دهد */\r\n  width: 100%;\r\n  max-width: 400px;\r\n  background-color: var(--ai-bg);\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 12px;\r\n  overflow: hidden; /* برای اینکه گوشه‌های گرد درست نمایش داده شوند */\r\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n}",".messageList {\r\nflex: 1;\r\noverflow-y: auto;\r\npadding: 16px;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 12px;\r\nscroll-behavior: smooth;\r\n}\r\n/* این استایل‌ها برای انیمیشن لودینگ هستند */\r\n.loading {\r\ndisplay: flex;\r\ngap: 4px;\r\npadding: 4px;\r\n}\r\n.dot {\r\nwidth: 6px;\r\nheight: 6px;\r\nbackground-color: #9ca3af;\r\nborder-radius: 50%;\r\nanimation: bounce 1.4s infinite ease-in-out both;\r\n}\r\n.dot:nth-child(1) { animation-delay: -0.32s; }\r\n.dot:nth-child(2) { animation-delay: -0.16s; }\r\n@keyframes bounce {\r\n0%, 80%, 100% { transform: scale(0); }\r\n40% { transform: scale(1); }\r\n}",".messageRow {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n.messageRow.user {\r\n  justify-content: flex-end;\r\n}\r\n.messageRow.assistant {\r\n  justify-content: flex-start;\r\n}\r\n.bubble {\r\n  max-width: 80%;\r\n  padding: 8px 12px;\r\n  border-radius: 12px;\r\n  font-size: 0.95em;\r\n  word-wrap: break-word;\r\n}\r\n.bubble.user {\r\n  background-color: var(--ai-user-bg, #2563eb);\r\n  color: var(--ai-user-text, #ffffff);\r\n  border-bottom-right-radius: 2px;\r\n}\r\n.bubble.assistant {\r\n  background-color: var(--ai-bot-bg, #f3f4f6);\r\n  color: var(--ai-text, #1f2937);\r\n  border-bottom-left-radius: 2px;\r\n}","/* src/components/ChatInput/ChatInput.module.css */\r\n.inputArea {\r\n  padding: 12px;\r\n  border-top: 1px solid var(--ai-border, #e5e7eb);\r\n  display: flex;\r\n  gap: 8px;\r\n  background-color: var(--ai-bg, #ffffff);\r\n}\r\n.input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--ai-border, #e5e7eb);\r\n  border-radius: 8px;\r\n  outline: none;\r\n  font-family: inherit;\r\n}\r\n.input:focus {\r\n  border-color: var(--ai-primary, #2563eb);\r\n}\r\n.sendButton {\r\n  background-color: var(--ai-primary, #2563eb);\r\n  color: var(--ai-primary-fg, #ffffff);\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: opacity 0.2s;\r\n}\r\n.sendButton:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}"],"mappings":";AAKA,CAAC;AAIC,gBAAc;AAEd,mBAAiB;AAGjB,WAAS;AACT,eAAa;AACb,gBAAc,IAAI;AAGlB,aAAW;AACX,uBAAqB;AACrB,kBAAgB,IAAI;AAGpB,eAAa;AAKb,eAAa;AACb,aAAW;AACX,eAAa;AACb,cAAY;AACd;AAGA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,UAAQ;AACR,SAAO;AACP,aAAW;AACX,oBAAkB,IAAI;AACtB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,YAAU;AACV,cAAY,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC5E,YAAU;AACZ;;;AChDA,CAAC;AACD,QAAM;AACN,cAAY;AACZ,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,mBAAiB;AACjB;AAEA,CAAC;AACD,WAAS;AACT,OAAK;AACL,WAAS;AACT;AACA,CAAC;AACD,SAAO;AACP,UAAQ;AACR,oBAAkB;AAClB,iBAAe;AACf,aAAW,OAAO,KAAK,SAAS,YAAY;AAC5C;AACA,CAPC,GAOG;AAAgB,mBAAiB;AAAQ;AAC7C,CARC,GAQG;AAAgB,mBAAiB;AAAQ;AAC7C,WAJW;AAKX;AAAgB,eAAW,MAAM;AAAI;AACrC;AAAM,eAAW,MAAM;AAAI;AAC3B;;;AC3BA,CAAC;AACC,WAAS;AACT,SAAO;AACT;AACA,CAJC,UAIU,CAAC;AACV,mBAAiB;AACnB;AACA,CAPC,UAOU,CAAC;AACV,mBAAiB;AACnB;AACA,CAAC;AACC,aAAW;AACX,WAAS,IAAI;AACb,iBAAe;AACf,aAAW;AACX,aAAW;AACb;AACA,CAPC,MAOM,CAbK;AAcV,oBAAkB,IAAI,YAAY,EAAE;AACpC,SAAO,IAAI,cAAc,EAAE;AAC3B,8BAA4B;AAC9B;AACA,CAZC,MAYM,CAfK;AAgBV,oBAAkB,IAAI,WAAW,EAAE;AACnC,SAAO,IAAI,SAAS,EAAE;AACtB,6BAA2B;AAC7B;;;ACzBA,CAAC;AACC,WAAS;AACT,cAAY,IAAI,MAAM,IAAI,WAAW,EAAE;AACvC,WAAS;AACT,OAAK;AACL,oBAAkB,IAAI,OAAO,EAAE;AACjC;AACA,CAAC;AACC,QAAM;AACN,WAAS,IAAI;AACb,UAAQ,IAAI,MAAM,IAAI,WAAW,EAAE;AACnC,iBAAe;AACf,WAAS;AACT,eAAa;AACf;AACA,CARC,KAQK;AACJ,gBAAc,IAAI,YAAY,EAAE;AAClC;AACA,CAAC;AACC,oBAAkB,IAAI,YAAY,EAAE;AACpC,SAAO,IAAI,eAAe,EAAE;AAC5B,UAAQ;AACR,iBAAe;AACf,WAAS,IAAI;AACb,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY,QAAQ;AACtB;AACA,CAZC,UAYU;AACT,WAAS;AACT,UAAQ;AACV;","names":[]}

package/dist/react.d.mts

@@ -0,0 +1,11 @@
+import React from 'react';
+export { A as AiRobotConfig, M as Message, R as Role } from './index-Dr3adAXO.mjs';
+
+interface ChatWindowProps {
+    apiEndpoint: string;
+    title?: string;
+    welcomeMessage?: string;
+}
+declare const ChatWindow: React.FC<ChatWindowProps>;
+
+export { ChatWindow, type ChatWindowProps };

package/dist/react.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export { A as AiRobotConfig, M as Message, R as Role } from './index-Dr3adAXO.js';
+
+interface ChatWindowProps {
+    apiEndpoint: string;
+    title?: string;
+    welcomeMessage?: string;
+}
+declare const ChatWindow: React.FC<ChatWindowProps>;
+
+export { ChatWindow, type ChatWindowProps };

package/dist/react.js

@@ -0,0 +1,181 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react.ts
+var react_exports = {};
+__export(react_exports, {
+  ChatWindow: () => ChatWindow
+});
+module.exports = __toCommonJS(react_exports);
+
+// src/components/ChatWindow/ChatWindow.tsx
+var import_react3 = require("react");
+var import_clsx3 = __toESM(require("clsx"));
+
+// src/components/ChatWindow/ChatWindow.module.css
+var ChatWindow_default = {};
+
+// src/components/MessageList/MessageList.tsx
+var import_react = require("react");
+var import_clsx2 = __toESM(require("clsx"));
+
+// src/components/MessageList/MessageList.module.css
+var MessageList_default = {};
+
+// src/components/MessageBubble/MessageBubble.tsx
+var import_clsx = __toESM(require("clsx"));
+
+// src/components/MessageBubble/MessageBubble.module.css
+var MessageBubble_default = {};
+
+// src/components/MessageBubble/MessageBubble.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var MessageBubble = ({ message }) => {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(MessageBubble_default.messageRow, isUser ? MessageBubble_default.user : MessageBubble_default.assistant), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(MessageBubble_default.bubble, isUser ? MessageBubble_default.user : MessageBubble_default.assistant), children: message.content }) });
+};
+
+// src/components/MessageList/MessageList.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MessageList = ({ messages, isLoading }) => {
+  const messagesEndRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages, isLoading]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: MessageList_default.messageList, children: [
+    messages.map((msg, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MessageBubble, { message: msg }, index)),
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_clsx2.default)(MessageList_default.messageRow, MessageList_default.assistant), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx2.default)(MessageList_default.bubble, MessageList_default.assistant, MessageList_default.loading), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: MessageList_default.dot }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: MessageList_default.dot }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: MessageList_default.dot })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref: messagesEndRef })
+  ] });
+};
+
+// src/components/ChatInput/ChatInput.tsx
+var import_react2 = require("react");
+
+// src/components/ChatInput/ChatInput.module.css
+var ChatInput_default = {};
+
+// src/components/ChatInput/ChatInput.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ChatInput = ({ onSendMessage, isLoading }) => {
+  const [inputValue, setInputValue] = (0, import_react2.useState)("");
+  const handleSend = () => {
+    if (inputValue.trim()) {
+      onSendMessage(inputValue);
+      setInputValue("");
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: ChatInput_default.inputArea, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "input",
+      {
+        className: ChatInput_default.input,
+        value: inputValue,
+        onChange: (e) => setInputValue(e.target.value),
+        onKeyDown: handleKeyDown,
+        placeholder: "\u067E\u06CC\u0627\u0645 \u062E\u0648\u062F \u0631\u0627 \u0628\u0646\u0648\u06CC\u0633\u06CC\u062F...",
+        disabled: isLoading
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        className: ChatInput_default.sendButton,
+        onClick: handleSend,
+        disabled: isLoading || !inputValue.trim(),
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Send, { size: 18 })
+      }
+    )
+  ] });
+};
+
+// src/components/ChatWindow/ChatWindow.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ChatWindow = ({
+  apiEndpoint,
+  title = "AI Assistant",
+  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F"
+}) => {
+  const [messages, setMessages] = (0, import_react3.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    if (welcomeMessage && messages.length === 0) {
+      setMessages([{ role: "assistant", content: welcomeMessage }]);
+    }
+  }, [welcomeMessage]);
+  const handleSendMessage = async (userMessage) => {
+    const newUserMsg = { role: "user", content: userMessage };
+    const currentMessages = [...messages, newUserMsg];
+    setMessages(currentMessages);
+    setIsLoading(true);
+    try {
+      const response = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: currentMessages })
+      });
+      if (!response.ok) throw new Error("Network response was not ok");
+      const data = await response.json();
+      const botMsg = { role: "assistant", content: data.content };
+      setMessages((prev) => [...prev, botMsg]);
+    } catch (error) {
+      console.error("Chat Error:", error);
+      const errorMsg = { role: "assistant", content: "\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A." };
+      setMessages((prev) => [...prev, errorMsg]);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: (0, import_clsx3.default)(ChatWindow_default.container, ChatWindow_default.chatWindow), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { padding: "16px", borderBottom: "1px solid var(--ai-border)", display: "flex", alignItems: "center", gap: "8px", background: "#f9fafb" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Bot, { size: 20 }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontWeight: 600 }, children: title })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MessageList, { messages, isLoading }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChatInput, { onSendMessage: handleSendMessage, isLoading })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChatWindow
+});
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.ts","../src/components/ChatWindow/ChatWindow.tsx","../src/components/ChatWindow/ChatWindow.module.css","../src/components/MessageList/MessageList.tsx","../src/components/MessageList/MessageList.module.css","../src/components/MessageBubble/MessageBubble.tsx","../src/components/MessageBubble/MessageBubble.module.css","../src/components/ChatInput/ChatInput.tsx","../src/components/ChatInput/ChatInput.module.css"],"sourcesContent":["\"use client\";\r\n\r\n\r\n\r\n\r\nexport { ChatWindow, type ChatWindowProps } from \"./components/ChatWindow/ChatWindow\";\r\n\r\n\r\nexport * from \"./types\";","// src/components/ChatWindow/ChatWindow.tsx\r\nimport React, { useState, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport styles from './ChatWindow.module.css';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(styles.container, styles.chatWindow)}>\r\n      <div style={{ padding: '16px', borderBottom: '1px solid var(--ai-border)', display: 'flex', alignItems: 'center', gap: '8px', background: '#f9fafb' }}>\r\n        <Bot size={20} />\r\n        <span style={{ fontWeight: 600 }}>{title}</span>\r\n      </div>\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n    </div>\r\n  );\r\n};","/* \r\n  این فایل استایل‌های اصلی و کانتینر چت را تعریف می‌کند.\r\n  متغیرهای CSS به کاربر اجازه می‌دهند تا به راحتی ظاهر ربات را شخصی‌سازی کند.\r\n*/\r\n\r\n.container {\r\n  /* ======== متغیرهای قابل شخصی‌سازی ======== */\r\n  \r\n  /* رنگ اصلی (دکمه ارسال، حباب کاربر) */\r\n  --ai-primary: #2563eb;\r\n  /* رنگ متن روی المان‌های اصلی */\r\n  --ai-primary-fg: #ffffff;\r\n\r\n  /* رنگ‌های پس‌زمینه */\r\n  --ai-bg: #ffffff;\r\n  --ai-bot-bg: #f3f4f6;\r\n  --ai-user-bg: var(--ai-primary);\r\n\r\n  /* رنگ‌های متن */\r\n  --ai-text: #1f2937;\r\n  --ai-text-secondary: #6b7280;\r\n  --ai-user-text: var(--ai-primary-fg);\r\n\r\n  /* رنگ حاشیه و جداکننده‌ها */\r\n  --ai-border: #e5e7eb;\r\n\r\n  /* ======================================== */\r\n\r\n  /* ارث‌بری فونت از سایت میزبان برای هماهنگی بیشتر */\r\n  font-family: inherit; \r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* کانتینر اصلی پنجره چت */\r\n.chatWindow {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 500px; /* ارتفاع پیش‌فرض، کاربر می‌تواند تغییر دهد */\r\n  width: 100%;\r\n  max-width: 400px;\r\n  background-color: var(--ai-bg);\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 12px;\r\n  overflow: hidden; /* برای اینکه گوشه‌های گرد درست نمایش داده شوند */\r\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n}","// src/components/MessageList/MessageList.tsx\r\nimport React, { useRef, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport styles from './MessageList.module.css';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className={styles.messageList}>\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n      {isLoading && (\r\n        <div className={clsx(styles.messageRow, styles.assistant)}>\r\n          <div className={clsx(styles.bubble, styles.assistant, styles.loading)}>\r\n            <div className={styles.dot}></div>\r\n            <div className={styles.dot}></div>\r\n            <div className={styles.dot}></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};",".messageList {\r\nflex: 1;\r\noverflow-y: auto;\r\npadding: 16px;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 12px;\r\nscroll-behavior: smooth;\r\n}\r\n/* این استایل‌ها برای انیمیشن لودینگ هستند */\r\n.loading {\r\ndisplay: flex;\r\ngap: 4px;\r\npadding: 4px;\r\n}\r\n.dot {\r\nwidth: 6px;\r\nheight: 6px;\r\nbackground-color: #9ca3af;\r\nborder-radius: 50%;\r\nanimation: bounce 1.4s infinite ease-in-out both;\r\n}\r\n.dot:nth-child(1) { animation-delay: -0.32s; }\r\n.dot:nth-child(2) { animation-delay: -0.16s; }\r\n@keyframes bounce {\r\n0%, 80%, 100% { transform: scale(0); }\r\n40% { transform: scale(1); }\r\n}","// src/components/MessageBubble/MessageBubble.tsx\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport styles from './MessageBubble.module.css'; // 👈 مسیر جدید\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n  return (\r\n    <div className={clsx(styles.messageRow, isUser ? styles.user : styles.assistant)}>\r\n      <div className={clsx(styles.bubble, isUser ? styles.user : styles.assistant)}>\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};",".messageRow {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n.messageRow.user {\r\n  justify-content: flex-end;\r\n}\r\n.messageRow.assistant {\r\n  justify-content: flex-start;\r\n}\r\n.bubble {\r\n  max-width: 80%;\r\n  padding: 8px 12px;\r\n  border-radius: 12px;\r\n  font-size: 0.95em;\r\n  word-wrap: break-word;\r\n}\r\n.bubble.user {\r\n  background-color: var(--ai-user-bg, #2563eb);\r\n  color: var(--ai-user-text, #ffffff);\r\n  border-bottom-right-radius: 2px;\r\n}\r\n.bubble.assistant {\r\n  background-color: var(--ai-bot-bg, #f3f4f6);\r\n  color: var(--ai-text, #1f2937);\r\n  border-bottom-left-radius: 2px;\r\n}","// src/components/ChatInput/ChatInput.tsx\r\nimport React, { useState } from 'react';\r\nimport styles from './ChatInput.module.css';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={styles.inputArea}>\r\n      <input\r\n        className={styles.input}\r\n        value={inputValue}\r\n        onChange={(e) => setInputValue(e.target.value)}\r\n        onKeyDown={handleKeyDown}\r\n        placeholder=\"پیام خود را بنویسید...\"\r\n        disabled={isLoading}\r\n      />\r\n      <button\r\n        className={styles.sendButton}\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};","/* src/components/ChatInput/ChatInput.module.css */\r\n.inputArea {\r\n  padding: 12px;\r\n  border-top: 1px solid var(--ai-border, #e5e7eb);\r\n  display: flex;\r\n  gap: 8px;\r\n  background-color: var(--ai-bg, #ffffff);\r\n}\r\n.input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--ai-border, #e5e7eb);\r\n  border-radius: 8px;\r\n  outline: none;\r\n  font-family: inherit;\r\n}\r\n.input:focus {\r\n  border-color: var(--ai-primary, #2563eb);\r\n}\r\n.sendButton {\r\n  background-color: var(--ai-primary, #2563eb);\r\n  color: var(--ai-primary-fg, #ffffff);\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: opacity 0.2s;\r\n}\r\n.sendButton:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}"],"mappings":"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","names":["import_react","import_clsx","import_clsx","clsx","import_jsx_runtime","clsx","import_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","clsx"]}

package/dist/react.mjs

@@ -0,0 +1,145 @@
+"use client";
+
+// src/components/ChatWindow/ChatWindow.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import clsx3 from "clsx";
+
+// src/components/ChatWindow/ChatWindow.module.css
+var ChatWindow_default = {};
+
+// src/components/MessageList/MessageList.tsx
+import { useRef, useEffect } from "react";
+import clsx2 from "clsx";
+
+// src/components/MessageList/MessageList.module.css
+var MessageList_default = {};
+
+// src/components/MessageBubble/MessageBubble.tsx
+import clsx from "clsx";
+
+// src/components/MessageBubble/MessageBubble.module.css
+var MessageBubble_default = {};
+
+// src/components/MessageBubble/MessageBubble.tsx
+import { jsx } from "react/jsx-runtime";
+var MessageBubble = ({ message }) => {
+  const isUser = message.role === "user";
+  return /* @__PURE__ */ jsx("div", { className: clsx(MessageBubble_default.messageRow, isUser ? MessageBubble_default.user : MessageBubble_default.assistant), children: /* @__PURE__ */ jsx("div", { className: clsx(MessageBubble_default.bubble, isUser ? MessageBubble_default.user : MessageBubble_default.assistant), children: message.content }) });
+};
+
+// src/components/MessageList/MessageList.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var MessageList = ({ messages, isLoading }) => {
+  const messagesEndRef = useRef(null);
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages, isLoading]);
+  return /* @__PURE__ */ jsxs("div", { className: MessageList_default.messageList, children: [
+    messages.map((msg, index) => /* @__PURE__ */ jsx2(MessageBubble, { message: msg }, index)),
+    isLoading && /* @__PURE__ */ jsx2("div", { className: clsx2(MessageList_default.messageRow, MessageList_default.assistant), children: /* @__PURE__ */ jsxs("div", { className: clsx2(MessageList_default.bubble, MessageList_default.assistant, MessageList_default.loading), children: [
+      /* @__PURE__ */ jsx2("div", { className: MessageList_default.dot }),
+      /* @__PURE__ */ jsx2("div", { className: MessageList_default.dot }),
+      /* @__PURE__ */ jsx2("div", { className: MessageList_default.dot })
+    ] }) }),
+    /* @__PURE__ */ jsx2("div", { ref: messagesEndRef })
+  ] });
+};
+
+// src/components/ChatInput/ChatInput.tsx
+import { useState } from "react";
+
+// src/components/ChatInput/ChatInput.module.css
+var ChatInput_default = {};
+
+// src/components/ChatInput/ChatInput.tsx
+import { Send } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var ChatInput = ({ onSendMessage, isLoading }) => {
+  const [inputValue, setInputValue] = useState("");
+  const handleSend = () => {
+    if (inputValue.trim()) {
+      onSendMessage(inputValue);
+      setInputValue("");
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: ChatInput_default.inputArea, children: [
+    /* @__PURE__ */ jsx3(
+      "input",
+      {
+        className: ChatInput_default.input,
+        value: inputValue,
+        onChange: (e) => setInputValue(e.target.value),
+        onKeyDown: handleKeyDown,
+        placeholder: "\u067E\u06CC\u0627\u0645 \u062E\u0648\u062F \u0631\u0627 \u0628\u0646\u0648\u06CC\u0633\u06CC\u062F...",
+        disabled: isLoading
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      "button",
+      {
+        className: ChatInput_default.sendButton,
+        onClick: handleSend,
+        disabled: isLoading || !inputValue.trim(),
+        children: /* @__PURE__ */ jsx3(Send, { size: 18 })
+      }
+    )
+  ] });
+};
+
+// src/components/ChatWindow/ChatWindow.tsx
+import { Bot } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var ChatWindow = ({
+  apiEndpoint,
+  title = "AI Assistant",
+  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F"
+}) => {
+  const [messages, setMessages] = useState2([]);
+  const [isLoading, setIsLoading] = useState2(false);
+  useEffect2(() => {
+    if (welcomeMessage && messages.length === 0) {
+      setMessages([{ role: "assistant", content: welcomeMessage }]);
+    }
+  }, [welcomeMessage]);
+  const handleSendMessage = async (userMessage) => {
+    const newUserMsg = { role: "user", content: userMessage };
+    const currentMessages = [...messages, newUserMsg];
+    setMessages(currentMessages);
+    setIsLoading(true);
+    try {
+      const response = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ messages: currentMessages })
+      });
+      if (!response.ok) throw new Error("Network response was not ok");
+      const data = await response.json();
+      const botMsg = { role: "assistant", content: data.content };
+      setMessages((prev) => [...prev, botMsg]);
+    } catch (error) {
+      console.error("Chat Error:", error);
+      const errorMsg = { role: "assistant", content: "\u062E\u0637\u0627\u06CC\u06CC \u0631\u062E \u062F\u0627\u062F\u0647 \u0627\u0633\u062A." };
+      setMessages((prev) => [...prev, errorMsg]);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: clsx3(ChatWindow_default.container, ChatWindow_default.chatWindow), children: [
+    /* @__PURE__ */ jsxs3("div", { style: { padding: "16px", borderBottom: "1px solid var(--ai-border)", display: "flex", alignItems: "center", gap: "8px", background: "#f9fafb" }, children: [
+      /* @__PURE__ */ jsx4(Bot, { size: 20 }),
+      /* @__PURE__ */ jsx4("span", { style: { fontWeight: 600 }, children: title })
+    ] }),
+    /* @__PURE__ */ jsx4(MessageList, { messages, isLoading }),
+    /* @__PURE__ */ jsx4(ChatInput, { onSendMessage: handleSendMessage, isLoading })
+  ] });
+};
+export {
+  ChatWindow
+};
+//# sourceMappingURL=react.mjs.map

package/dist/react.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ChatWindow/ChatWindow.tsx","../src/components/ChatWindow/ChatWindow.module.css","../src/components/MessageList/MessageList.tsx","../src/components/MessageList/MessageList.module.css","../src/components/MessageBubble/MessageBubble.tsx","../src/components/MessageBubble/MessageBubble.module.css","../src/components/ChatInput/ChatInput.tsx","../src/components/ChatInput/ChatInput.module.css"],"sourcesContent":["// src/components/ChatWindow/ChatWindow.tsx\r\nimport React, { useState, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport styles from './ChatWindow.module.css';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(styles.container, styles.chatWindow)}>\r\n      <div style={{ padding: '16px', borderBottom: '1px solid var(--ai-border)', display: 'flex', alignItems: 'center', gap: '8px', background: '#f9fafb' }}>\r\n        <Bot size={20} />\r\n        <span style={{ fontWeight: 600 }}>{title}</span>\r\n      </div>\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n    </div>\r\n  );\r\n};","/* \r\n  این فایل استایل‌های اصلی و کانتینر چت را تعریف می‌کند.\r\n  متغیرهای CSS به کاربر اجازه می‌دهند تا به راحتی ظاهر ربات را شخصی‌سازی کند.\r\n*/\r\n\r\n.container {\r\n  /* ======== متغیرهای قابل شخصی‌سازی ======== */\r\n  \r\n  /* رنگ اصلی (دکمه ارسال، حباب کاربر) */\r\n  --ai-primary: #2563eb;\r\n  /* رنگ متن روی المان‌های اصلی */\r\n  --ai-primary-fg: #ffffff;\r\n\r\n  /* رنگ‌های پس‌زمینه */\r\n  --ai-bg: #ffffff;\r\n  --ai-bot-bg: #f3f4f6;\r\n  --ai-user-bg: var(--ai-primary);\r\n\r\n  /* رنگ‌های متن */\r\n  --ai-text: #1f2937;\r\n  --ai-text-secondary: #6b7280;\r\n  --ai-user-text: var(--ai-primary-fg);\r\n\r\n  /* رنگ حاشیه و جداکننده‌ها */\r\n  --ai-border: #e5e7eb;\r\n\r\n  /* ======================================== */\r\n\r\n  /* ارث‌بری فونت از سایت میزبان برای هماهنگی بیشتر */\r\n  font-family: inherit; \r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* کانتینر اصلی پنجره چت */\r\n.chatWindow {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 500px; /* ارتفاع پیش‌فرض، کاربر می‌تواند تغییر دهد */\r\n  width: 100%;\r\n  max-width: 400px;\r\n  background-color: var(--ai-bg);\r\n  border: 1px solid var(--ai-border);\r\n  border-radius: 12px;\r\n  overflow: hidden; /* برای اینکه گوشه‌های گرد درست نمایش داده شوند */\r\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\r\n  position: relative;\r\n}","// src/components/MessageList/MessageList.tsx\r\nimport React, { useRef, useEffect } from 'react';\r\nimport clsx from 'clsx';\r\nimport styles from './MessageList.module.css';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className={styles.messageList}>\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n      {isLoading && (\r\n        <div className={clsx(styles.messageRow, styles.assistant)}>\r\n          <div className={clsx(styles.bubble, styles.assistant, styles.loading)}>\r\n            <div className={styles.dot}></div>\r\n            <div className={styles.dot}></div>\r\n            <div className={styles.dot}></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};",".messageList {\r\nflex: 1;\r\noverflow-y: auto;\r\npadding: 16px;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 12px;\r\nscroll-behavior: smooth;\r\n}\r\n/* این استایل‌ها برای انیمیشن لودینگ هستند */\r\n.loading {\r\ndisplay: flex;\r\ngap: 4px;\r\npadding: 4px;\r\n}\r\n.dot {\r\nwidth: 6px;\r\nheight: 6px;\r\nbackground-color: #9ca3af;\r\nborder-radius: 50%;\r\nanimation: bounce 1.4s infinite ease-in-out both;\r\n}\r\n.dot:nth-child(1) { animation-delay: -0.32s; }\r\n.dot:nth-child(2) { animation-delay: -0.16s; }\r\n@keyframes bounce {\r\n0%, 80%, 100% { transform: scale(0); }\r\n40% { transform: scale(1); }\r\n}","// src/components/MessageBubble/MessageBubble.tsx\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport styles from './MessageBubble.module.css'; // 👈 مسیر جدید\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n  return (\r\n    <div className={clsx(styles.messageRow, isUser ? styles.user : styles.assistant)}>\r\n      <div className={clsx(styles.bubble, isUser ? styles.user : styles.assistant)}>\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};",".messageRow {\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n.messageRow.user {\r\n  justify-content: flex-end;\r\n}\r\n.messageRow.assistant {\r\n  justify-content: flex-start;\r\n}\r\n.bubble {\r\n  max-width: 80%;\r\n  padding: 8px 12px;\r\n  border-radius: 12px;\r\n  font-size: 0.95em;\r\n  word-wrap: break-word;\r\n}\r\n.bubble.user {\r\n  background-color: var(--ai-user-bg, #2563eb);\r\n  color: var(--ai-user-text, #ffffff);\r\n  border-bottom-right-radius: 2px;\r\n}\r\n.bubble.assistant {\r\n  background-color: var(--ai-bot-bg, #f3f4f6);\r\n  color: var(--ai-text, #1f2937);\r\n  border-bottom-left-radius: 2px;\r\n}","// src/components/ChatInput/ChatInput.tsx\r\nimport React, { useState } from 'react';\r\nimport styles from './ChatInput.module.css';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={styles.inputArea}>\r\n      <input\r\n        className={styles.input}\r\n        value={inputValue}\r\n        onChange={(e) => setInputValue(e.target.value)}\r\n        onKeyDown={handleKeyDown}\r\n        placeholder=\"پیام خود را بنویسید...\"\r\n        disabled={isLoading}\r\n      />\r\n      <button\r\n        className={styles.sendButton}\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};","/* src/components/ChatInput/ChatInput.module.css */\r\n.inputArea {\r\n  padding: 12px;\r\n  border-top: 1px solid var(--ai-border, #e5e7eb);\r\n  display: flex;\r\n  gap: 8px;\r\n  background-color: var(--ai-bg, #ffffff);\r\n}\r\n.input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid var(--ai-border, #e5e7eb);\r\n  border-radius: 8px;\r\n  outline: none;\r\n  font-family: inherit;\r\n}\r\n.input:focus {\r\n  border-color: var(--ai-primary, #2563eb);\r\n}\r\n.sendButton {\r\n  background-color: var(--ai-primary, #2563eb);\r\n  color: var(--ai-primary-fg, #ffffff);\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 8px 12px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: opacity 0.2s;\r\n}\r\n.sendButton:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}"],"mappings":"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","names":["useState","useEffect","clsx","clsx","jsx","clsx","jsx","jsxs","jsx","jsxs","useState","useEffect","clsx"]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "mehdi-akbari-ai-assistant-free",
+  "version": "0.0.1",
+  "description": "Professional AI Chatbot Library",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    },
+    "./dist/react.css": "./dist/react.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@langchain/core": "^0.1.0",
+    "@langchain/groq": "^0.0.14",
+    "clsx": "^2.1.0",
+    "lucide-react": "^0.300.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}