@banbox/chat 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banbox/chat",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Banbox Chat UI components — reusable across all Banbox React/Next.js projects",
   "type": "module",
   "license": "UNLICENSED",

package/src/index.ts

@@ -4,6 +4,10 @@
 // Everything else is internal implementation detail.
 // ─────────────────────────────────────────────────────────────────────────────
 
+// Auto-inject CSS — consumers get styles automatically on import (no manual CSS import needed)
+import "./styles/index.css";
+
+
 // ── Main entry point ──────────────────────────────────────────────────────────
 export { default as ChatRoot } from "./chat/ChatRoot";
 export type { ChatRootProps } from "./chat/ChatRoot";

package/src/types/css.d.ts

@@ -0,0 +1,5 @@
+// Allow importing CSS files as side-effect modules in TypeScript
+declare module "*.css" {
+  const content: string;
+  export default content;
+}

package/src/ui/chat/ChatHeader.tsx

@@ -10,9 +10,9 @@ type Props = {
 
 export default function ChatHeader({ left, right, below, className }: Props) {
   return (
-    <div>
-      <div className={`border-b border-[#e1e1e1] h-[64px] flex items-start justify-between px-4 pt-2.5${className ? ` ${className}` : ""}`}>
-        <div className="flex items-start gap-3">{left}</div>
+    <div className={`border-b border-[#ededed] h-[64px]${className ? ` ${className}` : ""}`}>
+      <div className="flex items-center justify-between px-4 h-full">
+        <div className="flex items-center gap-3">{left}</div>
         {right}
       </div>
       {below && <>{below}</>}