@armoyu/ui 1.0.0 → 1.0.2

package/package.json

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

package/src/globals.css

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

package/next.config.ts

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

package/postcss.config.js

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

package/src/app/layout.tsx

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

package/src/app/page.tsx

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