@armoyu/ui 1.0.0 → 1.0.1

package/dist/components/modules/chat/ChatList.js

@@ -1,52 +1,52 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useChat } from '../../../context/ChatContext';
-import { useSocket } from '../../../context/SocketContext';
-import { ChatNotes } from './ChatNotes';
-import { useState } from 'react';
-import { userList } from '../../../lib/constants/seedData';
-import { useAuth } from '../../../context/AuthContext';
-export function ChatList({ contacts, activeId, onSelect }) {
-    const { user } = useAuth();
-    const { closeChat } = useChat();
-    const { isConnected } = useSocket();
-    const [searchQuery, setSearchQuery] = useState('');
-    const [activeFilter, setActiveFilter] = useState('all');
-    const filteredActiveContacts = contacts
-        .filter(c => {
-        // 1. Search Query Filter
-        const matchesSearch = c.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
-            (c.lastMessage?.content || '').toLowerCase().includes(searchQuery.toLowerCase());
-        if (!matchesSearch)
-            return false;
-        // 2. Category Filter
-        if (activeFilter === 'unread')
-            return c.unreadCount > 0;
-        if (activeFilter === 'favorites')
-            return c.isFavorite;
-        if (activeFilter === 'groups')
-            return c.isGroup;
-        return true; // 'all'
-    })
-        .sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0));
-    // 3. New Contact Search (Only when searching)
-    const additionalContacts = searchQuery.length >= 2
-        ? userList.filter((u) => {
-            const matchesSearch = u.displayName.toLowerCase().includes(searchQuery.toLowerCase()) ||
-                u.username.toLowerCase().includes(searchQuery.toLowerCase());
-            const isNotSelf = u.username !== user?.username;
-            const notInContacts = !contacts.some(c => c.id === u.username);
-            return matchesSearch && isNotSelf && notInContacts;
-        }).slice(0, 10)
-        : [];
-    return (_jsxs("div", { className: "w-full h-full flex flex-col bg-armoyu-bg border-r border-gray-200 dark:border-white/5", children: [_jsxs("div", { className: "p-4 md:p-5 border-b border-gray-200 dark:border-white/5", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-xl font-bold text-armoyu-text tracking-tight flex items-center gap-2", children: "Sohbetler" }), _jsxs("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5", children: [_jsx("div", { className: `w-1.5 h-1.5 rounded-full ${isConnected ? 'bg-emerald-500 shadow-[0_0_5px_rgba(16,185,129,0.8)]' : 'bg-red-500'} animate-pulse` }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-tighter", children: isConnected ? 'Sockete Bağlı' : 'Bağlanıyor...' })] })] }), _jsx("button", { onClick: closeChat, className: "p-2 -mr-2 text-armoyu-text-muted hover:text-red-500 hover:bg-red-500/10 transition-colors rounded-full", title: "Sohbeti Kapat", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsxs("div", { className: "relative mt-4", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-500", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), _jsx("input", { type: "text", placeholder: "Ki\u015Fi ara...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full bg-white/5 dark:bg-black/20 border border-black/10 dark:border-white/10 rounded-xl pl-10 pr-4 py-2.5 text-sm text-slate-900 dark:text-white placeholder-gray-500 hover:border-black/20 dark:hover:border-white/20 focus:outline-none focus:border-blue-500 transition-all" })] })] }), _jsx(ChatNotes, {}), _jsx("div", { className: "px-4 pb-4 flex gap-2 overflow-x-auto no-scrollbar shrink-0", children: [
-                    { id: 'all', label: 'Tümü' },
-                    { id: 'unread', label: 'Okunmamış' },
-                    { id: 'favorites', label: 'Favoriler' },
-                    { id: 'groups', label: 'Gruplar' }
-                ].map((filter) => (_jsx("button", { onClick: () => setActiveFilter(filter.id), className: `px-4 py-2 rounded-xl text-xs font-black transition-all whitespace-nowrap border ${activeFilter === filter.id
-                        ? 'bg-blue-500 text-white border-blue-500 shadow-md shadow-blue-500/20 scale-105'
-                        : 'bg-black/5 dark:bg-white/5 text-armoyu-text-muted border-transparent hover:bg-black/10 dark:hover:bg-white/10'}`, children: filter.label }, filter.id))) }), _jsxs("div", { className: "flex-1 overflow-y-auto no-scrollbar p-3 space-y-1.5", children: [_jsxs("div", { className: "space-y-1.5", children: [searchQuery.length > 0 && filteredActiveContacts.length > 0 && (_jsx("div", { className: "px-3 py-1 text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] opacity-50", children: "Sohbet Ge\u00E7mi\u015Fi" })), filteredActiveContacts.map(c => (_jsxs("button", { onClick: () => onSelect(c.id), className: `w-full flex items-center gap-4 p-3 rounded-2xl transition-all cursor-pointer text-left ${activeId === c.id
-                                    ? 'bg-blue-500/10 dark:bg-blue-500/20 border border-blue-500/20 shadow-inner'
-                                    : 'hover:bg-black/5 dark:hover:bg-white/5 border border-transparent'}`, children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx("img", { src: c.avatar, alt: c.name, className: "w-12 h-12 rounded-full object-cover border border-white/10 shadow-sm" }), c.isOnline && (_jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 bg-green-500 rounded-full border-2 border-white dark:border-[#0a0a0e] shadow-sm" }))] }), _jsxs("div", { className: "flex-1 overflow-hidden", children: [_jsxs("div", { className: "flex justify-between items-center mb-1", children: [_jsx("span", { className: "font-black text-slate-900 dark:text-gray-200 text-sm truncate max-w-[130px]", children: c.name }), _jsx("span", { className: "text-xs text-gray-500 font-black", children: c.time })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: `text-xs truncate max-w-[120px] font-bold ${c.unreadCount > 0 ? 'text-slate-950 dark:text-white' : 'text-slate-500'}`, children: c.lastMessage?.content || 'Mesaj yok' }), c.unreadCount > 0 && (_jsx("span", { className: "bg-blue-500 text-white text-[10px] font-black px-1.5 py-0.5 rounded-md leading-none shadow-md animate-in zoom-in duration-300", children: c.unreadCount > 9 ? '9+' : c.unreadCount }))] })] })] }, c.id)))] }), additionalContacts.length > 0 && (_jsxs("div", { className: "space-y-1.5 mt-6 animate-in fade-in slide-in-from-top-2 duration-500", children: [_jsx("div", { className: "px-3 py-1 text-[10px] font-black text-blue-500 uppercase tracking-[0.2em]", children: "Yeni Sohbet Ba\u015Flat" }), additionalContacts.map((u) => (_jsxs("button", { onClick: () => onSelect(u.username), className: "w-full flex items-center gap-4 p-3 rounded-2xl hover:bg-white/5 border border-transparent transition-all group", children: [_jsx("div", { className: "relative shrink-0", children: _jsx("img", { src: u.avatar, alt: u.displayName, className: "w-12 h-12 rounded-full object-cover border border-white/10 shadow-sm opacity-60 group-hover:opacity-100 transition-opacity" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-black text-slate-900 dark:text-gray-200 text-sm truncate", children: u.displayName }), _jsxs("div", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-tighter", children: ["@", u.username] })] }), _jsx("div", { className: "w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center text-blue-500 scale-0 group-hover:scale-100 transition-all duration-300", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) })] }, u.username)))] })), searchQuery.length > 0 && filteredActiveContacts.length === 0 && additionalContacts.length === 0 && (_jsx("div", { className: "py-12 text-center", children: _jsx("div", { className: "text-armoyu-text-muted text-sm font-bold opacity-30", children: "Sonu\u00E7 bulunamad\u0131" }) }))] })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChat } from '../../../context/ChatContext';
+import { useSocket } from '../../../context/SocketContext';
+import { ChatNotes } from './ChatNotes';
+import { useState } from 'react';
+import { userList } from '../../../lib/constants/seedData';
+import { useAuth } from '../../../context/AuthContext';
+export function ChatList({ contacts, activeId, onSelect }) {
+    const { user } = useAuth();
+    const { closeChat } = useChat();
+    const { isConnected } = useSocket();
+    const [searchQuery, setSearchQuery] = useState('');
+    const [activeFilter, setActiveFilter] = useState('all');
+    const filteredActiveContacts = contacts
+        .filter(c => {
+        // 1. Search Query Filter
+        const matchesSearch = c.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+            (c.lastMessage?.content || '').toLowerCase().includes(searchQuery.toLowerCase());
+        if (!matchesSearch)
+            return false;
+        // 2. Category Filter
+        if (activeFilter === 'unread')
+            return c.unreadCount > 0;
+        if (activeFilter === 'favorites')
+            return c.isFavorite;
+        if (activeFilter === 'groups')
+            return c.isGroup;
+        return true; // 'all'
+    })
+        .sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0));
+    // 3. New Contact Search (Only when searching)
+    const additionalContacts = searchQuery.length >= 2
+        ? userList.filter((u) => {
+            const matchesSearch = u.displayName.toLowerCase().includes(searchQuery.toLowerCase()) ||
+                u.username.toLowerCase().includes(searchQuery.toLowerCase());
+            const isNotSelf = u.username !== user?.username;
+            const notInContacts = !contacts.some(c => c.id === u.username);
+            return matchesSearch && isNotSelf && notInContacts;
+        }).slice(0, 10)
+        : [];
+    return (_jsxs("div", { className: "w-full h-full flex flex-col bg-armoyu-bg border-r border-gray-200 dark:border-white/5", children: [_jsxs("div", { className: "p-4 md:p-5 border-b border-gray-200 dark:border-white/5", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: "text-xl font-bold text-armoyu-text tracking-tight flex items-center gap-2", children: "Sohbetler" }), _jsxs("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5", children: [_jsx("div", { className: `w-1.5 h-1.5 rounded-full ${isConnected ? 'bg-emerald-500 shadow-[0_0_5px_rgba(16,185,129,0.8)]' : 'bg-red-500'} animate-pulse` }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-tighter", children: isConnected ? 'Sockete Bağlı' : 'Bağlanıyor...' })] })] }), _jsx("button", { onClick: closeChat, className: "p-2 -mr-2 text-armoyu-text-muted hover:text-red-500 hover:bg-red-500/10 transition-colors rounded-full", title: "Sohbeti Kapat", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsxs("div", { className: "relative mt-4", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-500", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), _jsx("input", { type: "text", placeholder: "Ki\u015Fi ara...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full bg-white/5 dark:bg-black/20 border border-black/10 dark:border-white/10 rounded-xl pl-10 pr-4 py-2.5 text-sm text-slate-900 dark:text-white placeholder-gray-500 hover:border-black/20 dark:hover:border-white/20 focus:outline-none focus:border-blue-500 transition-all" })] })] }), _jsx(ChatNotes, {}), _jsx("div", { className: "px-4 pb-4 flex gap-2 overflow-x-auto no-scrollbar shrink-0", children: [
+                    { id: 'all', label: 'Tümü' },
+                    { id: 'unread', label: 'Okunmamış' },
+                    { id: 'favorites', label: 'Favoriler' },
+                    { id: 'groups', label: 'Gruplar' }
+                ].map((filter) => (_jsx("button", { onClick: () => setActiveFilter(filter.id), className: `px-4 py-2 rounded-xl text-xs font-black transition-all whitespace-nowrap border ${activeFilter === filter.id
+                        ? 'bg-blue-500 text-white border-blue-500 shadow-md shadow-blue-500/20 scale-105'
+                        : 'bg-black/5 dark:bg-white/5 text-armoyu-text-muted border-transparent hover:bg-black/10 dark:hover:bg-white/10'}`, children: filter.label }, filter.id))) }), _jsxs("div", { className: "flex-1 overflow-y-auto no-scrollbar p-3 space-y-1.5", children: [_jsxs("div", { className: "space-y-1.5", children: [searchQuery.length > 0 && filteredActiveContacts.length > 0 && (_jsx("div", { className: "px-3 py-1 text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] opacity-50", children: "Sohbet Ge\u00E7mi\u015Fi" })), filteredActiveContacts.map(c => (_jsxs("button", { onClick: () => onSelect(c.id), className: `w-full flex items-center gap-4 p-3 rounded-2xl transition-all cursor-pointer text-left ${activeId === c.id
+                                    ? 'bg-blue-500/10 dark:bg-blue-500/20 border border-blue-500/20 shadow-inner'
+                                    : 'hover:bg-black/5 dark:hover:bg-white/5 border border-transparent'}`, children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx("img", { src: c.avatar, alt: c.name, className: "w-12 h-12 rounded-full object-cover border border-white/10 shadow-sm" }), c.isOnline && (_jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 bg-green-500 rounded-full border-2 border-white dark:border-[#0a0a0e] shadow-sm" }))] }), _jsxs("div", { className: "flex-1 overflow-hidden", children: [_jsxs("div", { className: "flex justify-between items-center mb-1", children: [_jsx("span", { className: "font-black text-slate-900 dark:text-gray-200 text-sm truncate max-w-[130px]", children: c.name }), _jsx("span", { className: "text-xs text-gray-500 font-black", children: c.time })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: `text-xs truncate max-w-[120px] font-bold ${c.unreadCount > 0 ? 'text-slate-950 dark:text-white' : 'text-slate-500'}`, children: c.lastMessage?.content || 'Mesaj yok' }), c.unreadCount > 0 && (_jsx("span", { className: "bg-blue-500 text-white text-[10px] font-black px-1.5 py-0.5 rounded-md leading-none shadow-md animate-in zoom-in duration-300", children: c.unreadCount > 9 ? '9+' : c.unreadCount }))] })] })] }, c.id)))] }), additionalContacts.length > 0 && (_jsxs("div", { className: "space-y-1.5 mt-6 animate-in fade-in slide-in-from-top-2 duration-500", children: [_jsx("div", { className: "px-3 py-1 text-[10px] font-black text-blue-500 uppercase tracking-[0.2em]", children: "Yeni Sohbet Ba\u015Flat" }), additionalContacts.map((u) => (_jsxs("button", { onClick: () => onSelect(u.username), className: "w-full flex items-center gap-4 p-3 rounded-2xl hover:bg-white/5 border border-transparent transition-all group", children: [_jsx("div", { className: "relative shrink-0", children: _jsx("img", { src: u.avatar, alt: u.displayName, className: "w-12 h-12 rounded-full object-cover border border-white/10 shadow-sm opacity-60 group-hover:opacity-100 transition-opacity" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-black text-slate-900 dark:text-gray-200 text-sm truncate", children: u.displayName }), _jsxs("div", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-tighter", children: ["@", u.username] })] }), _jsx("div", { className: "w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center text-blue-500 scale-0 group-hover:scale-100 transition-all duration-300", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }) })] }, u.username)))] })), searchQuery.length > 0 && filteredActiveContacts.length === 0 && additionalContacts.length === 0 && (_jsx("div", { className: "py-12 text-center", children: _jsx("div", { className: "text-armoyu-text-muted text-sm font-bold opacity-30", children: "Sonu\u00E7 bulunamad\u0131" }) }))] })] }));
+}
 //# sourceMappingURL=ChatList.js.map

package/dist/components/modules/chat/ChatMessage.d.ts

@@ -1,12 +1,12 @@
-export interface ChatMessageProps {
-    id: string;
-    sender: {
-        name: string;
-        avatar: string;
-        isSelf: boolean;
-    };
-    content: string;
-    timestamp: string;
-}
-export declare function ChatMessage({ sender, content, timestamp }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
+export interface ChatMessageProps {
+    id: string;
+    sender: {
+        name: string;
+        avatar: string;
+        isSelf: boolean;
+    };
+    content: string;
+    timestamp: string;
+}
+export declare function ChatMessage({ sender, content, timestamp }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatMessage.d.ts.map

package/dist/components/modules/chat/ChatMessage.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ChatMessage({ sender, content, timestamp }) {
-    return (_jsx("div", { className: `flex w-full ${sender.isSelf ? 'justify-end' : 'justify-start'} mb-4`, children: _jsxs("div", { className: `flex gap-3 items-end max-w-[85%] md:max-w-[70%] ${sender.isSelf ? 'flex-row-reverse' : 'flex-row'}`, children: [_jsx("img", { src: sender.avatar, alt: sender.name, className: "w-8 h-8 rounded-full border border-white/10 shadow-sm shrink-0" }), _jsxs("div", { className: `flex flex-col ${sender.isSelf ? 'items-end' : 'items-start'} gap-1.5`, children: [_jsxs("span", { className: "text-xs text-gray-500 font-bold tracking-wide dark:text-gray-400", children: [sender.name, " ", _jsx("span", { className: "opacity-50 mx-1", children: "\u2022" }), " ", timestamp] }), _jsx("div", { className: `p-3.5 rounded-2xl text-sm shadow-lg leading-relaxed font-medium ${sender.isSelf
-                                ? 'bg-gradient-to-br from-blue-600 to-blue-500 text-white rounded-br-sm shadow-[0_4px_15px_rgba(37,99,235,0.3)]'
-                                : 'bg-black/5 dark:bg-[#1a1a24] text-armoyu-text rounded-bl-sm border border-black/5 dark:border-white/5'}`, children: content })] })] }) }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ChatMessage({ sender, content, timestamp }) {
+    return (_jsx("div", { className: `flex w-full ${sender.isSelf ? 'justify-end' : 'justify-start'} mb-4`, children: _jsxs("div", { className: `flex gap-3 items-end max-w-[85%] md:max-w-[70%] ${sender.isSelf ? 'flex-row-reverse' : 'flex-row'}`, children: [_jsx("img", { src: sender.avatar, alt: sender.name, className: "w-8 h-8 rounded-full border border-white/10 shadow-sm shrink-0" }), _jsxs("div", { className: `flex flex-col ${sender.isSelf ? 'items-end' : 'items-start'} gap-1.5`, children: [_jsxs("span", { className: "text-xs text-gray-500 font-bold tracking-wide dark:text-gray-400", children: [sender.name, " ", _jsx("span", { className: "opacity-50 mx-1", children: "\u2022" }), " ", timestamp] }), _jsx("div", { className: `p-3.5 rounded-2xl text-sm shadow-lg leading-relaxed font-medium ${sender.isSelf
+                                ? 'bg-gradient-to-br from-blue-600 to-blue-500 text-white rounded-br-sm shadow-[0_4px_15px_rgba(37,99,235,0.3)]'
+                                : 'bg-black/5 dark:bg-[#1a1a24] text-armoyu-text rounded-bl-sm border border-black/5 dark:border-white/5'}`, children: content })] })] }) }));
+}
 //# sourceMappingURL=ChatMessage.js.map

package/dist/components/modules/chat/ChatNotes.d.ts

@@ -1,2 +1,2 @@
-export declare function ChatNotes(): import("react/jsx-runtime").JSX.Element;
+export declare function ChatNotes(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatNotes.d.ts.map

package/dist/components/modules/chat/ChatNotes.js

@@ -1,12 +1,12 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MOCK_NOTES } from '../../../lib/constants/seedData';
-export function ChatNotes() {
-    return (_jsx("div", { className: "w-full px-4 py-6 border-b border-black/5 dark:border-white/5", children: _jsx("div", { className: "flex gap-4 overflow-x-auto no-scrollbar pb-1 px-1", children: MOCK_NOTES.map((note) => (_jsx(NoteItem, { note: note }, note.id))) }) }));
-}
-function NoteItem({ note }) {
-    return (_jsxs("div", { className: "flex flex-col items-center shrink-0 cursor-pointer group relative", children: [_jsxs("div", { className: "relative mb-3 flex flex-col items-center", children: [_jsxs("div", { className: `relative px-3 py-1.5 rounded-2xl text-[10px] font-bold max-w-[85px] transition-all group-hover:-translate-y-1 shadow-sm border border-black/5 dark:border-white/10 ${note.isMe
-                            ? 'bg-white dark:bg-white/10 text-armoyu-text-muted italic'
-                            : 'bg-white dark:bg-white/20 text-armoyu-text animate-in zoom-in duration-500'}`, children: [_jsx("p", { className: "truncate line-clamp-2 text-center leading-tight", children: note.note }), _jsx("div", { className: "absolute -bottom-1 left-1/2 -translate-x-1/2 w-2 h-2 rotate-45 border-r border-b border-black/5 dark:border-white/10 bg-inherit" })] }), _jsxs("div", { className: "mt-1 relative", children: [_jsx("img", { src: note.user?.avatar, alt: note.user?.username, className: "w-11 h-11 md:w-12 md:h-12 rounded-full border-2 border-white dark:border-white/10 shadow-sm" }), note.isMe && (_jsx("div", { className: "absolute -top-1 -right-1 w-4 h-4 bg-gray-200 dark:bg-zinc-800 rounded-full border-2 border-white dark:border-zinc-900 flex items-center justify-center text-[10px] font-bold text-gray-600 dark:text-gray-400", children: "+" }))] })] }), _jsx("span", { className: `text-[10px] text-armoyu-text-muted font-medium truncate w-14 text-center ${note.isMe ? 'italic' : ''}`, children: note.isMe ? 'Hikayen' : note.user?.displayName || note.user?.username })] }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MOCK_NOTES } from '../../../lib/constants/seedData';
+export function ChatNotes() {
+    return (_jsx("div", { className: "w-full px-4 py-6 border-b border-black/5 dark:border-white/5", children: _jsx("div", { className: "flex gap-4 overflow-x-auto no-scrollbar pb-1 px-1", children: MOCK_NOTES.map((note) => (_jsx(NoteItem, { note: note }, note.id))) }) }));
+}
+function NoteItem({ note }) {
+    return (_jsxs("div", { className: "flex flex-col items-center shrink-0 cursor-pointer group relative", children: [_jsxs("div", { className: "relative mb-3 flex flex-col items-center", children: [_jsxs("div", { className: `relative px-3 py-1.5 rounded-2xl text-[10px] font-bold max-w-[85px] transition-all group-hover:-translate-y-1 shadow-sm border border-black/5 dark:border-white/10 ${note.isMe
+                            ? 'bg-white dark:bg-white/10 text-armoyu-text-muted italic'
+                            : 'bg-white dark:bg-white/20 text-armoyu-text animate-in zoom-in duration-500'}`, children: [_jsx("p", { className: "truncate line-clamp-2 text-center leading-tight", children: note.note }), _jsx("div", { className: "absolute -bottom-1 left-1/2 -translate-x-1/2 w-2 h-2 rotate-45 border-r border-b border-black/5 dark:border-white/10 bg-inherit" })] }), _jsxs("div", { className: "mt-1 relative", children: [_jsx("img", { src: note.user?.avatar, alt: note.user?.username, className: "w-11 h-11 md:w-12 md:h-12 rounded-full border-2 border-white dark:border-white/10 shadow-sm" }), note.isMe && (_jsx("div", { className: "absolute -top-1 -right-1 w-4 h-4 bg-gray-200 dark:bg-zinc-800 rounded-full border-2 border-white dark:border-zinc-900 flex items-center justify-center text-[10px] font-bold text-gray-600 dark:text-gray-400", children: "+" }))] })] }), _jsx("span", { className: `text-[10px] text-armoyu-text-muted font-medium truncate w-14 text-center ${note.isMe ? 'italic' : ''}`, children: note.isMe ? 'Hikayen' : note.user?.displayName || note.user?.username })] }));
+}
 //# sourceMappingURL=ChatNotes.js.map

package/dist/components/modules/community/GroupHeader.d.ts

@@ -1,11 +1,11 @@
-import { Group } from '@armoyu/core';
-interface GroupHeaderProps {
-    group: Group;
-    isMember: boolean;
-    onJoin?: () => void;
-    onLeave?: () => void;
-    onReport?: () => void;
-}
-export declare function GroupHeader({ group, isMember, onJoin, onLeave, onReport }: GroupHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { Group } from '@armoyu/core';
+interface GroupHeaderProps {
+    group: Group;
+    isMember: boolean;
+    onJoin?: () => void;
+    onLeave?: () => void;
+    onReport?: () => void;
+}
+export declare function GroupHeader({ group, isMember, onJoin, onLeave, onReport }: GroupHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=GroupHeader.d.ts.map

package/dist/components/modules/community/GroupHeader.js

@@ -1,18 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-export function GroupHeader({ group, isMember, onJoin, onLeave, onReport }) {
-    const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const menuRef = useRef(null);
-    // Close menu on click outside
-    useEffect(() => {
-        function handleClickOutside(event) {
-            if (menuRef.current && !menuRef.current.contains(event.target)) {
-                setIsMenuOpen(false);
-            }
-        }
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, []);
-    return (_jsxs("div", { className: "relative h-64 md:h-80 lg:h-96 rounded-[60px] overflow-hidden mb-12 shadow-2xl animate-in fade-in slide-in-from-top-4 duration-700", children: [_jsx("img", { src: group.banner, className: "w-full h-full object-cover", alt: group.name }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent" }), _jsxs("div", { className: "absolute bottom-10 left-10 right-10 flex flex-col md:flex-row items-end justify-between gap-6", children: [_jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("div", { className: "relative", children: [_jsx("img", { src: group.logo, className: "w-24 h-24 md:w-32 md:h-32 rounded-[32px] border-4 border-armoyu-bg bg-white dark:bg-zinc-900 shadow-2xl object-cover", alt: "Logo" }), _jsx("div", { className: "absolute -bottom-2 -right-2 bg-blue-500 text-white p-2 rounded-xl border-4 border-armoyu-bg", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) })] }), _jsxs("div", { className: "mb-2 text-left", children: [_jsxs("div", { className: "flex items-center gap-3 mb-1", children: [_jsx("h1", { className: "text-3xl md:text-5xl font-black text-white uppercase tracking-tighter italic drop-shadow-lg", children: group.name }), _jsx("span", { className: "px-3 py-1 bg-blue-600 text-white text-[10px] font-black uppercase tracking-widest rounded-lg shadow-lg", children: group.category })] }), _jsxs("p", { className: "text-white/70 font-bold text-lg uppercase tracking-tight", children: ["@", group.shortName, " \u2022 ", group.recruitment] })] })] }), _jsxs("div", { className: "flex gap-4 mb-2 relative", ref: menuRef, children: [!isMember && (_jsx("button", { onClick: onJoin, className: "px-10 py-4 bg-white text-blue-600 font-black text-xs uppercase tracking-[0.2em] rounded-2xl shadow-2xl hover:scale-105 active:scale-95 transition-all", children: "GRUBA KATIL" })), _jsx("button", { onClick: () => setIsMenuOpen(!isMenuOpen), className: `px-4 py-4 ${isMenuOpen ? 'bg-blue-600' : 'bg-white/10 backdrop-blur-md'} border border-white/20 text-white rounded-2xl hover:bg-white/20 transition-all group`, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: `${isMenuOpen ? 'rotate-90' : 'group-hover:rotate-12'} transition-transform`, children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] }) }), isMenuOpen && (_jsx("div", { className: "absolute bottom-full right-0 mb-4 w-56 glass-panel p-3 rounded-2xl border border-white/20 bg-black/80 backdrop-blur-xl shadow-2xl animate-in fade-in zoom-in-95 duration-200 z-50", children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("button", { className: "flex items-center gap-3 w-full p-3 rounded-xl hover:bg-white/10 text-white transition-all group text-left", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: "text-white/50 group-hover:text-white transition-colors", children: [_jsx("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }), _jsx("polyline", { points: "16 6 12 2 8 6" }), _jsx("line", { x1: "12", y1: "2", x2: "12", y2: "15" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Grubu Payla\u015F" })] }), _jsxs("button", { onClick: () => { onReport?.(); setIsMenuOpen(false); }, className: "flex items-center gap-3 w-full p-3 rounded-xl hover:bg-red-500/10 text-red-500 transition-all group text-left", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: "text-red-500/50 group-hover:text-red-500 transition-colors", children: [_jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), _jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), _jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Grubu \u015Eikayet Et" })] }), isMember && (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-px bg-white/10 my-1 mx-2" }), _jsxs("button", { onClick: () => { onLeave?.(); setIsMenuOpen(false); }, className: "flex items-center gap-3 w-full p-3 rounded-xl hover:bg-red-600 text-white transition-all group text-left bg-red-600/20", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: "text-white/70 group-hover:text-white transition-colors", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Gruptan Ayr\u0131l" })] })] }))] }) }))] })] })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+export function GroupHeader({ group, isMember, onJoin, onLeave, onReport }) {
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const menuRef = useRef(null);
+    // Close menu on click outside
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (menuRef.current && !menuRef.current.contains(event.target)) {
+                setIsMenuOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    return (_jsxs("div", { className: "relative h-64 md:h-80 lg:h-96 rounded-[60px] overflow-hidden mb-12 shadow-2xl animate-in fade-in slide-in-from-top-4 duration-700", children: [_jsx("img", { src: group.banner, className: "w-full h-full object-cover", alt: group.name }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent" }), _jsxs("div", { className: "absolute bottom-10 left-10 right-10 flex flex-col md:flex-row items-end justify-between gap-6", children: [_jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("div", { className: "relative", children: [_jsx("img", { src: group.logo, className: "w-24 h-24 md:w-32 md:h-32 rounded-[32px] border-4 border-armoyu-bg bg-white dark:bg-zinc-900 shadow-2xl object-cover", alt: "Logo" }), _jsx("div", { className: "absolute -bottom-2 -right-2 bg-blue-500 text-white p-2 rounded-xl border-4 border-armoyu-bg", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) })] }), _jsxs("div", { className: "mb-2 text-left", children: [_jsxs("div", { className: "flex items-center gap-3 mb-1", children: [_jsx("h1", { className: "text-3xl md:text-5xl font-black text-white uppercase tracking-tighter italic drop-shadow-lg", children: group.name }), _jsx("span", { className: "px-3 py-1 bg-blue-600 text-white text-[10px] font-black uppercase tracking-widest rounded-lg shadow-lg", children: group.category })] }), _jsxs("p", { className: "text-white/70 font-bold text-lg uppercase tracking-tight", children: ["@", group.shortName, " \u2022 ", group.recruitment] })] })] }), _jsxs("div", { className: "flex gap-4 mb-2 relative", ref: menuRef, children: [!isMember && (_jsx("button", { onClick: onJoin, className: "px-10 py-4 bg-white text-blue-600 font-black text-xs uppercase tracking-[0.2em] rounded-2xl shadow-2xl hover:scale-105 active:scale-95 transition-all", children: "GRUBA KATIL" })), _jsx("button", { onClick: () => setIsMenuOpen(!isMenuOpen), className: `px-4 py-4 ${isMenuOpen ? 'bg-blue-600' : 'bg-white/10 backdrop-blur-md'} border border-white/20 text-white rounded-2xl hover:bg-white/20 transition-all group`, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: `${isMenuOpen ? 'rotate-90' : 'group-hover:rotate-12'} transition-transform`, children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] }) }), isMenuOpen && (_jsx("div", { className: "absolute bottom-full right-0 mb-4 w-56 glass-panel p-3 rounded-2xl border border-white/20 bg-black/80 backdrop-blur-xl shadow-2xl animate-in fade-in zoom-in-95 duration-200 z-50", children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("button", { className: "flex items-center gap-3 w-full p-3 rounded-xl hover:bg-white/10 text-white transition-all group text-left", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: "text-white/50 group-hover:text-white transition-colors", children: [_jsx("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }), _jsx("polyline", { points: "16 6 12 2 8 6" }), _jsx("line", { x1: "12", y1: "2", x2: "12", y2: "15" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Grubu Payla\u015F" })] }), _jsxs("button", { onClick: () => { onReport?.(); setIsMenuOpen(false); }, className: "flex items-center gap-3 w-full p-3 rounded-xl hover:bg-red-500/10 text-red-500 transition-all group text-left", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: "text-red-500/50 group-hover:text-red-500 transition-colors", children: [_jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), _jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), _jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Grubu \u015Eikayet Et" })] }), isMember && (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-px bg-white/10 my-1 mx-2" }), _jsxs("button", { onClick: () => { onLeave?.(); setIsMenuOpen(false); }, className: "flex items-center gap-3 w-full p-3 rounded-xl hover:bg-red-600 text-white transition-all group text-left bg-red-600/20", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", className: "text-white/70 group-hover:text-white transition-colors", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest", children: "Gruptan Ayr\u0131l" })] })] }))] }) }))] })] })] }));
+}
 //# sourceMappingURL=GroupHeader.js.map

package/dist/components/modules/community/GroupMenu.d.ts

@@ -1,10 +1,10 @@
-import { Group } from '@armoyu/core';
-import { User } from '@armoyu/core';
-interface GroupMenuProps {
-    group: Group;
-    user: User;
-    onLeave?: () => void;
-}
-export declare function GroupMenu({ group, user, onLeave }: GroupMenuProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { Group } from '@armoyu/core';
+import { User } from '@armoyu/core';
+interface GroupMenuProps {
+    group: Group;
+    user: User;
+    onLeave?: () => void;
+}
+export declare function GroupMenu({ group, user, onLeave }: GroupMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=GroupMenu.d.ts.map

package/dist/components/modules/community/GroupMenu.js

@@ -1,17 +1,17 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-export function GroupMenu({ group, user, onLeave }) {
-    // Check if owner or moderator
-    const isOwner = group.owner?.username === user.username;
-    const isMod = group.moderators?.some(m => m.username === user.username);
-    const isAdmin = isOwner || isMod || user.role?.id === 'admin';
-    const menuItems = [
-        { id: 'management', label: 'GRUP YÖNETİMİ', icon: 'shield', color: 'text-blue-500', permission: isAdmin },
-        { id: 'members', label: 'ÜYE LİSTESİ', icon: 'users', color: 'text-armoyu-text' },
-        { id: 'events', label: 'GRUP ETKİNLİKLERİ', icon: 'calendar', color: 'text-armoyu-text' },
-        { id: 'settings', label: 'GRUP AYARLARI', icon: 'settings', color: 'text-armoyu-text', permission: isAdmin },
-    ];
-    return (_jsxs("div", { className: "glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-blue-500/10 blur-[60px] -mr-16 -mt-16 pointer-events-none" }), _jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsx("h4", { className: "text-xs font-black text-armoyu-text uppercase tracking-[0.2em] italic", children: "GRUP MEN\u00DCS\u00DC" }), _jsx("div", { className: "px-2 py-0.5 bg-emerald-500/10 border border-emerald-500/20 rounded-md", children: _jsx("span", { className: "text-[8px] font-black text-emerald-500 tracking-widest", children: "AKT\u0130F \u00DCYE" }) })] }), _jsx("div", { className: "space-y-4", children: menuItems.filter(item => item.permission !== false).map((item, idx) => (_jsxs(Link, { href: `${group.getGroupUrl()}/${item.id === 'management' || item.id === 'settings' ? 'yonetim' : item.id === 'members' ? 'uyeler' : 'etkinlikler'}`, className: "w-full flex items-center justify-between p-4 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 hover:border-blue-500/30 hover:bg-blue-500/5 transition-all group", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: `p-2.5 rounded-xl bg-white dark:bg-zinc-900 shadow-sm border border-black/5 dark:border-white/5 group-hover:scale-110 transition-transform ${item.color}`, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [item.id === 'management' && _jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), item.id === 'members' && _jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }), item.id === 'members' && _jsx("circle", { cx: "9", cy: "7", r: "4" }), item.id === 'members' && _jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }), item.id === 'members' && _jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" }), item.id === 'events' && _jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), item.id === 'events' && _jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), item.id === 'events' && _jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), item.id === 'events' && _jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" }), item.id === 'settings' && _jsx("circle", { cx: "12", cy: "12", r: "3" }), item.id === 'settings' && _jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })] }) }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text tracking-widest uppercase", children: item.label })] }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", className: "text-armoyu-text-muted opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) })] }, item.id))) }), _jsx("div", { className: "mt-8 pt-8 border-t border-black/5 dark:border-white/5", children: _jsx("button", { onClick: onLeave, className: "w-full text-[10px] font-black text-red-500 uppercase tracking-[0.2em] hover:text-red-600 transition-colors", children: "GRUPTAN AYRIL" }) })] }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+export function GroupMenu({ group, user, onLeave }) {
+    // Check if owner or moderator
+    const isOwner = group.owner?.username === user.username;
+    const isMod = group.moderators?.some(m => m.username === user.username);
+    const isAdmin = isOwner || isMod || user.role?.id === 'admin';
+    const menuItems = [
+        { id: 'management', label: 'GRUP YÖNETİMİ', icon: 'shield', color: 'text-blue-500', permission: isAdmin },
+        { id: 'members', label: 'ÜYE LİSTESİ', icon: 'users', color: 'text-armoyu-text' },
+        { id: 'events', label: 'GRUP ETKİNLİKLERİ', icon: 'calendar', color: 'text-armoyu-text' },
+        { id: 'settings', label: 'GRUP AYARLARI', icon: 'settings', color: 'text-armoyu-text', permission: isAdmin },
+    ];
+    return (_jsxs("div", { className: "glass-panel p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg relative overflow-hidden", children: [_jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-blue-500/10 blur-[60px] -mr-16 -mt-16 pointer-events-none" }), _jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsx("h4", { className: "text-xs font-black text-armoyu-text uppercase tracking-[0.2em] italic", children: "GRUP MEN\u00DCS\u00DC" }), _jsx("div", { className: "px-2 py-0.5 bg-emerald-500/10 border border-emerald-500/20 rounded-md", children: _jsx("span", { className: "text-[8px] font-black text-emerald-500 tracking-widest", children: "AKT\u0130F \u00DCYE" }) })] }), _jsx("div", { className: "space-y-4", children: menuItems.filter(item => item.permission !== false).map((item, idx) => (_jsxs(Link, { href: `${group.getGroupUrl()}/${item.id === 'management' || item.id === 'settings' ? 'yonetim' : item.id === 'members' ? 'uyeler' : 'etkinlikler'}`, className: "w-full flex items-center justify-between p-4 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 hover:border-blue-500/30 hover:bg-blue-500/5 transition-all group", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: `p-2.5 rounded-xl bg-white dark:bg-zinc-900 shadow-sm border border-black/5 dark:border-white/5 group-hover:scale-110 transition-transform ${item.color}`, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [item.id === 'management' && _jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), item.id === 'members' && _jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }), item.id === 'members' && _jsx("circle", { cx: "9", cy: "7", r: "4" }), item.id === 'members' && _jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }), item.id === 'members' && _jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" }), item.id === 'events' && _jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), item.id === 'events' && _jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), item.id === 'events' && _jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), item.id === 'events' && _jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" }), item.id === 'settings' && _jsx("circle", { cx: "12", cy: "12", r: "3" }), item.id === 'settings' && _jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })] }) }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text tracking-widest uppercase", children: item.label })] }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", className: "text-armoyu-text-muted opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) })] }, item.id))) }), _jsx("div", { className: "mt-8 pt-8 border-t border-black/5 dark:border-white/5", children: _jsx("button", { onClick: onLeave, className: "w-full text-[10px] font-black text-red-500 uppercase tracking-[0.2em] hover:text-red-600 transition-colors", children: "GRUPTAN AYRIL" }) })] }));
+}
 //# sourceMappingURL=GroupMenu.js.map

package/dist/components/modules/community/SchoolCard.d.ts

@@ -1,7 +1,7 @@
-import { School } from '@armoyu/core';
-interface SchoolCardProps {
-    school: School;
-}
-export declare function SchoolCard({ school }: SchoolCardProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { School } from '@armoyu/core';
+interface SchoolCardProps {
+    school: School;
+}
+export declare function SchoolCard({ school }: SchoolCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=SchoolCard.d.ts.map

package/dist/components/modules/community/SchoolCard.js

@@ -1,8 +1,8 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-import { GraduationCap, Users, Trophy, ChevronRight, MapPin } from 'lucide-react';
-export function SchoolCard({ school }) {
-    return (_jsx(Link, { href: `/egitim/${school.slug}`, className: "block group", children: _jsxs("div", { className: "glass-panel relative overflow-hidden rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg hover:border-blue-500/50 hover:shadow-2xl hover:shadow-blue-500/10 transition-all duration-500 group", children: [_jsx("div", { className: "absolute top-0 left-0 w-full h-32 bg-gradient-to-br from-blue-600/20 to-purple-600/20 opacity-30 group-hover:opacity-50 transition-opacity" }), _jsxs("div", { className: "relative p-8 pt-12", children: [_jsxs("div", { className: "flex items-start justify-between mb-8", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "w-24 h-24 rounded-3xl bg-white dark:bg-zinc-900 border-4 border-armoyu-bg overflow-hidden shadow-xl group-hover:scale-105 transition-transform duration-500", children: _jsx("img", { src: school.logo, alt: school.name, className: "w-full h-full object-contain p-2" }) }), _jsx("div", { className: "absolute -bottom-2 -right-2 px-3 py-1 bg-blue-600 text-white text-[10px] font-black italic rounded-lg shadow-lg uppercase tracking-widest border-2 border-armoyu-bg", children: "Onayl\u0131 Okul" })] }), _jsx("div", { className: "flex gap-2", children: _jsx("div", { className: "px-5 py-2.5 rounded-2xl bg-black/5 dark:bg-white/5 border border-armoyu-card-border text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.2em]", children: school.id.toUpperCase() }) })] }), _jsxs("div", { className: "space-y-4 mb-8", children: [_jsx("h3", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tighter italic leading-none group-hover:text-blue-500 transition-colors", children: school.name }), _jsxs("div", { className: "flex items-center gap-2 text-armoyu-text-muted", children: [_jsx(MapPin, { size: 14, className: "text-blue-500" }), _jsx("span", { className: "text-[11px] font-bold uppercase tracking-widest opacity-60", children: "T\u00FCrkiye / \u0130stanbul" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-2 py-4 border-y border-armoyu-card-border", children: [_jsxs("div", { className: "text-center group/stat", children: [_jsxs("div", { className: "flex items-center justify-center gap-1.5 text-armoyu-text-muted mb-1", children: [_jsx(Users, { size: 12, className: "group-hover/stat:text-blue-500 transition-colors" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest opacity-50", children: "\u00D6\u011Frenci" })] }), _jsx("div", { className: "text-sm font-black text-armoyu-text", children: school.memberCount })] }), _jsxs("div", { className: "text-center group/stat border-x border-armoyu-card-border px-2", children: [_jsxs("div", { className: "flex items-center justify-center gap-1.5 text-armoyu-text-muted mb-1", children: [_jsx(GraduationCap, { size: 12, className: "group-hover/stat:text-blue-500 transition-colors" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest opacity-50", children: "Fak\u00FClte" })] }), _jsx("div", { className: "text-sm font-black text-armoyu-text", children: (school.faculties || []).length })] }), _jsxs("div", { className: "text-center group/stat", children: [_jsxs("div", { className: "flex items-center justify-center gap-1.5 text-armoyu-text-muted mb-1", children: [_jsx(Trophy, { size: 12, className: "group-hover/stat:text-blue-500 transition-colors" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest opacity-50", children: "Tak\u0131mlar" })] }), _jsx("div", { className: "text-sm font-black text-armoyu-text", children: (school.teams || []).length })] })] }), _jsxs("div", { className: "mt-8 flex items-center justify-between", children: [_jsxs("div", { className: "flex -space-x-3", children: [[1, 2, 3, 4].map((i) => (_jsx("img", { src: `https://api.dicebear.com/7.x/avataaars/svg?seed=Armoyu${i + school.id}`, className: "w-8 h-8 rounded-full border-2 border-armoyu-bg", alt: "Member" }, i))), _jsxs("div", { className: "w-8 h-8 rounded-full bg-black/5 dark:bg-white/5 border-2 border-armoyu-bg flex items-center justify-center text-[8px] font-black text-armoyu-text-muted uppercase", children: ["+", (school.memberCount || 0) - 4] })] }), _jsxs("div", { className: "flex items-center gap-2 text-blue-500 text-[10px] font-black uppercase tracking-widest group-hover:translate-x-2 transition-transform", children: ["OKUL PORTALI ", _jsx(ChevronRight, { size: 16, strokeWidth: 3 })] })] })] }), _jsx("div", { className: "absolute -bottom-8 -right-8 w-32 h-32 bg-blue-500/5 blur-[40px] rounded-full group-hover:bg-blue-500/10 transition-colors" })] }) }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { GraduationCap, Users, Trophy, ChevronRight, MapPin } from 'lucide-react';
+export function SchoolCard({ school }) {
+    return (_jsx(Link, { href: `/egitim/${school.slug}`, className: "block group", children: _jsxs("div", { className: "glass-panel relative overflow-hidden rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg hover:border-blue-500/50 hover:shadow-2xl hover:shadow-blue-500/10 transition-all duration-500 group", children: [_jsx("div", { className: "absolute top-0 left-0 w-full h-32 bg-gradient-to-br from-blue-600/20 to-purple-600/20 opacity-30 group-hover:opacity-50 transition-opacity" }), _jsxs("div", { className: "relative p-8 pt-12", children: [_jsxs("div", { className: "flex items-start justify-between mb-8", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "w-24 h-24 rounded-3xl bg-white dark:bg-zinc-900 border-4 border-armoyu-bg overflow-hidden shadow-xl group-hover:scale-105 transition-transform duration-500", children: _jsx("img", { src: school.logo, alt: school.name, className: "w-full h-full object-contain p-2" }) }), _jsx("div", { className: "absolute -bottom-2 -right-2 px-3 py-1 bg-blue-600 text-white text-[10px] font-black italic rounded-lg shadow-lg uppercase tracking-widest border-2 border-armoyu-bg", children: "Onayl\u0131 Okul" })] }), _jsx("div", { className: "flex gap-2", children: _jsx("div", { className: "px-5 py-2.5 rounded-2xl bg-black/5 dark:bg-white/5 border border-armoyu-card-border text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.2em]", children: school.id.toUpperCase() }) })] }), _jsxs("div", { className: "space-y-4 mb-8", children: [_jsx("h3", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tighter italic leading-none group-hover:text-blue-500 transition-colors", children: school.name }), _jsxs("div", { className: "flex items-center gap-2 text-armoyu-text-muted", children: [_jsx(MapPin, { size: 14, className: "text-blue-500" }), _jsx("span", { className: "text-[11px] font-bold uppercase tracking-widest opacity-60", children: "T\u00FCrkiye / \u0130stanbul" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-2 py-4 border-y border-armoyu-card-border", children: [_jsxs("div", { className: "text-center group/stat", children: [_jsxs("div", { className: "flex items-center justify-center gap-1.5 text-armoyu-text-muted mb-1", children: [_jsx(Users, { size: 12, className: "group-hover/stat:text-blue-500 transition-colors" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest opacity-50", children: "\u00D6\u011Frenci" })] }), _jsx("div", { className: "text-sm font-black text-armoyu-text", children: school.memberCount })] }), _jsxs("div", { className: "text-center group/stat border-x border-armoyu-card-border px-2", children: [_jsxs("div", { className: "flex items-center justify-center gap-1.5 text-armoyu-text-muted mb-1", children: [_jsx(GraduationCap, { size: 12, className: "group-hover/stat:text-blue-500 transition-colors" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest opacity-50", children: "Fak\u00FClte" })] }), _jsx("div", { className: "text-sm font-black text-armoyu-text", children: (school.faculties || []).length })] }), _jsxs("div", { className: "text-center group/stat", children: [_jsxs("div", { className: "flex items-center justify-center gap-1.5 text-armoyu-text-muted mb-1", children: [_jsx(Trophy, { size: 12, className: "group-hover/stat:text-blue-500 transition-colors" }), _jsx("span", { className: "text-[9px] font-black uppercase tracking-widest opacity-50", children: "Tak\u0131mlar" })] }), _jsx("div", { className: "text-sm font-black text-armoyu-text", children: (school.teams || []).length })] })] }), _jsxs("div", { className: "mt-8 flex items-center justify-between", children: [_jsxs("div", { className: "flex -space-x-3", children: [[1, 2, 3, 4].map((i) => (_jsx("img", { src: `https://api.dicebear.com/7.x/avataaars/svg?seed=Armoyu${i + school.id}`, className: "w-8 h-8 rounded-full border-2 border-armoyu-bg", alt: "Member" }, i))), _jsxs("div", { className: "w-8 h-8 rounded-full bg-black/5 dark:bg-white/5 border-2 border-armoyu-bg flex items-center justify-center text-[8px] font-black text-armoyu-text-muted uppercase", children: ["+", (school.memberCount || 0) - 4] })] }), _jsxs("div", { className: "flex items-center gap-2 text-blue-500 text-[10px] font-black uppercase tracking-widest group-hover:translate-x-2 transition-transform", children: ["OKUL PORTALI ", _jsx(ChevronRight, { size: 16, strokeWidth: 3 })] })] })] }), _jsx("div", { className: "absolute -bottom-8 -right-8 w-32 h-32 bg-blue-500/5 blur-[40px] rounded-full group-hover:bg-blue-500/10 transition-colors" })] }) }));
+}
 //# sourceMappingURL=SchoolCard.js.map

package/dist/components/modules/community/SurveyCard.d.ts

@@ -1,7 +1,7 @@
-import { Survey } from '@armoyu/core';
-interface SurveyCardProps {
-    survey: Survey;
-}
-export declare function SurveyCard({ survey }: SurveyCardProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { Survey } from '@armoyu/core';
+interface SurveyCardProps {
+    survey: Survey;
+}
+export declare function SurveyCard({ survey }: SurveyCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=SurveyCard.d.ts.map

package/dist/components/modules/community/SurveyCard.js

@@ -1,38 +1,38 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { SurveyAnswer } from '@armoyu/core';
-import { CheckCircle2, Users, Calendar, BarChart3 } from 'lucide-react';
-export function SurveyCard({ survey }) {
-    const [hasVoted, setHasVoted] = useState(survey.hasVoted);
-    const [myVoteId, setMyVoteId] = useState(survey.myVoteId);
-    const [options, setOptions] = useState(survey.options);
-    const [totalVotes, setTotalVotes] = useState(survey.totalVotes);
-    const handleVote = (optionId) => {
-        if (hasVoted)
-            return;
-        // Optimistic Update
-        setHasVoted(true);
-        setMyVoteId(optionId);
-        setTotalVotes(prev => prev + 1);
-        setOptions(prev => prev.map(opt => {
-            if (opt.id === optionId) {
-                return new SurveyAnswer({ ...opt, votes: opt.votes + 1 });
-            }
-            return opt;
-        }));
-    };
-    const getPercentage = (votes) => {
-        if (totalVotes === 0)
-            return 0;
-        return Math.round((votes / totalVotes) * 100);
-    };
-    return (_jsxs("div", { className: "glass-panel p-6 md:p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden relative group", children: [_jsx("div", { className: "absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-blue-500 via-indigo-500 to-purple-500 opacity-70" }), _jsxs("div", { className: "flex flex-col md:flex-row md:items-start justify-between gap-6 mb-8", children: [_jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "w-10 h-10 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500", children: _jsx(BarChart3, { size: 20 }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none mb-1", children: "Topluluk Anketi" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: survey.author?.avatar, className: "w-4 h-4 rounded-full", alt: "" }), _jsxs("p", { className: "text-[10px] font-bold text-armoyu-text/60 uppercase", children: [survey.author?.displayName, " taraf\u0131ndan"] })] })] })] }), _jsx("h3", { className: "text-xl md:text-2xl font-black text-armoyu-text uppercase tracking-tight italic leading-tight mb-3", children: survey.question }), survey.description && (_jsx("p", { className: "text-xs font-medium text-armoyu-text-muted leading-relaxed max-w-2xl", children: survey.description }))] }), _jsxs("div", { className: "flex flex-col md:items-end gap-2 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-black/5 dark:bg-white/5 rounded-xl border border-black/5 dark:border-white/5", children: [_jsx(Users, { size: 14, className: "text-blue-500" }), _jsxs("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-widest", children: [totalVotes, " Toplam Oy"] })] }), survey.expiresAt && (_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-black/5 dark:bg-white/5 rounded-xl border border-black/5 dark:border-white/5", children: [_jsx(Calendar, { size: 14, className: "text-orange-500" }), _jsxs("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-widest", children: ["Biti\u015F: ", survey.expiresAt] })] }))] })] }), _jsx("div", { className: "space-y-4", children: options.map((opt) => {
-                    const percentage = getPercentage(opt.votes);
-                    const isSelected = myVoteId === opt.id;
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SurveyAnswer } from '@armoyu/core';
+import { CheckCircle2, Users, Calendar, BarChart3 } from 'lucide-react';
+export function SurveyCard({ survey }) {
+    const [hasVoted, setHasVoted] = useState(survey.hasVoted);
+    const [myVoteId, setMyVoteId] = useState(survey.myVoteId);
+    const [options, setOptions] = useState(survey.options);
+    const [totalVotes, setTotalVotes] = useState(survey.totalVotes);
+    const handleVote = (optionId) => {
+        if (hasVoted)
+            return;
+        // Optimistic Update
+        setHasVoted(true);
+        setMyVoteId(optionId);
+        setTotalVotes(prev => prev + 1);
+        setOptions(prev => prev.map(opt => {
+            if (opt.id === optionId) {
+                return new SurveyAnswer({ ...opt, votes: opt.votes + 1 });
+            }
+            return opt;
+        }));
+    };
+    const getPercentage = (votes) => {
+        if (totalVotes === 0)
+            return 0;
+        return Math.round((votes / totalVotes) * 100);
+    };
+    return (_jsxs("div", { className: "glass-panel p-6 md:p-8 rounded-[40px] border border-armoyu-card-border bg-armoyu-card-bg shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden relative group", children: [_jsx("div", { className: "absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-blue-500 via-indigo-500 to-purple-500 opacity-70" }), _jsxs("div", { className: "flex flex-col md:flex-row md:items-start justify-between gap-6 mb-8", children: [_jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("div", { className: "w-10 h-10 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500", children: _jsx(BarChart3, { size: 20 }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest leading-none mb-1", children: "Topluluk Anketi" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("img", { src: survey.author?.avatar, className: "w-4 h-4 rounded-full", alt: "" }), _jsxs("p", { className: "text-[10px] font-bold text-armoyu-text/60 uppercase", children: [survey.author?.displayName, " taraf\u0131ndan"] })] })] })] }), _jsx("h3", { className: "text-xl md:text-2xl font-black text-armoyu-text uppercase tracking-tight italic leading-tight mb-3", children: survey.question }), survey.description && (_jsx("p", { className: "text-xs font-medium text-armoyu-text-muted leading-relaxed max-w-2xl", children: survey.description }))] }), _jsxs("div", { className: "flex flex-col md:items-end gap-2 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-black/5 dark:bg-white/5 rounded-xl border border-black/5 dark:border-white/5", children: [_jsx(Users, { size: 14, className: "text-blue-500" }), _jsxs("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-widest", children: [totalVotes, " Toplam Oy"] })] }), survey.expiresAt && (_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 bg-black/5 dark:bg-white/5 rounded-xl border border-black/5 dark:border-white/5", children: [_jsx(Calendar, { size: 14, className: "text-orange-500" }), _jsxs("span", { className: "text-[10px] font-black text-armoyu-text uppercase tracking-widest", children: ["Biti\u015F: ", survey.expiresAt] })] }))] })] }), _jsx("div", { className: "space-y-4", children: options.map((opt) => {
+                    const percentage = getPercentage(opt.votes);
+                    const isSelected = myVoteId === opt.id;
                     return (_jsxs("div", { className: "relative group/opt", onClick: () => handleVote(opt.id), children: [_jsxs("div", { className: `flex items-center justify-between p-4 md:p-5 rounded-2xl border transition-all cursor-pointer relative z-10 
                   ${isSelected ? 'bg-blue-500/10 border-blue-500/50' : 'bg-black/5 dark:bg-white/5 border-transparent hover:border-blue-500/20'}`, children: [_jsxs("div", { className: "flex items-center gap-4 flex-1", children: [_jsx("div", { className: `w-6 h-6 rounded-lg border-2 flex items-center justify-center transition-all 
-                     ${isSelected ? 'bg-blue-500 border-blue-500 text-white' : 'border-armoyu-card-border group-hover/opt:border-blue-500/50'}`, children: isSelected && _jsx(CheckCircle2, { size: 14 }) }), _jsx("span", { className: `text-sm md:text-base font-black uppercase tracking-tight ${isSelected ? 'text-blue-500' : 'text-armoyu-text'}`, children: opt.text })] }), hasVoted && (_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "text-xs font-black text-armoyu-text/40", children: [opt.votes, " OY"] }), _jsxs("span", { className: "text-lg font-black text-armoyu-text italic", children: ["%", percentage] })] }))] }), hasVoted && (_jsx("div", { className: "absolute inset-0 z-0 p-1", children: _jsx("div", { className: "h-full bg-blue-500/10 rounded-xl transition-all duration-1000 ease-out", style: { width: `${percentage}%` } }) }))] }, opt.id));
-                }) }), !hasVoted && (_jsx("div", { className: "mt-8 pt-6 border-t border-armoyu-card-border flex items-center justify-center", children: _jsx("p", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] animate-pulse", children: "Se\u00E7iminizi yapmak i\u00E7in bir se\u00E7ene\u011Fe t\u0131klay\u0131n" }) })), hasVoted && (_jsxs("div", { className: "mt-8 pt-6 border-t border-armoyu-card-border flex items-center justify-between", children: [_jsxs("p", { className: "text-[10px] font-black text-emerald-500 uppercase tracking-widest flex items-center gap-2", children: [_jsx(CheckCircle2, { size: 12 }), " Kat\u0131l\u0131m\u0131n\u0131z i\u00E7in te\u015Fekk\u00FCrler"] }), _jsx("button", { className: "text-[9px] font-black text-armoyu-text-muted hover:text-blue-500 uppercase tracking-widest transition-colors", onClick: () => window.location.reload(), children: "ANKET\u0130 SIFIRLA (TEST)" })] }))] }));
-}
+                     ${isSelected ? 'bg-blue-500 border-blue-500 text-white' : 'border-armoyu-card-border group-hover/opt:border-blue-500/50'}`, children: isSelected && _jsx(CheckCircle2, { size: 14 }) }), _jsx("span", { className: `text-sm md:text-base font-black uppercase tracking-tight ${isSelected ? 'text-blue-500' : 'text-armoyu-text'}`, children: opt.text })] }), hasVoted && (_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "text-xs font-black text-armoyu-text/40", children: [opt.votes, " OY"] }), _jsxs("span", { className: "text-lg font-black text-armoyu-text italic", children: ["%", percentage] })] }))] }), hasVoted && (_jsx("div", { className: "absolute inset-0 z-0 p-1", children: _jsx("div", { className: "h-full bg-blue-500/10 rounded-xl transition-all duration-1000 ease-out", style: { width: `${percentage}%` } }) }))] }, opt.id));
+                }) }), !hasVoted && (_jsx("div", { className: "mt-8 pt-6 border-t border-armoyu-card-border flex items-center justify-center", children: _jsx("p", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.2em] animate-pulse", children: "Se\u00E7iminizi yapmak i\u00E7in bir se\u00E7ene\u011Fe t\u0131klay\u0131n" }) })), hasVoted && (_jsxs("div", { className: "mt-8 pt-6 border-t border-armoyu-card-border flex items-center justify-between", children: [_jsxs("p", { className: "text-[10px] font-black text-emerald-500 uppercase tracking-widest flex items-center gap-2", children: [_jsx(CheckCircle2, { size: 12 }), " Kat\u0131l\u0131m\u0131n\u0131z i\u00E7in te\u015Fekk\u00FCrler"] }), _jsx("button", { className: "text-[9px] font-black text-armoyu-text-muted hover:text-blue-500 uppercase tracking-widest transition-colors", onClick: () => window.location.reload(), children: "ANKET\u0130 SIFIRLA (TEST)" })] }))] }));
+}
 //# sourceMappingURL=SurveyCard.js.map

package/dist/components/modules/forum/ForumBoard.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-export interface ForumBoardProps {
-    id: string;
-    name: string;
-    desc: string;
-    topicCount: number;
-    postCount: number;
-    lastPost?: {
-        topicTitle: string;
-        author: string;
-        avatar: string;
-        time: string;
-    };
-    icon?: React.ReactNode;
-}
-export declare function ForumBoard({ id, name, desc, topicCount, postCount, lastPost, icon }: ForumBoardProps): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export interface ForumBoardProps {
+    id: string;
+    name: string;
+    desc: string;
+    topicCount: number;
+    postCount: number;
+    lastPost?: {
+        topicTitle: string;
+        author: string;
+        avatar: string;
+        time: string;
+    };
+    icon?: React.ReactNode;
+}
+export declare function ForumBoard({ id, name, desc, topicCount, postCount, lastPost, icon }: ForumBoardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ForumBoard.d.ts.map