@armoyu/ui 1.0.0

package/src/context/ChatContext.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import React, { createContext, useContext, useState } from 'react';
+
+interface ChatContextType {
+  isChatOpen: boolean;
+  toggleChat: () => void;
+  openChat: () => void;
+  closeChat: () => void;
+}
+
+const ChatContext = createContext<ChatContextType | undefined>(undefined);
+
+export function ChatProvider({ children }: { children: React.ReactNode }) {
+  const [isChatOpen, setIsChatOpen] = useState(false);
+  
+  const toggleChat = () => setIsChatOpen(!isChatOpen);
+  const openChat = () => setIsChatOpen(true);
+  const closeChat = () => setIsChatOpen(false);
+
+  return (
+    <ChatContext.Provider value={{ isChatOpen, toggleChat, openChat, closeChat }}>
+      {children}
+    </ChatContext.Provider>
+  );
+}
+
+export function useChat() {
+  const context = useContext(ChatContext);
+  if (!context) throw new Error('useChat must be used within ChatProvider');
+  return context;
+}

package/src/context/LayoutContext.tsx

@@ -0,0 +1,29 @@
+'use client';
+
+import React, { createContext, useContext, useState, ReactNode } from 'react';
+
+type LayoutContextType = {
+  pageWidth: string; // Tailwind class like max-w-7xl or max-w-[80vw]
+  setPageWidth: (width: string) => void;
+};
+
+const LayoutContext = createContext<LayoutContextType | undefined>(undefined);
+
+export function LayoutProvider({ children }: { children: ReactNode }) {
+  // Varsayılan masaüstü değeri %80 olarak ayarlanmıştır.
+  const [pageWidth, setPageWidth] = useState('max-w-[80%]');
+
+  return (
+    <LayoutContext.Provider value={{ pageWidth, setPageWidth }}>
+      {children}
+    </LayoutContext.Provider>
+  );
+}
+
+export function useLayout() {
+  const context = useContext(LayoutContext);
+  if (!context) {
+    throw new Error('useLayout must be used within a LayoutProvider');
+  }
+  return context;
+}

package/src/context/SocketContext.tsx

@@ -0,0 +1,50 @@
+'use client';
+
+import React, { createContext, useContext, useState, useEffect } from 'react';
+import { socketService, SocketEvent } from '@armoyu/core';
+
+
+interface SocketContextType {
+  isConnected: boolean;
+  emit: (event: SocketEvent, data: any) => void;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  on: (event: SocketEvent, callback: (data: any) => void) => () => void;
+}
+
+const SocketContext = createContext<SocketContextType | undefined>(undefined);
+
+export function SocketProvider({ children }: { children: React.ReactNode }) {
+  const [isConnected, setIsConnected] = useState(socketService.isConnected);
+
+  useEffect(() => {
+    const handleConnect = () => setIsConnected(true);
+    const handleDisconnect = () => setIsConnected(false);
+
+    const offConnect = socketService.on('connect', handleConnect);
+    const offDisconnect = socketService.on('disconnect', handleDisconnect);
+
+    return () => {
+      offConnect();
+      offDisconnect();
+    };
+  }, []);
+
+  return (
+    <SocketContext.Provider value={{ 
+      isConnected, 
+      emit: socketService.emit.bind(socketService), 
+      on: socketService.on.bind(socketService) 
+    }}>
+      {children}
+    </SocketContext.Provider>
+  );
+}
+
+export function useSocket() {
+  const context = useContext(SocketContext);
+  if (context === undefined) {
+    throw new Error('useSocket must be used within a SocketProvider');
+  }
+  return context;
+}
+

package/src/context/ThemeContext.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import React, { createContext, useContext, useState, useEffect } from 'react';
+
+interface ThemeContextType {
+  theme: 'dark' | 'light';
+  toggleTheme: () => void;
+}
+
+const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
+
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
+  const [theme, setTheme] = useState<'dark' | 'light'>('dark');
+
+  // Tarayıcı hafızasını okuyarak temayı yükleme (Local Storage)
+  useEffect(() => {
+    const savedTheme = localStorage.getItem('armoyu_theme') as 'dark' | 'light';
+    if (savedTheme === 'light') {
+      setTheme('light');
+      document.documentElement.classList.remove('dark');
+    } else {
+      setTheme('dark');
+      document.documentElement.classList.add('dark');
+      // İlk girişte varsayılan olarak depolanır
+      localStorage.setItem('armoyu_theme', 'dark');
+    }
+  }, []);
+
+  const toggleTheme = () => {
+    const newTheme = theme === 'dark' ? 'light' : 'dark';
+    setTheme(newTheme);
+    localStorage.setItem('armoyu_theme', newTheme);
+    
+    if (newTheme === 'dark') {
+      document.documentElement.classList.add('dark');
+    } else {
+      document.documentElement.classList.remove('dark');
+    }
+  };
+
+  return (
+    <ThemeContext.Provider value={{ theme, toggleTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+
+export function useTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) throw new Error('useTheme hooks must be used inside ThemeProvider!');
+  return context;
+}

package/src/globals.css

@@ -0,0 +1,187 @@
+@import "tailwindcss";
+@source "./components/**/*.{js,ts,jsx,tsx}";
+@source "./app/**/*.{js,ts,jsx,tsx}";
+
+/* 
+ * TAILWIND V4 DARK MODE STRATEGY FIX
+ * Varsayılan olarak Tailwind v4 sistem temasına (@media prefers-color-scheme) bakar.
+ * Aşağıdaki kural ile Tailwind'in sadece .dark class'ı varken çalışmasını sağlıyoruz.
+ */
+@custom-variant dark (&:where(.dark, .dark *));
+
+/*
+ * GLOBAL TEMALANDIRMA DEĞİŞKENLERİ
+ * Bu yapı sayesinde gelecekte yüzlerce farklı renk/tema (Kırmızı Mod, RGB Modu vb.) tanımlanabilir.
+ */
+@layer base {
+  :root {
+    --armoyu-bg: #f8fafc;
+    /* Slate 50 - Daha asil bir açık gri */
+    --armoyu-fg: #0f172a;
+
+    --armoyu-header-bg: rgba(255, 255, 255, 0.85);
+    --armoyu-header-border: rgba(0, 0, 0, 0.04);
+
+    --armoyu-drawer-bg: rgba(255, 255, 255, 0.9);
+    --armoyu-drawer-border: rgba(0, 0, 0, 0.04);
+
+    --armoyu-card-bg: rgba(255, 255, 255, 0.75);
+    --armoyu-card-border: rgba(0, 0, 0, 0.04);
+
+    --armoyu-text: #1e293b;
+    /* Slate 800 */
+    --armoyu-text-muted: #64748b;
+    /* Slate 500 */
+    --armoyu-panel-width: 90%;
+  }
+
+  .dark {
+    --armoyu-bg: #0a0a0e;
+    --armoyu-fg: #f8fafc;
+
+    --armoyu-header-bg: #0a0a0e;
+    /* Tamamen Mat Koyu Siyah */
+    --armoyu-header-border: rgba(255, 255, 255, 0.05);
+
+    --armoyu-drawer-bg: rgba(10, 10, 14, 0.65);
+    /* Menü Çekmecesi Yüksek Saydamlık */
+    --armoyu-drawer-border: rgba(255, 255, 255, 0.1);
+
+    --armoyu-card-bg: rgba(10, 10, 14, 0.4);
+    --armoyu-card-border: rgba(255, 255, 255, 0.05);
+
+    --armoyu-text: #ffffff;
+    --armoyu-text-muted: #9ca3af;
+  }
+
+  body {
+    background-color: var(--armoyu-bg);
+    background-image:
+      radial-gradient(at 0% 0%, rgba(59, 130, 246, 0.03) 0, transparent 50%),
+      radial-gradient(at 50% 0%, rgba(139, 92, 246, 0.03) 0, transparent 50%),
+      radial-gradient(at 100% 0%, rgba(59, 130, 246, 0.03) 0, transparent 50%);
+    color: var(--armoyu-fg);
+    line-height: inherit;
+    font-family: var(--font-sans);
+    min-height: 100vh;
+    overflow-x: hidden;
+  }
+
+  .dark body {
+    background-image: none;
+    /* Dark modda düz siyah/koyu kalsın */
+  }
+
+  /* Kullanıcının istediği özel açık tema arka plan kuralı */
+  @media (prefers-color-scheme: light) {
+    body {
+      background-color: var(--armoyu-bg);
+    }
+  }
+}
+
+@theme {
+  --color-background: #0a0a0e;
+  --color-foreground: #ededed;
+  --color-primary: #3b82f6;
+  --color-secondary: #1e1e24;
+  --font-sans: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --animate-fill-bar: fill-bar 5s linear forwards;
+
+  /* TAILWIND TANIMLAMALARI (Tüm proje genelinde class olarak kullanılabilir hale getirir) */
+  --color-armoyu-bg: var(--armoyu-bg);
+  --color-armoyu-fg: var(--armoyu-fg);
+  --color-armoyu-header-bg: var(--armoyu-header-bg);
+  --color-armoyu-header-border: var(--armoyu-header-border);
+  --color-armoyu-drawer-bg: var(--armoyu-drawer-bg);
+  --color-armoyu-drawer-border: var(--armoyu-drawer-border);
+  --color-armoyu-card-bg: var(--armoyu-card-bg);
+  --color-armoyu-card-border: var(--armoyu-card-border);
+  --color-armoyu-text: var(--armoyu-text);
+  --color-armoyu-text-muted: var(--armoyu-text-muted);
+  --spacing-armoyu-panel: var(--armoyu-panel-width);
+}
+
+/* Glassmorphism Classes */
+.glass-panel {
+  background: var(--armoyu-card-bg);
+  backdrop-filter: blur(16px);
+  -webkit-backdrop-filter: blur(16px);
+  border: 1px solid var(--armoyu-card-border);
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
+}
+
+/* Koyu Tema Glassmorphism Stili */
+.dark .glass-panel {
+  background: rgba(255, 255, 255, 0.03);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+}
+
+.text-gradient {
+  background: linear-gradient(to right, #3b82f6, #8b5cf6);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+/* Premium Scrollbar Styling */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+}
+
+.dark ::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.dark ::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+/* Hide scrollbar utility (Renamed from hide-scrollbar for consistency) */
+.no-scrollbar::-webkit-scrollbar {
+  display: none !important;
+}
+
+.no-scrollbar {
+  -ms-overflow-style: none !important;
+  /* IE and Edge */
+  scrollbar-width: none !important;
+  /* Firefox */
+}
+
+/* Elegant Thin Scrollbar */
+.thin-scrollbar::-webkit-scrollbar {
+  width: 4px;
+}
+
+.thin-scrollbar::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 20px;
+}
+
+/* Slider Progress Bar Animation */
+@keyframes progressBar {
+  from {
+    width: 0%;
+  }
+
+  to {
+    width: 100%;
+  }
+}

package/src/index.ts

@@ -0,0 +1,96 @@
+export * from './components/Button';
+export * from './components/Slider';
+export * from './components/RollingNumber';
+export * from './components/ViewModeToggle';
+export * from './components/GenderStatsBar';
+export * from './components/StatsGrid';
+
+// Contexts
+export * from './context/AuthContext';
+export * from './context/CartContext';
+export * from './context/ChatContext';
+export * from './context/LayoutContext';
+export * from './context/SocketContext';
+export * from './context/ThemeContext';
+
+// Types & Constants
+export * from './types';
+export * from './lib/constants/seedData';
+export * from './lib/constants/educationData';
+export * from './lib/constants/punishmentData';
+export * from './lib/constants/stationData';
+export * from './lib/constants/surveyData';
+export * from './lib/constants/teamData';
+export * from './lib/utils/odpUtils';
+
+
+// Shared Components
+export { Header } from './components/shared/Header';
+export { Footer } from './components/shared/Footer';
+export { LoginModal } from './components/shared/LoginModal';
+export { FloatingChatButton } from './components/shared/FloatingChatButton';
+export { MainLayoutWrapper } from './components/shared/MainLayoutWrapper';
+export { PageWidth } from './components/shared/PageWidth';
+
+// Auth Module
+export { Dashboard as AuthDashboard } from './components/modules/auth/Dashboard';
+export { Dashboard } from './components/modules/auth/Dashboard';
+export { PostCard } from './components/modules/auth/PostCard';
+export { PostInteractionsModal } from './components/modules/auth/PostInteractionsModal';
+export { RepostModal } from './components/modules/auth/RepostModal';
+export { SidebarLeft as AuthSidebarLeft } from './components/modules/auth/SidebarLeft';
+export { Stories } from './components/modules/auth/Stories';
+export { StoryViewer } from './components/modules/auth/StoryViewer';
+export { MediaLightbox, type PostMedia } from './components/modules/auth/MediaLightbox';
+
+// Chat Module
+export { ChatContainer } from './components/modules/chat/ChatContainer';
+export { ChatInput } from './components/modules/chat/ChatInput';
+export { ChatList } from './components/modules/chat/ChatList';
+export { ChatMessage } from './components/modules/chat/ChatMessage';
+export { ChatNotes } from './components/modules/chat/ChatNotes';
+
+// Community Module
+export { GroupHeader } from './components/modules/community/GroupHeader';
+export { GroupMenu } from './components/modules/community/GroupMenu';
+export { SchoolCard } from './components/modules/community/SchoolCard';
+export { SurveyCard } from './components/modules/community/SurveyCard';
+
+// Forum Module
+export { ForumBoard } from './components/modules/forum/ForumBoard';
+export { ForumPost } from './components/modules/forum/ForumPost';
+export { NewTopicModal } from './components/modules/forum/NewTopicModal';
+export { TopicItem } from './components/modules/forum/TopicItem';
+
+// Galleries Module
+export { GalleryCard } from './components/modules/galleries/GalleryCard';
+
+// Giveaways Module
+export { GiveawayCard } from './components/modules/giveaways/GiveawayCard';
+
+// Groups Module
+export { GroupCard } from './components/modules/groups/GroupCard';
+export { ApplicationModal as GroupApplicationModal } from './components/modules/groups/ApplicationModal';
+
+// Guest Module
+export { Introduction } from './components/modules/guest/Introduction';
+
+// Magaza Module
+export { BackToStore } from './components/modules/magaza/BackToStore';
+export { StoreHeader } from './components/modules/magaza/StoreHeader';
+
+// News Module
+export { NewsCard } from './components/modules/news/NewsCard';
+export { NewsComments } from './components/modules/news/NewsComments';
+
+// Profile Module
+export { ProfileHeader } from './components/modules/profile/ProfileHeader';
+export { ProfileStats } from './components/modules/profile/ProfileStats';
+export { ProfileContent } from './components/modules/profile/ProfileContent';
+export { EditProfileModal } from './components/modules/profile/EditProfileModal';
+export { TeamSelectorModal } from './components/modules/profile/TeamSelectorModal';
+export { CloudStorageModal } from './components/modules/profile/CloudStorageModal';
+
+// Stations Module
+export { StationCard } from './components/modules/stations/StationCard';
+export { StationQRModal } from './components/modules/stations/StationQRModal';

package/src/lib/constants/educationData.ts

@@ -0,0 +1,124 @@
+import { School, Faculty, Classroom, SchoolTeam, User } from '@armoyu/core';
+
+
+export const MOCK_EDUCATION_DATA = (userList: any[]) => {
+  // 1. School Teams (Traditional & Esports)
+  const teams = [
+    new SchoolTeam({
+      id: 'st1',
+      name: 'ARMOYU CS2 Team',
+      gameOrSport: 'Counter-Strike 2',
+      type: 'ESPORTS',
+      schoolId: 'sch1',
+      captain: userList[0]
+    }),
+    new SchoolTeam({
+      id: 'st2',
+      name: 'UAV Football Varsity',
+      gameOrSport: 'Football',
+      type: 'TRADITIONAL_SPORTS',
+      schoolId: 'sch1',
+      captain: userList[11]
+    }),
+    new SchoolTeam({
+      id: 'st3',
+      name: 'Code Masters LoL',
+      gameOrSport: 'League of Legends',
+      type: 'ESPORTS',
+      schoolId: 'sch2',
+      captain: userList[1]
+    })
+  ];
+
+  // 2. Faculties
+  const faculties = [
+    new Faculty({ id: 'f1', name: 'Mühendislik Fakültesi', schoolId: 'sch1', representative: userList[14] }),
+    new Faculty({ id: 'f2', name: 'İktisadi ve İdari Bilimler Fakültesi', schoolId: 'sch1', representative: userList[12] }),
+    new Faculty({ id: 'f3', name: 'Fen Edebiyat Fakültesi', schoolId: 'sch2', representative: userList[3] })
+  ];
+
+  // 3. Classrooms
+  const classrooms = [
+    new Classroom({ id: 'c1', name: 'Web Geliştirme 101', schoolId: 'sch1', teacher: userList[0], password: 'armoyu_learn' }),
+    new Classroom({ id: 'c2', name: 'Algoritma ve Veri Yapıları', schoolId: 'sch1', teacher: userList[14] }),
+    new Classroom({ id: 'c3', name: 'Dijital Tasarım', schoolId: 'sch2', teacher: userList[1] })
+  ];
+
+  // 4. Schools
+  const schools = [
+    new School({
+      id: 'sch1',
+      name: 'İstanbul Teknik Üniversitesi',
+      slug: 'itu',
+      logo: 'https://upload.wikimedia.org/wikipedia/tr/a/ae/%C4%B0T%C3%9C_Logo.png',
+      representative: userList[0],
+      faculties: faculties.filter(f => f.schoolId === 'sch1'),
+      teams: teams.filter(t => t.schoolId === 'sch1'),
+      classrooms: classrooms.filter(cl => cl.schoolId === 'sch1'),
+      memberCount: 1250
+    }),
+    new School({
+      id: 'sch2',
+      name: 'Boğaziçi Üniversitesi',
+      slug: 'bogazici',
+      logo: 'https://upload.wikimedia.org/wikipedia/tr/b/b3/Bo%C4%9Fazi%C3%A7i_%C3%9Cniversitesi_Logosu.png',
+      representative: userList[1],
+      faculties: faculties.filter(f => f.schoolId === 'sch2'),
+      teams: teams.filter(t => t.schoolId === 'sch2'),
+      classrooms: classrooms.filter(cl => cl.schoolId === 'sch2'),
+      memberCount: 890
+    }),
+    new School({
+      id: 'sch3',
+      name: 'Sivas Cumhuriyet Üniversitesi',
+      slug: 'cumhuriyet',
+      logo: 'https://upload.wikimedia.org/wikipedia/tr/a/ac/Cumhuriyet_%C3%9Cniversitesi_Logosu.png',
+      representative: userList[2],
+      faculties: [
+        new Faculty({ id: 'f4', name: 'Tıp Fakültesi', schoolId: 'sch3', representative: userList[4] }),
+        new Faculty({ id: 'f5', name: 'Eğitim Fakültesi', schoolId: 'sch3', representative: userList[5] })
+      ],
+      teams: [
+        new SchoolTeam({ id: 'st4', name: 'CU Eagles Volleyball', gameOrSport: 'Volleyball', type: 'TRADITIONAL_SPORTS', schoolId: 'sch3', captain: userList[2] }),
+        new SchoolTeam({ id: 'st5', name: 'CU Valorant', gameOrSport: 'Valorant', type: 'ESPORTS', schoolId: 'sch3', captain: userList[4] })
+      ],
+      classrooms: [
+        new Classroom({ id: 'c4', name: 'Temel Programlama', schoolId: 'sch3', teacher: userList[2] })
+      ],
+      memberCount: 2100
+    }),
+    new School({
+      id: 'sch4',
+      name: 'Tokat Gaziosmanpaşa Üniversitesi',
+      slug: 'gop',
+      logo: 'https://upload.wikimedia.org/wikipedia/tr/5/5e/Tokat_Gaziosmanpa%C5%9Fa_%C3%9Cniversitesi_Logosu.png',
+      representative: userList[3],
+      faculties: [
+        new Faculty({ id: 'f6', name: 'Ziraat Fakültesi', schoolId: 'sch4', representative: userList[3] })
+      ],
+      teams: [
+        new SchoolTeam({ id: 'st6', name: 'GOP Football', gameOrSport: 'Football', type: 'TRADITIONAL_SPORTS', schoolId: 'sch4', captain: userList[3] })
+      ],
+      classrooms: [],
+      memberCount: 1450
+    }),
+    new School({
+      id: 'sch5',
+      name: 'Samsun Ondokuz Mayıs Üniversitesi',
+      slug: 'omu',
+      logo: 'https://upload.wikimedia.org/wikipedia/tr/6/6d/Ondokuz_May%C4%B1s_%C3%9Cniversitesi_Logosu.png',
+      representative: userList[10],
+      faculties: [
+        new Faculty({ id: 'f7', name: 'Hukuk Fakültesi', schoolId: 'sch5', representative: userList[10] })
+      ],
+      teams: [
+         new SchoolTeam({ id: 'st7', name: 'OMU Cyber Sports', gameOrSport: 'DotA 2', type: 'ESPORTS', schoolId: 'sch5', captain: userList[11] })
+      ],
+      classrooms: [],
+      memberCount: 3200
+    })
+  ];
+
+  return { schools, faculties, teams, classrooms };
+};
+