yemowith-chat-web-ui 0.1.0

package/README.md

@@ -0,0 +1,153 @@
+# chat-ui-web
+
+React bileşenleri ve provider’ları ile sohbet arayüzü. Chat Service backend’i (REST + WebSocket) ile çalışır.
+
+## Kurulum
+
+```bash
+npm install chat-ui-web
+```
+
+**Gereksinimler:** React 18+, Tailwind CSS (bileşen sınıfları Tailwind kullanır).
+
+## Tailwind
+
+Projenizde Tailwind kullanıyorsanız, paket sınıflarının derlenmesi için `content` listesine paketi ekleyin:
+
+```js
+// tailwind.config.js
+content: [
+  "./src/**/*.{js,ts,jsx,tsx}",
+  "./node_modules/chat-ui-web/dist/**/*.js",
+],
+```
+
+## API ve WebSocket URL’leri
+
+- **Next.js:** `NEXT_PUBLIC_CHAT_API_URL` ve `NEXT_PUBLIC_CHAT_WS_URL` ortam değişkenleri kullanılır (varsayılan: `http://localhost:3000`).
+- **Diğer projeler:** `ChatProvider`’a `apiBaseUrl` ve `wsUrl` prop’larını verin:
+
+```tsx
+<ChatProvider
+  token={token}
+  userId={userId}
+  profile={profile}
+  onLogout={logout}
+  apiBaseUrl="https://api.example.com"
+  wsUrl="https://api.example.com"
+>
+  {children}
+</ChatProvider>
+```
+
+## Kullanım
+
+Auth (token, kullanıcı bilgisi) kendi uygulamanızdan gelir; `ChatProvider` sadece token ve profile props alır.
+
+```tsx
+import {
+  ChatProvider,
+  useChat,
+  ChatSidebar,
+  ChatMessageList,
+  ChatInputForm,
+  ChatAreaHeader,
+  getConversations,
+  getMessages,
+  getBlockedUsers,
+  blockUser,
+  unblockUser,
+} from "chat-ui-web";
+
+// Root’ta (kendi auth’ınızdan token/profile alın)
+function App() {
+  const { token, userId, profile, logout } = useYourAuth();
+  return (
+    <ChatProvider
+      token={token}
+      userId={userId}
+      profile={profile}
+      onLogout={logout}
+    >
+      <ChatPage />
+    </ChatProvider>
+  );
+}
+
+// Sohbet sayfası
+function ChatPage() {
+  const { token, userId } = useChat();
+  const [conversations, setConversations] = useState([]);
+  const [messages, setMessages] = useState([]);
+  const [selectedId, setSelectedId] = useState(null);
+
+  useEffect(() => {
+    if (!token) return;
+    getConversations(token).then(setConversations);
+  }, [token]);
+
+  useEffect(() => {
+    if (!token || !selectedId) return;
+    getMessages(token, selectedId).then(setMessages);
+  }, [token, selectedId]);
+
+  return (
+    <div className="flex">
+      <ChatSidebar
+        conversations={conversations}
+        selectedId={selectedId}
+        onSelectConversation={setSelectedId}
+        currentUserId={userId}
+        blockedUserIds={new Set()}
+        onlineUserIds={{}}
+        loading={false}
+        getOtherUserId={(c) => c.userAId === userId ? c.userBId : c.userAId}
+        getDisplayName={(c) => c.otherParticipant?.firstName ?? "Kullanıcı"}
+        getAvatarUrl={(c) => c.otherParticipant?.avatarUrl ?? null}
+        newChatUserId=""
+        onNewChatUserIdChange={() => {}}
+      />
+      <main>
+        {selectedId && (
+          <>
+            <ChatAreaHeader otherUser={...} displayName="..." ... />
+            <ChatMessageList messages={messages} currentUserId={userId} />
+            <ChatInputForm value={input} onChange={...} onSubmit={...} />
+          </>
+        )}
+      </main>
+    </div>
+  );
+}
+```
+
+## Next.js Link
+
+`ChatPageHeader` içindeki “Panel” / “Sohbet” linkleri varsayılan olarak `<a>` kullanır. Next.js’te `next/link` kullanmak için `LinkComponent` verin:
+
+```tsx
+import Link from "next/link";
+import { ChatPageHeader } from "chat-ui-web";
+
+<ChatPageHeader
+  profile={profile}
+  currentUserId={currentUserId}
+  connected={connected}
+  onOpenBot={() => {}}
+  onLogout={logout}
+  LinkComponent={Link}
+/>
+```
+
+## Export’lar
+
+- **Provider:** `ChatProvider`, `useChat`, `ChatProviderProps`, `Profile`, `ChatMessage`
+- **Bileşenler:** `ChatAreaHeader`, `ChatPageHeader`, `ChatSidebar`, `ChatMessageList`, `ChatTypingStatus`, `ChatInputForm`, `ChatEmptyState`, `BotChatModal`, `MessageBubble`
+- **Tipler:** `Conversation`, `MessageRow`, `OtherParticipant`, `LastMessage`, `BOT_USER_ID`
+- **API:** `getConversations`, `getMessages`, `getBlockedUsers`, `blockUser`, `unblockUser`, `ChatApiError`
+- **Config:** `setChatConfig`, `getApiBaseUrl`, `getWsUrl`, `cn`
+- **UI:** `Button`, `Input`, `Card`, `Avatar`, `ScrollArea`, vb.
+
+## Lisans
+
+MIT

package/dist/components/bot-chat-modal.d.ts

@@ -0,0 +1,12 @@
+import type { MessageRow } from "./types";
+export declare function BotChatModal({ open, onClose, botUserId, messages, currentUserId, inputValue, onInputChange, onSubmit, }: {
+    open: boolean;
+    onClose: () => void;
+    botUserId: string;
+    messages: MessageRow[];
+    currentUserId: string | null;
+    inputValue: string;
+    onInputChange: (v: string) => void;
+    onSubmit: (e: React.FormEvent) => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=bot-chat-modal.d.ts.map

package/dist/components/bot-chat-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bot-chat-modal.d.ts","sourceRoot":"","sources":["../../src/components/bot-chat-modal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EACb,UAAU,EACV,aAAa,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CACxC,kDA+DA"}

package/dist/components/bot-chat-modal.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { Button } from "./ui/button";
+import { Input } from "./ui/input";
+import { ScrollArea } from "./ui/scroll-area";
+import { MessageBubble } from "./message-bubble";
+export function BotChatModal({ open, onClose, botUserId, messages, currentUserId, inputValue, onInputChange, onSubmit, }) {
+    const endRef = useRef(null);
+    useEffect(() => {
+        if (open && messages.length > 0) {
+            queueMicrotask(() => endRef.current?.scrollIntoView({ behavior: "smooth" }));
+        }
+    }, [open, messages.length]);
+    if (!open)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", onClick: onClose, role: "dialog", "aria-modal": "true", "aria-label": "Sohbet botu", children: _jsxs("div", { className: "flex max-h-[85vh] w-full max-w-md flex-col rounded-lg border bg-white shadow-lg dark:bg-zinc-900 dark:border-zinc-700", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b px-4 py-2 dark:border-zinc-700", children: [_jsxs("h2", { className: "font-semibold text-sm", children: ["Sohbet Botu (", botUserId, ")"] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-8 w-8", "aria-label": "Kapat", onClick: onClose, children: "\u00D7" })] }), _jsx(ScrollArea, { className: "min-h-[200px] flex-1 p-3", children: _jsxs("div", { className: "flex flex-col gap-2", children: [messages.map((m) => (_jsx(MessageBubble, { message: m, isOwn: m.senderId === currentUserId, showTicks: false }, m.id))), _jsx("div", { ref: endRef, "aria-hidden": true })] }) }), _jsxs("form", { onSubmit: onSubmit, className: "flex shrink-0 gap-2 border-t p-2 dark:border-zinc-700", children: [_jsx(Input, { placeholder: "Mesaj yaz\u0131n\u2026", value: inputValue, onChange: (e) => onInputChange(e.target.value), className: "flex-1" }), _jsx(Button, { type: "submit", disabled: !inputValue.trim(), children: "G\u00F6nder" })] })] }) }));
+}

package/dist/components/chat-area-header.d.ts

@@ -0,0 +1,11 @@
+import type { OtherParticipant } from "./types";
+export declare function ChatAreaHeader({ otherUser, displayName, avatarUrl, isOnline, isBlocked, onBlock, onUnblock, }: {
+    otherUser: OtherParticipant;
+    displayName: string;
+    avatarUrl: string | null;
+    isOnline?: boolean;
+    isBlocked?: boolean;
+    onBlock: () => void;
+    onUnblock?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-area-header.d.ts.map

package/dist/components/chat-area-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-area-header.d.ts","sourceRoot":"","sources":["../../src/components/chat-area-header.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAiB,EACjB,OAAO,EACP,SAAS,GACV,EAAE;IACD,SAAS,EAAE,gBAAgB,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CA+FA"}

package/dist/components/chat-area-header.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Button } from "./ui/button";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
+export function ChatAreaHeader({ otherUser, displayName, avatarUrl, isOnline, isBlocked = false, onBlock, onUnblock, }) {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const menuRef = useRef(null);
+    useEffect(() => {
+        if (!menuOpen)
+            return;
+        const close = (e) => {
+            if (menuRef.current && !menuRef.current.contains(e.target))
+                setMenuOpen(false);
+        };
+        document.addEventListener("click", close);
+        return () => document.removeEventListener("click", close);
+    }, [menuOpen]);
+    return (_jsxs("header", { className: "flex shrink-0 items-center justify-between border-b bg-white px-4 py-2 dark:bg-zinc-900", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "relative", children: [_jsxs(Avatar, { className: "h-9 w-9", children: [avatarUrl ? _jsx(AvatarImage, { src: avatarUrl, alt: "" }) : null, _jsx(AvatarFallback, { className: "text-sm", children: (otherUser.firstName?.slice(0, 2) ?? otherUser.userId.slice(0, 2)).toUpperCase() })] }), isOnline !== undefined && (_jsx("span", { className: `absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-white dark:border-zinc-900 ${isOnline ? "bg-green-500" : "bg-zinc-400"}`, "aria-hidden": true }))] }), _jsxs("div", { children: [_jsxs("p", { className: "font-medium text-sm flex items-center gap-2", children: [otherUser.firstName || otherUser.lastName
+                                        ? [otherUser.firstName, otherUser.lastName].filter(Boolean).join(" ")
+                                        : displayName, isBlocked && (_jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-normal text-muted-foreground", children: "Engellendi" }))] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [otherUser.userId, isOnline !== undefined && (_jsxs("span", { className: isOnline ? "text-green-600" : "text-muted-foreground", children: [" · ", isOnline ? "Çevrimiçi" : "Çevrimdışı"] }))] })] })] }), _jsxs("div", { className: "relative", ref: menuRef, children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-9 w-9", "aria-label": "Sohbet ayarlar\u0131", onClick: () => setMenuOpen((o) => !o), children: _jsx("span", { className: "text-lg", children: "\u22EE" }) }), menuOpen && (_jsx("div", { className: "absolute right-0 top-full z-10 mt-1 min-w-40 rounded-md border bg-white py-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-900", children: isBlocked ? (_jsx("button", { type: "button", className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm hover:bg-zinc-100 dark:hover:bg-zinc-800", onClick: () => {
+                                onUnblock?.();
+                                setMenuOpen(false);
+                            }, children: "Engellemeyi kald\u0131r" })) : (_jsx("button", { type: "button", className: "flex w-full items-center gap-2 px-3 py-2 text-left text-sm text-destructive hover:bg-destructive/10", onClick: () => {
+                                onBlock();
+                                setMenuOpen(false);
+                            }, children: "Engelle" })) }))] })] }));
+}

package/dist/components/chat-empty-state.d.ts

@@ -0,0 +1,13 @@
+export declare function ChatEmptyState({ newChatUserId, inputValue, onInputChange, onInputBlur, onSubmit, showTyping, typingDisplayName, showStatus, statusDisplayName, statusValue, }: {
+    newChatUserId: string;
+    inputValue: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInputBlur: () => void;
+    onSubmit: (e: React.FormEvent) => void;
+    showTyping: boolean;
+    typingDisplayName: string;
+    showStatus: boolean;
+    statusDisplayName: string;
+    statusValue: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-empty-state.d.ts.map

package/dist/components/chat-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-empty-state.d.ts","sourceRoot":"","sources":["../../src/components/chat-empty-state.tsx"],"names":[],"mappings":"AAWA,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,WAAW,GACZ,EAAE;IACD,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,2CAsCA"}

package/dist/components/chat-empty-state.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Input } from "./ui/input";
+import { Button } from "./ui/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card";
+const STATUS_LABEL = {
+    uploading_file: "Dosya gönderiyor…",
+    sending_message: "Mesaj gönderiyor…",
+};
+export function ChatEmptyState({ newChatUserId, inputValue, onInputChange, onInputBlur, onSubmit, showTyping, typingDisplayName, showStatus, statusDisplayName, statusValue, }) {
+    return (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 p-4 text-muted-foreground", children: [(showTyping || showStatus) && (_jsxs("div", { className: "w-full max-w-md rounded-lg bg-muted/50 px-4 py-2 text-sm", children: [showTyping && _jsxs("span", { children: [typingDisplayName, " yaz\u0131yor\u2026"] }), showStatus && statusValue && (_jsxs("span", { children: [statusDisplayName, " ", STATUS_LABEL[statusValue] ?? statusValue] }))] })), _jsx("p", { children: "Bir sohbet se\u00E7in veya yeni sohbet ba\u015Flat\u0131n." }), newChatUserId.trim() && (_jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "text-base", children: [newChatUserId, " ile yeni sohbet"] }), _jsx(CardDescription, { children: "Mesaj yaz\u0131p G\u00F6nder'e bas\u0131n." })] }), _jsx(CardContent, { children: _jsxs("form", { onSubmit: onSubmit, className: "flex gap-2", children: [_jsx(Input, { placeholder: "Mesaj\u2026", value: inputValue, onChange: onInputChange, onBlur: onInputBlur, className: "flex-1" }), _jsx(Button, { type: "submit", disabled: !inputValue.trim(), children: "G\u00F6nder" })] }) })] }))] }));
+}

package/dist/components/chat-input-form.d.ts

@@ -0,0 +1,12 @@
+export declare function ChatInputForm({ value, onChange, onBlur, onSubmit, onAttachClick, showAttach, disabled, placeholder, submitLabel, }: {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: () => void;
+    onSubmit: (e: React.FormEvent) => void;
+    onAttachClick?: () => void;
+    showAttach?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    submitLabel?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-input-form.d.ts.map

package/dist/components/chat-input-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-form.d.ts","sourceRoot":"","sources":["../../src/components/chat-input-form.tsx"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,EACV,QAAgB,EAChB,WAAsB,EACtB,WAAsB,GACvB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CA+BA"}

package/dist/components/chat-input-form.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./ui/button";
+import { Input } from "./ui/input";
+export function ChatInputForm({ value, onChange, onBlur, onSubmit, onAttachClick, showAttach, disabled = false, placeholder = "Mesaj…", submitLabel = "Gönder", }) {
+    return (_jsxs("form", { onSubmit: onSubmit, className: "flex shrink-0 gap-2 border-t bg-white p-2 dark:bg-zinc-900", children: [_jsx(Input, { placeholder: disabled ? "Engelli kullanıcıya mesaj gönderilemez" : placeholder, value: value, onChange: onChange, onBlur: onBlur, className: "flex-1", disabled: disabled }), showAttach && (_jsx(Button, { type: "button", variant: "outline", size: "sm", title: "Di\u011Fer kullan\u0131c\u0131ya 'Dosya g\u00F6nderiyor' statusu g\u00F6nder", onClick: onAttachClick, disabled: disabled, children: "\uD83D\uDCCE" })), _jsx(Button, { type: "submit", disabled: disabled || !value.trim(), children: submitLabel })] }));
+}

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

@@ -0,0 +1,12 @@
+import { type RefObject } from "react";
+import type { MessageRow } from "./types";
+export declare function ChatMessageList({ messages, currentUserId, showTicks, messagesEndRef, onLoadMoreOlder, hasMoreOlder, loadingOlder, }: {
+    messages: MessageRow[];
+    currentUserId: string | null;
+    showTicks?: boolean;
+    messagesEndRef?: RefObject<HTMLDivElement | null>;
+    onLoadMoreOlder?: () => void;
+    hasMoreOlder?: boolean;
+    loadingOlder?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-message-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-list.d.ts","sourceRoot":"","sources":["../../src/components/chat-message-list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,EACb,SAAgB,EAChB,cAAc,EACd,eAAe,EACf,YAAY,EACZ,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,2CA8DA"}

package/dist/components/chat-message-list.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { Button } from "./ui/button";
+import { ScrollArea } from "./ui/scroll-area";
+import { MessageBubble } from "./message-bubble";
+export function ChatMessageList({ messages, currentUserId, showTicks = true, messagesEndRef, onLoadMoreOlder, hasMoreOlder, loadingOlder, }) {
+    const contentRef = useRef(null);
+    const savedScrollRef = useRef(null);
+    const prevFirstIdRef = useRef(undefined);
+    const handleLoadMoreOlder = () => {
+        const viewport = contentRef.current?.parentElement;
+        if (viewport && onLoadMoreOlder) {
+            savedScrollRef.current = {
+                scrollHeight: viewport.scrollHeight,
+                scrollTop: viewport.scrollTop,
+            };
+            onLoadMoreOlder();
+        }
+        else if (onLoadMoreOlder) {
+            onLoadMoreOlder();
+        }
+    };
+    useEffect(() => {
+        const firstId = messages[0]?.id;
+        const prevFirstId = prevFirstIdRef.current;
+        prevFirstIdRef.current = firstId;
+        if (savedScrollRef.current && prevFirstId !== undefined && firstId !== prevFirstId) {
+            const viewport = contentRef.current?.parentElement;
+            if (viewport) {
+                const { scrollHeight: oldH, scrollTop: oldT } = savedScrollRef.current;
+                viewport.scrollTop = oldT + (viewport.scrollHeight - oldH);
+            }
+            savedScrollRef.current = null;
+        }
+    }, [messages]);
+    return (_jsx(ScrollArea, { className: "min-h-0 flex-1 p-4", children: _jsxs("div", { ref: contentRef, className: "flex flex-col gap-2", children: [hasMoreOlder && onLoadMoreOlder && (_jsx("div", { className: "flex justify-center py-2", children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "text-muted-foreground", disabled: loadingOlder, onClick: handleLoadMoreOlder, children: loadingOlder ? "Yükleniyor…" : "Daha eski mesajlar" }) })), messages.map((m) => (_jsx(MessageBubble, { message: m, isOwn: m.senderId === currentUserId, showTicks: showTicks }, m.id))), _jsx("div", { ref: messagesEndRef, "aria-hidden": true })] }) }));
+}

package/dist/components/chat-page-header.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+type Profile = {
+    firstName?: string;
+    lastName?: string;
+    avatarURL?: string;
+};
+type LinkComponentProps = {
+    href: string;
+    children: React.ReactNode;
+};
+export declare function ChatPageHeader({ profile, currentUserId, connected, onOpenBot, onLogout, 
+/** Next.js: pass Link from "next/link". Otherwise links render as <a>. */
+LinkComponent, }: {
+    profile: Profile | null;
+    currentUserId: string | null;
+    connected: boolean;
+    onOpenBot: () => void;
+    onLogout: () => void;
+    LinkComponent?: React.ComponentType<LinkComponentProps>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chat-page-header.d.ts.map

package/dist/components/chat-page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-page-header.d.ts","sourceRoot":"","sources":["../../src/components/chat-page-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,OAAO,GAAG;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAEtE,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,aAAa,EACb,SAAS,EACT,SAAS,EACT,QAAQ;AACR,0EAA0E;AAC1E,aAAa,GACd,EAAE;IACD,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACzD,2CA8CA"}

package/dist/components/chat-page-header.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "./ui/button";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
+export function ChatPageHeader({ profile, currentUserId, connected, onOpenBot, onLogout, 
+/** Next.js: pass Link from "next/link". Otherwise links render as <a>. */
+LinkComponent, }) {
+    const Link = LinkComponent ?? "a";
+    return (_jsxs("header", { className: "flex items-center justify-between border-b bg-white px-4 py-2 dark:bg-zinc-900", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "h-9 w-9", children: [profile?.avatarURL ? (_jsx(AvatarImage, { src: profile.avatarURL, alt: "" })) : null, _jsx(AvatarFallback, { className: "text-sm", children: profile?.firstName?.slice(0, 2).toUpperCase() ?? currentUserId?.slice(0, 2).toUpperCase() ?? "?" })] }), _jsxs("div", { children: [_jsxs("p", { className: "font-medium text-sm", children: [profile?.firstName, profile?.lastName ? ` ${profile.lastName}` : ""] }), _jsx("p", { className: "text-xs text-muted-foreground", children: currentUserId })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `text-xs ${connected ? "text-green-600" : "text-amber-600"}`, children: connected ? "Bağlı" : "Bağlantı yok" }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onOpenBot, title: "Sohbet botu", children: "Bot" }), _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsx(Link, { href: "/dashboard", children: "Panel" }) }), _jsx(Button, { variant: "outline", size: "sm", onClick: onLogout, children: "\u00C7\u0131k\u0131\u015F" })] })] }));
+}

package/dist/components/chat-sidebar.d.ts

@@ -0,0 +1,18 @@
+import type { Conversation } from "./types";
+export declare function ChatSidebar({ newChatUserId, onNewChatUserIdChange, conversations, selectedId, onSelectConversation, blockedUserIds, onlineUserIds, loading, getOtherUserId, getDisplayName, getAvatarUrl, currentUserId, typingConversationId, typingDisplayName, }: {
+    newChatUserId: string;
+    onNewChatUserIdChange: (v: string) => void;
+    conversations: Conversation[];
+    selectedId: string | null;
+    onSelectConversation: (id: string) => void;
+    blockedUserIds: Set<string>;
+    onlineUserIds: Record<string, boolean>;
+    loading: boolean;
+    getOtherUserId: (c: Conversation) => string;
+    getDisplayName: (c: Conversation) => string;
+    getAvatarUrl: (c: Conversation) => string | null;
+    currentUserId: string | null;
+    typingConversationId?: string | null;
+    typingDisplayName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-sidebar.d.ts.map

package/dist/components/chat-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-sidebar.d.ts","sourceRoot":"","sources":["../../src/components/chat-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,iBAAiB,GAClB,EAAE;IACD,aAAa,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IAC5C,cAAc,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;IAC5C,YAAY,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,MAAM,GAAG,IAAI,CAAC;IACjD,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,2CA8FA"}

package/dist/components/chat-sidebar.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "./ui/input";
+import { ScrollArea } from "./ui/scroll-area";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
+export function ChatSidebar({ newChatUserId, onNewChatUserIdChange, conversations, selectedId, onSelectConversation, blockedUserIds, onlineUserIds, loading, getOtherUserId, getDisplayName, getAvatarUrl, currentUserId, typingConversationId, typingDisplayName, }) {
+    const lastMessagePreview = (c) => {
+        const last = c.lastMessage;
+        if (!last?.content)
+            return null;
+        const isOwn = last.senderId === currentUserId;
+        const snippet = last.content.length > 40 ? `${last.content.slice(0, 40)}…` : last.content;
+        return isOwn ? `Sen: ${snippet}` : snippet;
+    };
+    return (_jsxs("aside", { className: "flex min-h-0 w-64 flex-col border-r bg-white dark:bg-zinc-900", children: [_jsx("div", { className: "shrink-0 border-b p-2", children: _jsx(Input, { placeholder: "Yeni sohbet: kullan\u0131c\u0131 ID", value: newChatUserId, onChange: (e) => onNewChatUserIdChange(e.target.value), className: "text-sm" }) }), _jsx(ScrollArea, { className: "min-h-0 flex-1", children: loading ? (_jsx("p", { className: "p-4 text-sm text-muted-foreground", children: "Y\u00FCkleniyor\u2026" })) : (_jsx("ul", { className: "p-2", children: conversations.map((c) => {
+                        const otherId = getOtherUserId(c);
+                        const online = onlineUserIds[otherId];
+                        const avatarUrl = getAvatarUrl(c);
+                        const isTyping = typingConversationId === c.id;
+                        const unread = (c.unreadCount ?? 0) > 0;
+                        const preview = lastMessagePreview(c);
+                        const isBlocked = blockedUserIds.has(otherId);
+                        return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onSelectConversation(c.id), className: `flex w-full items-start gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors ${selectedId === c.id
+                                    ? "bg-primary/10 text-primary"
+                                    : "hover:bg-zinc-100 dark:hover:bg-zinc-800"} ${unread ? "font-medium" : ""} ${isBlocked ? "opacity-80" : ""}`, children: [_jsxs("div", { className: "relative shrink-0", children: [_jsxs(Avatar, { className: "h-8 w-8", children: [avatarUrl ? (_jsx(AvatarImage, { src: avatarUrl, alt: "" })) : null, _jsx(AvatarFallback, { className: "text-xs", children: getDisplayName(c).slice(0, 2).toUpperCase() })] }), online !== undefined && !isBlocked && (_jsx("span", { className: `absolute bottom-0 right-0 h-2 w-2 rounded-full border-2 border-white dark:border-zinc-900 ${online ? "bg-green-500" : "bg-zinc-400"}`, "aria-hidden": true })), unread && (_jsx("span", { className: "absolute -right-1 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground", children: c.unreadCount > 99 ? "99+" : c.unreadCount }))] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsx("span", { className: "truncate", children: getDisplayName(c) }), isBlocked && (_jsx("span", { className: "shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "Engelli" }))] }), isTyping && typingDisplayName ? (_jsxs("p", { className: "mt-0.5 truncate text-xs italic text-muted-foreground", children: [typingDisplayName, " yaz\u0131yor\u2026"] })) : preview ? (_jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: preview })) : null] })] }) }, c.id));
+                    }) })) })] }));
+}

package/dist/components/chat-typing-status.d.ts

@@ -0,0 +1,8 @@
+export declare function ChatTypingStatus({ showTyping, typingDisplayName, showStatus, statusDisplayName, statusValue, }: {
+    showTyping: boolean;
+    typingDisplayName: string;
+    showStatus: boolean;
+    statusDisplayName: string;
+    statusValue: string | null;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=chat-typing-status.d.ts.map

package/dist/components/chat-typing-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-typing-status.d.ts","sourceRoot":"","sources":["../../src/components/chat-typing-status.tsx"],"names":[],"mappings":"AAOA,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,WAAW,GACZ,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,kDAaA"}

package/dist/components/chat-typing-status.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const STATUS_LABEL = {
+    uploading_file: "Dosya gönderiyor…",
+    sending_message: "Mesaj gönderiyor…",
+};
+export function ChatTypingStatus({ showTyping, typingDisplayName, showStatus, statusDisplayName, statusValue, }) {
+    if (!showTyping && !showStatus)
+        return null;
+    return (_jsxs("div", { className: "shrink-0 border-t bg-muted/50 px-4 py-1.5 text-sm text-muted-foreground", children: [showTyping && _jsxs("span", { children: [typingDisplayName, " yaz\u0131yor\u2026"] }), showStatus && statusValue && (_jsxs("span", { children: [statusDisplayName, " ", STATUS_LABEL[statusValue] ?? statusValue] }))] }));
+}

package/dist/components/message-bubble.d.ts

@@ -0,0 +1,7 @@
+import type { MessageRow } from "./types";
+export declare function MessageBubble({ message, isOwn, showTicks, }: {
+    message: MessageRow;
+    isOwn: boolean;
+    showTicks?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=message-bubble.d.ts.map

package/dist/components/message-bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../src/components/message-bubble.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CA0CA"}

package/dist/components/message-bubble.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MessageBubble({ message, isOwn, showTicks, }) {
+    return (_jsx("div", { className: `flex ${isOwn ? "justify-end" : "justify-start"}`, children: _jsxs("div", { className: `max-w-[85%] rounded-2xl px-3 py-2 ${isOwn
+                ? "bg-primary/90 text-primary-foreground"
+                : "bg-zinc-200/80 text-zinc-900 dark:bg-zinc-700/60 dark:text-zinc-100"}`, children: [_jsx("p", { className: "text-sm leading-snug", children: message.content }), _jsxs("div", { className: "mt-1 flex items-center justify-end gap-1.5", children: [_jsx("span", { className: "text-[11px] opacity-70", children: new Date(message.createdAt).toLocaleTimeString() }), showTicks && isOwn && (_jsx("span", { className: "inline-flex shrink-0 text-xs opacity-90", title: message.isRead
+                                ? "Okundu"
+                                : message.deliveredAt
+                                    ? "İletildi"
+                                    : "Gönderildi", "aria-hidden": true, children: message.isRead ? (_jsx("span", { className: "text-white", children: "\u2713\u2713" })) : message.deliveredAt ? (_jsx("span", { title: "\u0130letildi", children: "\u2713\u2713" })) : (_jsx("span", { title: "G\u00F6nderildi", children: "\u2713" })) }))] })] }) }));
+}

package/dist/components/types.d.ts

@@ -0,0 +1,33 @@
+export type OtherParticipant = {
+    userId: string;
+    firstName: string | null;
+    lastName: string | null;
+    avatarUrl: string | null;
+};
+export type LastMessage = {
+    content: string;
+    senderId: string;
+    createdAt: string;
+};
+export type Conversation = {
+    id: string;
+    userAId: string;
+    userBId: string;
+    lastMessageAt: string | null;
+    createdAt: string;
+    otherParticipant?: OtherParticipant;
+    lastMessage?: LastMessage | null;
+    unreadCount?: number;
+};
+export type MessageRow = {
+    id: string;
+    conversationId: string;
+    senderId: string;
+    content: string;
+    type: string;
+    createdAt: string;
+    isRead?: boolean;
+    deliveredAt?: string | null;
+};
+export declare const BOT_USER_ID: string;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAGF,eAAO,MAAM,WAAW,QAA6B,CAAC"}

package/dist/components/types.js

@@ -0,0 +1,2 @@
+const botUserIdEnv = typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_CHAT_BOT_USER_ID : undefined;
+export const BOT_USER_ID = botUserIdEnv ?? "chat-bot";

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAGrD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC,2CAYA;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/avatar.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { cn } from "../../lib/utils";
+function Avatar({ className, size = "default", ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6", className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs", className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback };

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+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;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAgCnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAWF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}