@factorialco/agent-chat 0.1.0

package/dist/style.css

@@ -0,0 +1 @@
+@keyframes breathingPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.008)}}@keyframes breathingOverlay{0%,to{opacity:.1;transform:translate(-100%)}50%{opacity:.3;transform:translate(100%)}}@keyframes breathingDot{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}.breathing-bg{animation:breathingPulse 4s ease-in-out infinite}.breathing-overlay{animation:breathingOverlay 6s ease-in-out infinite}.breathing-dot-1{animation:breathingDot 1.5s ease-in-out infinite}.breathing-dot-2{animation:breathingDot 1.5s ease-in-out infinite .3s}.breathing-dot-3{animation:breathingDot 1.5s ease-in-out infinite .6s}

package/dist/types/index.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+
+export interface Message {
+    id: string;
+    role: 'user' | 'assistant';
+    content: string;
+    timestamp: Date;
+    isTyping?: boolean;
+}
+export interface ChatInterfaceProps {
+    initialMessages?: Message[];
+    onSendMessage?: (message: string) => Promise<string> | string;
+    agentName?: string;
+    placeholder?: string;
+    className?: string;
+    onMessageSent?: (message: Message) => void;
+    onMessageReceived?: (message: Message) => void;
+    theme?: 'light' | 'dark' | 'auto';
+    conversationId?: string;
+}
+export interface BreathingLoaderProps {
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export interface TypewriterMessageProps {
+    message: string;
+    speed?: number;
+    onComplete?: () => void;
+    className?: string;
+}
+export interface ButtonProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    size?: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+    className?: string;
+    type?: 'button' | 'submit' | 'reset';
+}
+export interface MarkdownProps {
+    content: string;
+    className?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,WAAW,CAAA;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,OAAO,EAAE,CAAA;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'clsx';
+
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@factorialco/agent-chat",
+  "version": "0.1.0",
+  "private": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "dist",
+    "styles",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./styles/breathing-loader.css"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "tailwindcss": ">=3.0.0"
+  },
+  "dependencies": {
+    "@tabler/icons-react": "^2.47.0",
+    "react-markdown": "^9.0.1",
+    "react-syntax-highlighter": "^15.5.0",
+    "remark-gfm": "^4.0.0",
+    "clsx": "^2.0.0",
+    "tailwind-merge": "^2.0.0",
+    "class-variance-authority": "^0.7.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/react-syntax-highlighter": "^15.5.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "vite-plugin-dts": "^3.0.0",
+    "eslint": "^8.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint-plugin-react": "^7.0.0",
+    "eslint-plugin-react-hooks": "^4.0.0"
+  }
+}

package/styles/breathing-loader.css

@@ -0,0 +1,52 @@
+@keyframes breathingPulse {
+  0%, 100% { 
+    opacity: 0.6; 
+    transform: scale(1);
+  }
+  50% { 
+    opacity: 1; 
+    transform: scale(1.008);
+  }
+}
+
+@keyframes breathingOverlay {
+  0%, 100% { 
+    opacity: 0.1; 
+    transform: translateX(-100%);
+  }
+  50% { 
+    opacity: 0.3; 
+    transform: translateX(100%);
+  }
+}
+
+@keyframes breathingDot {
+  0%, 100% { 
+    opacity: 0.4; 
+    transform: scale(0.7);
+  }
+  50% { 
+    opacity: 1; 
+    transform: scale(1.3);
+  }
+}
+
+.breathing-bg {
+  animation: breathingPulse 4s ease-in-out infinite;
+}
+
+.breathing-overlay {
+  animation: breathingOverlay 6s ease-in-out infinite;
+}
+
+.breathing-dot-1 {
+  animation: breathingDot 1.5s ease-in-out infinite;
+}
+
+.breathing-dot-2 {
+  animation: breathingDot 1.5s ease-in-out infinite 0.3s;
+}
+
+.breathing-dot-3 {
+  animation: breathingDot 1.5s ease-in-out infinite 0.6s;
+}