parlant-chat-react 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,178 @@
+# parlant-chat-react
+
+<!-- ![Build Status](https://img.shields.io/github/actions/workflow/status/menachembrich/parlant-chat-react/ci.yml?branch=main)
+![License](https://img.shields.io/github/license/menachembrich/parlant-chat-react)
+![npm version](https://img.shields.io/npm/v/parlant-chat-react) -->
+
+A flexible and customizable React chat component for integrating Parlant agents seamlessly into your website.
+
+## Installation
+
+```bash
+npm install parlant-chat-react
+# or
+yarn add parlant-chat-react
+```
+
+## Quick Start
+
+Here's how to quickly add the chat component to your React application:
+
+```jsx
+import React from 'react';
+import ParlantChatbox from 'parlant-chat-react';
+
+function App() {
+  return (
+    <div>
+      <h1>My Application</h1>      
+      <ParlantChatbox 
+        agentId="AGENT_ID"
+        server="PARLANT_SERVER_URL" 
+      />
+    </div>
+  );
+}
+
+export default App;
+```
+
+## Usage Examples
+
+### Basic Embedded Chat
+
+Add a chat interface directly in your page layout:
+
+```jsx
+<ParlantChatbox 
+  agentId="AGENT_ID"
+  server="PARLANT_SERVER_URL" 
+/>
+```
+
+### Popup Chat
+
+Display the chat as a popup that can be toggled with a button:
+
+```jsx
+<ParlantChatbox 
+  float 
+  agentId="AGENT_ID"
+  server="PARLANT_SERVER_URL" 
+/>
+```
+
+### Customized Popup Button
+
+Use a custom button component:
+
+```jsx
+import { Send } from 'lucide-react';
+
+<ParlantChatbox 
+  float 
+  agentId="AGENT_ID"
+  server="PARLANT_SERVER_URL"
+  popupButton={<Send color="white" size={24} />} 
+/>
+```
+
+### Advanced Styling
+
+Apply custom class names to various parts of the chat:
+
+```jsx
+<ParlantChatbox 
+  agentId="AGENT_ID"
+  server="PARLANT_SERVER_URL"
+  classNames={{
+    chatboxWrapper: "my-chatbox-wrapper-class",
+    chatbox: "my-chatbox-class",
+    messagesArea: "my-messages-class",
+    agentMessage: "agent-bubble",
+    customerMessage: "customer-bubble",
+    textarea: "my-input-class",
+    popupButton: "my-button-class",
+    popupButtonIcon: "my-icon-class",
+    chatDescription: "my-description-class",
+    bottomLine: "my-footer-class"
+  }}
+/>
+```
+
+### Custom Component Replacement
+
+Replace default UI components with your own:
+
+```jsx
+<ParlantChatbox 
+  agentId="AGENT_ID"
+  server="PARLANT_SERVER_URL"
+  components={{
+    popupButton: ({ toggleChatOpen }) => (
+      <button onClick={toggleChatOpen}>Chat with us</button>
+    ),
+    agentMessage: ({ message }) => (
+      <div>
+        <p>{message.data.message}</p>
+        <span>Agent</span>
+      </div>
+    ),
+    customerMessage: ({ message }) => (
+      <div>
+        <p>{message.data.message}</p>
+        <span>You</span>
+      </div>
+    ),
+    header: ({ changeIsExpanded }) => (
+      <div>
+        <h2>Custom Header</h2>
+        <button onClick={changeIsExpanded}>Toggle Expanded</button>
+      </div>
+    )
+  }}
+/>
+```
+
+## Props
+
+| Prop                   | Type           | Required | Default | Description                                                                 |
+|------------------------|----------------|----------|---------|-----------------------------------------------------------------------------|
+| `server`               | string         | Yes      | -       | API endpoint for chat communication                                         |
+| `sessionId`            | string         | No       | -       | Unique identifier for an existing chat session                              |
+| `titleFn`              | function       | No       | -       | Function that returns a string to generate dynamic chat session titles       |
+| `agentId`              | string         | No       | -       | Unique identifier for creating a new chat session with a specific agent     |
+| `agentName`            | string         | No       | -       | Name of the chat agent                                                      |
+| `agentAvatar`          | JSX.Element    | No       | -       | Custom avatar for the agent                                                 |
+| `chatDescription`      | string         | No       | -       | Description text shown at the top of the chat                               |
+| `float`                | boolean        | No       | `false` | Whether to display as a popup chat                                          |
+| `popupButton`          | JSX.Element    | No       | -       | Custom button element for popup mode                                        |
+| `sendIcon`             | JSX.Element    | No       | -       | Custom send message icon                                                    |
+| `classNames`           | object         | No       | -       | Custom CSS class names for styling                                          |
+| `components`           | object         | No       | -       | Custom React components to replace defaults                                 |
+| `onPopupButtonClick`   | function       | No       | -       | Callback fired when the popup button is clicked (in popup mode)             |
+| `agentOpeningMessage`  | string         | No       | -       | Message shown as the first message from the agent when starting a session   |
+
+### ClassNames Object Properties
+
+| Property                | Description                        |
+|-------------------------|------------------------------------|
+| `chatboxWrapper`        | Wrapper around the main chatbox    |
+| `chatbox`               | Main chat container                |
+| `messagesArea`          | Messages list container            |
+| `agentMessage`          | Agent message bubble               |
+| `customerMessage`       | Customer message bubble            |
+| `textarea`              | Message input field                |
+| `popupButton`           | Popup toggle button                |
+| `popupButtonIcon`       | Icon in the popup button           |
+| `chatDescription`       | Chat description container         |
+| `bottomLine`            | Footer of the chat                 |
+
+### Components Object Properties
+
+| Property         | Description                      | Props Passed                  |
+|------------------|----------------------------------|-------------------------------|
+| `popupButton`    | Custom popup button component    | `{ toggleChatOpen }`          |
+| `agentMessage`   | Custom agent message component   | `{ message }`                 |
+| `customerMessage`| Custom customer message component| `{ message }`                 |
+| `header`         | Custom header component          | `{ changeIsExpanded }`        |

package/dist/App.d.ts

@@ -0,0 +1,46 @@
+import { JSX, ReactElement } from 'react';
+import { MessageInterface } from './components/chat/Chat';
+interface MessageComponentProps {
+    message: MessageInterface;
+    className?: string;
+}
+interface PopupButtonComponentProps {
+    toggleChatOpen: () => void;
+}
+export interface ChatProps {
+    server: string;
+    sessionId?: string;
+    agentName?: string;
+    agentAvatar?: JSX.Element;
+    chatDescription?: string;
+    float?: boolean;
+    onPopupButtonClick?: () => void;
+    agentOpeningMessage?: string;
+    titleFn?: () => string;
+    popupButton?: JSX.Element;
+    sendIcon?: JSX.Element;
+    agentId?: string;
+    classNames?: {
+        chatboxWrapper?: string;
+        chatbox?: string;
+        messagesArea?: string;
+        agentMessage?: string;
+        customerMessage?: string;
+        textarea?: string;
+        popupButton?: string;
+        popupButtonIcon?: string;
+        chatDescription?: string;
+        bottomLine?: string;
+    };
+    components?: {
+        popupButton?: (props: PopupButtonComponentProps) => ReactElement;
+        agentMessage?: (props: MessageComponentProps) => ReactElement;
+        customerMessage?: (props: MessageComponentProps) => ReactElement;
+        header?: ({ changeIsExpanded }: {
+            changeIsExpanded: () => void;
+        }) => ReactElement;
+    };
+}
+declare const Chatbot: ({ server, titleFn, agentId, sessionId, agentName, agentAvatar, onPopupButtonClick, agentOpeningMessage, chatDescription, float, popupButton, components, sendIcon, classNames }: ChatProps) => JSX.Element;
+export default Chatbot;
+//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,GAAG,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAiD7D,UAAU,qBAAqB;IAC9B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,yBAAyB;IAClC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QACZ,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,UAAU,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,YAAY,CAAC;QACjE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,YAAY,CAAC;QAC9D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,YAAY,CAAC;QACjE,MAAM,CAAC,EAAE,CAAC,EAAC,gBAAgB,EAAC,EAAE;YAAC,gBAAgB,EAAE,MAAM,IAAI,CAAA;SAAC,KAAK,YAAY,CAAC;KAC9E,CAAC;CACF;AAID,QAAA,MAAM,OAAO,oLAA2L,SAAS,KAAG,GAAG,CAAC,OA+FvN,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/chat/Chat.d.ts

@@ -0,0 +1,17 @@
+import { Event, EventCreationParams } from 'parlant-client/src/api';
+import { JSX } from 'react';
+import { ChatProps } from '../../App';
+export interface MessageInterface extends Event {
+    status: string | null;
+    error?: string;
+}
+export declare const createEmptyPendingMessage: () => Partial<Event & {
+    serverStatus: string;
+}>;
+export declare const getInitialMessages: (agentOpeningMessage?: string) => MessageInterface[];
+declare const Chat: ({ server, sessionId, agentId, agentName, agentAvatar, components, agentOpeningMessage, sendIcon, createSession, classNames, float, changeIsExpanded, chatDescription }: ChatProps & {
+    changeIsExpanded?: () => void;
+    createSession: (message: EventCreationParams) => void;
+}) => JSX.Element;
+export default Chat;
+//# sourceMappingURL=Chat.d.ts.map

package/dist/components/chat/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/Chat.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,KAAK,EAAE,mBAAmB,EAAU,MAAM,wBAAwB,CAAC;AAEvF,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AA2BrC,MAAM,WAAW,gBAAiB,SAAQ,KAAK;IAC9C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAOD,eAAO,MAAM,yBAAyB,QAAO,OAAO,CAAC,KAAK,GAAG;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,CAUjF,CAAC;AAEH,eAAO,MAAM,kBAAkB,yBAA0B,MAAM,KAAG,gBAAgB,EAiBjF,CAAA;AAED,QAAA,MAAM,IAAI,2KAA0K,SAAS,GAAG;IAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,aAAa,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;CAAC,KAAG,GAAG,CAAC,OA+K5R,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/chat/footer/ChatFooter.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+interface ChatFooterProps {
+    showInfo?: string;
+    className?: string;
+}
+declare const ChatFooter: ({ showInfo, className }: ChatFooterProps) => JSX.Element;
+export default ChatFooter;
+//# sourceMappingURL=ChatFooter.d.ts.map

package/dist/components/chat/footer/ChatFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/footer/ChatFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4CD,QAAA,MAAM,UAAU,4BAA6B,eAAe,KAAG,GAAG,CAAC,OA6BlE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/chat/header/ChatHeader.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+interface ChatHeaderProps {
+    agentName?: string;
+    agentAvatar?: JSX.Element;
+    changeIsExpanded: () => void;
+    isExpanded?: boolean;
+    className?: string;
+}
+declare const ChatHeader: ({ agentName, agentAvatar, changeIsExpanded, isExpanded, className }: ChatHeaderProps) => JSX.Element;
+export default ChatHeader;
+//# sourceMappingURL=ChatHeader.d.ts.map

package/dist/components/chat/header/ChatHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/header/ChatHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0DD,QAAA,MAAM,UAAU,wEAMb,eAAe,KAAG,GAAG,CAAC,OA+BxB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/chat/input/ChatInput.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+interface ChatInputProps {
+    onSendMessage: (message: string) => Promise<void>;
+    sendIcon?: JSX.Element;
+    className?: string;
+    float?: boolean;
+    focusTrigger?: boolean;
+}
+declare const ChatInput: ({ onSendMessage, sendIcon, className, float, focusTrigger, }: ChatInputProps) => JSX.Element;
+export default ChatInput;
+//# sourceMappingURL=ChatInput.d.ts.map

package/dist/components/chat/input/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/input/ChatInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjC,UAAU,cAAc;IACtB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA+ED,QAAA,MAAM,SAAS,iEAMZ,cAAc,KAAG,GAAG,CAAC,OAsEvB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/chat/message/Message.d.ts

@@ -0,0 +1,12 @@
+import { MessageInterface } from '../Chat';
+import { JSX } from 'react';
+interface MessageProps {
+    message: MessageInterface;
+    agentName?: string;
+    agentAvatar?: JSX.Element;
+    isSameSourceAsPrevious?: boolean;
+    className?: string;
+}
+declare const Message: ({ message, agentName, agentAvatar, className, isSameSourceAsPrevious }: MessageProps) => JSX.Element;
+export default Message;
+//# sourceMappingURL=Message.d.ts.map

package/dist/components/chat/message/Message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAsI/B,UAAU,YAAY;IACrB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,OAAO,2EAA0E,YAAY,KAAG,GAAG,CAAC,OAyCzG,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/chat/message-list/MessageList.d.ts

@@ -0,0 +1,24 @@
+import { JSX } from 'react';
+import { MessageInterface } from '../Chat';
+import { default as Message } from '../message/Message';
+interface MessageListProps {
+    messages: MessageInterface[];
+    showInfo?: string;
+    agentName?: string;
+    agentAvatar?: JSX.Element;
+    components?: {
+        customerMessage?: typeof Message;
+        agentMessage?: typeof Message;
+    };
+    classNames?: {
+        messagesArea?: string;
+        customerMessage?: string;
+        agentMessage?: string;
+        chatDescription?: string;
+    };
+    chatDescription?: string;
+    isExpanded?: boolean;
+}
+declare const MessageList: ({ messages, showInfo, agentName, agentAvatar, components, isExpanded, classNames, chatDescription, }: MessageListProps) => JSX.Element;
+export default MessageList;
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/components/chat/message-list/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/message-list/MessageList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,OAAO,MAAM,mCAAmC,CAAC;AAKxD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE;QACX,eAAe,CAAC,EAAE,OAAO,OAAO,CAAC;QACjC,YAAY,CAAC,EAAE,OAAO,OAAO,CAAC;KAC/B,CAAC;IACF,UAAU,CAAC,EAAE;QACX,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA4ED,QAAA,MAAM,WAAW,yGASd,gBAAgB,KAAG,GAAG,CAAC,OA6DzB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/ui/Button.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/ui/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;mFA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/Markdown.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+interface MarkdownProps {
+    children: string;
+    className?: string;
+}
+declare const Markdown: ({ children, className }: MarkdownProps) => JSX.Element;
+export default Markdown;
+//# sourceMappingURL=Markdown.d.ts.map

package/dist/components/ui/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAgBjC,UAAU,aAAa;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,4BAA6B,aAAa,KAAG,GAAG,CAAC,OAmC9D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/ui/Popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=Popover.d.ts.map

package/dist/components/ui/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAkC5D,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKA+BnB,CAAC;AAIF,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/Textarea.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/ui/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE9D,QAAA,MAAM,QAAQ,2FAWb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/icons/send.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.533203 0.333373L22.5332 10.3334L0.533202 20.3334L2.40554 12.3334L9.42682 10.3334L2.40554 8.33337L0.533203 0.333373Z" fill="#282828"/>
+</svg>