@armoyu/ui 1.0.0 → 1.0.1

package/dist/lib/constants/teamData.js

@@ -1,66 +1,66 @@
-import { Team } from '@armoyu/core';
-/**
- * Super League Teams Data
- */
-export const SUPER_LEAGUE_TEAMS = [
-    new Team({
-        id: 't1',
-        name: 'Galatasaray',
-        shortName: 'GS',
-        logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Galatasaray_Star_Logo.png/600px-Galatasaray_Star_Logo.png',
-        primaryColor: '#ef4444'
-    }),
-    new Team({
-        id: 't2',
-        name: 'Fenerbahçe',
-        shortName: 'FB',
-        logo: 'https://upload.wikimedia.org/wikipedia/tr/thumb/8/86/Fenerbah%C3%A7e_SK.png/600px-Fenerbah%C3%A7e_SK.png',
-        primaryColor: '#fbbf24'
-    }),
-    new Team({
-        id: 't3',
-        name: 'Beşiktaş',
-        shortName: 'BJK',
-        logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Logo_of_Be%C5%9Fikta%C5%9F_JK.svg/600px-Logo_of_Be%C5%9Fikta%C5%9F_JK.svg.png',
-        primaryColor: '#000000'
-    }),
-    new Team({
-        id: 't4',
-        name: 'Trabzonspor',
-        shortName: 'TS',
-        logo: 'https://upload.wikimedia.org/wikipedia/tr/thumb/a/ab/Trabzonspor_Logo.png/600px-Trabzonspor_Logo.png',
-        primaryColor: '#9d174d'
-    }),
-    new Team({
-        id: 't5',
-        name: 'Başakşehir',
-        shortName: 'IBFK',
-        logo: 'https://upload.wikimedia.org/wikipedia/tr/thumb/c/c6/Istanbul_Basaksehir_FK.png/600px-Istanbul_Basaksehir_FK.png',
-        primaryColor: '#f97316'
-    }),
-    new Team({
-        id: 'none',
-        name: 'Takım Tutmuyorum',
-        shortName: 'NONE',
-        logo: '',
-        primaryColor: '#808080'
-    })
-];
-/**
- * Zodiac Signs Data
- */
-export const ZODIAC_SIGNS = [
-    { name: 'Koç', icon: '♈' },
-    { name: 'Boğa', icon: '♉' },
-    { name: 'İkizler', icon: '♊' },
-    { name: 'Yengeç', icon: '♋' },
-    { name: 'Aslan', icon: '♌' },
-    { name: 'Başak', icon: '♍' },
-    { name: 'Terazi', icon: '♎' },
-    { name: 'Akrep', icon: '♏' },
-    { name: 'Yay', icon: '♐' },
-    { name: 'Oğlak', icon: '♑' },
-    { name: 'Kova', icon: '♒' },
-    { name: 'Balık', icon: '♓' }
-];
+import { Team } from '@armoyu/core';
+/**
+ * Super League Teams Data
+ */
+export const SUPER_LEAGUE_TEAMS = [
+    new Team({
+        id: 't1',
+        name: 'Galatasaray',
+        shortName: 'GS',
+        logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/37/Galatasaray_Star_Logo.png/600px-Galatasaray_Star_Logo.png',
+        primaryColor: '#ef4444'
+    }),
+    new Team({
+        id: 't2',
+        name: 'Fenerbahçe',
+        shortName: 'FB',
+        logo: 'https://upload.wikimedia.org/wikipedia/tr/thumb/8/86/Fenerbah%C3%A7e_SK.png/600px-Fenerbah%C3%A7e_SK.png',
+        primaryColor: '#fbbf24'
+    }),
+    new Team({
+        id: 't3',
+        name: 'Beşiktaş',
+        shortName: 'BJK',
+        logo: 'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Logo_of_Be%C5%9Fikta%C5%9F_JK.svg/600px-Logo_of_Be%C5%9Fikta%C5%9F_JK.svg.png',
+        primaryColor: '#000000'
+    }),
+    new Team({
+        id: 't4',
+        name: 'Trabzonspor',
+        shortName: 'TS',
+        logo: 'https://upload.wikimedia.org/wikipedia/tr/thumb/a/ab/Trabzonspor_Logo.png/600px-Trabzonspor_Logo.png',
+        primaryColor: '#9d174d'
+    }),
+    new Team({
+        id: 't5',
+        name: 'Başakşehir',
+        shortName: 'IBFK',
+        logo: 'https://upload.wikimedia.org/wikipedia/tr/thumb/c/c6/Istanbul_Basaksehir_FK.png/600px-Istanbul_Basaksehir_FK.png',
+        primaryColor: '#f97316'
+    }),
+    new Team({
+        id: 'none',
+        name: 'Takım Tutmuyorum',
+        shortName: 'NONE',
+        logo: '',
+        primaryColor: '#808080'
+    })
+];
+/**
+ * Zodiac Signs Data
+ */
+export const ZODIAC_SIGNS = [
+    { name: 'Koç', icon: '♈' },
+    { name: 'Boğa', icon: '♉' },
+    { name: 'İkizler', icon: '♊' },
+    { name: 'Yengeç', icon: '♋' },
+    { name: 'Aslan', icon: '♌' },
+    { name: 'Başak', icon: '♍' },
+    { name: 'Terazi', icon: '♎' },
+    { name: 'Akrep', icon: '♏' },
+    { name: 'Yay', icon: '♐' },
+    { name: 'Oğlak', icon: '♑' },
+    { name: 'Kova', icon: '♒' },
+    { name: 'Balık', icon: '♓' }
+];
 //# sourceMappingURL=teamData.js.map

package/dist/types/stats.d.ts

@@ -1,18 +1,18 @@
-/**
- * Global Statistics Interface
- * Bu arayüz, sitemizin genelindeki tüm sayısal verileri tutmak için tasarlanmıştır.
- * İlerleyen aşamalarda bu veriler backend API üzerinden dinamik olarak beslenecektir.
- */
-export interface GlobalStats {
-    totalPlayers: number;
-    malePlayers: number;
-    femalePlayers: number;
-    totalForums: number;
-    totalPolls: number;
-    activeUsers24h: number;
-    totalMatchesPlayed: number;
-    totalGuilds: number;
-    monthlyVisitors: number;
-    totalNews: number;
-}
+/**
+ * Global Statistics Interface
+ * Bu arayüz, sitemizin genelindeki tüm sayısal verileri tutmak için tasarlanmıştır.
+ * İlerleyen aşamalarda bu veriler backend API üzerinden dinamik olarak beslenecektir.
+ */
+export interface GlobalStats {
+    totalPlayers: number;
+    malePlayers: number;
+    femalePlayers: number;
+    totalForums: number;
+    totalPolls: number;
+    activeUsers24h: number;
+    totalMatchesPlayed: number;
+    totalGuilds: number;
+    monthlyVisitors: number;
+    totalNews: number;
+}
 //# sourceMappingURL=stats.d.ts.map

package/dist/types/stats.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=stats.js.map

package/next.config.ts

@@ -1,13 +1,13 @@
-import type { NextConfig } from "next";
-
-const nextConfig: any = {
-  /* config options here */
-  typescript: {
-    ignoreBuildErrors: true,
-  },
-  eslint: {
-    ignoreDuringBuilds: true,
-  }
-};
-
-export default nextConfig;
+import type { NextConfig } from "next";
+
+const nextConfig: any = {
+  /* config options here */
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  eslint: {
+    ignoreDuringBuilds: true,
+  }
+};
+
+export default nextConfig;

package/package.json

@@ -1,46 +1,45 @@
-{
-  "name": "@armoyu/ui",
-  "version": "1.0.0",
-  "description": "UI component library for ARMOYU platforms.",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "src",
-    "tailwind.config.ts",
-    "postcss.config.js",
-    "next.config.ts"
-  ],
-  "private": false,
-  "scripts": {
-    "build": "tsc -p tsconfig.lib.json",
-    "watch": "tsc -p tsconfig.lib.json --watch",
-    "dev": "next dev"
-  },
-  "peerDependencies": {
-    "@armoyu/core": "file:../armoyu-core/armoyu-core-1.0.0.tgz",
-    "lucide-react": "^1.7.0",
-    "next": "^16.1.7",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "socket.io-client": "^4.8.3"
-  },
-  "devDependencies": {
-    "@armoyu/core": "file:../armoyu-core/armoyu-core-1.0.0.tgz",
-    "@tailwindcss/postcss": "^4.2.2",
-    "@types/node": "^20.0.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "autoprefixer": "^10.4.27",
-    "lucide-react": "^1.7.0",
-    "next": "^16.1.7",
-    "postcss": "^8.5.8",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "socket.io-client": "^4.8.3",
-    "tailwindcss": "^4.2.2",
-    "tsc-alias": "^1.8.16",
-    "typescript": "^5.9.3"
-  }
-}
+{
+  "name": "@armoyu/ui",
+  "version": "1.0.1",
+  "description": "UI component library for ARMOYU platforms.",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "tailwind.config.ts",
+    "postcss.config.js",
+    "next.config.ts"
+  ],
+  "private": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.lib.json",
+    "watch": "tsc -p tsconfig.lib.json --watch",
+    "dev": "next dev"
+  },
+  "dependencies": {
+    "@armoyu/core": "^1.0.0",
+    "lucide-react": "^1.7.0",
+    "socket.io-client": "^4.8.3"
+  },
+  "peerDependencies": {
+    "next": "^16.1.7",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.2",
+    "@types/node": "^20.0.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "autoprefixer": "^10.4.27",
+    "next": "^16.1.7",
+    "postcss": "^8.5.8",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tailwindcss": "^4.2.2",
+    "tsc-alias": "^1.8.16",
+    "typescript": "^5.9.3"
+  }
+}

package/postcss.config.js

@@ -1,6 +1,6 @@
-module.exports = {
-  plugins: {
-    '@tailwindcss/postcss': {},
-    autoprefixer: {},
-  },
-}
+module.exports = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+    autoprefixer: {},
+  },
+}

package/src/app/layout.tsx

@@ -1,64 +1,67 @@
-import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
-import "../globals.css";
-import { ThemeProvider } from "../context/ThemeContext";
-import { LayoutProvider } from "../context/LayoutContext";
-import { AuthProvider } from "../context/AuthContext";
-import { SocketProvider } from "../context/SocketContext";
-import { CartProvider } from "../context/CartContext";
-import { ChatProvider } from "../context/ChatContext";
-
-const inter = Inter({ subsets: ['latin'] });
-
-export const metadata: Metadata = {
-  title: "ARMOYU UI Showcase",
-  description: "Visual component gallery for Armoyu UI Library",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="tr" className="scroll-smooth dark" suppressHydrationWarning>
-      <head>
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `
-              (function() {
-                try {
-                  var theme = localStorage.getItem('armoyu_theme');
-                  if (theme === 'light') {
-                    document.documentElement.classList.remove('dark');
-                  } else {
-                    document.documentElement.classList.add('dark');
-                  }
-                } catch (e) {}
-              })();
-            `,
-          }}
-        />
-      </head>
-      <body className={`${inter.className} bg-armoyu-bg text-armoyu-text min-h-screen flex flex-col antialiased relative transition-colors duration-500`}>
-        <ThemeProvider>
-          <AuthProvider>
-            <SocketProvider>
-              <LayoutProvider>
-                <CartProvider>
-                  <ChatProvider>
-                    <div className="fixed inset-0 pointer-events-none z-[-1]">
-                      <div className="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-blue-600/20 blur-[120px] rounded-full" />
-                      <div className="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-purple-600/20 blur-[120px] rounded-full" />
-                    </div>
-                    {children}
-                  </ChatProvider>
-                </CartProvider>
-              </LayoutProvider>
-            </SocketProvider>
-          </AuthProvider>
-        </ThemeProvider>
-      </body>
-    </html>
-  );
-}
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import "../globals.css";
+import { ThemeProvider } from "../context/ThemeContext";
+import { LayoutProvider } from "../context/LayoutContext";
+import { AuthProvider } from "../context/AuthContext";
+import { SocketProvider } from "../context/SocketContext";
+import { CartProvider } from "../context/CartContext";
+import { ChatProvider } from "../context/ChatContext";
+
+const inter = Inter({ 
+  subsets: ['latin'],
+  variable: '--font-inter',
+});
+
+export const metadata: Metadata = {
+  title: "ARMOYU UI Showcase",
+  description: "Visual component gallery for Armoyu UI Library",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="tr" className="scroll-smooth dark" suppressHydrationWarning>
+      <head>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  var theme = localStorage.getItem('armoyu_theme');
+                  if (theme === 'light') {
+                    document.documentElement.classList.remove('dark');
+                  } else {
+                    document.documentElement.classList.add('dark');
+                  }
+                } catch (e) {}
+              })();
+            `,
+          }}
+        />
+      </head>
+      <body className={`${inter.variable} ${inter.className} bg-armoyu-bg text-armoyu-text min-h-screen flex flex-col antialiased relative transition-colors duration-500`}>
+        <ThemeProvider>
+          <AuthProvider>
+            <SocketProvider>
+              <LayoutProvider>
+                <CartProvider>
+                  <ChatProvider>
+                    <div className="fixed inset-0 pointer-events-none z-[-1]">
+                      <div className="absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-blue-600/20 blur-[120px] rounded-full" />
+                      <div className="absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-purple-600/20 blur-[120px] rounded-full" />
+                    </div>
+                    {children}
+                  </ChatProvider>
+                </CartProvider>
+              </LayoutProvider>
+            </SocketProvider>
+          </AuthProvider>
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}

package/src/app/page.tsx

@@ -1,101 +1,101 @@
-'use client';
-
-import React, { useState } from 'react';
-import { 
-  Box, 
-  Layers, 
-  Share2, 
-  User, 
-  MessageSquare, 
-  ShoppingBag, 
-  Users 
-} from 'lucide-react';
-
-// Showcase Components
-import { GeneralTab } from '../components/showcase/GeneralTab';
-import { CorporateTab } from '../components/showcase/CorporateTab';
-import { SocialTab } from '../components/showcase/SocialTab';
-import { ProfileTab } from '../components/showcase/ProfileTab';
-import { MessagesTab } from '../components/showcase/MessagesTab';
-import { CommunityTab } from '../components/showcase/CommunityTab';
-import { ShopTab } from '../components/showcase/ShopTab';
-
-export default function ShowcasePage() {
-  const [activeTab, setActiveTab] = useState('Genel');
-
-  const tabs = [
-    { name: 'Genel', icon: <Box size={18} /> },
-    { name: 'Kurumsal', icon: <Layers size={18} /> },
-    { name: 'Sosyal', icon: <Share2 size={18} /> },
-    { name: 'Profil', icon: <User size={18} /> },
-    { name: 'Mesajlar', icon: <MessageSquare size={18} /> },
-    { name: 'Topluluk', icon: <Users size={18} /> },
-    { name: 'Mağaza', icon: <ShoppingBag size={18} /> },
-  ];
-
-  const renderTabContent = () => {
-    switch (activeTab) {
-      case 'Genel': return <GeneralTab />;
-      case 'Kurumsal': return <CorporateTab />;
-      case 'Sosyal': return <SocialTab />;
-      case 'Profil': return <ProfileTab />;
-      case 'Mesajlar': return <MessagesTab />;
-      case 'Topluluk': return <CommunityTab />;
-      case 'Mağaza': return <ShopTab />;
-      default: return <GeneralTab />;
-    }
-  };
-
-  return (
-    <div className="min-h-screen bg-armoyu-bg flex flex-col font-sans selection:bg-blue-500/30">
-      
-      {/* MINIMAL SHOWCASE HEADER */}
-      <nav className="sticky top-0 z-[110] w-full border-b border-white/5 bg-black/20 backdrop-blur-2xl">
-        <div className="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
-          <div className="flex items-center gap-4">
-            <div className="w-8 h-8 rounded-xl bg-gradient-to-br from-blue-600 to-indigo-600 flex items-center justify-center shadow-lg shadow-blue-600/20">
-               <span className="text-white font-black text-xs italic">UI</span>
-            </div>
-            <div>
-               <h2 className="text-sm font-black text-armoyu-text uppercase tracking-tighter italic">ARMOYU <span className="text-blue-500">VITRINI</span></h2>
-               <p className="text-[9px] font-bold text-armoyu-text-muted uppercase tracking-[0.2em] opacity-50">V3 Design System</p>
-            </div>
-          </div>
-
-          <div className="hidden md:flex items-center gap-1 bg-white/5 p-1 rounded-xl border border-white/5">
-             {tabs.map((tab) => (
-               <button
-                 key={tab.name}
-                 onClick={() => setActiveTab(tab.name)}
-                 className={`px-4 py-2 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all italic ${
-                   activeTab === tab.name
-                     ? 'bg-white dark:bg-white/10 text-blue-500 shadow-sm'
-                     : 'text-armoyu-text-muted hover:text-armoyu-text'
-                 }`}
-               >
-                 {tab.name}
-               </button>
-             ))}
-          </div>
-
-          <div className="flex items-center gap-3">
-             <span className="text-[10px] font-black py-1.5 px-3 rounded-full bg-emerald-500/10 text-emerald-500 border border-emerald-500/20 uppercase tracking-widest">v1.0.0 Stable</span>
-          </div>
-        </div>
-      </nav>
-
-      <main className="flex-1 max-w-7xl mx-auto w-full px-4 py-12">
-        <div className="animate-in fade-in slide-in-from-bottom-4 duration-700">
-           {renderTabContent()}
-        </div>
-      </main>
-
-      {/* MINIMAL SHOWCASE FOOTER */}
-      <footer className="py-8 border-t border-white/5 text-center">
-         <p className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.4em] opacity-30 italic">
-            © 2024 ARMOYU DEVELOPER EXPERIENCE • VITRIN MODU
-         </p>
-      </footer>
-    </div>
-  );
-}
+'use client';
+
+import React, { useState } from 'react';
+import { 
+  Box, 
+  Layers, 
+  Share2, 
+  User, 
+  MessageSquare, 
+  ShoppingBag, 
+  Users 
+} from 'lucide-react';
+
+// Showcase Components
+import { GeneralTab } from '../components/showcase/GeneralTab';
+import { CorporateTab } from '../components/showcase/CorporateTab';
+import { SocialTab } from '../components/showcase/SocialTab';
+import { ProfileTab } from '../components/showcase/ProfileTab';
+import { MessagesTab } from '../components/showcase/MessagesTab';
+import { CommunityTab } from '../components/showcase/CommunityTab';
+import { ShopTab } from '../components/showcase/ShopTab';
+
+export default function ShowcasePage() {
+  const [activeTab, setActiveTab] = useState('Genel');
+
+  const tabs = [
+    { name: 'Genel', icon: <Box size={18} /> },
+    { name: 'Kurumsal', icon: <Layers size={18} /> },
+    { name: 'Sosyal', icon: <Share2 size={18} /> },
+    { name: 'Profil', icon: <User size={18} /> },
+    { name: 'Mesajlar', icon: <MessageSquare size={18} /> },
+    { name: 'Topluluk', icon: <Users size={18} /> },
+    { name: 'Mağaza', icon: <ShoppingBag size={18} /> },
+  ];
+
+  const renderTabContent = () => {
+    switch (activeTab) {
+      case 'Genel': return <GeneralTab />;
+      case 'Kurumsal': return <CorporateTab />;
+      case 'Sosyal': return <SocialTab />;
+      case 'Profil': return <ProfileTab />;
+      case 'Mesajlar': return <MessagesTab />;
+      case 'Topluluk': return <CommunityTab />;
+      case 'Mağaza': return <ShopTab />;
+      default: return <GeneralTab />;
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-armoyu-bg flex flex-col font-sans selection:bg-blue-500/30">
+      
+      {/* MINIMAL SHOWCASE HEADER */}
+      <nav className="sticky top-0 z-[110] w-full border-b border-white/5 bg-black/20 backdrop-blur-2xl">
+        <div className="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
+          <div className="flex items-center gap-4">
+            <div className="w-8 h-8 rounded-xl bg-gradient-to-br from-blue-600 to-indigo-600 flex items-center justify-center shadow-lg shadow-blue-600/20">
+               <span className="text-white font-black text-xs italic">UI</span>
+            </div>
+            <div>
+               <h2 className="text-sm font-black text-armoyu-text uppercase tracking-tighter italic">ARMOYU <span className="text-blue-500">VITRINI</span></h2>
+               <p className="text-[9px] font-bold text-armoyu-text-muted uppercase tracking-[0.2em] opacity-50">V3 Design System</p>
+            </div>
+          </div>
+
+          <div className="hidden md:flex items-center gap-1 bg-white/5 p-1 rounded-xl border border-white/5">
+             {tabs.map((tab) => (
+               <button
+                 key={tab.name}
+                 onClick={() => setActiveTab(tab.name)}
+                 className={`px-4 py-2 rounded-lg text-[10px] font-black uppercase tracking-widest transition-all italic ${
+                   activeTab === tab.name
+                     ? 'bg-white dark:bg-white/10 text-blue-500 shadow-sm'
+                     : 'text-armoyu-text-muted hover:text-armoyu-text'
+                 }`}
+               >
+                 {tab.name}
+               </button>
+             ))}
+          </div>
+
+          <div className="flex items-center gap-3">
+             <span className="text-[10px] font-black py-1.5 px-3 rounded-full bg-emerald-500/10 text-emerald-500 border border-emerald-500/20 uppercase tracking-widest">v1.0.0 Stable</span>
+          </div>
+        </div>
+      </nav>
+
+      <main className="flex-1 max-w-7xl mx-auto w-full px-4 py-12">
+        <div className="animate-in fade-in slide-in-from-bottom-4 duration-700">
+           {renderTabContent()}
+        </div>
+      </main>
+
+      {/* MINIMAL SHOWCASE FOOTER */}
+      <footer className="py-8 border-t border-white/5 text-center">
+         <p className="text-[10px] font-black text-armoyu-text-muted uppercase tracking-[0.4em] opacity-30 italic">
+            © 2024 ARMOYU DEVELOPER EXPERIENCE • VITRIN MODU
+         </p>
+      </footer>
+    </div>
+  );
+}