@armoyu/ui 1.0.0 → 1.0.1

package/dist/components/modules/magaza/BackToStore.js

@@ -1,11 +1,11 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import Link from 'next/link';
-import { useCart } from '../../../context/CartContext';
-export function BackToStore() {
-    const [searchQuery, setSearchQuery] = useState('');
-    const { totalItems } = useCart();
-    return (_jsxs("div", { className: "mb-10 flex flex-col sm:flex-row sm:items-center justify-between gap-6 animate-in fade-in slide-in-from-top-4 duration-500 bg-black/5 dark:bg-white/5 p-4 rounded-[32px] border border-black/10 dark:border-white/10 backdrop-blur-md", children: [_jsxs(Link, { href: "/magaza", className: "inline-flex items-center gap-3 px-6 py-3 bg-blue-600 text-white rounded-2xl font-black text-[10px] uppercase tracking-widest group transition-all shadow-xl shadow-blue-500/20 active:scale-95 shrink-0", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", className: "group-hover:-translate-x-1.5 transition-transform duration-300", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }), _jsx("span", { children: "MA\u011EAZA ANA SAYFA" })] }), _jsxs("div", { className: "flex items-center gap-4 flex-1 justify-end", children: [_jsxs("div", { className: "relative group max-w-[300px] flex-1", children: [_jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none text-armoyu-text-muted group-focus-within:text-blue-500 transition-colors", 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("circle", { cx: "11", cy: "11", r: "8" }), _jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }) }), _jsx("input", { type: "text", placeholder: "\u00DCr\u00FCn ara...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full bg-black/10 dark:bg-black/40 border border-transparent focus:border-blue-500/50 rounded-xl pl-11 pr-4 py-3 text-xs font-bold text-armoyu-text placeholder:text-armoyu-text-muted focus:outline-none transition-all" })] }), _jsxs(Link, { href: "/magaza/sepet", className: "relative p-3 bg-white/10 hover:bg-white/20 text-armoyu-text rounded-xl transition-all active:scale-95 border border-white/5", 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", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "9", cy: "21", r: "1" }), _jsx("circle", { cx: "20", cy: "21", r: "1" }), _jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })] }), totalItems > 0 && (_jsx("span", { className: "absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-black text-white ring-2 ring-[#121216]", children: totalItems }))] })] })] }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Link from 'next/link';
+import { useCart } from '../../../context/CartContext';
+export function BackToStore() {
+    const [searchQuery, setSearchQuery] = useState('');
+    const { totalItems } = useCart();
+    return (_jsxs("div", { className: "mb-10 flex flex-col sm:flex-row sm:items-center justify-between gap-6 animate-in fade-in slide-in-from-top-4 duration-500 bg-black/5 dark:bg-white/5 p-4 rounded-[32px] border border-black/10 dark:border-white/10 backdrop-blur-md", children: [_jsxs(Link, { href: "/magaza", className: "inline-flex items-center gap-3 px-6 py-3 bg-blue-600 text-white rounded-2xl font-black text-[10px] uppercase tracking-widest group transition-all shadow-xl shadow-blue-500/20 active:scale-95 shrink-0", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", className: "group-hover:-translate-x-1.5 transition-transform duration-300", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }), _jsx("span", { children: "MA\u011EAZA ANA SAYFA" })] }), _jsxs("div", { className: "flex items-center gap-4 flex-1 justify-end", children: [_jsxs("div", { className: "relative group max-w-[300px] flex-1", children: [_jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none text-armoyu-text-muted group-focus-within:text-blue-500 transition-colors", 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("circle", { cx: "11", cy: "11", r: "8" }), _jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }) }), _jsx("input", { type: "text", placeholder: "\u00DCr\u00FCn ara...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), className: "w-full bg-black/10 dark:bg-black/40 border border-transparent focus:border-blue-500/50 rounded-xl pl-11 pr-4 py-3 text-xs font-bold text-armoyu-text placeholder:text-armoyu-text-muted focus:outline-none transition-all" })] }), _jsxs(Link, { href: "/magaza/sepet", className: "relative p-3 bg-white/10 hover:bg-white/20 text-armoyu-text rounded-xl transition-all active:scale-95 border border-white/5", 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", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "9", cy: "21", r: "1" }), _jsx("circle", { cx: "20", cy: "21", r: "1" }), _jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })] }), totalItems > 0 && (_jsx("span", { className: "absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-black text-white ring-2 ring-[#121216]", children: totalItems }))] })] })] }));
+}
 //# sourceMappingURL=BackToStore.js.map

package/dist/components/modules/magaza/StoreHeader.d.ts

@@ -1,6 +1,6 @@
-export interface StoreHeaderProps {
-    searchQuery: string;
-    setSearchQuery: (query: string) => void;
-}
-export declare function StoreHeader({ searchQuery, setSearchQuery }: StoreHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface StoreHeaderProps {
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+}
+export declare function StoreHeader({ searchQuery, setSearchQuery }: StoreHeaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StoreHeader.d.ts.map

package/dist/components/modules/magaza/StoreHeader.js

@@ -1,9 +1,9 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-import { useCart } from '../../../context/CartContext';
-export function StoreHeader({ searchQuery, setSearchQuery }) {
-    const { totalItems } = useCart();
-    return (_jsxs("div", { className: "mb-12 space-y-8 animate-in fade-in slide-in-from-top-4 duration-500", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6", children: [_jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-armoyu-text-muted text-lg max-w-2xl font-medium leading-relaxed opacity-80 mb-2", children: "Oyun deneyimini bir \u00FCst seviyeye ta\u015F\u0131. \u00D6zel \u00FCyelikler ve lisansl\u0131 \u00FCr\u00FCnler burada." }) }), _jsxs("div", { className: "flex items-center gap-4 shrink-0", children: [_jsxs("div", { className: "relative group flex-1 md:w-80", children: [_jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none text-armoyu-text-muted group-focus-within:text-blue-500 transition-colors", 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", strokeLinecap: "round", strokeLinejoin: "round", 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: "\u00DCr\u00FCn 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-2xl pl-12 pr-4 py-4 text-sm font-bold text-armoyu-text placeholder:text-armoyu-text-muted focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all shadow-inner" })] }), _jsxs(Link, { href: "/magaza/siparislerim", className: "p-4 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 text-armoyu-text hover:text-blue-500 rounded-2xl transition-all group flex items-center gap-2", 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", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }), _jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M16 10a4 4 0 0 1-8 0" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest hidden sm:block", children: "Sipari\u015Flerim" })] }), _jsxs(Link, { href: "/magaza/sepet", className: "relative p-4 bg-blue-600 hover:bg-blue-500 text-white rounded-2xl transition-all shadow-xl shadow-blue-500/20 active:scale-95 group overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-tr from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "9", cy: "21", r: "1" }), _jsx("circle", { cx: "20", cy: "21", r: "1" }), _jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })] }), totalItems > 0 && (_jsx("span", { className: "absolute top-2 right-2 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-black text-white ring-2 ring-blue-600 animate-in zoom-in duration-300", children: totalItems }))] })] })] }), _jsxs("div", { className: "flex flex-wrap gap-4 pt-4", children: [_jsxs("div", { className: "px-4 py-2 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-xl flex items-center gap-2", children: [_jsx("div", { className: "w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)] animate-pulse" }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest", children: "Sistem Aktif" })] }), _jsxs("div", { className: "px-4 py-2 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-xl flex items-center gap-2", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", className: "text-blue-500", children: [_jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), _jsx("circle", { cx: "12", cy: "7", r: "4" })] }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest", children: "12.4K Aktif M\u00FC\u015Fteri" })] })] })] }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { useCart } from '../../../context/CartContext';
+export function StoreHeader({ searchQuery, setSearchQuery }) {
+    const { totalItems } = useCart();
+    return (_jsxs("div", { className: "mb-12 space-y-8 animate-in fade-in slide-in-from-top-4 duration-500", children: [_jsxs("div", { className: "flex flex-col md:flex-row md:items-end justify-between gap-6", children: [_jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-armoyu-text-muted text-lg max-w-2xl font-medium leading-relaxed opacity-80 mb-2", children: "Oyun deneyimini bir \u00FCst seviyeye ta\u015F\u0131. \u00D6zel \u00FCyelikler ve lisansl\u0131 \u00FCr\u00FCnler burada." }) }), _jsxs("div", { className: "flex items-center gap-4 shrink-0", children: [_jsxs("div", { className: "relative group flex-1 md:w-80", children: [_jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none text-armoyu-text-muted group-focus-within:text-blue-500 transition-colors", 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", strokeLinecap: "round", strokeLinejoin: "round", 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: "\u00DCr\u00FCn 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-2xl pl-12 pr-4 py-4 text-sm font-bold text-armoyu-text placeholder:text-armoyu-text-muted focus:outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all shadow-inner" })] }), _jsxs(Link, { href: "/magaza/siparislerim", className: "p-4 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 text-armoyu-text hover:text-blue-500 rounded-2xl transition-all group flex items-center gap-2", 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", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }), _jsx("path", { d: "M3 6h18" }), _jsx("path", { d: "M16 10a4 4 0 0 1-8 0" })] }), _jsx("span", { className: "text-[10px] font-black uppercase tracking-widest hidden sm:block", children: "Sipari\u015Flerim" })] }), _jsxs(Link, { href: "/magaza/sepet", className: "relative p-4 bg-blue-600 hover:bg-blue-500 text-white rounded-2xl transition-all shadow-xl shadow-blue-500/20 active:scale-95 group overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-gradient-to-tr from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" }), _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "9", cy: "21", r: "1" }), _jsx("circle", { cx: "20", cy: "21", r: "1" }), _jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })] }), totalItems > 0 && (_jsx("span", { className: "absolute top-2 right-2 flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-black text-white ring-2 ring-blue-600 animate-in zoom-in duration-300", children: totalItems }))] })] })] }), _jsxs("div", { className: "flex flex-wrap gap-4 pt-4", children: [_jsxs("div", { className: "px-4 py-2 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-xl flex items-center gap-2", children: [_jsx("div", { className: "w-2 h-2 rounded-full bg-emerald-500 shadow-[0_0_8px_rgba(16,185,129,0.5)] animate-pulse" }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest", children: "Sistem Aktif" })] }), _jsxs("div", { className: "px-4 py-2 bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 rounded-xl flex items-center gap-2", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", className: "text-blue-500", children: [_jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), _jsx("circle", { cx: "12", cy: "7", r: "4" })] }), _jsx("span", { className: "text-[10px] font-black text-armoyu-text-muted uppercase tracking-widest", children: "12.4K Aktif M\u00FC\u015Fteri" })] })] })] }));
+}
 //# sourceMappingURL=StoreHeader.js.map

package/dist/components/modules/news/NewsCard.d.ts

@@ -1,12 +1,12 @@
-import { User } from '@armoyu/core';
-export interface NewsCardProps {
-    slug: string;
-    title: string;
-    excerpt: string;
-    date: string;
-    category: string;
-    image: string;
-    author: User | null;
-}
-export declare function NewsCard({ slug, title, excerpt, date, category, image, author }: NewsCardProps): import("react/jsx-runtime").JSX.Element;
+import { User } from '@armoyu/core';
+export interface NewsCardProps {
+    slug: string;
+    title: string;
+    excerpt: string;
+    date: string;
+    category: string;
+    image: string;
+    author: User | null;
+}
+export declare function NewsCard({ slug, title, excerpt, date, category, image, author }: NewsCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NewsCard.d.ts.map

package/dist/components/modules/news/NewsCard.js

@@ -1,7 +1,7 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-export function NewsCard({ slug, title, excerpt, date, category, image, author }) {
-    return (_jsx(Link, { href: `/haberler/${slug}`, className: "group block", children: _jsxs("div", { className: "glass-panel rounded-3xl overflow-hidden border border-armoyu-card-border bg-armoyu-card-bg shadow-sm hover:shadow-2xl transition-all duration-500 h-full flex flex-col", children: [_jsxs("div", { className: "aspect-video overflow-hidden relative", children: [_jsx("img", { src: image, alt: title, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" }), _jsx("div", { className: "absolute top-4 left-4", children: _jsx("span", { className: "bg-blue-600 text-white text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-xl shadow-lg shadow-blue-600/20", children: category }) })] }), _jsxs("div", { className: "p-6 flex-1 flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3 text-[10px] font-bold text-armoyu-text-muted opacity-60", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), _jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), _jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), _jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })] }), date] }), _jsx("span", { children: "\u2022" }), _jsx("span", { className: "flex items-center gap-1 uppercase tracking-widest text-blue-500 font-black", children: author?.displayName || 'Armoyu Ekibi' })] }), _jsx("h3", { className: "text-xl font-black text-armoyu-text group-hover:text-blue-500 transition-colors mb-4 line-clamp-2 leading-tight", children: title }), _jsxs("p", { className: "text-sm text-armoyu-text-muted font-medium line-clamp-3 mb-6 flex-1 italic", children: ["\"", excerpt, "\""] }), _jsxs("div", { className: "flex items-center gap-2 text-blue-500 font-black text-xs uppercase tracking-widest group-hover:translate-x-1 transition-transform", children: ["Devam\u0131n\u0131 Oku", _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: [_jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), _jsx("polyline", { points: "12 5 19 12 12 19" })] })] })] })] }) }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+export function NewsCard({ slug, title, excerpt, date, category, image, author }) {
+    return (_jsx(Link, { href: `/haberler/${slug}`, className: "group block", children: _jsxs("div", { className: "glass-panel rounded-3xl overflow-hidden border border-armoyu-card-border bg-armoyu-card-bg shadow-sm hover:shadow-2xl transition-all duration-500 h-full flex flex-col", children: [_jsxs("div", { className: "aspect-video overflow-hidden relative", children: [_jsx("img", { src: image, alt: title, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" }), _jsx("div", { className: "absolute top-4 left-4", children: _jsx("span", { className: "bg-blue-600 text-white text-[10px] font-black uppercase tracking-widest px-3 py-1.5 rounded-xl shadow-lg shadow-blue-600/20", children: category }) })] }), _jsxs("div", { className: "p-6 flex-1 flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3 text-[10px] font-bold text-armoyu-text-muted opacity-60", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), _jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), _jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), _jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })] }), date] }), _jsx("span", { children: "\u2022" }), _jsx("span", { className: "flex items-center gap-1 uppercase tracking-widest text-blue-500 font-black", children: author?.displayName || 'Armoyu Ekibi' })] }), _jsx("h3", { className: "text-xl font-black text-armoyu-text group-hover:text-blue-500 transition-colors mb-4 line-clamp-2 leading-tight", children: title }), _jsxs("p", { className: "text-sm text-armoyu-text-muted font-medium line-clamp-3 mb-6 flex-1 italic", children: ["\"", excerpt, "\""] }), _jsxs("div", { className: "flex items-center gap-2 text-blue-500 font-black text-xs uppercase tracking-widest group-hover:translate-x-1 transition-transform", children: ["Devam\u0131n\u0131 Oku", _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: [_jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), _jsx("polyline", { points: "12 5 19 12 12 19" })] })] })] })] }) }));
+}
 //# sourceMappingURL=NewsCard.js.map

package/dist/components/modules/news/NewsComments.d.ts

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

package/dist/components/modules/news/NewsComments.js

@@ -1,53 +1,53 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { userList } from '../../../lib/constants/seedData';
-export function NewsComments() {
-    const [comments, setComments] = useState([
-        {
-            id: '1',
-            user: userList.find((u) => u.username === 'mythx') || userList[1],
-            text: 'V3 gerçekten devrimsel olmuş! Arayüzün hızı inanılmaz. Elinize sağlık ekibi.',
-            date: '1 saat önce',
-            likes: 12,
-            isLiked: false
-        },
-        {
-            id: '2',
-            user: userList.find((u) => u.username === 'alperen_admin') || userList[2],
-            text: 'Yeni grup sistemini sabırsızlıkla bekliyoruz. Topluluk için harika bir adım.',
-            date: '45 dakika önce',
-            likes: 8,
-            isLiked: true
-        }
-    ]);
-    const [newComment, setNewComment] = useState('');
-    const handleAddComment = () => {
-        if (!newComment.trim())
-            return;
-        const comment = {
-            id: Date.now().toString(),
-            user: userList[0], // Berkay (Siz)
-            text: newComment,
-            date: 'Şimdi',
-            likes: 0,
-            isLiked: false
-        };
-        setComments([comment, ...comments]);
-        setNewComment('');
-    };
-    const toggleLike = (id) => {
-        setComments(prev => prev.map(c => {
-            if (c.id === id) {
-                return {
-                    ...c,
-                    likes: c.isLiked ? c.likes - 1 : c.likes + 1,
-                    isLiked: !c.isLiked
-                };
-            }
-            return c;
-        }));
-    };
-    return (_jsxs("div", { className: "mt-20 pt-16 border-t border-armoyu-card-border animate-in fade-in slide-in-from-bottom-4 duration-500", children: [_jsxs("h3", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tighter mb-10 flex items-center gap-3", children: ["Yorumlar", _jsx("span", { className: "text-sm font-bold bg-blue-600/10 text-blue-500 px-3 py-1 rounded-full", children: comments.length })] }), _jsx("div", { className: "glass-panel p-6 rounded-[32px] border border-armoyu-card-border bg-armoyu-card-bg shadow-sm mb-12", children: _jsxs("div", { className: "flex gap-4", children: [_jsx("img", { src: userList[0].avatar, className: "w-10 h-10 rounded-full border border-black/10 dark:border-white/10 shrink-0", alt: "Avatar" }), _jsxs("div", { className: "flex-1 space-y-4", children: [_jsx("textarea", { value: newComment, onChange: (e) => setNewComment(e.target.value), placeholder: "D\u00FC\u015F\u00FCncelerini payla\u015F...", className: "w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-2xl px-5 py-4 text-sm text-armoyu-text focus:outline-none focus:border-blue-500 transition-all min-h-[100px] resize-none font-medium" }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { onClick: handleAddComment, disabled: !newComment.trim(), className: "px-8 py-3 bg-blue-600 hover:bg-blue-500 disabled:opacity-50 text-white font-black text-xs uppercase tracking-widest rounded-xl shadow-lg shadow-blue-500/20 active:scale-95 transition-all", children: "Yorum Yap" }) })] })] }) }), _jsx("div", { className: "space-y-8", children: comments.map((comment) => (_jsxs("div", { className: "flex gap-5 group animate-in fade-in slide-in-from-left-4 duration-300", children: [_jsx("img", { src: comment.user.avatar, className: "w-12 h-12 rounded-2xl object-cover border border-armoyu-card-border shrink-0 shadow-sm", alt: "Avatar" }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3 mb-2", children: [_jsx("h4", { className: "text-sm font-black text-armoyu-text uppercase tracking-tight", children: comment.user.displayName }), _jsxs("span", { className: "text-[10px] font-bold text-armoyu-text-muted opacity-60", children: ["\u2022 ", comment.date] })] }), _jsx("p", { className: "text-sm font-medium text-armoyu-text-muted leading-relaxed mb-4", children: comment.text }), _jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("button", { onClick: () => toggleLike(comment.id), className: `flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest transition-colors ${comment.isLiked ? 'text-rose-500' : 'text-armoyu-text-muted hover:text-rose-500'}`, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: comment.isLiked ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }), "Be\u011Fen (", comment.likes, ")"] }), _jsxs("button", { className: "flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted hover:text-blue-500 transition-colors", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" }) }), "Yan\u0131tla"] })] })] })] }, comment.id))) })] }));
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { userList } from '../../../lib/constants/seedData';
+export function NewsComments() {
+    const [comments, setComments] = useState([
+        {
+            id: '1',
+            user: userList.find((u) => u.username === 'mythx') || userList[1],
+            text: 'V3 gerçekten devrimsel olmuş! Arayüzün hızı inanılmaz. Elinize sağlık ekibi.',
+            date: '1 saat önce',
+            likes: 12,
+            isLiked: false
+        },
+        {
+            id: '2',
+            user: userList.find((u) => u.username === 'alperen_admin') || userList[2],
+            text: 'Yeni grup sistemini sabırsızlıkla bekliyoruz. Topluluk için harika bir adım.',
+            date: '45 dakika önce',
+            likes: 8,
+            isLiked: true
+        }
+    ]);
+    const [newComment, setNewComment] = useState('');
+    const handleAddComment = () => {
+        if (!newComment.trim())
+            return;
+        const comment = {
+            id: Date.now().toString(),
+            user: userList[0], // Berkay (Siz)
+            text: newComment,
+            date: 'Şimdi',
+            likes: 0,
+            isLiked: false
+        };
+        setComments([comment, ...comments]);
+        setNewComment('');
+    };
+    const toggleLike = (id) => {
+        setComments(prev => prev.map(c => {
+            if (c.id === id) {
+                return {
+                    ...c,
+                    likes: c.isLiked ? c.likes - 1 : c.likes + 1,
+                    isLiked: !c.isLiked
+                };
+            }
+            return c;
+        }));
+    };
+    return (_jsxs("div", { className: "mt-20 pt-16 border-t border-armoyu-card-border animate-in fade-in slide-in-from-bottom-4 duration-500", children: [_jsxs("h3", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tighter mb-10 flex items-center gap-3", children: ["Yorumlar", _jsx("span", { className: "text-sm font-bold bg-blue-600/10 text-blue-500 px-3 py-1 rounded-full", children: comments.length })] }), _jsx("div", { className: "glass-panel p-6 rounded-[32px] border border-armoyu-card-border bg-armoyu-card-bg shadow-sm mb-12", children: _jsxs("div", { className: "flex gap-4", children: [_jsx("img", { src: userList[0].avatar, className: "w-10 h-10 rounded-full border border-black/10 dark:border-white/10 shrink-0", alt: "Avatar" }), _jsxs("div", { className: "flex-1 space-y-4", children: [_jsx("textarea", { value: newComment, onChange: (e) => setNewComment(e.target.value), placeholder: "D\u00FC\u015F\u00FCncelerini payla\u015F...", className: "w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-2xl px-5 py-4 text-sm text-armoyu-text focus:outline-none focus:border-blue-500 transition-all min-h-[100px] resize-none font-medium" }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { onClick: handleAddComment, disabled: !newComment.trim(), className: "px-8 py-3 bg-blue-600 hover:bg-blue-500 disabled:opacity-50 text-white font-black text-xs uppercase tracking-widest rounded-xl shadow-lg shadow-blue-500/20 active:scale-95 transition-all", children: "Yorum Yap" }) })] })] }) }), _jsx("div", { className: "space-y-8", children: comments.map((comment) => (_jsxs("div", { className: "flex gap-5 group animate-in fade-in slide-in-from-left-4 duration-300", children: [_jsx("img", { src: comment.user.avatar, className: "w-12 h-12 rounded-2xl object-cover border border-armoyu-card-border shrink-0 shadow-sm", alt: "Avatar" }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3 mb-2", children: [_jsx("h4", { className: "text-sm font-black text-armoyu-text uppercase tracking-tight", children: comment.user.displayName }), _jsxs("span", { className: "text-[10px] font-bold text-armoyu-text-muted opacity-60", children: ["\u2022 ", comment.date] })] }), _jsx("p", { className: "text-sm font-medium text-armoyu-text-muted leading-relaxed mb-4", children: comment.text }), _jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("button", { onClick: () => toggleLike(comment.id), className: `flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest transition-colors ${comment.isLiked ? 'text-rose-500' : 'text-armoyu-text-muted hover:text-rose-500'}`, children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: comment.isLiked ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }), "Be\u011Fen (", comment.likes, ")"] }), _jsxs("button", { className: "flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted hover:text-blue-500 transition-colors", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: _jsx("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" }) }), "Yan\u0131tla"] })] })] })] }, comment.id))) })] }));
+}
 //# sourceMappingURL=NewsComments.js.map

package/dist/components/modules/profile/CloudStorageModal.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-interface CloudStorageModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onSelectMedia?: (url: string, type: 'image' | 'video') => void;
-}
-export declare function CloudStorageModal({ isOpen, onClose, onSelectMedia }: CloudStorageModalProps): React.ReactPortal | null;
-export {};
+import React from 'react';
+interface CloudStorageModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelectMedia?: (url: string, type: 'image' | 'video') => void;
+}
+export declare function CloudStorageModal({ isOpen, onClose, onSelectMedia }: CloudStorageModalProps): React.ReactPortal | null;
+export {};
 //# sourceMappingURL=CloudStorageModal.d.ts.map

package/dist/components/modules/profile/CloudStorageModal.js

@@ -1,32 +1,32 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { createPortal } from 'react-dom';
-export function CloudStorageModal({ isOpen, onClose, onSelectMedia }) {
-    const [mounted, setMounted] = useState(false);
-    const [activeCategory, setActiveCategory] = useState('all'); // Simplified for mock display
-    const [dragActive, setDragActive] = useState(false);
-    useEffect(() => setMounted(true), []);
-    if (!isOpen || !mounted)
-        return null;
-    // Mock Cloud Files
-    const mockFiles = [
-        { id: '1', type: 'image', url: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?q=80&w=2670&auto=format&fit=crop', name: 'Valorant_Clip_1.jpg', size: '2.4 MB', date: '12 Eki' },
-        { id: '2', type: 'video', url: 'https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/720/Big_Buck_Bunny_720_10s_1MB.mp4', name: 'CS2_Aces.mp4', size: '14.1 MB', date: '05 Eki' },
-        { id: '3', type: 'image', url: 'https://images.unsplash.com/photo-1587831990711-23ca6441447b?q=80&w=2698&auto=format&fit=crop', name: 'Setup_Photo.png', size: '4.8 MB', date: '28 Eyl' },
-        { id: '4', type: 'image', url: 'https://images.unsplash.com/photo-1614680376593-902f74cf0d41?q=80&w=2574&auto=format&fit=crop', name: 'Minecraft_Bas...jpg', size: '1.2 MB', date: '15 Eyl' },
-        { id: '5', type: 'image', url: 'https://images.unsplash.com/photo-1498050108023-c5249f4df085?q=80&w=2672&auto=format&fit=crop', name: 'Coding_Session.jpg', size: '3.5 MB', date: '02 Eyl' }
-    ];
-    const filteredFiles = activeCategory === 'all' ? mockFiles : mockFiles.filter(f => f.type === activeCategory);
-    // Mock Storage Math
-    const storageData = { total: 5000, used: 2400, photos: 1200, videos: 800, audios: 200, documents: 200 };
-    const pPhotos = (storageData.photos / storageData.total) * 100;
-    const pVideos = (storageData.videos / storageData.total) * 100;
-    const pAudios = (storageData.audios / storageData.total) * 100;
-    const pDocs = (storageData.documents / storageData.total) * 100;
-    const modalContent = (_jsxs("div", { className: "fixed inset-0 z-[9999] p-4 md:p-8 xl:p-12 flex items-center justify-center animate-in fade-in duration-200", children: [_jsx("div", { className: "absolute inset-0 bg-black/80 backdrop-blur-sm", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-6xl h-full max-h-[85vh] bg-white dark:bg-[#0a0a0e] border border-gray-200 dark:border-white/10 rounded-[2rem] shadow-2xl flex flex-col md:flex-row overflow-hidden animate-in zoom-in-95 duration-300", children: [_jsxs("div", { className: "w-full md:w-64 border-r border-gray-200 dark:border-white/10 bg-gray-50 dark:bg-[#121216] flex flex-col shrink-0", children: [_jsx("div", { className: "p-6 md:p-8 pb-4", children: _jsxs("h2", { className: "text-2xl font-black text-armoyu-text tracking-tight flex items-center gap-3", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "currentColor", className: "text-blue-500", children: _jsx("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" }) }), "Cloud"] }) }), _jsxs("nav", { className: "flex-1 px-4 space-y-1.5 overflow-y-auto hide-scrollbar", children: [_jsxs("button", { onClick: () => setActiveCategory('all'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'all' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, 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" })] }), "T\u00FCm\u00FC"] }), _jsxs("button", { onClick: () => setActiveCategory('image'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'image' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, 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: "18", height: "18", rx: "2", ry: "2" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), _jsx("polyline", { points: "21 15 16 10 5 21" })] }), "Foto\u011Fraflar"] }), _jsxs("button", { onClick: () => setActiveCategory('video'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'video' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, 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("polygon", { points: "23 7 16 12 23 17 23 7" }), _jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })] }), "Videolar"] }), _jsxs("button", { onClick: () => { }, className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5`, 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("path", { d: "M9 18V5l12-2v13" }), _jsx("circle", { cx: "6", cy: "18", r: "3" }), _jsx("circle", { cx: "18", cy: "16", r: "3" })] }), "Sesler"] })] }), _jsxs("div", { className: "p-6 border-t border-gray-200 dark:border-white/10 hidden md:block group", children: [_jsxs("div", { className: "mb-2 flex justify-between items-end", children: [_jsx("span", { className: "text-xs font-bold text-armoyu-text-muted group-hover:text-armoyu-text transition-colors", children: "Depolama" }), _jsxs("span", { className: "text-xs font-black text-armoyu-text", children: [(storageData.used / 1000).toFixed(1), "GB ", _jsxs("span", { className: "text-[10px] text-armoyu-text-muted font-bold", children: ["/ ", (storageData.total / 1000).toFixed(1), "GB"] })] })] }), _jsxs("div", { className: "w-full h-2.5 bg-black/5 dark:bg-white/10 rounded-full overflow-hidden flex gap-0.5 shadow-inner", children: [_jsx("div", { style: { width: `${pPhotos}%` }, className: "bg-blue-500 h-full", title: "Foto\u011Fraflar" }), _jsx("div", { style: { width: `${pVideos}%` }, className: "bg-purple-500 h-full", title: "Videolar" }), _jsx("div", { style: { width: `${pAudios}%` }, className: "bg-emerald-500 h-full", title: "Sesler" }), _jsx("div", { style: { width: `${pDocs}%` }, className: "bg-orange-500 h-full", title: "Belgeler" })] })] })] }), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white dark:bg-[#0a0a0e]", children: [_jsxs("div", { className: "flex justify-between items-center p-4 md:px-8 border-b border-gray-200 dark:border-white/10 shrink-0", children: [_jsx("h3", { className: "font-extrabold text-armoyu-text text-lg tracking-tight", children: activeCategory === 'all' ? 'Tüm Dosyalar' :
-                                            activeCategory === 'image' ? 'Fotoğraflar' :
-                                                activeCategory === 'video' ? 'Videolar' : 'Dosyalarım' }), _jsx("button", { onClick: onClose, className: "p-2 rounded-full hover:bg-black/5 dark:hover:bg-white/5 text-armoyu-text-muted transition-colors", 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" })] }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 md:px-8 py-6 hide-scrollbar", children: _jsxs("div", { className: "space-y-8 max-w-5xl mx-auto", children: [_jsxs("div", { className: `border-2 border-dashed rounded-[2rem] p-6 lg:p-8 flex flex-col md:flex-row items-center justify-between gap-6 transition-all group ${dragActive ? 'border-blue-500 bg-blue-500/10' : 'border-black/10 dark:border-white/10 hover:border-blue-500/50 bg-black/5 dark:bg-white/5'}`, onDragEnter: () => setDragActive(true), onDragLeave: () => setDragActive(false), onDragOver: (e) => e.preventDefault(), onDrop: (e) => { e.preventDefault(); setDragActive(false); /* file handle logic */ }, children: [_jsxs("div", { className: "flex items-center gap-5", children: [_jsx("div", { className: "w-16 h-16 rounded-[1.25rem] bg-white dark:bg-[#1a1a24] shadow-[0_4px_20px_rgba(0,0,0,0.05)] dark:shadow-[0_4px_20px_rgba(255,255,255,0.03)] flex flex-shrink-0 items-center justify-center group-hover:scale-105 transition-transform", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: "text-blue-500", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-black text-armoyu-text text-lg mb-1", children: "Yeni \u0130\u00E7erik Y\u00FCkle" }), _jsx("p", { className: "text-xs font-bold text-armoyu-text-muted", children: "G\u00F6rsel veya Dosyalar\u0131 S\u00FCr\u00FCkleyin (Maks 100MB)" })] })] }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-3 w-full md:w-auto shrink-0", children: [_jsxs("select", { className: "bg-white dark:bg-[#1a1a24] border border-gray-200 dark:border-white/10 rounded-xl px-4 py-3 text-sm font-bold text-armoyu-text outline-none cursor-pointer focus:border-blue-500 transition-colors shadow-sm", children: [_jsx("option", { value: "image", children: "Foto\u011Fraflar \u0130\u00E7in" }), _jsx("option", { value: "video", children: "Videolar \u0130\u00E7in" }), _jsx("option", { value: "audio", children: "Sesler \u0130\u00E7in" })] }), _jsx("button", { className: "px-6 py-3 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white text-sm font-bold rounded-xl shadow-[0_0_15px_rgba(37,99,235,0.3)] hover:shadow-[0_0_20px_rgba(37,99,235,0.5)] transition-all", children: "Se\u00E7 ve Y\u00FCkle" })] })] }), _jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-bold text-armoyu-text-muted mb-4 uppercase tracking-wider", children: [filteredFiles.length, " \u0130\u00E7erik G\u00F6r\u00FCnt\u00FCleniyor"] }), _jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4", children: filteredFiles.map(file => (_jsxs("div", { className: "group relative aspect-square rounded-2xl overflow-hidden bg-black/5 dark:bg-white/5 border border-transparent hover:border-blue-500/50 cursor-pointer shadow-sm hover:shadow-lg transition-all", onClick: () => onSelectMedia && onSelectMedia(file.url, file.type), children: [file.type === 'image' ? (_jsx("img", { src: file.url, alt: file.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" })) : (_jsxs("div", { className: "w-full h-full relative", children: [_jsx("video", { src: file.url, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20", children: _jsx("div", { className: "w-10 h-10 rounded-full bg-black/50 backdrop-blur-md flex items-center justify-center text-white border border-white/20", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) }) }) })] })), _jsxs("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-4", children: [_jsx("p", { className: "text-white font-bold text-sm truncate mb-0.5", children: file.name }), _jsxs("p", { className: "text-white/70 font-bold text-[10px]", children: [file.size, " \u2022 ", file.date] }), _jsxs("button", { className: "mt-3 w-full py-2 bg-blue-500 hover:bg-blue-600 text-white text-xs font-bold rounded-xl transition-colors shadow-md flex items-center justify-center gap-1.5", onClick: (e) => { e.stopPropagation(); onSelectMedia && onSelectMedia(file.url, file.type); }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), _jsx("polyline", { points: "22 4 12 14.01 9 11.01" })] }), "Payla\u015F\u0131ma Ekle"] })] })] }, file.id))) })] })] }) })] })] })] }));
-    return createPortal(modalContent, document.body);
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+export function CloudStorageModal({ isOpen, onClose, onSelectMedia }) {
+    const [mounted, setMounted] = useState(false);
+    const [activeCategory, setActiveCategory] = useState('all'); // Simplified for mock display
+    const [dragActive, setDragActive] = useState(false);
+    useEffect(() => setMounted(true), []);
+    if (!isOpen || !mounted)
+        return null;
+    // Mock Cloud Files
+    const mockFiles = [
+        { id: '1', type: 'image', url: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?q=80&w=2670&auto=format&fit=crop', name: 'Valorant_Clip_1.jpg', size: '2.4 MB', date: '12 Eki' },
+        { id: '2', type: 'video', url: 'https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/720/Big_Buck_Bunny_720_10s_1MB.mp4', name: 'CS2_Aces.mp4', size: '14.1 MB', date: '05 Eki' },
+        { id: '3', type: 'image', url: 'https://images.unsplash.com/photo-1587831990711-23ca6441447b?q=80&w=2698&auto=format&fit=crop', name: 'Setup_Photo.png', size: '4.8 MB', date: '28 Eyl' },
+        { id: '4', type: 'image', url: 'https://images.unsplash.com/photo-1614680376593-902f74cf0d41?q=80&w=2574&auto=format&fit=crop', name: 'Minecraft_Bas...jpg', size: '1.2 MB', date: '15 Eyl' },
+        { id: '5', type: 'image', url: 'https://images.unsplash.com/photo-1498050108023-c5249f4df085?q=80&w=2672&auto=format&fit=crop', name: 'Coding_Session.jpg', size: '3.5 MB', date: '02 Eyl' }
+    ];
+    const filteredFiles = activeCategory === 'all' ? mockFiles : mockFiles.filter(f => f.type === activeCategory);
+    // Mock Storage Math
+    const storageData = { total: 5000, used: 2400, photos: 1200, videos: 800, audios: 200, documents: 200 };
+    const pPhotos = (storageData.photos / storageData.total) * 100;
+    const pVideos = (storageData.videos / storageData.total) * 100;
+    const pAudios = (storageData.audios / storageData.total) * 100;
+    const pDocs = (storageData.documents / storageData.total) * 100;
+    const modalContent = (_jsxs("div", { className: "fixed inset-0 z-[9999] p-4 md:p-8 xl:p-12 flex items-center justify-center animate-in fade-in duration-200", children: [_jsx("div", { className: "absolute inset-0 bg-black/80 backdrop-blur-sm", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-6xl h-full max-h-[85vh] bg-white dark:bg-[#0a0a0e] border border-gray-200 dark:border-white/10 rounded-[2rem] shadow-2xl flex flex-col md:flex-row overflow-hidden animate-in zoom-in-95 duration-300", children: [_jsxs("div", { className: "w-full md:w-64 border-r border-gray-200 dark:border-white/10 bg-gray-50 dark:bg-[#121216] flex flex-col shrink-0", children: [_jsx("div", { className: "p-6 md:p-8 pb-4", children: _jsxs("h2", { className: "text-2xl font-black text-armoyu-text tracking-tight flex items-center gap-3", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "currentColor", className: "text-blue-500", children: _jsx("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" }) }), "Cloud"] }) }), _jsxs("nav", { className: "flex-1 px-4 space-y-1.5 overflow-y-auto hide-scrollbar", children: [_jsxs("button", { onClick: () => setActiveCategory('all'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'all' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, 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" })] }), "T\u00FCm\u00FC"] }), _jsxs("button", { onClick: () => setActiveCategory('image'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'image' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, 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: "18", height: "18", rx: "2", ry: "2" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), _jsx("polyline", { points: "21 15 16 10 5 21" })] }), "Foto\u011Fraflar"] }), _jsxs("button", { onClick: () => setActiveCategory('video'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'video' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, 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("polygon", { points: "23 7 16 12 23 17 23 7" }), _jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })] }), "Videolar"] }), _jsxs("button", { onClick: () => { }, className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5`, 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("path", { d: "M9 18V5l12-2v13" }), _jsx("circle", { cx: "6", cy: "18", r: "3" }), _jsx("circle", { cx: "18", cy: "16", r: "3" })] }), "Sesler"] })] }), _jsxs("div", { className: "p-6 border-t border-gray-200 dark:border-white/10 hidden md:block group", children: [_jsxs("div", { className: "mb-2 flex justify-between items-end", children: [_jsx("span", { className: "text-xs font-bold text-armoyu-text-muted group-hover:text-armoyu-text transition-colors", children: "Depolama" }), _jsxs("span", { className: "text-xs font-black text-armoyu-text", children: [(storageData.used / 1000).toFixed(1), "GB ", _jsxs("span", { className: "text-[10px] text-armoyu-text-muted font-bold", children: ["/ ", (storageData.total / 1000).toFixed(1), "GB"] })] })] }), _jsxs("div", { className: "w-full h-2.5 bg-black/5 dark:bg-white/10 rounded-full overflow-hidden flex gap-0.5 shadow-inner", children: [_jsx("div", { style: { width: `${pPhotos}%` }, className: "bg-blue-500 h-full", title: "Foto\u011Fraflar" }), _jsx("div", { style: { width: `${pVideos}%` }, className: "bg-purple-500 h-full", title: "Videolar" }), _jsx("div", { style: { width: `${pAudios}%` }, className: "bg-emerald-500 h-full", title: "Sesler" }), _jsx("div", { style: { width: `${pDocs}%` }, className: "bg-orange-500 h-full", title: "Belgeler" })] })] })] }), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white dark:bg-[#0a0a0e]", children: [_jsxs("div", { className: "flex justify-between items-center p-4 md:px-8 border-b border-gray-200 dark:border-white/10 shrink-0", children: [_jsx("h3", { className: "font-extrabold text-armoyu-text text-lg tracking-tight", children: activeCategory === 'all' ? 'Tüm Dosyalar' :
+                                            activeCategory === 'image' ? 'Fotoğraflar' :
+                                                activeCategory === 'video' ? 'Videolar' : 'Dosyalarım' }), _jsx("button", { onClick: onClose, className: "p-2 rounded-full hover:bg-black/5 dark:hover:bg-white/5 text-armoyu-text-muted transition-colors", 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" })] }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 md:px-8 py-6 hide-scrollbar", children: _jsxs("div", { className: "space-y-8 max-w-5xl mx-auto", children: [_jsxs("div", { className: `border-2 border-dashed rounded-[2rem] p-6 lg:p-8 flex flex-col md:flex-row items-center justify-between gap-6 transition-all group ${dragActive ? 'border-blue-500 bg-blue-500/10' : 'border-black/10 dark:border-white/10 hover:border-blue-500/50 bg-black/5 dark:bg-white/5'}`, onDragEnter: () => setDragActive(true), onDragLeave: () => setDragActive(false), onDragOver: (e) => e.preventDefault(), onDrop: (e) => { e.preventDefault(); setDragActive(false); /* file handle logic */ }, children: [_jsxs("div", { className: "flex items-center gap-5", children: [_jsx("div", { className: "w-16 h-16 rounded-[1.25rem] bg-white dark:bg-[#1a1a24] shadow-[0_4px_20px_rgba(0,0,0,0.05)] dark:shadow-[0_4px_20px_rgba(255,255,255,0.03)] flex flex-shrink-0 items-center justify-center group-hover:scale-105 transition-transform", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: "text-blue-500", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-black text-armoyu-text text-lg mb-1", children: "Yeni \u0130\u00E7erik Y\u00FCkle" }), _jsx("p", { className: "text-xs font-bold text-armoyu-text-muted", children: "G\u00F6rsel veya Dosyalar\u0131 S\u00FCr\u00FCkleyin (Maks 100MB)" })] })] }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-3 w-full md:w-auto shrink-0", children: [_jsxs("select", { className: "bg-white dark:bg-[#1a1a24] border border-gray-200 dark:border-white/10 rounded-xl px-4 py-3 text-sm font-bold text-armoyu-text outline-none cursor-pointer focus:border-blue-500 transition-colors shadow-sm", children: [_jsx("option", { value: "image", children: "Foto\u011Fraflar \u0130\u00E7in" }), _jsx("option", { value: "video", children: "Videolar \u0130\u00E7in" }), _jsx("option", { value: "audio", children: "Sesler \u0130\u00E7in" })] }), _jsx("button", { className: "px-6 py-3 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white text-sm font-bold rounded-xl shadow-[0_0_15px_rgba(37,99,235,0.3)] hover:shadow-[0_0_20px_rgba(37,99,235,0.5)] transition-all", children: "Se\u00E7 ve Y\u00FCkle" })] })] }), _jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-bold text-armoyu-text-muted mb-4 uppercase tracking-wider", children: [filteredFiles.length, " \u0130\u00E7erik G\u00F6r\u00FCnt\u00FCleniyor"] }), _jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4", children: filteredFiles.map(file => (_jsxs("div", { className: "group relative aspect-square rounded-2xl overflow-hidden bg-black/5 dark:bg-white/5 border border-transparent hover:border-blue-500/50 cursor-pointer shadow-sm hover:shadow-lg transition-all", onClick: () => onSelectMedia && onSelectMedia(file.url, file.type), children: [file.type === 'image' ? (_jsx("img", { src: file.url, alt: file.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" })) : (_jsxs("div", { className: "w-full h-full relative", children: [_jsx("video", { src: file.url, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20", children: _jsx("div", { className: "w-10 h-10 rounded-full bg-black/50 backdrop-blur-md flex items-center justify-center text-white border border-white/20", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) }) }) })] })), _jsxs("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-4", children: [_jsx("p", { className: "text-white font-bold text-sm truncate mb-0.5", children: file.name }), _jsxs("p", { className: "text-white/70 font-bold text-[10px]", children: [file.size, " \u2022 ", file.date] }), _jsxs("button", { className: "mt-3 w-full py-2 bg-blue-500 hover:bg-blue-600 text-white text-xs font-bold rounded-xl transition-colors shadow-md flex items-center justify-center gap-1.5", onClick: (e) => { e.stopPropagation(); onSelectMedia && onSelectMedia(file.url, file.type); }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), _jsx("polyline", { points: "22 4 12 14.01 9 11.01" })] }), "Payla\u015F\u0131ma Ekle"] })] })] }, file.id))) })] })] }) })] })] })] }));
+    return createPortal(modalContent, document.body);
+}
 //# sourceMappingURL=CloudStorageModal.js.map

package/dist/components/modules/profile/EditProfileModal.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-interface EditProfileModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    user: any;
-}
-export declare function EditProfileModal({ isOpen, onClose, user }: EditProfileModalProps): React.ReactPortal | null;
-export {};
+import React from 'react';
+interface EditProfileModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    user: any;
+}
+export declare function EditProfileModal({ isOpen, onClose, user }: EditProfileModalProps): React.ReactPortal | null;
+export {};
 //# sourceMappingURL=EditProfileModal.d.ts.map

package/dist/components/modules/profile/EditProfileModal.js

@@ -1,28 +1,28 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-export function EditProfileModal({ isOpen, onClose, user }) {
-    const [formData, setFormData] = useState({
-        profession: '',
-        email: 'kullanici@armoyu.com',
-        phone: '',
-        birthDate: '',
-        country: 'Türkiye',
-        city: 'İstanbul',
-    });
-    const handleChange = (e) => {
-        setFormData(prev => ({ ...prev, [e.target.name]: e.target.value }));
-    };
-    const handleSave = () => {
-        // API logic buraya eklenecek
-        onClose();
-    };
-    const [mounted, setMounted] = useState(false);
-    useEffect(() => setMounted(true), []);
-    if (!isOpen || !mounted)
-        return null;
-    const modalContent = (_jsxs("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center animate-in fade-in duration-200", children: [_jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-2xl bg-white dark:bg-[#0a0a0e] border border-gray-200 dark:border-white/10 rounded-[2rem] shadow-2xl p-6 md:p-8 animate-in zoom-in-95 duration-300 mx-4 max-h-[90vh] overflow-y-auto hide-scrollbar flex flex-col", children: [_jsxs("div", { className: "flex justify-between items-center mb-6 shrink-0 sticky top-0 bg-white dark:bg-[#0a0a0e] z-10 pt-2 pb-4 border-b border-gray-200 dark:border-white/5", children: [_jsx("h2", { className: "text-xl md:text-2xl font-black text-armoyu-text tracking-tight", children: "Profili D\u00FCzenle" }), _jsx("button", { onClick: onClose, className: "p-2 rounded-full hover:bg-black/5 dark:hover:bg-white/5 text-armoyu-text-muted transition-colors border border-transparent hover:border-armoyu-card-border", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", 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: "space-y-8 pb-8 flex-1", children: [_jsxs("div", { className: "space-y-5", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text border-b border-gray-200 dark:border-white/5 pb-2", children: "Temel Bilgiler" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "E-Posta Adresi" }), _jsx("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Cep Numaras\u0131" }), _jsx("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, placeholder: "+90 555 555 55 55", className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Meslek / Unvan" }), _jsxs("select", { name: "profession", value: formData.profession, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors appearance-none", children: [_jsx("option", { value: "", children: "Se\u00E7iniz..." }), _jsx("option", { value: "\u00D6\u011Frenci", children: "\u00D6\u011Frenci" }), _jsx("option", { value: "\u00D6\u011Fretmen / E\u011Fitmen", children: "\u00D6\u011Fretmen / E\u011Fitmen" }), _jsx("option", { value: "Yaz\u0131l\u0131m Geli\u015Ftirici", children: "Yaz\u0131l\u0131m Geli\u015Ftirici" }), _jsx("option", { value: "M\u00FChendis", children: "M\u00FChendis" }), _jsx("option", { value: "Tasar\u0131mc\u0131 / Grafiker", children: "Tasar\u0131mc\u0131 / Grafiker" }), _jsx("option", { value: "Mimar", children: "Mimar" }), _jsx("option", { value: "\u0130\u00E7erik \u00DCreticisi (YouTuber/Yay\u0131nc\u0131)", children: "\u0130\u00E7erik \u00DCreticisi (YouTuber/Yay\u0131nc\u0131)" }), _jsx("option", { value: "e-Spor Oyuncusu", children: "e-Spor Oyuncusu" }), _jsx("option", { value: "Doktor / Sa\u011Fl\u0131k \u00C7al\u0131\u015Fan\u0131", children: "Doktor / Sa\u011Fl\u0131k \u00C7al\u0131\u015Fan\u0131" }), _jsx("option", { value: "Avukat / Hukuk\u00E7u", children: "Avukat / Hukuk\u00E7u" }), _jsx("option", { value: "Muhasebeci / Finans", children: "Muhasebeci / Finans" }), _jsx("option", { value: "Sat\u0131\u015F / Pazarlama", children: "Sat\u0131\u015F / Pazarlama" }), _jsx("option", { value: "Serbest \u00C7al\u0131\u015Fan (Freelancer)", children: "Serbest \u00C7al\u0131\u015Fan (Freelancer)" }), _jsx("option", { value: "Giri\u015Fimci / \u0130\u015F \u0130nsan\u0131", children: "Giri\u015Fimci / \u0130\u015F \u0130nsan\u0131" }), _jsx("option", { value: "Di\u011Fer", children: "Di\u011Fer" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Do\u011Fum Tarihi" }), _jsx("input", { type: "date", name: "birthDate", value: formData.birthDate, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "\u00DClke" }), _jsxs("select", { name: "country", value: formData.country, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors appearance-none", children: [_jsx("option", { value: "T\u00FCrkiye", children: "T\u00FCrkiye" }), _jsx("option", { value: "Azerbaycan", children: "Azerbaycan" }), _jsx("option", { value: "Almanya", children: "Almanya" }), _jsx("option", { value: "Di\u011Fer", children: "Di\u011Fer" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "\u0130l / \u015Eehir" }), _jsx("input", { type: "text", name: "city", value: formData.city, onChange: handleChange, placeholder: "\u00D6rn: \u0130stanbul", className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] })] })] }), _jsxs("div", { className: "space-y-5", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text border-b border-gray-200 dark:border-white/5 pb-2", children: "Ba\u011Fl\u0131 Hesaplar" }), _jsx("p", { className: "text-xs font-bold text-armoyu-text-muted mb-4 leading-relaxed", children: "Di\u011Fer platformlardaki hesaplar\u0131n\u0131z\u0131 ba\u011Flayarak profilinizde sergileyebilir ve arkada\u015Flar\u0131n\u0131z\u0131n sizi kolayca bulmas\u0131n\u0131 sa\u011Flayabilirsiniz." }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [_jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#5865F2]/5 hover:bg-[#5865F2]/10 dark:bg-[#5865F2]/20 dark:hover:bg-[#5865F2]/30 border border-[#5865F2]/30 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#5865F2] flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(88,101,242,0.4)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2498-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8745-.6177-1.2498a.077.077 0 00-.0788-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" }) }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Discord" }), _jsx("div", { className: "text-[11px] font-bold text-blue-500 uppercase tracking-wider", children: "Ba\u011Fland\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl border border-red-500/20 text-red-500 text-xs font-black bg-red-500/5 hover:bg-red-500/10 transition-colors shadow-sm", children: "\u0130ptal Et" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#171a21]/5 hover:bg-[#171a21]/10 dark:bg-[#171a21]/80 dark:hover:bg-[#171a21] border border-gray-200 dark:border-white/5 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#171a21] flex items-center justify-center text-white shrink-0 shadow-sm", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M11.97 0C5.35 0 0 5.37 0 12c0 2.87 1.02 5.51 2.71 7.55l3.82-5.59c-.06-.31-.08-.63-.08-.96 0-3.32 2.68-6 6-6s6 2.68 6 6-2.68 6-6 6c-.84 0-1.63-.17-2.36-.5l-3.23 4.74A11.961 11.961 0 0 0 11.97 24c6.62 0 12-5.37 12-12s-5.38-12-12-12m6.25 11.89c0 1.6-1.29 2.89-2.89 2.89a2.89 2.89 0 0 1-2.89-2.89c0-1.6 1.29-2.89 2.89-2.89s2.89 1.29 2.89 2.89M8.38 14.88c-.85.34-1.8.1-2.38-.6a2.031 2.031 0 0 1 .59-2.85c.85-.34 1.8-.1 2.38.6.59.71.26 2.5-.59 2.85" }) }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Steam" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-pink-500/5 hover:bg-pink-500/10 dark:bg-pink-500/10 dark:hover:bg-pink-500/15 border border-pink-500/20 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-tr from-yellow-400 via-pink-500 to-purple-500 flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(236,72,153,0.4)]", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), _jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), _jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })] }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Instagram" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#0077b5]/5 hover:bg-[#0077b5]/10 dark:bg-[#0077b5]/10 dark:hover:bg-[#0077b5]/20 border border-[#0077b5]/20 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#0077b5] flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(0,119,181,0.4)]", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }), _jsx("rect", { x: "2", y: "9", width: "4", height: "12" }), _jsx("circle", { cx: "4", cy: "4", r: "2" })] }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "LinkedIn" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#1877F2]/5 hover:bg-[#1877F2]/10 dark:bg-[#1877F2]/10 dark:hover:bg-[#1877F2]/20 border border-[#1877F2]/20 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#1877F2] flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(24,119,242,0.4)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Facebook" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] })] })] })] }), _jsxs("div", { className: "flex gap-4 pt-6 mt-auto sticky bottom-0 bg-white dark:bg-[#0a0a0e] pb-2 z-10 w-full shrink-0 border-t border-gray-200 dark:border-white/5", children: [_jsx("button", { onClick: onClose, className: "flex-1 py-3.5 text-sm font-black text-armoyu-text bg-black/5 dark:bg-white/5 hover:bg-black/10 dark:hover:bg-white/10 rounded-2xl transition-colors border border-black/5 dark:border-white/5 shadow-sm", children: "\u0130ptal" }), _jsx("button", { onClick: handleSave, className: "flex-1 py-3.5 text-sm font-black text-white bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 rounded-2xl transition-all shadow-[0_0_20px_rgba(37,99,235,0.4)]", children: "De\u011Fi\u015Fiklikleri Kaydet" })] })] })] }));
-    return createPortal(modalContent, document.body);
-}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+export function EditProfileModal({ isOpen, onClose, user }) {
+    const [formData, setFormData] = useState({
+        profession: '',
+        email: 'kullanici@armoyu.com',
+        phone: '',
+        birthDate: '',
+        country: 'Türkiye',
+        city: 'İstanbul',
+    });
+    const handleChange = (e) => {
+        setFormData(prev => ({ ...prev, [e.target.name]: e.target.value }));
+    };
+    const handleSave = () => {
+        // API logic buraya eklenecek
+        onClose();
+    };
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => setMounted(true), []);
+    if (!isOpen || !mounted)
+        return null;
+    const modalContent = (_jsxs("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center animate-in fade-in duration-200", children: [_jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-2xl bg-white dark:bg-[#0a0a0e] border border-gray-200 dark:border-white/10 rounded-[2rem] shadow-2xl p-6 md:p-8 animate-in zoom-in-95 duration-300 mx-4 max-h-[90vh] overflow-y-auto hide-scrollbar flex flex-col", children: [_jsxs("div", { className: "flex justify-between items-center mb-6 shrink-0 sticky top-0 bg-white dark:bg-[#0a0a0e] z-10 pt-2 pb-4 border-b border-gray-200 dark:border-white/5", children: [_jsx("h2", { className: "text-xl md:text-2xl font-black text-armoyu-text tracking-tight", children: "Profili D\u00FCzenle" }), _jsx("button", { onClick: onClose, className: "p-2 rounded-full hover:bg-black/5 dark:hover:bg-white/5 text-armoyu-text-muted transition-colors border border-transparent hover:border-armoyu-card-border", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", 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: "space-y-8 pb-8 flex-1", children: [_jsxs("div", { className: "space-y-5", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text border-b border-gray-200 dark:border-white/5 pb-2", children: "Temel Bilgiler" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "E-Posta Adresi" }), _jsx("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Cep Numaras\u0131" }), _jsx("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, placeholder: "+90 555 555 55 55", className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Meslek / Unvan" }), _jsxs("select", { name: "profession", value: formData.profession, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors appearance-none", children: [_jsx("option", { value: "", children: "Se\u00E7iniz..." }), _jsx("option", { value: "\u00D6\u011Frenci", children: "\u00D6\u011Frenci" }), _jsx("option", { value: "\u00D6\u011Fretmen / E\u011Fitmen", children: "\u00D6\u011Fretmen / E\u011Fitmen" }), _jsx("option", { value: "Yaz\u0131l\u0131m Geli\u015Ftirici", children: "Yaz\u0131l\u0131m Geli\u015Ftirici" }), _jsx("option", { value: "M\u00FChendis", children: "M\u00FChendis" }), _jsx("option", { value: "Tasar\u0131mc\u0131 / Grafiker", children: "Tasar\u0131mc\u0131 / Grafiker" }), _jsx("option", { value: "Mimar", children: "Mimar" }), _jsx("option", { value: "\u0130\u00E7erik \u00DCreticisi (YouTuber/Yay\u0131nc\u0131)", children: "\u0130\u00E7erik \u00DCreticisi (YouTuber/Yay\u0131nc\u0131)" }), _jsx("option", { value: "e-Spor Oyuncusu", children: "e-Spor Oyuncusu" }), _jsx("option", { value: "Doktor / Sa\u011Fl\u0131k \u00C7al\u0131\u015Fan\u0131", children: "Doktor / Sa\u011Fl\u0131k \u00C7al\u0131\u015Fan\u0131" }), _jsx("option", { value: "Avukat / Hukuk\u00E7u", children: "Avukat / Hukuk\u00E7u" }), _jsx("option", { value: "Muhasebeci / Finans", children: "Muhasebeci / Finans" }), _jsx("option", { value: "Sat\u0131\u015F / Pazarlama", children: "Sat\u0131\u015F / Pazarlama" }), _jsx("option", { value: "Serbest \u00C7al\u0131\u015Fan (Freelancer)", children: "Serbest \u00C7al\u0131\u015Fan (Freelancer)" }), _jsx("option", { value: "Giri\u015Fimci / \u0130\u015F \u0130nsan\u0131", children: "Giri\u015Fimci / \u0130\u015F \u0130nsan\u0131" }), _jsx("option", { value: "Di\u011Fer", children: "Di\u011Fer" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Do\u011Fum Tarihi" }), _jsx("input", { type: "date", name: "birthDate", value: formData.birthDate, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "\u00DClke" }), _jsxs("select", { name: "country", value: formData.country, onChange: handleChange, className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors appearance-none", children: [_jsx("option", { value: "T\u00FCrkiye", children: "T\u00FCrkiye" }), _jsx("option", { value: "Azerbaycan", children: "Azerbaycan" }), _jsx("option", { value: "Almanya", children: "Almanya" }), _jsx("option", { value: "Di\u011Fer", children: "Di\u011Fer" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-bold text-armoyu-text-muted uppercase tracking-wider", children: "\u0130l / \u015Eehir" }), _jsx("input", { type: "text", name: "city", value: formData.city, onChange: handleChange, placeholder: "\u00D6rn: \u0130stanbul", className: "w-full bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 rounded-xl px-4 py-3 text-sm text-armoyu-text font-bold outline-none focus:border-blue-500 shadow-inner transition-colors" })] })] })] }), _jsxs("div", { className: "space-y-5", children: [_jsx("h3", { className: "text-lg font-bold text-armoyu-text border-b border-gray-200 dark:border-white/5 pb-2", children: "Ba\u011Fl\u0131 Hesaplar" }), _jsx("p", { className: "text-xs font-bold text-armoyu-text-muted mb-4 leading-relaxed", children: "Di\u011Fer platformlardaki hesaplar\u0131n\u0131z\u0131 ba\u011Flayarak profilinizde sergileyebilir ve arkada\u015Flar\u0131n\u0131z\u0131n sizi kolayca bulmas\u0131n\u0131 sa\u011Flayabilirsiniz." }), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [_jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#5865F2]/5 hover:bg-[#5865F2]/10 dark:bg-[#5865F2]/20 dark:hover:bg-[#5865F2]/30 border border-[#5865F2]/30 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#5865F2] flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(88,101,242,0.4)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2498-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8745-.6177-1.2498a.077.077 0 00-.0788-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" }) }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Discord" }), _jsx("div", { className: "text-[11px] font-bold text-blue-500 uppercase tracking-wider", children: "Ba\u011Fland\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl border border-red-500/20 text-red-500 text-xs font-black bg-red-500/5 hover:bg-red-500/10 transition-colors shadow-sm", children: "\u0130ptal Et" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#171a21]/5 hover:bg-[#171a21]/10 dark:bg-[#171a21]/80 dark:hover:bg-[#171a21] border border-gray-200 dark:border-white/5 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#171a21] flex items-center justify-center text-white shrink-0 shadow-sm", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M11.97 0C5.35 0 0 5.37 0 12c0 2.87 1.02 5.51 2.71 7.55l3.82-5.59c-.06-.31-.08-.63-.08-.96 0-3.32 2.68-6 6-6s6 2.68 6 6-2.68 6-6 6c-.84 0-1.63-.17-2.36-.5l-3.23 4.74A11.961 11.961 0 0 0 11.97 24c6.62 0 12-5.37 12-12s-5.38-12-12-12m6.25 11.89c0 1.6-1.29 2.89-2.89 2.89a2.89 2.89 0 0 1-2.89-2.89c0-1.6 1.29-2.89 2.89-2.89s2.89 1.29 2.89 2.89M8.38 14.88c-.85.34-1.8.1-2.38-.6a2.031 2.031 0 0 1 .59-2.85c.85-.34 1.8-.1 2.38.6.59.71.26 2.5-.59 2.85" }) }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Steam" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-pink-500/5 hover:bg-pink-500/10 dark:bg-pink-500/10 dark:hover:bg-pink-500/15 border border-pink-500/20 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-gradient-to-tr from-yellow-400 via-pink-500 to-purple-500 flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(236,72,153,0.4)]", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), _jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), _jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })] }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Instagram" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#0077b5]/5 hover:bg-[#0077b5]/10 dark:bg-[#0077b5]/10 dark:hover:bg-[#0077b5]/20 border border-[#0077b5]/20 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#0077b5] flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(0,119,181,0.4)]", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }), _jsx("rect", { x: "2", y: "9", width: "4", height: "12" }), _jsx("circle", { cx: "4", cy: "4", r: "2" })] }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "LinkedIn" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] }), _jsxs("button", { className: "flex items-center gap-3 w-full p-3.5 rounded-2xl bg-[#1877F2]/5 hover:bg-[#1877F2]/10 dark:bg-[#1877F2]/10 dark:hover:bg-[#1877F2]/20 border border-[#1877F2]/20 transition-all group shadow-sm hover:shadow-md", children: [_jsx("div", { className: "w-12 h-12 rounded-xl bg-[#1877F2] flex items-center justify-center text-white shrink-0 shadow-[0_0_15px_rgba(24,119,242,0.4)]", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) }) }), _jsxs("div", { className: "flex-1 text-left", children: [_jsx("div", { className: "font-bold text-[15px] text-armoyu-text", children: "Facebook" }), _jsx("div", { className: "text-[11px] font-bold text-armoyu-text-muted uppercase tracking-wider", children: "Ba\u011Flanmad\u0131" })] }), _jsx("div", { className: "px-3.5 py-2 rounded-xl bg-black/5 dark:bg-white/5 text-xs font-black text-armoyu-text group-hover:bg-armoyu-text group-hover:text-white dark:group-hover:text-[#0a0a0e] transition-colors border border-black/5 dark:border-white/10 shadow-sm", children: "Ba\u011Fla" })] })] })] })] }), _jsxs("div", { className: "flex gap-4 pt-6 mt-auto sticky bottom-0 bg-white dark:bg-[#0a0a0e] pb-2 z-10 w-full shrink-0 border-t border-gray-200 dark:border-white/5", children: [_jsx("button", { onClick: onClose, className: "flex-1 py-3.5 text-sm font-black text-armoyu-text bg-black/5 dark:bg-white/5 hover:bg-black/10 dark:hover:bg-white/10 rounded-2xl transition-colors border border-black/5 dark:border-white/5 shadow-sm", children: "\u0130ptal" }), _jsx("button", { onClick: handleSave, className: "flex-1 py-3.5 text-sm font-black text-white bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 rounded-2xl transition-all shadow-[0_0_20px_rgba(37,99,235,0.4)]", children: "De\u011Fi\u015Fiklikleri Kaydet" })] })] })] }));
+    return createPortal(modalContent, document.body);
+}
 //# sourceMappingURL=EditProfileModal.js.map

package/dist/components/modules/profile/ProfileContent.d.ts

@@ -1,5 +1,5 @@
-import { User } from '@armoyu/core';
-export declare function ProfileContent({ user }: {
-    user?: User;
-}): import("react/jsx-runtime").JSX.Element;
+import { User } from '@armoyu/core';
+export declare function ProfileContent({ user }: {
+    user?: User;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProfileContent.d.ts.map