@armoyu/ui 1.0.0 → 1.0.2

package/dist/app/api/proxy/[...path]/route.d.ts

@@ -0,0 +1,22 @@
+import { NextRequest, NextResponse } from 'next/server';
+export declare function POST(req: NextRequest, { params }: {
+    params: Promise<{
+        path: string[];
+    }>;
+}): Promise<NextResponse<any>>;
+export declare function GET(req: NextRequest, { params }: {
+    params: Promise<{
+        path: string[];
+    }>;
+}): Promise<NextResponse<any>>;
+export declare function PUT(req: NextRequest, { params }: {
+    params: Promise<{
+        path: string[];
+    }>;
+}): Promise<NextResponse<any>>;
+export declare function DELETE(req: NextRequest, { params }: {
+    params: Promise<{
+        path: string[];
+    }>;
+}): Promise<NextResponse<any>>;
+//# sourceMappingURL=route.d.ts.map

package/dist/app/api/proxy/[...path]/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../src/app/api/proxy/[...path]/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAExD,wBAAsB,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;CAAE,8BAG/F;AAED,wBAAsB,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;CAAE,8BAG9F;AAED,wBAAsB,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;CAAE,8BAG9F;AAED,wBAAsB,MAAM,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAC;QAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;CAAE,8BAGjG"}

package/dist/app/api/proxy/[...path]/route.js

@@ -0,0 +1,89 @@
+import { NextResponse } from 'next/server';
+export async function POST(req, { params }) {
+    const { path } = await params;
+    return handleProxy(req, path);
+}
+export async function GET(req, { params }) {
+    const { path } = await params;
+    return handleProxy(req, path);
+}
+export async function PUT(req, { params }) {
+    const { path } = await params;
+    return handleProxy(req, path);
+}
+export async function DELETE(req, { params }) {
+    const { path } = await params;
+    return handleProxy(req, path);
+}
+async function handleProxy(req, pathSegments) {
+    const apiKey = req.headers.get('x-api-key') || '';
+    const endpoint = '/' + pathSegments.join('/');
+    if (!apiKey) {
+        return NextResponse.json({ durum: 0, aciklama: 'X-API-KEY header missing' }, { status: 400 });
+    }
+    // Target Armoyu API
+    const targetUrl = `https://api.armoyu.com/botlar/${apiKey}${endpoint}`;
+    const method = req.method;
+    const headers = new Headers();
+    // Helper to safely set headers and avoid ISO-8859-1 errors
+    const safeSetHeader = (key, value) => {
+        if (!value)
+            return;
+        const isAscii = /^[ -~]*$/.test(value);
+        if (isAscii) {
+            headers.set(key, value);
+        }
+        else {
+            console.warn(`[Proxy] Skipping header ${key} due to non-ASCII characters`);
+        }
+    };
+    // Whitelist of headers to forward
+    const allowedHeaders = ['authorization', 'content-type', 'x-api-key', 'accept', 'user-agent', 'x-requested-with'];
+    req.headers.forEach((value, key) => {
+        if (allowedHeaders.includes(key.toLowerCase())) {
+            safeSetHeader(key, value);
+        }
+    });
+    if (apiKey) {
+        safeSetHeader('X-API-KEY', apiKey);
+    }
+    try {
+        const fetchOptions = {
+            method,
+            headers,
+            cache: 'no-store'
+        };
+        if (method !== 'GET' && method !== 'HEAD') {
+            try {
+                const bodyClone = req.clone();
+                const arrayBuffer = await bodyClone.arrayBuffer();
+                if (arrayBuffer.byteLength > 0) {
+                    fetchOptions.body = arrayBuffer;
+                }
+            }
+            catch (bodyError) {
+                console.warn(`[Proxy] Body read warning: ${bodyError.message}`);
+            }
+        }
+        const response = await fetch(targetUrl, fetchOptions);
+        const responseText = await response.text();
+        let responseData;
+        try {
+            responseData = JSON.parse(responseText);
+        }
+        catch {
+            responseData = responseText;
+        }
+        return NextResponse.json(responseData, { status: response.status });
+    }
+    catch (error) {
+        console.error(`[Proxy Error] ${method} ${targetUrl}:`, error);
+        return NextResponse.json({
+            durum: 0,
+            aciklama: `Proxy Error: ${error.message}`,
+            targetUrl,
+            error: error.stack
+        }, { status: 500 });
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist/app/api/proxy/[...path]/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../../../../../src/app/api/proxy/[...path]/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,CAAC,KAAK,UAAU,IAAI,CAAC,GAAgB,EAAE,EAAE,MAAM,EAA2C;IAC9F,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC;IAC9B,OAAO,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,GAAG,CAAC,GAAgB,EAAE,EAAE,MAAM,EAA2C;IAC7F,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC;IAC9B,OAAO,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,GAAG,CAAC,GAAgB,EAAE,EAAE,MAAM,EAA2C;IAC7F,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC;IAC9B,OAAO,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,GAAgB,EAAE,EAAE,MAAM,EAA2C;IAChG,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC;IAC9B,OAAO,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC;AAED,KAAK,UAAU,WAAW,CAAC,GAAgB,EAAE,YAAsB;IACjE,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAClD,MAAM,QAAQ,GAAG,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE9C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,0BAA0B,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IAChG,CAAC;IAED,oBAAoB;IACpB,MAAM,SAAS,GAAG,iCAAiC,MAAM,GAAG,QAAQ,EAAE,CAAC;IAEvE,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IAE9B,2DAA2D;IAC3D,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;QACnD,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,2BAA2B,GAAG,8BAA8B,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC,CAAC;IAEF,kCAAkC;IAClC,MAAM,cAAc,GAAG,CAAC,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC;IAElH,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACjC,IAAI,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;YAC/C,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,MAAM,EAAE,CAAC;QACX,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,CAAC;QACH,MAAM,YAAY,GAAQ;YACxB,MAAM;YACN,OAAO;YACP,KAAK,EAAE,UAAU;SAClB,CAAC;QAEF,IAAI,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YAC1C,IAAI,CAAC;gBACH,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,EAAE,CAAC;gBAC9B,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,WAAW,EAAE,CAAC;gBAClD,IAAI,WAAW,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;oBAC/B,YAAY,CAAC,IAAI,GAAG,WAAW,CAAC;gBAClC,CAAC;YACH,CAAC;YAAC,OAAO,SAAc,EAAE,CAAC;gBACxB,OAAO,CAAC,IAAI,CAAC,8BAA8B,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;YAClE,CAAC;QACH,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACtD,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAE3C,IAAI,YAAY,CAAC;QACjB,IAAI,CAAC;YACH,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC1C,CAAC;QAAC,MAAM,CAAC;YACP,YAAY,GAAG,YAAY,CAAC;QAC9B,CAAC;QAED,OAAO,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IACtE,CAAC;IAAC,OAAO,KAAU,EAAE,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,iBAAiB,MAAM,IAAI,SAAS,GAAG,EAAE,KAAK,CAAC,CAAC;QAC9D,OAAO,YAAY,CAAC,IAAI,CAAC;YACvB,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,gBAAgB,KAAK,CAAC,OAAO,EAAE;YACzC,SAAS;YACT,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IACtB,CAAC;AACH,CAAC"}

package/dist/app/layout.js

@@ -14,17 +14,17 @@ export const metadata = {
 };
 export default function RootLayout({ children, }) {
     return (_jsxs("html", { lang: "tr", className: "scroll-smooth dark", suppressHydrationWarning: true, children: [_jsx("head", { children: _jsx("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) {}
-              })();
+                        __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) {}
+              })();
             `,
                     } }) }), _jsx("body", { className: `${inter.className} bg-armoyu-bg text-armoyu-text min-h-screen flex flex-col antialiased relative transition-colors duration-500`, children: _jsx(ThemeProvider, { children: _jsx(AuthProvider, { children: _jsx(SocketProvider, { children: _jsx(LayoutProvider, { children: _jsx(CartProvider, { children: _jsxs(ChatProvider, { children: [_jsxs("div", { className: "fixed inset-0 pointer-events-none z-[-1]", children: [_jsx("div", { className: "absolute top-[-10%] left-[-10%] w-[40%] h-[40%] bg-blue-600/20 blur-[120px] rounded-full" }), _jsx("div", { className: "absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-purple-600/20 blur-[120px] rounded-full" })] }), children] }) }) }) }) }) }) })] }));
 }

package/dist/components/Button.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
-    isLoading?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button };
+import * as React from "react";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    isLoading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-const Button = React.forwardRef(({ className = '', variant = 'primary', isLoading, children, ...props }, ref) => {
-    // Core aesthetic premium styling (Glassmorphism & Modern UI)
-    const baseStyles = "inline-flex items-center justify-center rounded-lg text-sm font-medium transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 cursor-pointer";
-    const variants = {
-        primary: "bg-blue-600 text-white hover:bg-blue-700 hover:shadow-[0_0_15px_rgba(37,99,235,0.5)] border border-transparent",
-        secondary: "bg-white/5 text-white hover:bg-white/10 backdrop-blur-md border border-white/10 hover:border-white/20 shadow-[0_4px_30px_rgba(0,0,0,0.1)]",
-        danger: "bg-red-500/80 text-white hover:bg-red-600 border border-red-500/50 hover:shadow-[0_0_15px_rgba(239,68,68,0.5)]",
-        ghost: "hover:bg-white/10 hover:text-white text-gray-300"
-    };
-    return (_jsxs("button", { ref: ref, className: `${baseStyles} ${variants[variant]} ${className}`, disabled: isLoading || props.disabled, ...props, children: [isLoading ? (_jsxs("span", { className: "mr-2 relative flex h-4 w-4", children: [_jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75" }), _jsx("span", { className: "relative inline-flex rounded-full h-4 w-4 bg-white/50 border-2 border-white border-t-transparent animate-spin" })] })) : null, children] }));
-});
-Button.displayName = "Button";
-export { Button };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+const Button = React.forwardRef(({ className = '', variant = 'primary', isLoading, children, ...props }, ref) => {
+    // Core aesthetic premium styling (Glassmorphism & Modern UI)
+    const baseStyles = "inline-flex items-center justify-center rounded-lg text-sm font-medium transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 disabled:pointer-events-none disabled:opacity-50 h-10 px-4 py-2 cursor-pointer";
+    const variants = {
+        primary: "bg-blue-600 text-white hover:bg-blue-700 hover:shadow-[0_0_15px_rgba(37,99,235,0.5)] border border-transparent",
+        secondary: "bg-white/5 text-white hover:bg-white/10 backdrop-blur-md border border-white/10 hover:border-white/20 shadow-[0_4px_30px_rgba(0,0,0,0.1)]",
+        danger: "bg-red-500/80 text-white hover:bg-red-600 border border-red-500/50 hover:shadow-[0_0_15px_rgba(239,68,68,0.5)]",
+        ghost: "hover:bg-white/10 hover:text-white text-gray-300"
+    };
+    return (_jsxs("button", { ref: ref, className: `${baseStyles} ${variants[variant]} ${className}`, disabled: isLoading || props.disabled, ...props, children: [isLoading ? (_jsxs("span", { className: "mr-2 relative flex h-4 w-4", children: [_jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75" }), _jsx("span", { className: "relative inline-flex rounded-full h-4 w-4 bg-white/50 border-2 border-white border-t-transparent animate-spin" })] })) : null, children] }));
+});
+Button.displayName = "Button";
+export { Button };
 //# sourceMappingURL=Button.js.map

package/dist/components/GenderStatsBar.d.ts

@@ -1,6 +1,6 @@
-export interface GenderStatsBarProps {
-    maleCount: number;
-    femaleCount: number;
-}
-export declare function GenderStatsBar({ maleCount, femaleCount }: GenderStatsBarProps): import("react/jsx-runtime").JSX.Element;
+export interface GenderStatsBarProps {
+    maleCount: number;
+    femaleCount: number;
+}
+export declare function GenderStatsBar({ maleCount, femaleCount }: GenderStatsBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GenderStatsBar.d.ts.map

package/dist/components/GenderStatsBar.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function GenderStatsBar({ maleCount = 50, femaleCount = 50 }) {
-    const total = maleCount + femaleCount;
-    const malePercentage = total > 0 ? Math.round((maleCount / total) * 100) : 0;
-    const femalePercentage = total > 0 ? 100 - malePercentage : 0;
-    return (_jsxs("div", { className: "w-full space-y-3", children: [_jsxs("div", { className: "flex justify-between items-end px-1", children: [_jsxs("div", { className: "flex items-center gap-2 text-blue-400", 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", className: "drop-shadow-[0_0_8px_rgba(59,130,246,0.6)]", children: [_jsx("circle", { cx: "10", cy: "14", r: "5" }), _jsx("line", { x1: "13.5", y1: "10.5", x2: "19", y2: "5" }), _jsx("polyline", { points: "14 5 19 5 19 10" })] }), _jsxs("span", { className: "font-extrabold text-xl tracking-tight", children: [malePercentage, "%"] }), _jsxs("span", { className: "text-gray-400 text-sm hidden sm:inline border-l border-white/10 pl-2 ml-1", children: ["Erkek \u00DCyeler (", maleCount.toLocaleString('tr-TR'), ")"] })] }), _jsxs("div", { className: "flex items-center gap-2 text-pink-400", children: [_jsxs("span", { className: "text-gray-400 text-sm hidden sm:inline border-r border-white/10 pr-2 mr-1 text-right", children: ["Kad\u0131n \u00DCyeler (", femaleCount.toLocaleString('tr-TR'), ")"] }), _jsxs("span", { className: "font-extrabold text-xl tracking-tight", children: [femalePercentage, "%"] }), _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", className: "drop-shadow-[0_0_8px_rgba(236,72,153,0.6)]", children: [_jsx("circle", { cx: "12", cy: "10", r: "5" }), _jsx("line", { x1: "12", y1: "15", x2: "12", y2: "22" }), _jsx("line", { x1: "9", y1: "19", x2: "15", y2: "19" })] })] })] }), _jsxs("div", { className: "w-full h-5 rounded-full bg-white/5 border border-white/10 flex overflow-hidden shadow-inner p-0.5 relative", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/20 to-pink-500/20 blur-xl" }), _jsx("div", { className: "h-full bg-gradient-to-r from-blue-600 to-blue-400 shadow-[0_0_15px_rgba(59,130,246,0.8)] transition-all duration-[1500ms] cubic-bezier(0.4, 0, 0.2, 1) rounded-full z-10", style: { width: `${malePercentage}%` }, title: `Erkek: ${malePercentage}%` }), _jsx("div", { className: "h-full bg-gradient-to-r from-pink-400 to-pink-600 shadow-[0_0_15px_rgba(236,72,153,0.8)] transition-all duration-[1500ms] cubic-bezier(0.4, 0, 0.2, 1) rounded-full ml-1 z-10", style: { width: `calc(${femalePercentage}% - 4px)` }, title: `Kadın: ${femalePercentage}%` })] })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function GenderStatsBar({ maleCount = 50, femaleCount = 50 }) {
+    const total = maleCount + femaleCount;
+    const malePercentage = total > 0 ? Math.round((maleCount / total) * 100) : 0;
+    const femalePercentage = total > 0 ? 100 - malePercentage : 0;
+    return (_jsxs("div", { className: "w-full space-y-3", children: [_jsxs("div", { className: "flex justify-between items-end px-1", children: [_jsxs("div", { className: "flex items-center gap-2 text-blue-400", 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", className: "drop-shadow-[0_0_8px_rgba(59,130,246,0.6)]", children: [_jsx("circle", { cx: "10", cy: "14", r: "5" }), _jsx("line", { x1: "13.5", y1: "10.5", x2: "19", y2: "5" }), _jsx("polyline", { points: "14 5 19 5 19 10" })] }), _jsxs("span", { className: "font-extrabold text-xl tracking-tight", children: [malePercentage, "%"] }), _jsxs("span", { className: "text-gray-400 text-sm hidden sm:inline border-l border-white/10 pl-2 ml-1", children: ["Erkek \u00DCyeler (", maleCount.toLocaleString('tr-TR'), ")"] })] }), _jsxs("div", { className: "flex items-center gap-2 text-pink-400", children: [_jsxs("span", { className: "text-gray-400 text-sm hidden sm:inline border-r border-white/10 pr-2 mr-1 text-right", children: ["Kad\u0131n \u00DCyeler (", femaleCount.toLocaleString('tr-TR'), ")"] }), _jsxs("span", { className: "font-extrabold text-xl tracking-tight", children: [femalePercentage, "%"] }), _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", className: "drop-shadow-[0_0_8px_rgba(236,72,153,0.6)]", children: [_jsx("circle", { cx: "12", cy: "10", r: "5" }), _jsx("line", { x1: "12", y1: "15", x2: "12", y2: "22" }), _jsx("line", { x1: "9", y1: "19", x2: "15", y2: "19" })] })] })] }), _jsxs("div", { className: "w-full h-5 rounded-full bg-white/5 border border-white/10 flex overflow-hidden shadow-inner p-0.5 relative", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/20 to-pink-500/20 blur-xl" }), _jsx("div", { className: "h-full bg-gradient-to-r from-blue-600 to-blue-400 shadow-[0_0_15px_rgba(59,130,246,0.8)] transition-all duration-[1500ms] cubic-bezier(0.4, 0, 0.2, 1) rounded-full z-10", style: { width: `${malePercentage}%` }, title: `Erkek: ${malePercentage}%` }), _jsx("div", { className: "h-full bg-gradient-to-r from-pink-400 to-pink-600 shadow-[0_0_15px_rgba(236,72,153,0.8)] transition-all duration-[1500ms] cubic-bezier(0.4, 0, 0.2, 1) rounded-full ml-1 z-10", style: { width: `calc(${femalePercentage}% - 4px)` }, title: `Kadın: ${femalePercentage}%` })] })] }));
+}
 //# sourceMappingURL=GenderStatsBar.js.map

package/dist/components/RollingNumber.d.ts

@@ -1,7 +1,7 @@
-interface RollingNumberProps {
-    value: number | string;
-    className?: string;
-}
-export declare function RollingNumber({ value, className }: RollingNumberProps): import("react/jsx-runtime").JSX.Element;
-export {};
+interface RollingNumberProps {
+    value: number | string;
+    className?: string;
+}
+export declare function RollingNumber({ value, className }: RollingNumberProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=RollingNumber.d.ts.map

package/dist/components/RollingNumber.js

@@ -1,24 +1,24 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-export function RollingNumber({ value, className = "" }) {
-    const [digits, setDigits] = useState([]);
-    useEffect(() => {
-        setDigits(value.toString().split(''));
-    }, [value]);
-    return (_jsx("div", { className: `flex items-center overflow-hidden h-[1.2em] leading-[1.2em] ${className}`, children: digits.map((digit, idx) => (_jsx(Digit, { char: digit }, `${idx}-${digit}`))) }));
-}
-function Digit({ char }) {
-    const isNumber = !isNaN(parseInt(char));
-    const [offset, setOffset] = useState(0);
-    useEffect(() => {
-        if (isNumber) {
-            setOffset(parseInt(char) * 100);
-        }
-    }, [char, isNumber]);
-    if (!isNumber) {
-        return _jsx("span", { className: "inline-block transition-all duration-500", children: char });
-    }
-    return (_jsx("div", { className: "relative w-[0.6em] h-[1.2em] flex flex-col transition-transform duration-500 ease-out", style: { transform: `translateY(-${offset}%)` }, children: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((n) => (_jsx("span", { className: "h-[1.2em] flex items-center justify-center shrink-0", children: n }, n))) }));
-}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export function RollingNumber({ value, className = "" }) {
+    const [digits, setDigits] = useState([]);
+    useEffect(() => {
+        setDigits(value.toString().split(''));
+    }, [value]);
+    return (_jsx("div", { className: `flex items-center overflow-hidden h-[1.2em] leading-[1.2em] ${className}`, children: digits.map((digit, idx) => (_jsx(Digit, { char: digit }, `${idx}-${digit}`))) }));
+}
+function Digit({ char }) {
+    const isNumber = !isNaN(parseInt(char));
+    const [offset, setOffset] = useState(0);
+    useEffect(() => {
+        if (isNumber) {
+            setOffset(parseInt(char) * 100);
+        }
+    }, [char, isNumber]);
+    if (!isNumber) {
+        return _jsx("span", { className: "inline-block transition-all duration-500", children: char });
+    }
+    return (_jsx("div", { className: "relative w-[0.6em] h-[1.2em] flex flex-col transition-transform duration-500 ease-out", style: { transform: `translateY(-${offset}%)` }, children: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((n) => (_jsx("span", { className: "h-[1.2em] flex items-center justify-center shrink-0", children: n }, n))) }));
+}
 //# sourceMappingURL=RollingNumber.js.map

package/dist/components/Slider.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-export interface SlideItem {
-    wallpaper: string;
-    content: React.ReactNode;
-}
-export interface SliderProps {
-    slides?: SlideItem[];
-    durationTime?: number;
-}
-export declare function Slider({ slides, durationTime }: SliderProps): import("react/jsx-runtime").JSX.Element | null;
+import React from 'react';
+export interface SlideItem {
+    wallpaper: string;
+    content: React.ReactNode;
+}
+export interface SliderProps {
+    slides?: SlideItem[];
+    durationTime?: number;
+}
+export declare function Slider({ slides, durationTime }: SliderProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider.js

@@ -1,36 +1,36 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-const defaultSlides = [
-    {
-        wallpaper: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?q=80&w=2070&auto=format&fit=crop',
-        content: (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-black text-white drop-shadow-lg", children: "E-Spor Turnuvalar\u0131" }), _jsx("p", { className: "text-lg md:text-xl text-gray-200 drop-shadow-md font-medium", children: "Yeteneklerini g\u00F6ster ve devasa \u00F6d\u00FCl havuzundan pay\u0131n\u0131 al." })] }))
-    },
-    {
-        wallpaper: 'https://images.unsplash.com/photo-1511512578047-dfb367046420?q=80&w=2071&auto=format&fit=crop',
-        content: (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-black text-white drop-shadow-lg", children: "ARMOYU Minecraft" }), _jsx("p", { className: "text-lg md:text-xl text-gray-200 drop-shadow-md font-medium", children: "Geli\u015Fmi\u015F eklentiler ve bitmeyen aksiyon mc.armoyu.com'da." })] }))
-    },
-    {
-        wallpaper: 'https://images.unsplash.com/photo-1552820728-8b83bb6b773f?q=80&w=2070&auto=format&fit=crop',
-        content: (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-black text-white drop-shadow-lg", children: "B\u00FCy\u00FCk Topluluk" }), _jsx("p", { className: "text-lg md:text-xl text-gray-200 drop-shadow-md font-medium", children: "Binlerce oyuncuyla tan\u0131\u015F, ekibini kur ve rekabete kat\u0131l." })] }))
-    }
-];
-export function Slider({ slides = defaultSlides, durationTime = 5000 }) {
-    const [currentIndex, setCurrentIndex] = useState(0);
-    useEffect(() => {
-        if (!slides || slides.length <= 1)
-            return;
-        const timer = setInterval(() => {
-            setCurrentIndex((prev) => (prev + 1) % slides.length);
-        }, durationTime);
-        return () => clearInterval(timer);
-    }, [slides, durationTime, currentIndex]);
-    if (!slides || slides.length === 0)
-        return null;
-    return (_jsxs("div", { className: "relative w-full h-full min-h-[400px] md:min-h-[500px] rounded-[30px] overflow-hidden group shadow-2xl border border-white/5", children: [slides.map((slide, index) => (_jsxs("div", { className: `absolute inset-0 transition-opacity duration-1000 ease-in-out ${index === currentIndex ? 'opacity-100 z-10' : 'opacity-0 z-0'}`, children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-[#0a0a0e] via-black/40 to-transparent z-10" }), _jsx("img", { src: slide.wallpaper, alt: `Slide ${index}`, className: "absolute inset-0 w-full h-full object-cover transition-transform duration-[10000ms] ease-linear overflow-hidden", style: {
-                            transform: index === currentIndex ? 'scale(1.05)' : 'scale(1)',
-                        } }), _jsx("div", { className: "absolute inset-0 z-20 flex flex-col justify-end pb-20 px-8 lg:px-16 text-left max-w-7xl mx-auto", children: _jsx("div", { className: `transition-all duration-700 transform ${index === currentIndex ? 'translate-y-0 opacity-100' : 'translate-y-8 opacity-0'}`, children: slide.content }) })] }, index))), _jsx("div", { className: "absolute bottom-6 left-0 right-0 z-20 flex justify-center px-8 lg:px-16 max-w-7xl mx-auto", children: _jsx("div", { className: "flex gap-3 w-full", children: slides.map((_, index) => (_jsxs("div", { className: "h-1 lg:h-1.5 flex-1 bg-white/20 rounded-full overflow-hidden cursor-pointer backdrop-blur-sm transition-all hover:bg-white/40", onClick: () => setCurrentIndex(index), children: [index === currentIndex && (_jsx("div", { className: "h-full bg-blue-500 rounded-full shadow-[0_0_10px_rgba(59,130,246,0.8)]", style: {
-                                    animation: `progressBar ${durationTime}ms linear forwards`
-                                } }, `progress-${currentIndex}`)), index < currentIndex && (_jsx("div", { className: "h-full bg-white/60 rounded-full" }))] }, index))) }) })] }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+const defaultSlides = [
+    {
+        wallpaper: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?q=80&w=2070&auto=format&fit=crop',
+        content: (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-black text-white drop-shadow-lg", children: "E-Spor Turnuvalar\u0131" }), _jsx("p", { className: "text-lg md:text-xl text-gray-200 drop-shadow-md font-medium", children: "Yeteneklerini g\u00F6ster ve devasa \u00F6d\u00FCl havuzundan pay\u0131n\u0131 al." })] }))
+    },
+    {
+        wallpaper: 'https://images.unsplash.com/photo-1511512578047-dfb367046420?q=80&w=2071&auto=format&fit=crop',
+        content: (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-black text-white drop-shadow-lg", children: "ARMOYU Minecraft" }), _jsx("p", { className: "text-lg md:text-xl text-gray-200 drop-shadow-md font-medium", children: "Geli\u015Fmi\u015F eklentiler ve bitmeyen aksiyon mc.armoyu.com'da." })] }))
+    },
+    {
+        wallpaper: 'https://images.unsplash.com/photo-1552820728-8b83bb6b773f?q=80&w=2070&auto=format&fit=crop',
+        content: (_jsxs("div", { className: "space-y-4", children: [_jsx("h2", { className: "text-4xl md:text-6xl font-black text-white drop-shadow-lg", children: "B\u00FCy\u00FCk Topluluk" }), _jsx("p", { className: "text-lg md:text-xl text-gray-200 drop-shadow-md font-medium", children: "Binlerce oyuncuyla tan\u0131\u015F, ekibini kur ve rekabete kat\u0131l." })] }))
+    }
+];
+export function Slider({ slides = defaultSlides, durationTime = 5000 }) {
+    const [currentIndex, setCurrentIndex] = useState(0);
+    useEffect(() => {
+        if (!slides || slides.length <= 1)
+            return;
+        const timer = setInterval(() => {
+            setCurrentIndex((prev) => (prev + 1) % slides.length);
+        }, durationTime);
+        return () => clearInterval(timer);
+    }, [slides, durationTime, currentIndex]);
+    if (!slides || slides.length === 0)
+        return null;
+    return (_jsxs("div", { className: "relative w-full h-full min-h-[400px] md:min-h-[500px] rounded-[30px] overflow-hidden group shadow-2xl border border-white/5", children: [slides.map((slide, index) => (_jsxs("div", { className: `absolute inset-0 transition-opacity duration-1000 ease-in-out ${index === currentIndex ? 'opacity-100 z-10' : 'opacity-0 z-0'}`, children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-[#0a0a0e] via-black/40 to-transparent z-10" }), _jsx("img", { src: slide.wallpaper, alt: `Slide ${index}`, className: "absolute inset-0 w-full h-full object-cover transition-transform duration-[10000ms] ease-linear overflow-hidden", style: {
+                            transform: index === currentIndex ? 'scale(1.05)' : 'scale(1)',
+                        } }), _jsx("div", { className: "absolute inset-0 z-20 flex flex-col justify-end pb-20 px-8 lg:px-16 text-left max-w-7xl mx-auto", children: _jsx("div", { className: `transition-all duration-700 transform ${index === currentIndex ? 'translate-y-0 opacity-100' : 'translate-y-8 opacity-0'}`, children: slide.content }) })] }, index))), _jsx("div", { className: "absolute bottom-6 left-0 right-0 z-20 flex justify-center px-8 lg:px-16 max-w-7xl mx-auto", children: _jsx("div", { className: "flex gap-3 w-full", children: slides.map((_, index) => (_jsxs("div", { className: "h-1 lg:h-1.5 flex-1 bg-white/20 rounded-full overflow-hidden cursor-pointer backdrop-blur-sm transition-all hover:bg-white/40", onClick: () => setCurrentIndex(index), children: [index === currentIndex && (_jsx("div", { className: "h-full bg-blue-500 rounded-full shadow-[0_0_10px_rgba(59,130,246,0.8)]", style: {
+                                    animation: `progressBar ${durationTime}ms linear forwards`
+                                } }, `progress-${currentIndex}`)), index < currentIndex && (_jsx("div", { className: "h-full bg-white/60 rounded-full" }))] }, index))) }) })] }));
+}
 //# sourceMappingURL=Slider.js.map

package/dist/components/StatsGrid.js

@@ -1,14 +1,14 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function StatsGrid({ stats }) {
-    const statItems = [
-        { label: 'Toplam Oyuncu', value: stats.totalPlayers.toLocaleString('tr-TR'), icon: '🎮', color: 'text-blue-400' },
-        { label: 'Aktif Kullanıcı (24s)', value: stats.activeUsers24h.toLocaleString('tr-TR'), icon: '🔥', color: 'text-orange-400' },
-        { label: 'Açılan Forum', value: stats.totalForums.toLocaleString('tr-TR'), icon: '💬', color: 'text-purple-400' },
-        { label: 'Oynanan Maç', value: stats.totalMatchesPlayed.toLocaleString('tr-TR'), icon: '⚔️', color: 'text-red-400' },
-        { label: 'Kurulan Grup', value: stats.totalGuilds.toLocaleString('tr-TR'), icon: '🛡️', color: 'text-yellow-400' },
-        { label: 'Düzenlenen Anket', value: stats.totalPolls.toLocaleString('tr-TR'), icon: '📊', color: 'text-emerald-400' },
-    ];
-    return (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: statItems.map((item, idx) => (_jsxs("div", { className: "bg-white/5 p-4 flex items-center gap-4 rounded-2xl border border-white/5 hover:bg-white/10 transition-colors shadow-lg hover:-translate-y-1 duration-300 cursor-default", children: [_jsx("div", { className: "text-3xl bg-[#0a0a0e]/50 p-3 rounded-xl border border-white/10 shadow-inner", children: item.icon }), _jsxs("div", { children: [_jsx("p", { className: "text-gray-400 text-sm font-medium", children: item.label }), _jsx("p", { className: `text-2xl font-black tracking-tight ${item.color}`, children: item.value })] })] }, idx))) }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function StatsGrid({ stats }) {
+    const statItems = [
+        { label: 'Toplam Oyuncu', value: stats.totalPlayers.toLocaleString('tr-TR'), icon: '🎮', color: 'text-blue-400' },
+        { label: 'Aktif Kullanıcı (24s)', value: stats.activeUsers24h.toLocaleString('tr-TR'), icon: '🔥', color: 'text-orange-400' },
+        { label: 'Açılan Forum', value: stats.totalForums.toLocaleString('tr-TR'), icon: '💬', color: 'text-purple-400' },
+        { label: 'Oynanan Maç', value: stats.totalMatchesPlayed.toLocaleString('tr-TR'), icon: '⚔️', color: 'text-red-400' },
+        { label: 'Kurulan Grup', value: stats.totalGuilds.toLocaleString('tr-TR'), icon: '🛡️', color: 'text-yellow-400' },
+        { label: 'Düzenlenen Anket', value: stats.totalPolls.toLocaleString('tr-TR'), icon: '📊', color: 'text-emerald-400' },
+    ];
+    return (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: statItems.map((item, idx) => (_jsxs("div", { className: "bg-white/5 p-4 flex items-center gap-4 rounded-2xl border border-white/5 hover:bg-white/10 transition-colors shadow-lg hover:-translate-y-1 duration-300 cursor-default", children: [_jsx("div", { className: "text-3xl bg-[#0a0a0e]/50 p-3 rounded-xl border border-white/10 shadow-inner", children: item.icon }), _jsxs("div", { children: [_jsx("p", { className: "text-gray-400 text-sm font-medium", children: item.label }), _jsx("p", { className: `text-2xl font-black tracking-tight ${item.color}`, children: item.value })] })] }, idx))) }));
+}
 //# sourceMappingURL=StatsGrid.js.map

package/dist/components/ViewModeToggle.d.ts

@@ -1,8 +1,8 @@
-export type ViewMode = 'grid' | 'table';
-interface ViewModeToggleProps {
-    mode: ViewMode;
-    onChange: (mode: ViewMode) => void;
-}
-export declare function ViewModeToggle({ mode, onChange }: ViewModeToggleProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export type ViewMode = 'grid' | 'table';
+interface ViewModeToggleProps {
+    mode: ViewMode;
+    onChange: (mode: ViewMode) => void;
+}
+export declare function ViewModeToggle({ mode, onChange }: ViewModeToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ViewModeToggle.d.ts.map

package/dist/components/ViewModeToggle.js

@@ -1,10 +1,10 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ViewModeToggle({ mode, onChange }) {
-    return (_jsxs("div", { className: "flex bg-black/5 dark:bg-white/5 p-1 rounded-2xl border border-black/5 dark:border-white/5 shadow-inner", children: [_jsx("button", { onClick: () => onChange('grid'), className: `p-2.5 rounded-xl transition-all ${mode === 'grid'
-                    ? 'bg-white dark:bg-blue-600 text-blue-600 dark:text-white shadow-lg'
-                    : 'text-gray-400 hover:text-white hover:bg-black/5 dark:hover:bg-white/5'}`, title: "Izgara G\u00F6r\u00FCn\u00FCm\u00FC", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "14", width: "7", height: "7" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7" })] }) }), _jsx("button", { onClick: () => onChange('table'), className: `p-2.5 rounded-xl transition-all ${mode === 'table'
-                    ? 'bg-white dark:bg-blue-600 text-blue-600 dark:text-white shadow-lg'
-                    : 'text-gray-400 hover:text-white hover:bg-black/5 dark:hover:bg-white/5'}`, title: "Tablo G\u00F6r\u00FCn\u00FCm\u00FC", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }), _jsx("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }), _jsx("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }), _jsx("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })] }) })] }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ViewModeToggle({ mode, onChange }) {
+    return (_jsxs("div", { className: "flex bg-black/5 dark:bg-white/5 p-1 rounded-2xl border border-black/5 dark:border-white/5 shadow-inner", children: [_jsx("button", { onClick: () => onChange('grid'), className: `p-2.5 rounded-xl transition-all ${mode === 'grid'
+                    ? 'bg-white dark:bg-blue-600 text-blue-600 dark:text-white shadow-lg'
+                    : 'text-gray-400 hover:text-white hover:bg-black/5 dark:hover:bg-white/5'}`, title: "Izgara G\u00F6r\u00FCn\u00FCm\u00FC", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "14", width: "7", height: "7" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7" })] }) }), _jsx("button", { onClick: () => onChange('table'), className: `p-2.5 rounded-xl transition-all ${mode === 'table'
+                    ? 'bg-white dark:bg-blue-600 text-blue-600 dark:text-white shadow-lg'
+                    : 'text-gray-400 hover:text-white hover:bg-black/5 dark:hover:bg-white/5'}`, title: "Tablo G\u00F6r\u00FCn\u00FCm\u00FC", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }), _jsx("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }), _jsx("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }), _jsx("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })] }) })] }));
+}
 //# sourceMappingURL=ViewModeToggle.js.map